/* 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{
/*---obligatoire pour le footer---*/
	height:100%;

}

body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;


}
#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px;
  background:url(../images/charte/wrap-bg.gif) top repeat-y;}
 
#wrap-footer, #footer, .push {height: 35px;}

#container{
border-left: 1px solid #006699;
border-right: 1px solid #006699;
display: table;
width:980px;
margin:0 auto;
height:100%;}

#contenu {
	position:relative;
	width:980px;
	float:left;
  display: table;
  background:url(../images/charte/bg-contenu.jpg) top right no-repeat;

}



#header{
	width:980px;
	height:150px;
	float:left;
}

/***************** en dessous du header (flash + menu haut) ********/
#flash{
	width:638px;
	height:151px;
	float:left;

	
}
#menu {
	width:342px;
	height:151px;
 	float:right;
	background:url(../images/charte/bg-menu.gif) no-repeat;
}
#menu ul{
	list-style-type:none;
	line-height:3.8em;
}
#menu li{
	display:block;
	font-size:1.6em;
	font-weight:bold;
}
#menu li a{
	display:block;
	width:332px;
	color:#FFFFFF;	
	padding:0px 0px 0px 10px;
	text-decoration: none;
}
#menu li a:hover{
	color:#8EF05D;
	text-decoration:none;
}




.vert{
	color:#66CC33;
  font-size: 15px;
}

.vert2{
	color:#66CC33;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.vert3{
	color:#8EF05D ;
  font-size: 15px;

}
/**************** CONTAINER DU CONTENU *****************/




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

#ssmenu {
	width:207px;
	height:380px;
	float:left;
	background:url(../images/charte/bg-menugauche.jpg) no-repeat;
}
#ssmenu ul{
	list-style: none;
	margin:22px 0 0 20px;

}

#ssmenu li {
	font-size:1.6em;
	text-align:left;
  padding-left: 10px;
  height: 28px;
	text-decoration: none;
	
}

#ssmenu li a {
	color:#FFFFFF;
	text-decoration: none;

}
#ssmenu li a:hover {
	color:#006699;
	text-decoration: none;
}


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

#contenuTexte{
	width:553px;
	padding-left:10px;
	padding-right:210px;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
	float:left;
 	color:#003366;

}


#contenuTexte h1{
	margin:10px 0 20px 0px;
  padding-bottom: 3px;
	font:bold 1.4em Verdana,Arial, Helvetica, sans-serif;
	color:#333333;
  text-align: left;

	border-bottom:1px solid #333333;
}

#contenuTexte h2{
margin-top: 15px;
margin-bottom: 5px;
padding-bottom: 2px;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
 	color:#006699;
	border-bottom:1px dashed #006699;
  background-image: url(../images/charte/bullet0.gif);
  background-repeat: no-repeat;
  background-position: left;
   padding-left: 30px;


}


#contenuTexte h3{
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
 	color:#006699;



}

#contenuTexte h4{
margin-top: 15px;
margin-bottom: 5px;
padding-bottom: 2px;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
 	color:#006699;
  background-image: url(../images/charte/bullet0.gif);
  background-repeat: no-repeat;
  background-position: left;
   padding-left: 30px;


}


#contenuTexte a{
	color:#0099CC;
	text-decoration:none;
}
#contenuTexte a:hover{
	color:#003366;
	text-decoration:underline;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#0099CC;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 0px;
/*  background-color: #3399FF;*/
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#links{
	width:970px;
	float:left;
  height: 130px;
	margin:0px 0px 0px 0px;
}
#contact{
	width:180px;
	float:left;
	padding-top:5px;
  padding-left: 25px;
}
#contact h2{
	color:#0099CC;
  font-size: 14px;
}
.box{
	width:180px;
  font-size: 11px;
  border-left:1px dashed #999999;
	float:left;
	padding:5px 15px;
   	color:#003366;
}
.box p{
	text-align:justify;

}
.box a{
	 font-size: 11px;
   	color:#0099CC;
}

.box a:hover{
	 font-size: 11px;
   	color:#000000;
}
.boxfin{
	width:320px;
	padding:0px 0px 0px 15px;
  margin-top: 5px;
	border-left:1px dashed #999999;
  float:left;
}
.boxfin p{
	text-align:left;
   font-size: 11px;
    	color:#003366;
}

.boxfin a{
	 font-size: 11px;
   	color:#0099CC;
}

.boxfin a:hover{
	 font-size: 11px;
   	color:#000000;
}
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: 0px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:980px;
	color:#003366;
  border-left: 1px solid #006699;
	border-right: 1px solid #006699;

}
#footer #adresse{
	padding:12px 0px 10px 20px;
	float:left;
  clear: left;
  width: 650px;
}

#footer #adresse a{
	 font-size: 11px;
   	color:#0099CC;
}

#footer #adresse a:hover{
	 font-size: 11px;
   	color:#000000;
}
#footer #baseline{
	float:right;
  width: 150px;
	padding:10px 10px 0 10px;
}
#footer #baseline a{
	color:#0099CC;
	text-decoration:none;
}
#footer #idep{
	float:right;
	margin:5px 0 0 0;
}
#adresse a{
	margin:0px 10px 0px 10px;
	float:right;
	color:#663300;
}

a img{

-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;
border: 0px;

}


.invisible
{
	display:none;
}

.inputForm{
border:1px solid #1688BF;
background-color: #FFFFFF;
width:150px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #1688BF;
background-color: #F8F2ED;
width:150px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #46B5ED;
background-color: #1688BF;
width:65px;
padding: 2px 0px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #46B5ED;
background-color: #46B5ED;
padding: 2px 0px;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#35A5E4;
	font-size:11px;
	border:1px solid #1688BF;
}

.frmContact .Label, .frmContact label{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
white-space:nowrap;
color:#ffffff;
}

.notice{

	font-size:11px;
	padding:0px;
  color:#ffffff;
}

#ref {
	text-align:left;
	width:50px;
  font-size: 0.001em;
	height:1px;
  color: #9FD7F8;
	position:absolute;
 top:-300px;
 right: 1px;

}