body {
margin: 0px;
padding: 0px;
background-color: #fff;
font: 12px Verdana, Arial, sans-serif;
background: url(images/page_backg.gif) top left repeat; 
font: 12px Verdana, Arial, sans-serif;
}

a { color:#616161; }
a img { border-width:0px; }

hr{border: 0px solid #808080;border-top-width:1px;height:0px;margin:0px;}

#conteneur{
position:relative;
top: 0px;
left: 50%;
width: 750px;
margin: 0px;
margin-left: -375px;
height: auto;
padding : 0px 0px 0px 0px;
border-width: 0px;
}

#header {
position: relative;
background: url(images/header.gif) top right no-repeat; 
height: 90px;
width: 750px;
padding: 0px 0px 0px 0px;
margin:0px;
text-align: left;
}

#header div{
position: relative;
background: url(images/headerB.gif) top left no-repeat; 
height: 90px;
width: 570px;
text-align: left;
text-align: center;
padding: 0px 0px 0px 180px;
}

#header_titre{
display:block;
padding-top: 10px;
}

#header div h1{
display: inline;
color: #C0C0C0;
font-size: 24px;
float: left;
margin: 22px 0px 0px 20px;
}

#contenu {
position:relative;
background-color: #fff;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #C0C0C0;

}


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

#spacer_end {
position : relative;
top : 0px ;
width: 748px;
margin : 0px;
padding : 0px;
line-height : 15px ;
border-bottom: 1px solid #C0C0C0;
background-color:#EBEBEB;
}

#ong {
position: relative ;
top : 0px ;
left : 20px;
z-index : 10;
width : 735px;

}

#ong ul {
position: relative;
margin : 0px ;
padding : 0px ; 

}

#ong ul li {
float : left ;
list-style-type : none ;
margin : 0px 7px 0px 0px;
padding : 0px ;
}

#ong ul .base a, #ong ul .visite a {
background : url("images/onglets/C1.gif") bottom right no-repeat;
display : block ;
color : #C0C0C0;
font-weight : bold ;
padding : 0px 10px 0px 0px ;
text-decoration: none;
}
#ong ul .base a:hover{}

#ong ul .base a span, #ong ul .visite a span{
background : url("images/onglets/C2.gif") bottom left no-repeat ;
display : block ;
padding : 2px 0px 6px 10px ;
}
#ong ul .base a:hover span { color: #9F9F9F;}

#ong ul .visite a {
position: relative;
top: -3px;
background : url("images/onglets/B1.gif") bottom right no-repeat ;
display : block;
color : #C0C0C0;		
font-weight : bold;
padding : 0px 10px 0px 0px;
margin : 0px;
text-decoration: none;
}

#ong ul .visite a span{
background : url("images/onglets/B2.gif") bottom left no-repeat ;
display : block ;
padding : 0px 0px 6px 10px ;
}

.quote {
border: 1px solid #006699;
background-color: #EAECF3;
color: #5594B5;
margin: 0px 20px 20px 20px;
}

.quote_legend {
border-bottom: 1px solid #006699;
background-color: #CCDAEA;
background: #CCDAEA url(images/quote.gif) top right no-repeat; 
font-size: 18px;
font-weight:bold;
color: #5594B5;
line-height: 28px;
}
.quote_txt {margin: 10px 10px 10px 10px;}

.quote_legendB {
border-top: 1px dashed #006699;
background-color: #CCDAEA;
color: #5594B5;
line-height: 20px;
text-align:right;
}
.quote a {text-decoration: none; border-bottom: 1px dashed #5594B5; color: #5594B5;}
.quote_legendB a {text-decoration: none; border-bottom: 1px dashed #006699; color: #006699;}

.rea {
border: 1px solid #BA2F28;
background-color: #FFDAD7;
color: #EA5F58;
margin: 0px 20px 20px 20px;
}

.rea_legend {
border-bottom: 1px solid #BA2F28;
background-color: #EA5F58;
background: #EA5F58 url(images/rea.gif) top right no-repeat; 
font-size: 18px;
font-weight:bold;
color: #CC0000;
line-height: 28px;
}
.rea_txt {margin: 10px 10px 10px 10px;}
.ul_rea {list-style-image:url("images/ul_rea.gif");}
.rea a {text-decoration: none; border-bottom: 1px dashed #CC0000; color: #CC0000;}

.etape {
border: 1px solid #808080;
background-color: #FEFEFE;
color: #CFD0CF;
margin: 0px 20px 20px 20px;
text-align:center;
}

.etape_legend {
border-bottom: 1px solid #808080;
background-color: #CFD0CF;
background: #CFD0CF url(images/etape.gif) top right no-repeat; 
font-size: 18px;
font-weight:bold;
color: #7E7E7E;
line-height: 28px;
}
.etape_txt {margin: 30px 10px 10px 10px;}

.etape_legendB {
border-top: 1px dashed #808080;
background-color: #CFD0CF;
color: #7E7E7E;
line-height: 20px;
text-align:left;
padding: 2px;
}

.materiel {
float: left;
border-right: 1px dashed #808080;
border-bottom: 1px dashed #808080;
background-color: #F2F2F2;
width: auto;
padding: 2px 0px 1px 5px;
color:#808080;
text-align:left;
}

.prop {
border: 1px solid #336600;
background-color: #99CC99;
color: #336600;
margin: 0px 20px 20px 20px;
}

.prop a {color: #336600;text-decoration: none; border-bottom: 1px dashed #336600;}

.prop_legend {
border-bottom: 1px solid #336600;
background-color: #339933;
background: #339933 url(images/prop.gif) top right no-repeat; 
font-size: 18px;
font-weight:bold;
color: #336600;
line-height: 28px;
}
.prop_txt {margin: 10px 10px 10px 10px;}

.prop_img {
border: 1px solid #336600;
}
.prop_legendB {
border-top: 1px dashed #006699;
background-color: #339933;
color: #336600;
line-height: 20px;
text-align:right;
}
.prop_legendB a {text-decoration: none; border-bottom: 1px dashed #336600; color: #336600;}

.bold {font-weight: bold;}

img.tex { vertical-align: middle; }