/******** GESTION DE l'identité du site */
/****** Couleurs/images/typos ************/

/**********************/
/***( BLOCKS )********/
/** bloc subheader **/

		/**** structure subheader ***/
		div#subheader{
		background-color:#FFFFFF;
		background-image:none;
		background-position:left;
		background-repeat:no-repeat;
		font-size:1.1em;
		}
		

/**********************/
/** bloc footer **/
		/**** structure footer ***/
		div#footer{
			background:#345E2C url(../images/bgtitremodule.gif) no-repeat right;
			height:20px;
			font-size:1.2em;
		}
		div#footer span.footerdot{
			width:80px;
			height:21px;
			float:left;
			display:block;
		 	background:transparent url("../images/pictos.gif") no-repeat 0 -24px!important;
		}
		div#footer a{
		padding:3px 5px 0 0;
		}

/**********************/
/** bloc header **/		
#header{
height:287px;
background:#fff url('../images/header.jpg') no-repeat;
}
		
/**********************/
/** bloc navigation **/
	#navigation{
		/*** position navigation */	
		background-color:transparent;
		padding:3px 0;
	}
	#navlist{
	border: 0;
	padding:0;
	margin: 0;
	width:275px;
	background:transparent url(../images/bgnav.gif) no-repeat right top;
	font:bold 12px verdana,sans-serif;
	}

	#navlist li a{
	text-decoration: none;
	border:0;
	border-top:1px solid #fff;
	margin: 0;
	padding:4px 0 0 4px;
	display:block;
	width:177px;
	height:17px;
	background-color:#FFF;
	}
	/** couleurs nav:1=345E2C; 2=52754B ; 3 =698761; 4=7A9574; 5=8DA689; 6=9FB39A*/
	#navlist li a.nav1{
	background-color:#345E2C;
	}
	#navlist li a.nav2{
	background-color:#52754B;
	}	
	#navlist li a.nav3{
	background-color:#698761;
	}	
	#navlist li a.nav4{
	background-color:#7A9574;
	}		
	#navlist li a.nav5{
	background-color:#8DA689;
	}
	#navlist li a.nav6{
	background-color:#9FB39A;
	}			
	
	#navlist li a:hover,
	#navlist li.active a
	{

	}
/*** background container */
div#container{
background:#F5F5F3 url(../images/bgcontent.gif) no-repeat left 98%;
}
html>body div#container	{
 background-position:left bottom;
}
/**********************/
/** bloc modules colD **/
div#colD div.module{
/*** Couleur de fond des modules colD + image bottom*/
background:#345E2C url(../images/bgmodule.gif) no-repeat bottom;
margin-bottom:5px;
/*** couleur des textes des modules en colD */
color:#fff;
/*** taille des textes des modules en colD */
font-size:1.1em;
/** décalage vertical*/
padding-bottom:10px;
}
div#colD div.module span{
/** décalage du texte/bord*/
margin-right:3px;
}

div.module div.titre{
	color:#FFFFFF;
	font-family: verdana,sans-serif;
	font-size: 1.7em;
	padding:3px 0 2px 5px;
	height:50px;
	background:transparent url(../images/bgtitremodule.gif) no-repeat;
}
div.module#moteur div.titre{
	background:transparent url(../images/bgrecherche.gif) no-repeat;
	height:65px;
}

div.module div.titre{
/*** décalage entre titre module et contenu */
margin-bottom:1px;
}
/** bloc modules coup de coeur **/
div#colD div.infoAnnonce div.anphoto IMG{
/**** Taille de la photo en cc */
width:134px;

}


