/* 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 input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
    */
ul.lista
{
font-family: Arial ,Helvetica, sans-serif;
font-size:11px;
color:#316EC4;
margin-bottom:5px;
text-align:left;
padding-top:4px;
font-weight:normal;
}
.lista li
{
background:url(../images/charte/acueil/arrow.jpg) no-repeat left top;
list-style-type:none;
line-height: 17px;
padding:1px 2px 2px 0px;
margin-left: 3px;
padding-left:15px;
}
.black{
 color: #000000;
}
a img{
  border: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
span.mention{
 color:#316EC4;
 font-weight: bold;
 text-decoration: none;
}
.img_border{
   float:left;
   padding:20px;
}
.img_ext{
  width:185px;
  height:139px;
  border:solid 4px #FCFFF8;
/*  margin:20px;    */
  float:left;
}
.img_int{
  width:177px;
  height:131px;
  border:solid 4px #C49231;
  padding: 0;
}
.img_int a{
     padding: 0;
     margin: 0;
     text-decoration: none;
     border: none;
}



.img_ext1{
  width:118px;
  height:90px;
  border:solid 4px #FCFFF8;
/*  margin:20px;    */
  float:left;
}
.img_int1{
  width:110px;
  height:82px;
  border:solid 4px #C49231;
  padding: 0;
}
.img_int1 a{
     padding: 0;
     margin: 0;
     text-decoration: none;
     border: none;
}
.img_border1{
   float:left;
   padding-right: 4px;
}


.legales{
     margin:10px 0;
}
.bg_contact1{
  width: 300px;
  height: 312px;
  border:solid 4px #ffffff;
  background: url(../images/charte/contact/bg_color.jpg) repeat-x top left;
  float: left;
}
.bg1{
width: 308px;
height: 320px;
border: solid 1px #c4c4c4;
float: left;
}
.bg_contact2{
  width: 230px;
  height: 312px;
  border:solid 4px #ffffff;
  background: url(../images/charte/contact/bg_color.jpg) repeat-x top left;
  float: left;
}
.bg2{
width: 238px;
height: 320px;
border: solid 1px #c4c4c4;
float: left;
}
 #frmContact {
 }
 .left{
  width:290px;
  height:135px;
  float:left;
/*  padding-top:35px;  */
  padding-left:10px ;
  padding-top:5px;
}
.box1{
    padding-top:5px;
    width:100px;
    float: left;
    margin: 0px;
    clear: left;
}
.box2{
    height:20px;
    width:140px;
    float: left;
    padding-top: 2px;
    padding-left:40px; ;
}
.inputForm{
  border:1px solid #000000;
	background-color:#FAF7FE;
	width:140px;
  height:17px;
	font-family:Arial;
	font-size:1.2em;
	color:#000000;
	margin-top:5px;
	}
.inputFormOver{
  border:1px solid #000000;
	background-color:#E3E5E7;
	width:140px;
  height:17px;
	font-family:Arial;
	font-size:1.2em;
	color:#000000;
	margin-top:5px;
	}
.button{
  border:1px solid #FFFFFF;
	background-color: #2358A2;
	width:82px;
  height: 22px;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 1.1em;
	cursor:pointer;
	padding-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
	}
.buttonOver{
	border:1px solid #000000;
	background-color:#4F8BDE;
	width:82px;
  height:22px;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 1.1em;
 	cursor:pointer;
	padding-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
	}
.dt_contact {
  line-height: 10px;
  padding-left: 10px ;
  font-weight: bold;
}
.ct_map{
  width: 197px;
  height: 137px;
  border:solid 4px #BCBCBC;
  margin-left: 10px;
  margin-top: 10px;
}

#divContact{
     float:left;
}
.b{
    padding:10px 0 0 10px;
    float: left;
}
.legales{
     margin:10px 0;
}

#divContact p{
     font-size: 11px;
}
.picture{
  border:solid 4px #ffffff;
  float:left;
}
.actualite{
  border:solid 2px #548FD3;
  width:580px;
  float:left;
}