/********************************************************************/
/******************** Site Internet de Gaillard *********************/
/************* (c) 2009 creasio - http://www.creasio.fr *************/
/******************* Email: contact@creasio.fr **********************/
/******************** http://www.creasio.fr/ ************************/
/********************************************************************/

/*** Feuille de style ***/

*{margin:0; padding:0}

/*** BALISES ***/

html {font-size:100%;}
body{
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#3e3d40;
	background-color:#f9f0e0;
	background-image:url(../images/back.gif);
	background-repeat:repeat-x;
}
a{
	text-decoration:underline;
	color:#3e3d40;
}
a:hover{
	color:#318cc0;
}
h1{
	font-size:21px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	line-height:21px;
	padding:12px 0 0 40px;
}
h2{
	font-size:18px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	line-height:18px;
	padding:0 0 4px 0;
}
h3{
	font-size:14px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	line-height:14px;
	padding:0 0 4px 0;
}
h4{
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	line-height:11px;
	padding:0 0 4px 0;
}
table.spip{
	border-collapse:collapse;
	border-spacing:0;
	line-height:normal;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	max-width:99%;
}
table.spip caption {
	caption-side:top;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
table.spip tr.row_first{
	background:#318cc0 none repeat scroll 0 0;
	color:white;
}
table.spip th {
	font-weight:bold;
	vertical-align:bottom;
}
table.spip th, table.spip td {
	border:1px solid #3e3d40;
	padding:0.2em 0.4em;
	text-align:left;
}
table.spip tr.row_even {
	background:#DDDDDD none repeat scroll 0 0;
}
table.spip tr.row_odd {
	background:#EEEEEE none repeat scroll 0 0;
}

/*** IDENTIFIANTS ***/
/* positionneur global*/
#wrap{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-494px; /*On ajoute 4px pour se déaler un peu à droite*/
	width:992px;
	height:233px;
}
/* positionneur secondaire : après le bandeau et le menu principal */
#wrap2{
	position:absolute;
	top:233px;
	left:0;
	width:992px;
}
#hierarchie{
	margin:0 0 0 250px;
}
/* menu de gauche */
#menug{
	float:left;
	width:210px;
}
/*Sous menu des rubriques*/
#menug ul{
	list-style:none;
}
#menug ul li ul li{
	line-height:24px;
	text-indent:0px;
}
#menug ul.rub li a{
	display:block;
	width:148px;
	min-height:24px;
	margin-left:19px;
	padding:4px 10px 4px 20px;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	border-bottom:1px solid white;
}
#menug ul.rub li a:hover, #menug ul.rub li a.on{
	color:white;
}
#menug ul.rub ul ul li a{
	font-weight:bold;
	font-size:11px;
	padding:4px 0 4px 40px;
	width:138px;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:20px 0;
}
#menug ul.rub ul ul ul li a{
	padding:4px 0 4px 50px;
	width:128px;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:30px 0;
}
#menug ul.rub li.vertclair{
	background-image:url(../images/rub-vert-clair-back.gif);
	background-repeat:repeat-y;
}
#menug ul.rub li.vertclair a:hover, #menug ul li.vertclair a.on{
	background-image:url(../images/rub-vert-clair-back-over.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-weight:bold;
}

#menug ul li.environnement{
	width:210px;
	height:177px;
	line-height:177px;
	background-image:url(../images/env-off-home.jpg);
	background-repeat:no-repeat;
}
#menug ul li.environnement a{
	display:block;
	width:210px;
	height:177px;
	line-height:177px;
	text-decoration:none;
	text-indent:-100000px;
}
#menug ul li.environnement a:hover{
	background-image:url(../images/env-on-home.jpg);
	background-repeat:no-repeat;
}
#menug ul li#gailcont{
	width:210px;
	height:112px;
	background-image:url(../images/gail-contact.jpg);
	background-repeat:no-repeat;
}
#menug ul li#gailcont a#docgailcont{
	position:absolute;
	display:block;
	width:130px;
	height:30px;
	line-height:14px;
	margin:18px 0 0 34px;
}
#menug ul li#gailcont a#docgailcont img{
	border:none;
}
#menug ul li#gailcont a#arcgailcont{
	position:absolute;
	line-height:14px;
	margin:55px 0 0 96px;
}
/* menu de droite */
#menud{
	float:right;
	width:218px;
}
#menud #rechercher{
	width:218px;
	height:84px;
	background-image:url(../images/rechercher.jpg);
	background-repeat:no-repeat;
}
/* formulaire de recherche */
#menud #rechercher form{
	display:block;
	width:120px;
	height:50px;
	margin-left:78px;
	padding-top:30px;
}
 #menud #rechercher label{
	display:block;
	width:110px;
	height:18px;
	line-height:18px;
	margin-bottom:5px;
 }
