/* 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 ACCUEIL */
.accueilbloc{
	float:left;
	width:770px;
	margin:0 0 20px 0;
	clear:both;
}
.accueilbloc1{
	float:left;
	width:770px;
	margin:0 0 0px 0;
	clear:both;
}
.accueilblocgahuce1{
	float:left;
	width:420px;
	margin:0 7px 0px 0;
}
.accueilblocgahuce{
	float:left;
	width:460px;
	margin:0 10px 0px 0;
}
.accueilblocdroite{
	float:left;
	width:300px;
	margin:0 0px 0px 0;
}
.accueilblocdroite1{
	float:left;
	width:250px;
	margin:0 0px 0px 0;
}

.accueilblocdroite2{
	float:left;
	width:293px;
	margin:0 0px 0px 0;
}

.accueilblocdroite2 p {
padding-left:110px;
color:#666666;
font-size:15px;
}

.accueilblocdroite1 img {
padding:2px;
margin-bottom:10px;
border: solid 1px #0066CC;}

.accueilblocdroite2 img {
padding:2px;
margin-bottom:10px;
border: solid 1px #0066CC;}

.imageaccueil{
	float:left;
	margin:0 0 0 550px;
}
#container .texteaccueil0{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0160B3;
	font-weight:bold;
}
#container .texteaccueil12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#C30202;
}
#container .texteaccueil{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0160B3;
	font-weight:bold;
}
#container .accueilpuce ul{
	float:left;
	list-style-type:none;
	width:600px;
	padding:5px 0px 10px 0px;
	
}
#container .accueilpuce li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:600px;
	  margin:0 0 7px 80px;
	  text-align:justify;
}



/*************PAGE GRILLAGEES***************/
#container .cloturespuce ul{
	float:left;
	list-style-type:none;
	width:360px;
	padding:5px 0px 10px 0px;
	
}
#container .cloturespuce li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:360px;
	  margin:0 0 7px 70px;
	  text-align:justify;
}
#container .cloturespuce0 ul{
	float:left;
	list-style-type:none;
	width:399px;
	padding:5px 0px 10px 0px;
	
}
#container .cloturespuce0 li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:399px;
	  margin:0 0 7px 20px;
	  text-align:justify;
}

#container .accueilpuces ul{
	float:left;
	list-style-type:none;
	width:640px;
	padding:5px 0px 10px 0px;
	
}
#container .accueilpuces li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:640px;
	  margin:0 0 7px 80px;
	  text-align:justify;
}

#container .accueilpucess ul{
	float:left;
	list-style-type:none;
	width:699px;
	padding:5px 0px 10px 0px;
	
}
#container .accueilpucess li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:699px;
	  margin:0 0 7px 20px;
	  text-align:justify;
}


#container .accueilpu ul{
	float:left;
	list-style-type:none;
	width:600px;
	padding:5px 0px 10px 0px;
	
}
#container .accueilpu li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:13px;
	  color:#030365;
	  width:600px;
	  margin:0 0 7px 71px;
	  text-align:justify;
}

/******PAGE CONTACT*****/

.gauchecontact{
	float:left;
	width:250px;
	margin:0px 5xp 0px 0;
}

.formulaire{
	float:left;
	width:300px;
	margin:0px 0xp 0px 0;
}
.formulaire1{
	float:left;
	width:750px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:11px;
	color:#030365;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#030365;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #328BFA;
	border-color:#328BFA;
	border:1px solid #328BFA;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #328BFA;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#328BFA;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	height:100%;
	border:1px solid #328BFA;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#328BFA;
}
#formContact .champRequis{
	color:#328BFA;
}

.group2{
float:left;
width:290px;
margin-left:80px;
}

.img_contact{

float:left;
width:240px;
}