/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}

#contactPlan{
	width:45%;
	float:right;
}
#formContact {
	float:left;
	
	width:530px;
	
	}
#formContact input,textarea{
	width:100%;
	border:1px solid #3578A5;
	font-size:10.5px;
	color:#00365B;
	font-family: arial;
	background-color:#D9E3ED
}
#formContact input:focus,textarea:focus{
	border-color:#3578A5;
}
#formContact .champRequis{
	color:#00365B;
}

.input  {  
	border: 1px solid;
	border-color: #3578A5; 
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: #00365B; 
	background-color:#D9E3ED
	}
	
	
.lien		{FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #7A7A7A; FONT-FAMILY: arial}
.lien:active 	{COLOR: #7A7A7A; TEXT-DECORATION: none;}
.lien:hover 	{COLOR: #932F7B; TEXT-DECORATION: none;}
.lien:link 	{COLOR: #7A7A7A; TEXT-DECORATION: none;}
.lien:visited 	{TEXT-DECORATION: underline;}	

.txt{
 float:left;
 width:440px;
 padding-right:0px;
 margin-bottom:10px
 }
 .txt2{
 float:left;
 width:350px;
 padding-right:0px;
  margin-bottom:10px
 }
#container .txt1{
 float:left;
 width:590px;
 padding-right:0px;
 text-align:center;
 
 }
#container .txt1 p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:center;

 
 }
  #container .txttxt1{
 float:left;
 width:380px;
 padding-right:0px;
 text-align:center;
 
 }
 
#container .txttxt1 p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:center;

 
 }
 /*--------------------------------------------------------accueil-----------------------------------------------*/
 .cube{float:right; width:280px; padding-top:45px;
 margin-left:10px;
 margin-top:5px;}
 .organigramme{
 float:left;

 margin-left:120px;
}
  .carte{float:right; width:340px; padding-top:45px;
 margin-left:15px;
 }

 ul{
	margin:25 0 0 10px;
	padding:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pxem;
	color:#003767;
	margin-bottom:7px;


}
 ul1{
	margin:25 0 0 10px;
	padding:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pxem;
	color:#008ABB;
	margin-bottom:7px;


}



 li{
	padding-left:3px;
	color:#003767;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:15px;
	position:relative;
	z-index:1;
	background:url(../images/charte/delfin.gif) no-repeat;
	list-style-type:none;
	padding:0 0 0 26px;
	line-height:20px;
}
li1{
	padding-left:3px;
	color:#008ABB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:15px;
	position:relative;
	z-index:1;
	background:url(../images/charte/delfin.gif) no-repeat;
	list-style-type:none;
	padding:0 0 0 26px;
	line-height:20px;
}
.titres{
	color:#8AD9EB;
	}
.aligne {
text-align:center;
}
.bloc1{
float:left;
 width:340px;
 border:1px solid #3b9dc1;
 margin-left:15px;
 margin-right:12px;
 margin-top:20px;
 margin-bottom:10px;
 background-image:url(../images/charte/bg.jpg)

 }
.bloc1 p{
	padding-bottom:10px;
	font-size:1.2em;
	text-align:normale;
	margin-left:7px;
	
}
.image-bloc1{
	float:right;
	margin:10px 10px 10px 10px;
	text-align:center;
	}