/** bloc modules actu **/
/** liste des actu **/
div#moduleActu UL{
height:80px;
width:210px;
overflow:auto;
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color:#356736;
scrollbar-darkshadow-color:#356736;
scrollbar-shadow-color:#FFF;
scrollbar-arrow-color:#356736;
scrollbar-track-color:#FFF;

}
div#moduleActu UL li{
border-bottom:1px dashed #999;
}
div#moduleActu UL li a{
color:#FFF;
text-decoration:none;
padding-left:5px;font-size:1.1em;
}
/** bloc equipe**/
div#moduleEquipe{
	display:block;
	width:100%;
}
/** bloc equipe HOME**/
div#moduleEquipe.home{
font-size:1.1em;
border-top: 1px dashed #356736;
/** placement du bloc en bas de page */
position:relative;
left:0px;
bottom:0px;
/** largeur du bloc module equipe à caler avec la largeur du content */
width:600px;
height:100px;
/** indiquer une marge négative égale à la hauteur du bloc */
margin-top:-100px;
}

div#moduleEquipe.home div{
text-align:left;
vertical-align:bottom;
padding:10px;
}
div#moduleEquipe.home div.left{
/* bloc de gauche */
width:290px;
}
div#moduleEquipe.home div.right{
/* bloc de droite */
width:150px;
padding:10px 30px 0 0;
}

div#moduleEquipe div IMG{
float:left;
padding:0 10px;
/**** Taille de la photo en module equipe */
width:94px;
height:64px;
}
/** bloc dans content ex bloc page suivante*/
div.bloccontent{
	padding:5px;
	margin:10px 5px 5px 0;
	width:auto;
}

/** bloc modules annonce **/
div.annonce{
	width:100%;
	height:auto;
}
div.anphoto{
margin-right:3px;float:left;
}

div.annonce div.anphoto IMG{
/**** Taille de la photo en page de resulats */
width:102px;
height:77px;
}

div#annonce.details #annonce_photo{
/**** Taille de la photo en page de details */
height:150px;
}
div.details ul.thumb li IMG{
/**** Taille de la thumbnails en page de details */
height:88px;
}
div.galerie ul.thumb li IMG{
/**** Taille de la thumbnails en page galerie et des blocs info*/
height:152px;
}
div.galerie ul.thumb li{
display:block;
width:202px!important;
height:250px;
}
div.galerie ul.thumb li div{
height:18px;
width:202px!important;
}
div.galerie ul.thumb li a{
display:block!important;
width:202px!important;
height:152px;
}

/**********************/
/** hr **/
hr{
	clear:both;
	border: none 0; 
	border-top: 1px dashed #356736;
	border-bottom: 1px dashed #fff;
	width: 100%;
	height: 2px;
	margin: 0 auto 0 0;
	text-align: left;
	}	
/**********************/
/** FORMULAIRES **/

fieldset div {
	clear:both;
	display:block;
	width:100%;
	float:left;
	padding:2px 0;
}
div.module fieldset div{
	/** décalage des champs colD >> en rapport avec le décalage global des modules*/
	padding-left:10px;
	width:auto;
}
fieldset div label {
	display:block;
	width:100%;
	margin-left:0;
	height:auto;
}
div#container_popup fieldset label, div#content fieldset div label {
padding-top:3px;
}
fieldset.contact label {
width:134px;display:block;float:left;
}
fieldset.contact INPUT{
float:left;
}
fieldset div label.etape{
  	color:#FFF!important;
	height:18px;
  	font-family: arial, verdana, sans-serif;
  	font-weight: bold;
	font-size: 1.4em;
  	background:transparent url("../images/pictos.gif") no-repeat 0 0px!important;
}
/*** attention ne pas supprimer l'espace entre first-letter et [{]****/
fieldset div label.etape:first-letter {
	color:#356736!important;
	font-size: 0.9em;
	float:left;
	font-family: verdana, sans-serif;
	font-weight: bold;
	line-height:1.3em;
  	margin:3px 8px 2px 4px;
 }
 /* hack IE\*/
* fieldset>div label.etape:first-letter {
	line-height:1em;
}
/* fin hack */
SELECT.selectfield{
	margin:3px;
	height:18px;
	width:190px; 
}
INPUT.textfield {
	margin:3px;
	height:14px;
	width:190px; 
	}
