/* CSS Document */

.bleu{
color:#9999cc;
background-color:#2d4297;
}

.bleu a{
color:#FFFFFF;
text-decoration:none;
}
.bleu a:hover{
color:#9999cc;
text-decoration:none;
}

.cyan{
color:#003366;
background-color:#0676b2;
}
.cyan a {
color:#FFF;
text-decoration:none;
}

.cyan a:hover{
color:#003366;
text-decoration:none;
}

.rouge{
color:#fe6565;
background-color:#bf2543;
}
.rouge a{
color:#FFFFFF;
text-decoration:none;
}
.rouge a:hover{
color:#fe6565;
text-decoration:none;
}

.violet{
color:#660066;
background-color:#8e1666;
}
.violet a{
color:#FFFFFF;
text-decoration:none;
}
.violet a:hover{
color:#660066;
text-decoration:none;
}

.vert{
color:#336600;
background-color:#6fae35;
}
.vert a{
color:#FFFFFF;
text-decoration:none;
}
.vert a:hover{
color:#336600;
text-decoration:none;
}

.rose{
color:#74053b;
background-color:#cc2972;
}
.rose a{
color:#FFFFFF;
text-decoration:none;
}
.rose a:hover{
color:#74053b;
text-decoration:none;
}

.hrclassique{
margin:0 0 0 25px;
padding:0;
color:#FFFFFF;
height:1px;
}
body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}


h1{
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0 0 25px;;
padding:0;
padding-top:15px;
font-size:14px;
font-weight:bold;

}
img{
margin:0;
padding:0;
border:none;
}

#main{
margin:auto;
padding:0;
position:relative;
width:1001px;
}

#gauche{
margin:0;
padding:0;
position:relative;
width:236px;
float:left;
color:#FFFFFF;
}

#logo{
margin:0;
padding:0;
position:relative;
width:236px;
height:69px;
}

#logo img{
border:0;
}

#titre{
margin:0;
padding:0;
position:relative;
width:236px;
height:45px;
background-image:url(../images/grand-trait.gif);
}	

#photo{
margin:0;
padding:0;
position:relative;
width:236px;
height:345px;
}

#menugauche{
margin:0;
padding:0;
position:relative;
width:236px;
height:273px;
overflow:auto;
}

#sousmenu{
margin:15px 0 15px 15px;
padding:0;

}

.avectrait{
margin:0 0 7px 0;
padding:0;
list-style:none;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../images/trait-menu.gif);
background-repeat:no-repeat;
}

.sanstrait{
margin:0 0 7px 0;
padding:0;
list-style:none;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.avecssmenu{
margin:0 0 7px 0;
padding:0 0 0px 0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../images/trait-menu.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


#sousousmenu{
margin:0 0 0 25px;
padding:0 0 10px 0;
}

#sousousmenu li{
margin:0;
padding:0;
list-style-image:url(../images/puce.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#sousousmenu li span{
margin:0 0 0 10px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
background:none;
}





#droite{
margin:0;
padding:0;
position:relative;
width:765px;
float:left;
}
#actualite{
margin:0;
padding:0;
position:relative;
width:765px;
height:69px;
background-color:#FF6600;
color:#FFF;
}

#titreactu{
margin:0;
padding:0;
position:relative;
width:168px;
height:69px;
float:left;
background-image:url(../images/trait-actu.gif);
}

#titreactu p{
margin:17px 0 0 25px;
font-size:18px;
}

#actu{
margin:0;
padding:0;
position:relative;
width:593px;
height:69px;
overflow:auto;
scrollbar-face-color:#FF6600;
scrollbar-shadow-color:#FF3300;
scrollbar-highlight-color:#FF9900;
scrollbar-3dlight-color:#FF6600;
scrollbar-darkshadow-color:#FF6600;
scrollbar-track-color:#FF3300;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}

#actu p{
margin:0 5px;
}


#menu{
margin:0;
padding:0;
position:relative;
width:765px;
height:45px;
}	

.blockmenu{
margin:0;
padding:0;
position:relative;
float:left;
width:153px;
height:45px;
}

.blockmenu a{
display:block;
margin:0;
padding:0;
width:153px;
height:45px;
background-image:url(../images/trait.gif);

}

.blockmenu span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:0px 0 0 5px;
padding:0;

}
.rouge span{
display:block;
height:27px;
color:#FFF;
background-image:url(../images/trait.gif);
background-position:bottom;
}
.rose span{
display:block;
height:27px;
color:#FFF;
background-image:url(../images/trait.gif);
background-position:bottom;
}


#contenu{
margin:0;
padding:0;
position:relative;
width:765px;
height:580px;
}

#footer{
margin:0;
padding:0;
position:relative;
width:765px;
height:38px;
background-color:#FFFFFF;
color:#666666;
text-align:center;
text-transform:uppercase;
font-size:12px;
}

#footer a{
text-decoration:none;
margin:12px 25px 0 25px;
color:#666666;
}
#footer a:hover{
text-decoration:none;
margin:0 25px;
color:#000;
}