/******** GESTION DE l'identité du site */
/****** Couleurs/images/typos ************/
body{background-color:#99ccff;}

/**********************/
/***( BLOCKS )********/
/** bloc subheader **/
		/**** structure subheader ***/
		div#subheader{
		background-color:transparent;
		background-image:none;
		background-position:left;
		background-repeat:no-repeat;
		height:21px;
		font-size:1.1em;
		}

/**********************/
/** bloc contentcontent **/

		.contentcontent {
	/** couleur du fond de contenu */
			background-color:#fff;
	border:2px solid #000099;
	border-width:2px 2px 0 2px;
	margin:0;
	display:block;
	margin-right:1px;
		}
		
		div#content img#cornertop{

		margin-right:1px;
		
		float:right;
		

		}
/**********************/
/** bloc modules **/

		
		/***** Couleur fond modulecontent ***/
		.modulecontent{
		display:block;
		}	
	
		.modulecontent fieldset{
		/** décalage bordure modules (fieldset)*/
		padding-left:7px;
		}

		
		
/**********************/
/** bloc footer **/

		/**** structure footer ***/
		div#footer{
		height:26px;
		margin-top:10px;
		 background:transparent url('../images/pictos.gif') repeat-x 0 -189px;
		}
		div#footer div.footcontent span{
		display:block;
		float:left;
		width:150px;height:26px;
		 background:transparent url('../images/pictos.gif') no-repeat 0 -222px;
		}		
		.footcontent {
		height:25px;
		display:block;
		font-size:1.2em;
		padding-right:5px;
		}
		.footcontent div{
		padding:8px 5px 0 0;
		}
/**********************/
/** bloc header **/		
div#header{
	background:url('../images/header_sequence.jpg') 0px 0px no-repeat;
	height:346px;
	width:923px;
	left: -66px;
}
/** position header_square **/
div#header IMG{
position:absolute;
top:78px;
left:-66px;
}
/**********************/
/** bloc navigation **/
	#navigation{
	/*** position navigation */
		top:0px;
	float:left;
	margin:0;
	padding:0;
	display:block;
	left: 66px;
	background:#FFFFFF;
	}
	#navlist{
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	}
	#navlist UL {background-color:transparent; }
	#navlist li{
	text-align:center;
	vertical-align:middle;
	margin:4px 1px 4px 1px;
	height:23px;
	width:89px;
	float:left;
		
	}
	#navlist li a{
	text-decoration: none;
	border:0;
	margin: 0;
	line-height:1.7em;
	padding:0;
	display:block;
	width:100%;
	height:100%;
	}
	.touche_pas_ca{}
	
	#navlist li a:hover,
	#navlist li.active a
	{
	background-color:#000033;
	}
	
	
/**********************/
/** bloc modules cold **/
/** les titres de ce modèle sont des images.*/
div.module div.titre{
	width:100%;	
	height:auto;	
	
}
div#moteur {
height:380px;
	background:transparent url("../images/bg_trouver.gif") no-repeat 0 100%;
}
div#moteur div.titre{
height:44px;
	background:transparent url("../images/titre_trouver.gif") 2px 0px no-repeat;
}

div#coup_de_coeur{
height:206px;
	background:transparent url("../images/bg_cc.gif") no-repeat 0 100%;
}
div#coup_de_coeur div.titre{
height:51px;
	background:transparent url("../images/titre_cc.gif") no-repeat;
}
div#moduleSel {
height:141px;
	background:transparent url("../images/bg_sel.gif") no-repeat 0 100%;
}
div#moduleSel div.titre{
height:38px;
	background:transparent url("../images/titre_sel.gif") no-repeat;
}
div#actu div.titre span{
font-size:1.9em;
font-weight:bolder;
float:left;width:auto;
}

div#actu div.titre span.dot{	
font-size:4em;
display:block;
height:15px;
line-height:0.7em;
}


/** bloc modules coup de coeur **/
div#cold div#coup_de_coeur IMG,div#cold div#coup_de_coeur div.cr label {
	/**** Taille de la photo en cc */
	width:135px!important;
	height:84px;
}


/** bloc modules actu **/
div#actu {
margin-left:30px;
	display:inline;
	height:244px;
	width:165px;
	top:65px;
	margin:0;
	padding:0;
	margin-right:10px;
	clear: both;
}
/** liste des actu **/
div#actu UL{
padding:10px 0;
height:200px;
overflow:auto;

scrollbar-face-color:#A7C2E0;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#7480BC;
scrollbar-track-color:#ffffff;

}

div#actu UL li a{
color:#000099;
text-decoration:none;
padding-left:5px;
}