.textbloc{
	padding-bottom:10px;
	font-size:1.1em;
	text-align:left;
	margin-left:5px;
	margin-top:10px;
	float:left;
	width:180px;

		}
	.soustitres{
	color:#37A2C6;
	}
		.soustitres2{
	color:#37A2C6;
	text-align:center
	
	
	}
	.bloc2{
float:left;
 width:690px;
 border:1px solid #3b9dc1;
 margin-left:5px;
 margin-right:5px;
 margin-top:20px;
 margin-bottom:10px;



 }
 	.bloc3{
float:left;
 width:500px;
 border:1px solid #3b9dc1;
 padding-left:7px;
 padding-right:7px;
 margin-top:20px;
 margin-bottom:10px;
  padding-top:7px;
 



 }
  .textbloc3{
	padding-bottom:10px;
	font-size:1.1em;
	text-align:normale;
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:300px;
	color:#003767;
	position:relative
}
  .textref{
	padding-bottom:10px;
	font-size:1.1em;
	text-align:normale;
	margin-left:10px;
	margin-top:-10px;
	float:left;
	width:480px;
	color:#003767;
	position:relative
}

		.image-bloc3{
	float:right;
	margin:10px 10px 10px 10px;
	width:160px;
	padding-top:23px;
	text-align:center;
	}
 .textbloc2{
	padding-bottom:10px;
	font-size:1.1em;
	text-align:left;
	margin:20px 0 0 30px;
	float:left;
	width:200px;
	border:1px solid #3b9dc1	}
	
	.textbloc2 p{
	margin:10px;
	}
.image-bloc2{
	float:right;
	margin:20px 100px 10px 10px;
	width:200px;
	border: 1px solid #3b9dc1;
	}
.image-bloc2 p{
margin:10px;}
 	.bloc4{
 float:left;
 width:650px;
 border:1px solid #3b9dc1;
 margin:20px 5px 10px 5px

 }
 	.bloc-galerie{
 float:left;
 width:400px;
 border:1px solid #3b9dc1;
 padding:25px 2px 10px 35px;
 background-color:#FFFFFF;
 margin-bottom:15px;
 margin-top:20px


 }
   .image-galerie{
   float:left;
   width:90px;
   height:93;
   margin-right:30px;
   margin-bottom:20px

   }
  .textbloc4{
	padding-bottom:10px;
	font-size:1.1em;
	text-align:normale;
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:250px;

}

		.image-bloc4{
	float:right;
	margin:10px 10px 10px 10px;
	width:350px;
	padding-top:23px;
	
	-align:center;

	}


.table{


width:470px;
float:left;
margin-left:15px;
margin-right:5px;
padding-top:20px;
padding-bottom:20px
}
.legende{
float:right;
margin-right:8px;
padding-top:30px;
}

.tab-detail {
	color:#003767;
	text-align:center;
	}

.select-operation{
background-color:#003767;
width:200px;
border:1px solid #04679f;
color:#FFFFFF;
font-size:11px;
}
.text-cadre{
border: 1px solid #3b9dc1;
width:300px;
text-align:center;
padding-bottom:5px;
padding-top:5px;
margin-bottom:10px;
margin-top:10px;
margin-left:90px
}
.image-grande{
width:230;
height:150;
margin-bottom:15px;
margin-top:15px
}
.vignette-photos {
float:right;
width:345px;


}
.espace-texte{
width:250px;
float:right;
border:1px solid #2399BD;
font-size:1.1em;
text-align:left;
margin-left:10px;
margin-top:25px;
}
#container .mention{
font-style:italic;
font-size:9px;
text-align:center;
}

/*------------------------------PARTENAIRE-------------------------------------*/


.partenaire{
width:450px;
padding:10px;
float:left;
background-color:#FFFFFF;
border:1px solid #3B85A8;
margin-top:10px

}
.lettre{
width:440px;
padding:10px;
float:left;
text-align:center;
margin-top:10px

}
.partenaire-center{
width:450px;
float:left;
background-image:url(../images/charte/cotes-cadre.jpg);
margin-left:25px;
padding:0 25px 0 25px;
text-align: justify;

}
#container .partenaire-center p{
padding-left:15px
}
.partenaire-bottom{
width:500px;
height:55px;
float:left;
background:url(../images/charte/bas-cadre.jpg) no-repeat;
margin-left:25px;
margin-bottom:30px

}
#container .partenaire-rejoint{
margin-left:120px;
float:left;
width:100px;
margin-top:-10px
}


.signature{
float: right;
width:58px;
height:55px;
margin:0 80px 5px 0;


}
#container .txt-signature{
color:#3B85A8;
font-size:9px;
font-style:italic;
text-align:center;
float:left;
margin : 20px 0 5px 290px;
width:90px;

}
#contenuTexte .ul-poeration a:link, #contenuTexte .ul-poeration a:visited{
	color: #003767;
	text-decoration:none;
	font-weight:bold;
	} 
	