#menud #rechercher input#req{
	width:88px;
	height:16px;
	line-height:16px;
	border:none;
	float:left;
	background:transparent none;
}
#menud #rechercher input#sub{
	width:20px;
	height:16px;
	line-height:16px;
	border:none;
	float:left;
	font-size:11px;
	font-family:Arial, sans-serif;
	margin:0 0 0 4px;
	padding:0 2px 0 2px;
	cursor:pointer;
	background:transparent none;
}
/* zone de trois de menus */
#menud #triolet{
	height:185px;
	background-image:url(../images/menu-droite-off.jpg);
	background-repeat:no-repeat;
}
#menud #triolet p  a{
	display:block;
	width:218px;
	text-decoration:none;
	text-indent:-100000px;
}
#menud #triolet p  a:hover{background-repeat:no-repeat;}

#menud #triolet p  a#infosd{height:68px; line-height:68px; width:166px; margin-left:38px;}
#menud #triolet p  a#mairied{height:46px; line-height:46px; width:210px; margin-left:8px;}
#menud #triolet p  a#marchesd{height:54px; line-height:54px; width:204px; margin-left:8px;}

#menud #triolet p  a#infosd:hover{
	background-image:url(../images/menu-droite-on.jpg);
	background-position:-38px 0;
	height:72px;
	line-height:72px; 
}
#menud #triolet p  a#mairied:hover{
	display:block;
	background-image:url(../images/menu-droite-on.jpg);
	background-position:-8px -243px;
	height:71px;
	line-height:71px; 
	margin-top:-10px;
}
#menud #triolet p  a#marchesd:hover{
	background-image:url(../images/menu-droite-on.jpg);
	background-position:-8px -480px;
	height:60px;
	line-height:60px; 
	margin-top:-4px;
}
/* plans de la ville */
#menud #planville{
	width:218px;
	height:108px;
	background-image:url(../images/plan-ville.jpg);
	background-repeat:no-repeat;
}
#menud #planville a{
	position:absolute;
	display:block;
	width:141px;
	height:39px;
	line-height:39px;
	background-image:url(../images/plan-link.gif);
	background-repeat:no-repeat;
	margin:28px 0 0 36px;
}
/* positionneur pour la partie centrale du site */
#centre{
	min-height:400px;
	width:564px;
	float:left;
	background-image:url(../images/lisere-actu.jpg);
	background-repeat:no-repeat;
}
#contenu{
	margin:20px 10px 20px 40px;
	text-align:justify;
}
#contenu ul{
	list-style:none;
}
#contenu ul li{
	margin-bottom:30px;
}
#contenu ul li ul.docjoint li{
	margin:4px;
	width:80px;
	background-color:white;
	border:1px solid #bfbec5;
	padding:5px;
}
#contenu ul li ul.docjoint li a img{
	border:none;
}
#contenu ul li ul.gallerie li{
	margin:4px;
	background-color:white;
	border:1px solid #bfbec5;
	padding:5px;
	width:100px;
	height:160px;
	text-align:center;
}
#contenu ul li ul.gallerie li a img{
	border:none;
}
#feed a{text-decoration:none;}
#feed a img{border:none;}
/* pied de page */
#footer{
	height:18px;
	line-height:18px;
	padding:10px 2px 2px 2px;
	background-image:url(../images/lisere.jpg);
	background-repeat:no-repeat;
	margin-left:220px;
}
#villefleurie{
	float:left;
	padding:0 10px 0 0;
}
#villefleurie img{
	border:none;
}
#villefleurie  a{
	text-decoration:none;
}
/* GOOGLE MAP */
#results{
	width:500px;
	padding:5px;
	margin:0 0 10px 0;
}
#mapp{
	width:500px;
	height:400px;
	background-color:white;
	padding:35px 5px 5px 5px;
	border:1px solid #3e3d40;
}
#detailpoi{
	width:300px;
	height:100px;
	overflow:auto;
	background-color:#EEEEEE;
	padding:5px;
	border:1px solid #3e3d40;
}
/*** CLASSES ***/
.clear{
	clear:both;
	float:none;
}
.right{
	float:right;
}
.left{
	float:left;
}
/* logo */
.logo{
	position:absolute;
	left:0;
	top:0;
	width:342px;
	height:233px;
	background-repeat:no-repeat;
}
.logo a{
	display:block;
	width:342px;
	height:120px;
	line-height:233px;
	text-decoration:none;
	text-indent:-100000px;
	margin-top:114px;
}
/* menu top */
.menutop{
	position:absolute;
	left:342px;
	top:0;
	width:650px;
	height:233px;
	background-repeat:no-repeat;
}
.menutop p  a{
	position:absolute;
	display:block;
	height:233px;
	text-decoration:none;
	text-indent:-100000px;
}
.menutop p  a:hover{background-repeat:no-repeat;}