SELECT.med, INPUT.med{
	width:134px; 
}
SELECT.small,INPUT.small{
width:45px; 
}
/*  mac  hack Slmt pour IEPC mettre -5px */
* html SELECT.small,* html INPUT.small {
wi\dth /**/: 40px!important;
} 
textarea{
	margin:3px 0;
	width:404px; 
}
INPUT.button{
background:transparent url("../images/button.gif") no-repeat;
/* taille bouton */
width:110px;
height:20px;
border:0;
padding:0;
margin:3px;
/* taille police bouton */
font-size:11px!important;
text-transform:uppercase;
font-weight: bold;
color:#356736;
}


/********* TEXTES ******/
INPUT,SELECT{
font-size:1.1em!important;
padding:0;
}
/*  mac  hack Slmt pour IEPC */
* html SELECT,* html INPUT{
fon\t-size:1.2em!important;
}
span.titre{
font-size:2.8em;
}
/** Couleurtitres, texte couleur  sur fond de page ...*/ 
.coul1{
color:#356736;
}
/** Couleur bloc header blocs annonce ...*/ 
.bgcoul1{
background-color:#CBD6C8;
}
/** Couleur bloc header blocs details annonce ...*/ 
.bgcoul2{
background-color:#CBD6C8;
}
/*** couleur subnav, footer, sur fond couleur */
.coul2{
color:#C0DEBC;
}
/*** couleur highlight */
.coul3{
color:#FEFF00;
}
/*** couleur discrète ***/
.coul4{
color:#ccc;
}
/*** couleur header (adresse) ***/
.coul5{
color:#345E2C;
}
/*** couleur texte nav off ***/
.coulNav{
	color: #FFF;
}
/*** couleur texte nav on ***/
.coulNav:hover, #navlist li.active a {
	color:#FFF;
}
/** liens **/

a.simple {
color:#343434;
}
/** liens (type ajouter à ma sélection) **/
a.link {
text-decoration:none;
color:#FFF;
font-size:1.1em;
}
/*** liens illustrés ***/
a.linktick span{
display:inline-block;
padding-left:15px;
background:transparent url("../images/pictos.gif") no-repeat 0 -144px;
}
a.linkami span{
display:inline-block;
padding-right:17px;
height:18px;
background:transparent url("../images/pictos.gif") no-repeat 0 -166px;
}
a.linkprint span{
display:inline-block;
padding-right:15px;
height:18px;
background:transparent url("../images/pictos.gif") no-repeat 0 -55px;
}
a.linkprev span{
display:inline-block;
padding-right:15px;
background:transparent url("../images/pictos.gif") no-repeat 0 -82px;
}
a.linknext span{
display:inline-block;
padding-left:15px;
background:transparent url("../images/pictos.gif") no-repeat 0 -128px;
}
a.linkback span{
display:inline-block;
padding-left:15px;
background:transparent url("../images/pictos.gif") no-repeat 0 -107px;
}
/**** Numéros PA **/
span.num{
float:left;
background-color:#fff;
padding:0 4px;
display:block;
color:#356736;
font-weight:bold;
border:1px solid #356736;
}
/********* LISTES *******/
div.details li{
	float:left;
	list-style:disc;
	margin: 0 0 0 8px;
	width:45%;
}

div.details ul.thumb li {

	display: inline;
	float: left;
	margin: 3px;
	padding:0 6px;
	position: relative;
	width:auto!important;

}
div.galerie ul.thumb {
position: relative;
left:0px;
width:100%;
}
div.galerie ul.thumb li {
	width:auto;
	display: inline;
	float: left;
	margin:0 0 5px 5px;
	padding:5px 30px;
	position: relative;
	border-left:1px dashed #999;
	border-bottom:1px dashed #999!important;
}
div.galerie ul.thumb li div span{
	display:block;
	width:auto;
}