/**********************************************/
/** bloc equipe**/
div#contentcontent div#moduleEquipe{
	display:block;
	float:left;
	width:100%;
}


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;
	display:block;
}
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 */
width:202px;
height:auto;
}
div.details ul.thumb li IMG{
/**** Taille de la thumbnails en page de details */
width:116px;
height:88px;
}
div.galerie ul.thumb li, div.galerie ul.thumb li IMG, div.galerie ul.thumb li DIV{
/**** Taille de la thumbnails en page galerie et des blocs info*/
width:202px!important;

}
div.galerie ul.thumb li{
display:block;
height:250px;
}
div.galerie ul.thumb li div{
height:18px;
}
/**********************/
/** hr **/
hr{
	clear:both;
	border: none 0; 
	border-top: 1px solid #000099;
	width: 100%;
	height: 1px;
	margin: 0 auto 0 0;
	text-align: left;
	}	
/**********************/
/** FORMULAIRES **/

fieldset div {
	clear:both;
	display:block;
	width:100%;
	float:left;
	padding:0;
}
div.module fieldset div{
	/** décalage des champs cold*/
	padding-left:20px;
	/*** taille des blocs en cold */
	
	width:235px;
	
}


fieldset div label {
	display:block;
	margin:0;
	height:auto;
}
div#container_popup fieldset label, div#content fieldset div label {
padding-top:3px;
}
fieldset.contact label {
width:114px;display:block;float:left;
}
fieldset.contact INPUT{
float:left;
}
fieldset div label.etape{
  	color:#FFF!important;
  	font-family: arial, verdana, sans-serif;
  	font-weight: bold;
	font-size: 1.2em;
	line-height:1.7em;
	height:22px;
  	background:transparent url("../images/pictos.gif") no-repeat 0 -25px!important;
}
/*** attention ne pas supprimer l'espace entre first-letter et [{]****/
fieldset div label.etape:first-letter {
	color:#000099!important;
	float:left;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height:1.3em;
  	margin:5px 8px 3px 6px;
 }
 /* hack IE\*/
* fieldset>div label.etape:first-letter {
	line-height:1.1em;
}
/* fin hack */

SELECT.selectfield{
	height:20px;
	margin:3px;
	width:190px; 
}
INPUT.textfield {
	margin:3px;
	width:185px; 
	}
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:395px; 
}
INPUT.button{

/* taille bouton */
width:92px;
height:23px;
border-right:1px solid #7A8B78;
border-width:0 1px;
margin:3px 0 0 0;
padding:0 0 2px 0;
font-size:1.1em;
/* taille police bouton */
font-weight: bold;
color:#000099;
text-transform:uppercase;
}

/********* TEXTES ******/
INPUT,SELECT{
font-size:10px!important;
height:13px;
}
/*  mac  hack Slmt pour IEPC  */
* html div#cold INPUT{
fon\t-size:1.2em!important;
}
div.contentcontent INPUT.button{
width:120px;
}
INPUT.button, #navlist li{
	background-color:#66ccff;
	border-bottom:1px solid #515D4F;
	border-right:1px solid #798C78;
	border-top:1px solid #DAECD6;
}
div.contentcontent span.titre{
font-size:2.8em;
line-height:1em;
}
/** Couleurtitres, texte couleur  sur fond de page ...*/ 
.coul1{
color:#66ccff;
}
/** Couleur bloc header blocs annonce ...*/ 
.bgcoul1{
background-color:#66ccff;
}
/** Couleur bloc header blocs details annonce ...*/ 
.bgcoul2{
background-color:#66ccff;
}
/*** couleur modules, footer, sur fond couleur */
.coul2{
color:#66ccff;
}
/*** couleur highlight */
.coul3{
color:#99ccff;
}
/*** couleur discrète ***/
.coul4{
color:#66ccff;
}

.coulD {
color:#000033;
}
/*** couleur texte nav off ***/
.coulNav, div#actu div.titre{
	color: #000033;
}



.coulNav2 {
color: #000033;
}

.coulNav2:hover {
color:#006699;
}

/*** couleur texte nav on ***/
.coulNav:hover, #navlist li.active a {
	color:#fff;
}
/** liens **/

a.simple {
text-decoration:none;
color:#343434;
font-size:1.1em;
}
/*** liens illustrés ***/
a.linktick span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -145px;
}
a.linkami span{
display:inline-block;
padding-right:17px;
background: #fff url("../images/pictos.gif") no-repeat 0 -163px;
}
a.linkprint span{
display:inline-block;
padding-right:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -54px;
}
/*précédent*/
a.linkprev span{
display:inline-block;
padding-right:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -80px;
}
a.linknext span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -127px;
}
a.linkback span{
display:inline-block;
padding-left:15px;
background: #fff url("../images/pictos.gif") no-repeat 0 -104px;
}
/**** Numéros PA **/
span.num{
float:left;
background-color:#fff;
padding:0 4px;
display:block;
color:#515D4F;
font-weight:bold;
border:1px solid #515D4F;
}
/********* 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;
	height:220px;
	margin:0 0 5px 5px;
	padding:5px 20px;
	position: relative;
	border-left:1px dashed #999;
	border-bottom:1px dashed #999!important;
}
div.galerie ul.thumb li div span{
	display:block;
	width:auto;
}
