/* 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---*/
}
body{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
  text-align: justify;
	background:#ff9a00;
	line-height:20px;
	background-image:url(../images/charte/bg-body.gif);
  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:980px;
	margin:0 auto;
  background-image:url(../images/charte/bg-container.gif);
  background-repeat:repeat-y;
}
#menu{
float:left;
width:980px;
height:320px;
}

#contenu{
  /*position:relative;*/
  width:840px;
  padding:0px 0px 30px 70px;
  background-image:url(../images/charte/top-inte.gif);
  background-repeat:no-repeat;
  line-height:18px;
}
  #contenu p{
    font-size:13px;
  	font-family:Arial, Helvetica, sans-serif;
  	color:#555555;
    text-align: justify;
    padding-top: 10px;
  }


/***************** FOOTER *****************/
#footer{
  position: relative;/*---obligatoire pour le footer---*/
  margin:-10px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:980px;
	height:35px;
	clear:both;
	padding-left:0px;
	background-image:url(../images/charte/bg-footer.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:9px;
	text-align:left;
	padding-top:35px;
	line-height:normal;
	background-color:#e5e5e5;
	text-align:center;
			}
#footer a{
text-decoration:none;
color:#999;
}
#footer  a:hover{
text-decoration:none;
color:#fff;
}

#footer1{
  position: relative;/*---obligatoire pour le footer---*/
  margin:-10px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:980px;
	height:35px;
	clear:both;
	padding-left:0px;
	background-image:url(../images/charte/bg-footer1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-size:9px;
	text-align:left;
	padding-top:35px;
	line-height:normal;
	background-color:#e5e5e5;
	text-align:center;
			}
#footer1 a{
text-decoration:none;
color:#999;
}
#footer1  a:hover{
text-decoration:none;
color:#fff;
}
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}

a{
text-decoration:none;
color:#285CBD;
}
a:hover{
text-decoration:none;
color:#FF9A00;
}
/*a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.80;
}*/