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

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color:#000;
}
body{
font-size:62.5%;
background:#000 url(../images/charte/bg-page-y.gif) repeat-y center top !important;
background:#000 url(../images/charte/bg-page-y2.gif) repeat-y center top;
}
#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;

}

#collLeft{
float:left;
width:339px;
height:201px;
display:table;

}

#header{
float:left;
width:708px;
height:206px;
}

#contenu{
float:left;
position:relative;
width:990px;
min-height:205px;
height:auto !important;
height:205px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.4em;
text-align:justify;
color: #000;
margin-top:0;
background:url(../images/charte/bg-container2.jpg) left top no-repeat ;
}

#texte{
	float:left;
	width:550px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** MENU ********************/

#menu {
width:230px;
padding:0 10px 0 0;
margin:100px 0px 0 20px;
float:left;
}
#menu dt{
cursor: pointer;
height: 17px;
text-indent:18px;
background:url(../images/charte/bg-bt.gif) no-repeat top left;
margin:0 0 5px 0;
text-transform:uppercase;
font-size:10px;
}
#menu dt a:link,a:visited{
color:#000;
text-decoration:none;

}
#menu dt a:hover{
color:#000;
text-decoration:underline;
}
#menu ul{
list-style-type:disc;
margin:0 0 10px 0;
}
#menu li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
text-align:left;
list-style-type:disc;
color:#fe3aa6;
margin:0 0 0px 30px;
}
#menu li a {
font-weight:normal;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a:hover {
color:#fff;
text-decoration: underline;
}

#texte  a:link, #texte  a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #000;
}
#texte  a:hover, #texte  a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}
/***************** FOOTER *****************/
#footer{
position:relative;
width:990px;
height:25px;
margin:-25px auto 0 auto;
clear:both;
background:url(../images/charte/bg-footer.gif) no-repeat top left;
}

#txt_footer{
color:#FE3AA6;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:5px 100px 0px 0px;
float:right;

}

.logo{
	margin:5px 0 0 20px;
}