@import url(common-tags.css);

@import url(dynamic-content.css);

@import url(form.css);

body{
font-size:12px;
font-family:arial, verdana, san serif;
background:#cf2a29 url("/images/fond-site.jpg") repeat-x;
}

#page{
background:#cf2929 url("/images/fond-contents.jpg") repeat-x 0 183px;
width:765px;
position:absolute;
top:10px;
margin-left:-380px;
left:50%;
}

/*----------------CADRE----------------*/

#graph_haut{
background:url("/images/trace-haut.jpg") no-repeat 0 0;
font-size:1px;
height:10px!important;
width:765px;

}


#contour_gauche{
float:left;
width:7px;
height:219px;
background:url("/images/trace_lg-gche.jpg") no-repeat 0 0;
}

#contour_droit{
height:219px;
width:7px;
padding:0;
float:right;
background:url("/images/trace_lg-dt.jpg") no-repeat 0 0;
}



#grandbloc{
float:left;
background:url("/images/contour.gif") repeat-y 0 0;
}

#graph_bas{
float:left;
height:29px;
width:765px;
background:url("/images/trace-footer.jpg") repeat-x;
}

#coin-footer-gche{
float:left;
height:29px;
width:28px;
background:url("/images/coin-footer-gche.jpg") no-repeat 0 0;
}

#menu-footer{
float:left;
height:29px;
width:131px;
background:url("/images/menu-footer.jpg") no-repeat 0 0;
}

#coin-footer-dt{
height:29px;
width:9px;
background:url("/images/coin-footer-dt.jpg") no-repeat 0 0;
float:right;
}

/*----------------BANNER----------------*/

#banner{

float:left;
width:751px;
height:172px;
}

#img_contextuel{
padding-bottom:-2px;
padding:0px!important;
margin:0px!important;
float:left;
width:151px;
height:149px;
background:url("/images/contextuel.jpg") no-repeat 0 0;
}

#img_contextuel{
padding:0px!important;
margin:0px!important;
border:none!important;
}

#logo{
margin-left:1px;
float:left;
width:599px;
height:149px;
background:url("/images/banner.jpg") no-repeat 0 0;
}

/*----------------MENU VERTICAL----------------*/

#menu{
width:152px;
float:left;
}

#first_level{
padding:10px!important;
}

#first_level li a{
color:white;
font-weight:bold;
}

#first_level li a:hover, #first_level li.active a,  #first_level li a:active{
color:#e8cece;
font-weight:bold;
}

#first_level li{
list-style-image:none!important;
list-style-type:none!important;
margin-top:10px;
color:white;
font-weight:bold;
}

#verticalmenu ul{
padding:0px;
margin:0px;
}



#second_level{
padding:3px;
}


#second_level li{
padding:0px!important;
margin-top:3px;
margin-bottom:3px;
width:130px;
}

#second_level li a{
display:block;
padding-left:20px;
font-weight:bold;
color:#2f2f2f!important;
}

#second_level li a:hover, #second_level li.active a, #second_level li a:active{
display:block;
font-weight:bold;
color:white!important;
background:#2f2f2f url("/images/puce_menu.gif") no-repeat 0 0;
}

#tools-site ul{

margin:0px;
padding:0px;
padding-left:3px;
}

#tools-site ul li{
border:0;
display:inline;
margin-left:-3px;

}

/*----------------MENU HORIZONTAL----------------*/

#deco{
margin-top:-3px;
border-top:1px solid white;
float:left;
height:26px;
width:151px;
background:url("/images/graph.gif") repeat-x 0 0;
}


#horizontalmenu{
margin-top:-3px;
margin-left:1px;
float:left;
border-bottom:1px solid white;
border-top:1px solid white;
width:599px;
height:25px!important;
background-color:#3a2d2d;
}

#horizontalmenu ul{
padding:0px;
margin:0px;
margin-left:30px;
margin-top:4px;

}

*html #horizontalmenu ul{
margin-top:4px;
}

*html #horizontalmenu ul li{
padding-top:0;
}

#horizontalmenu ul li{
padding-top:4px;

background:url("/images/deco-menuhoriz1.gif") no-repeat 0 0px;
display:inline;

}

#horizontalmenu ul li{
padding-top:4px;

background:url("/images/deco-menuhoriz1.gif") no-repeat 0 0px;
display:inline;

}

#horizontalmenu ul li a{

padding:4px 20px 5px 20px;
margin-left:10px;
color:white;
}

#horizontalmenu ul li a:hover{
padding:4px 20px 6px 20px;
margin-left:10px;
background-color:#766D6D;
}




/*----------------CONTENTS----------------*/

#contents{
font-size:13px;
color:white;
float:left;
padding:0px;
margin-left:60px;
width:520px;
}

#breadcrum{
font-size:11px;
color:#DA6F6F;
position:relative;
left:-50px;
}

#contents a{
color:#c5d499;
font-weight:bold;

}

#contents a:hover{

color:#e5f7b2!important;
text-decoration:underline;
}


#breadcrum a{
font-weight:normal!important;
color:#DA6F6F!important;
}

#breadcrum a:hover, #breadcrum .active a{
color:white!important;
}

#graph-contents{
position:absolute;
top:206px;
left:156px;
height:5px;
width:39px;
background:url("/images/graph-contents.gif") no-repeat 0 0;
}

/*----------------FOOTER----------------*/


#footer ul{
color:#FFAAAA;
padding:0;
margin:0 0 0 200px;
}

#footer li{
display:inline;
}

#footer li a{
font-size:11px;
color:#FFAAAA;
display:inline;
}

#footer li a{
margin-left:5px;
margin-right:5px;
font-size:11px;
color:#FFAAAA;
display:inline;
}

#footer li a:hover, #footer li a:active{
text-decoration:underline;
font-size:11px;
color:#efded7;
display:inline;
}


hr.clear{
padding:0px;
margin:0px;
visibility:hidden;
clear:both;
}