#container .ul-poeration{
margin-top:5px;
color:#003767;}
#container .ul-poeration li{
margin-top:10px;
}

. cadre-casanova{
float:left;
width:300px;
}

.text-couleur{
font-weight:bold;
color:#008ABB
}

.text-couleur-cofipar{
color:#008ABB;
font-size:11px;
font-style: normal

}
.text-color{
color:#008ABB;
font-size:11px;

}
.taille-li{

font-size:11px;

}
.text-contact{
font-size:11px;
padding-bottom:20px
}
.neuf-ancien{
width:63px;
height:37px;
/*position:absolute;
top:-5px;
right:100px;*/
display:inline;
}
.formulaire{
 float:left;
 width:530px;
 border:1px solid #3b9dc1;
 padding:20px 5px 5px 5px;
 margin-top:30px;
 margin-bottom:10px;
 margin-left:10px
   
}

.global{
float:left;
width:510px;
margin-left:-10px

}
.txtcontact{
width:530px;
float:left;
text-align:justify
}
 #container .txtcontact p{
text-align:justify;
font-size:10px;
color:#9FBDDC

}
.coordonnee{

width:62%;
margin-left:105px;
margin-bottom:5px;
text-align:center;
padding:5px 0 0 10px;


}

legend{
color:#008ABB;
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
margin:0 7px 0 7px;
float:right;

}
#container .boutton-contact{
	width:100px;
	float:left;
	border: 1px solid;
	border-color: #3578A5; 
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: #00365B; 
	background-color:#D9E3ED;
	margin-left:23px
	
	}
.aligne-gauche{
float:left;
width:220px;
}
#container .text-style{
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size:11px;
color:#0CAFEB;


}

.hublo{
float:left;
margin:20px 10px 20px 0px;
width:157px;
}
#container .local1{
float:left;
margin-left:230px;
width:200px;

}
#container .local-adres{
float:left;
margin-left:202px;
width:160px;
font-size:11px;
text-align:center;
line-height:10px;


}
#container .local-adress{
float:left;
margin-left:200px;
width:160px;
font-size:11px;
text-align:center;
line-height:10px;


}
#container .local2{
float:left;
margin-left:240px;
width:200px;
}

#container .local12{
float:left;
margin-left:60px;
margin-top:80px;
width:156px;

}

#container .local122{
float:left;
margin-left:30px;
margin-top:5px;
width:156px;
font-size:11px;
line-height:10px;
}
#container .local1222{
float:left;
margin-left:25px;
margin-top:5px;
width:156px;
font-size:11px;
margin-left:50px;
line-height:10px;
}
#container .local133{
float:right;

margin-top:80px;
width:90px;

}
#container .local13{
float:left;
margin-top:5px;
width:80px;
font-size:11px;
line-height:10px;

}
#container .local130{
float:right;
margin-top:5px;
width:90px;
font-size:11px;
line-height:10px;
margin-right:5px
}



#container .local-adres2{
float:left;
margin-left:240px;
width:90px;
font-size:11px;
text-align:center;
line-height:10px;
}
#container .local-adres22{
float:left;
margin-left:205px;
width:160px;
font-size:11px;
text-align:center;
line-height:10px;

}
.adresse1{
float:left;
width:180px;
margin-left:10px;


}
.adresse2{
float:right;
width:120px;
margin-right:27px;


}
.adresses{
 float:left;
 width:525px;
 padding:5px;
}

legend{
color:#008ABB;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
margin:0 7px 0 7px;
float:left;
width:420px;

}
fieldset{
border:1px solid #6ADAFF ;
margin:10px 8px 5px 8px;
float:left;
width:420px;
padding:0 3px 5px 0;

}
.text-couleur-contact{
color:#37A2C6;
font-size:11px;
font-style:italic

}

#container fieldset p{
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:6.5px 5px 0 5px;
line-height:18px;
color: #003767;
}
.pagination-produit{
text-align:center;}