/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	background-color:#C1C1C1;
}

body{
	font-size:62.5%;
	background:url(../images/charte/bg.jpg);
	background-repeat:repeat-x;
}

#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:990px;
	margin:0 auto;
	background-image:url(../images/charte/bg-contenu2.jpg);
}
#container2{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:990px;
	margin:0 auto;
	background-image:url(../images/charte/bg-contenu.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#header{
	width:990px;
	height:245px;
	background:none;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
	position:relative;
	width:990px;
	padding-bottom:50px;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;

}

/***************** MENU ********************/

#contenu #menu {
	float:left;
	width:211px;
	padding: 10px 0 0 13px;
}

#contenu #menu dt a:link, #menu dt a:visited{
width:211px;
height:28px;
color:#5C0064;
text-decoration: none;
display: block;
margin:5px 0 0 0;

}
#contenu #menu dd{
background-image: url(../images/charte/rep.gif);
background-repeat: repeat-y;
background-position:left top;
}
#contenu #menu dt a:hover {
width:211px;
height:28px;
color:#3F799E;
text-decoration: none;
display: block;
text-decoration: underline;
margin:5px 0 0px 0;
}
#contenu #menu ul{
padding:0px 0 0px 2px;
width:211px;
text-align:left;
margin:0 0 0 10px;

}
#contenu #menu li {
padding-right:70px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
line-height:20px;
color:#3F799E;
margin:0 0 0 10px;
list-style-type:none;

}

#contenu #menu li a,#menu li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-decoration:none;

}
#contenu #menu li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-decoration:underline;

}


#contenu #menu dt span {	display:none; }

a.bt1		{ 	background:url(../images/charte/menu-01.gif) no-repeat left top;  		}
a:hover.bt1 {	background:url(../images/charte/menu-01-over.gif) no-repeat left top; 	}

a.bt2		{ 	background:url(../images/charte/menu-02.gif) no-repeat left top;  		}
a:hover.bt2 {	background:url(../images/charte/menu-02-over.gif) no-repeat left top; 	}

a.bt3		{ 	background:url(../images/charte/menu-03.gif) no-repeat left top;  		}
a:hover.bt3 {	background:url(../images/charte/menu-03-over.gif) no-repeat left top; 	}

a.bt4		{ 	background:url(../images/charte/menu-04.gif) no-repeat left top;  		}
a:hover.bt4 {	background:url(../images/charte/menu-04-over.gif) no-repeat left top; 	}


/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
	padding:18px 0 0 20px;
	width:710px;
	float:left;
}


#contenuTexte h1{
	margin:5px 0 10px 0;
	font:bold 14px Verdana;
	color:#40AE2C;
	border-bottom:1px solid #50B53D;
  width: 425px;
  float: right;
}

#contenuTexte h2{
	margin:5px 0;
	font:bold 12px verdana, Helvetica, sans-serif;
	color:#40AE2C;
}

#contenuTexte p{
	font-size:11px;
	line-height:1.5em;
	text-align:justify;
  padding-bottom: 5px;
}
#contenuTexte a:link, #contenu a:visited{
	color: #40AE2C;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenu a:active{
	color: #40AE2C;
	text-decoration:none;
}

/***************** DIVERS *****************/


.photo {
float:left;
padding:40px 0px 0 0;}



.gauche {
width:425px;
float:right;
padding:0px 0px 0px 0px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -50px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:100%;
	height:50px;
	font:bold 1em Arial, Helvetica, sans-serif;
	color: #BBBBBB;
	clear:both;
	background-image:url(../images/charte/footer.gif);
	background-repeat:repeat-x;
}


#footer a {
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #BBBBBB;
}
#footer a:hover {
text-decoration:underline;

}
#footer a.sousrubz{
	color: #BBBBBB;
	font-weight:normal;
}
.couleur{
  color: #29617A;
  font-weight:bold;
}
.bullet1{
  background:url(../images/img/bullet1.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet11{
  background:url(../images/img/bullet1.jpg) no-repeat 0px 10px;
  padding-left:15px;
}
.bullet2{
  background:url(../images/img/bullet2.jpg) no-repeat;
  height: 15px;
  padding-left: 50px;
  padding-top: 22px;
  font-weight: bold;
  color: #29617A;
  margin-left:15px ;
}
.mirror-text{
  background:url(../images/img/mirror-text.jpg) no-repeat 15px 0px ;
}
.separateur{
  background:url(../images/img/separateur1.jpg) no-repeat;
  width: 425px;
}
.invisible{
	display:none;
}
/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:400px;
  float:left;
}

.table-contact-left{
   width:190px;
   float:left;
   display:block;

   margin-top:10px;
}

.table-contact-right{
  width:190px;
  float:left;
  display:block;

  margin-top:10px;
  padding-left: 10px;
}

.button-contact{
  background:url(../images/contact/envoyer.jpg) no-repeat ;
  border: none;
	width:72px;
  height: 26px;
	cursor:pointer;
}
.buttonOver-contact{
  border: none;
  background:url(../images/contact/envoyer-over.jpg) no-repeat ;
	width:72px;
  height: 26px;
	cursor:pointer;
}
.button-contact1{
  background:url(../images/contact/effacer.jpg) no-repeat ;
  border: none;
	width:72px;
  height: 26px;
	cursor:pointer;
}
.buttonOver-contact1{
  border: none;
  background:url(../images/contact/effacer-over.jpg) no-repeat ;
	width:72px;
  height: 26px;
	cursor:pointer;
}
.button-fermer1{
  background:url(../images/contact/fermer1.gif) no-repeat ;
  border: none;
	width:100px;
	font-size: 12px;
  height: 23px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
  width: 79px;
}
.buttonOver-fermer1{
border: none;
  background:url(../images/contact/fermer1-over.gif) no-repeat ;
  color:#D2A060;
	width:100px;
  height: 23px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
  width: 79px;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  padding:0px 6px 0px 120px;
  height: 10px;

}

#frmContact1{
	font-family:arial;
	font-size:11px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:75px;float:left;color:#696758;
}
.input22{
  width:100px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:75px; float:left;display:inline;color:#371401;
}

.message{
  width:75px;float:left;padding-left:4px;display:inline;color:#597E0E;
}

.inputForm{
	border:1px solid #E9E9E9;
	background-color:#E9E9E9;
	width:170px;
	font-family:arial;
	font-size:11px;
	color:#29617A;
  height:13px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #E9E9E9;
	background-color:#E9E9E9;
	font-family:arial;
	font-size:11px;
	width:170px;
	color:#29617A;
	height:13px;
	margin-top:2px;
}
/**************************/