.menutop p  a.ville{width:102px; height:77px; margin-top:146px;}
.menutop p  a.ville:hover{
	width:102px;
	background-position:0 -146px;
}
.menutop p  a.mairie{width:86px; left:102px; height:66px; margin-top:158px;}
.menutop p  a.mairie:hover{
	background-position:-82px -391px;
	width:106px;
	margin-left:-20px;
}
.menutop p  a.solidarite{width:96px; left:188px; height:56px; margin-top:170px;}
.menutop p  a.solidarite:hover{
	background-position:-174px -636px; 
	width:112px;
	margin-left:-14px;
}
.menutop p  a.enfance{width:156px; left:284px; height:56px; margin-top:174px;}
.menutop p  a.enfance:hover{
	background-position:-270px -873px;
	width:170px;
	margin-left:-14px;
}
.menutop p  a.culture{width:80px; left:440px; height:50px; margin-top:180px;}
.menutop p  a.culture:hover{
	background-position:-426px -1112px;
	width:96px;
	margin-left:-14px;
}

.menutop p  a.loisirs{width:128px; left:520px; height:230px;}
.menutop p  a.loisirs:hover{
	background-position:-508px -1165px;
	width:142px;
	margin-left:-12px;
}
.soustitre{
	padding-bottom:20px;
}
.recherche{
	margin-bottom:30px;
}
.recherche h2{
	background-color:#63b2e0;
	color:white;
	border-bottom:1px solid #946011;
	padding:2px;
}
.recherche h2 .nbr{
	padding-left:100px;
	font-size:12px;
}
.recherche dl{
	margin:4px 0 0 0;
}
.recherche dl dd{
	padding-bottom:10px;
}
.recherche ul{
	margin:4px 0 10px 0;
}
.recherche ul li h3{
	font-size:14px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	line-height:14px;
	padding:0 0 4px 0;
}
.pagina{
	font-size:14px;
	text-align:center;
	font-weight:bold;
}
.sousrub{
	padding:4px 10px 4px 30px;
}
.datepub{
	padding:2px 0 8px 0;
}
.chapo{
	background:white;
	border:1px solid #bfbec5;
	padding:4px;
}
.textecontenu{
	padding:20px 0 10px 0;
}
.textecontenu h3{
	background:white;
	border:1px solid #bfbec5;
	padding:4px;
	margin-bottom:10px;
}
.textecontenu dl{
	padding-left:10px;
}
.textecontenu dt{
	padding-left:12px;
	background-image:url(../images/fleche-noire.gif);
	background-repeat:no-repeat;
}
.textecontenu dl.spip_documents{
	padding-left:0;
	text-align:left;
	width:80px;
}
.textecontenu dl.spip_documents dt{
	padding-left:0;
	background:none;
}
.textecontenu table  dl{
	padding-left:0;
}
.textecontenu table dt{
	padding-left:0;
	background-image:none;
}
.textecontenu p{
	margin-bottom:14px;
}
.postscriptum{
	font-style:italic;
}
.pagination{
	padding:10px 0 0 10px;
}
.spip_documents{
}
.spip_documents_left{
	padding:0 18px 2px 0;
}
.spip_documents_right{
	padding:0 10px 4px 8px;
}
.spip_documents img{
	background-color:white;
	border:1px solid #bfbec5;
	padding:5px;
}