/* 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;
}

/**********************/

.bgAccueil01{
  width:378px;
  height:49px;
  float:left;
  background:url('../images/charte/bg-accueil-01.jpg') repeat-x;
  margin-top:10px;
  padding-top: 15px;
}

.bgAccueil02{
  width:420px;
  height:47px;
  float:left;
  border:1px solid #EF0000;
  margin-top:10px;
  padding-top: 15px;
}

.bgAccueil03{
  width:378px;
  height:86px;
  border:1px solid #EF0000;
  float:left;
  margin-top:10px;
  padding-top: 10px;
}

.bgAccueil04{
  width:420px;
  height:90px;
  float:left;
  background:url('../images/charte/bg-accueil-02.jpg') repeat-x;
  margin-top:10px;
  padding-top: 10px;
}

.bgAccueil05{
  width:278px;
  height:87px;
  border:1px solid #EF0000;
  float:left;
  margin-top:10px;
  padding-top: 15px;
  padding-left: 40px;
  padding-right: 60px;
}

.bgAccueil06{
  width:380px;
  height:89px;
  float:left;
  background:url('../images/charte/bg-accueil-03.jpg') repeat-x;
  margin-top:10px;
  padding-top: 15px;
  padding-left: 40px;
}

.bgContact01{
  width:140px;
  height:220px;
  float:left;
  border:1px solid #EF0000;
  margin-top:10px;
  padding-top: 80px;
  padding-left: 20px;
}

.bgContact02{
  width:190px;
  height:300px;
  float:left;
  border:1px solid #EF0000;
  margin-top:10px;
  padding: 0px;
}

.bgContact03{
  width:442px;
  height:300px;
  float:left;
  background:url('../images/charte/bg-contact.jpg') repeat-x;
  border:1px solid #EF0000;
  margin-top:10px;
  padding:0px;
}

.tbContact{
  padding-top:20px ;
  border-collapse: separate;
  border-spacing: 18px 9px;
}

.tbContact td{
  text-align: left;

}

.tbContact2 {
  padding-top:20px ;
  border-collapse: separate;
  border-spacing: 8px;

}



.list01 li{
  background: url(../images/charte/bullet01.gif) no-repeat left top;
  margin-left: 20px;
  padding-left: 25px;
  font-family: Arial;
  font-size: 12px;
  color: #FCE4E4;
  margin-bottom: 5px;
}

.list02 li{
  background: url(../images/charte/bullet02.gif) no-repeat left top;
  margin-left: 20px;
  padding-left: 25px;
  font-family: Arial;
  font-size: 12px;
  color: #FCE4E4;
  margin-bottom: 5px;
}



.text
{
 color:#FCE4E4;
}

.table{
  padding-left: 30px;
  padding-bottom: 15px;
  height: 130px;
  width:780px;
  display:block;
}

.table_m{
  padding-left: 120px;
/*  margin-bottom:;*/
  height: 130px;
  width:780px;
  display:block;

}

.left{
  width:200px;
  height:125px;
  float:left;
  padding-top:12px;
  padding-left:10px ;
}
.right{
   width:200px;
   height:125px;
   float:left;
   padding-top:12px;
   padding-left:17px ;
}

.box1{
    margin-top: 5px;
    width:70px;
    float:left;
    display:inline;
    clear: left;
}

.box2{
    margin-top: 5px;
    width:120px;
    float:left;
}

.left p{
   padding-top:3px;
}

.right p{
   padding-top:3px;
}

.img_ext{
  border: solid 8px #FF0000;
  margin: 10px;
  height: 100px;
  width: 140px;
  float: left;
}

.img_mid{
  border: solid 9px #202020;
}

/*.img_int{
  border: solid 1px #FF0000;
  height: 80px;
}
*/

.img_ext1{
  border: solid 8px #FF0000;
  height: 200px;
  width: 140px;
  float: left;
}
.img_ext2{
  border: solid 8px #FF0000;
  height: 200px;
  width: 185px;
  float: left;
}
.img_mid1{
  border: solid 9px #202020;
  float:left;
}






/* 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;
}

.inputForm{
  border:1px solid #000000;
	background-color:#FFFFFF;
	width:120px;
	font:normal 1.1em Arial;
	color:#000000;
	margin-top:5px;
	}
.inputFormOver{
  border:1px solid #F4BEBE;
	background-color:#F4BEBE;
	width:120px;
	font-family:Arial;
	font-size:1.1em;
	color:#000000;
	margin-top:5px;
	}
.button{
  border:1px solid #FFFFFF;
	background-color: #000000;
	width:82px;
  height: 22px;
	color:#EF0000;
	font-family: Arial;
	font-size: 1.1em;
	cursor:pointer;
	margin-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
	}
.buttonOver{
	border:1px solid #000000;
	background-color:#EF0000;
	width:82px;
  height:22px;
	color:#000000;
	font-family: Arial;
	font-size: 1.1em;
 	cursor:pointer;
	margin-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
	}

.a_img:hover{
    border: none;
  }

img{
  border: none;
}