body{
margin:0;
padding:0;
border:0;
font-family:verdana;
font-size:11px; 
}

h1,h2,h3
{
	margin:0;
	font-size:11px;
	font-weight:normal;
}
.italic{
font-style:italic;
}
.font_1{
font-size:1px;
}

.font_12{
font-size:12px;
}

.font_11{
font-size:11px;
}

.font_15{
font-size:15px;
}

.white{
color:white;
}

.visible{
display:inline;
}

.invisible{
display:none;
}

.uppercase{
text-transform:uppercase;
}

.bold{
font-weight:bold;
}

#center_site{
	margin:0 auto;
	width:950px;
	height:auto;
	position:relative;
		
}

#header{
width:950px;
height:190px;
position:relative;
margin:0;
padding:0;
background:url("/ressources/img/header.png") no-repeat;
}

#menu_haut{
float:left;
height:auto; 
margin:0 0 0 293px;
_margin:0 0 0 255px;
padding:0;
display:inline;
position:relative;
}

#menu_haut ul{
float:left;
margin:0;
padding:0 0 0 0;
border:0;
list-style-type:none; 
display:block;   
z-index:9999;
}

#menu_haut ul li{
float:left;
margin:0;
padding:0 0 0 0;
border:0; 
display:block;
background:url("/Ressources/img/li_n.png") repeat-x;
height:30px; 
z-index:9999;
}

#menu_haut ul li:hover{
background:url("/Ressources/img/li_r.png") repeat-x;
}

#menu_haut ul li a{
float:left;
margin:0 0 0 5px;
border:0;
padding:0 7px 0 0;
text-transform:uppercase;
color:#848587;
line-height:30px;
display:block; 
background:url("/Ressources/img/separator.png") no-repeat right;
text-decoration:none; 
text-align:center;
z-index:9999;

}



#menu_haut ul li.first{
float:left;
margin:0;
padding:0;
border:0; 
display:block;
background:url("/Ressources/img/first_n.png") no-repeat;
height:30px; 
}

#menu_haut ul li.first:hover{
background:url("/Ressources/img/first_r.png") no-repeat;
}

#menu_haut ul li.last a{
margin:0 0 0 3px;
border:0;
padding:3px 7px 0 0;
background:none;
}

#menu_haut ul li.last{ 
background:url("/Ressources/img/last_n.png") no-repeat right;
}

#menu_haut ul li.last:hover{
background:url("/Ressources/img/last_r.png") no-repeat right;
}

#menu_haut ul li.last img{
margin:0;
padding:0;
border:0;
margin:5px 0 0 0;
}

#menu_haut .have_sous_menu div{
	float:left;
	_margin:0;
	_padding:0 0 15px 0;
	border:0;
	position:absolute;
	top:30px;
	_left:-13px;
	width:131px;
	height:62px;
	z-index:1;
	background:url("/Ressources/img/list_sous_menu.png") no-repeat center bottom;
	display:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

#menu_haut ul  ul{
clear:left;
float:left;
margin:5px 0 0 0;
padding:0;
border:0;
list-style-type:none; 
display:inline; 
position:relative;
}

#menu_haut ul li.have_sous_menu ul li{
clear:left;
float:left; 
margin:0;
padding:0 0 0 0;
border:0; 
display:inline;
background:transparent; 
width:100%;
height:auto;
text-align:center;
font-size:11px;
position:relative;
}

#menu_haut  ul li.have_sous_menu ul li a{
float:left;
padding:0;
text-transform:uppercase;
color:#848587; 
display:inline;
background:none;
text-decoration:none;
width:100%;
height:auto;
text-align:center;
line-height:17px;
position:relative;
}


#center{
	width:910px;
	height:auto;
	position:relative;
	margin:0;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	
}

#left{
	width:508px;
	height:auto;
	position:relative;
	padding:0;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#title_left{
width:490px;
height:20px;
position:relative;
margin:10px 0 5px 10px;
padding:0 0 0 16px;
_margin:10px 0 5px 10px;
_padding:0 0 0 7px;
clear:left;
float:left;
display:block;
background:url("/Ressources/img/fleche_rouge.png") no-repeat left center;
}

#bloc_gauche{
width:508px;
height:auto;
position:relative;
margin:0;
padding:0;
clear:left;
float:left;
display:inline;
}

#left_bloc_left{
width:12px;
height:352px;
position:relative;
margin:0;
padding:0;
border:0;
clear:left;
float:left;
display:inline;
background:url("/Ressources/img/left_bloc_left.png") no-repeat center;
}

#center_bloc_left{
width:483px;
height:352px;
position:relative;
margin:0;
padding:0;
border:0; 
float:left;
display:inline;
background:url("/Ressources/img/repeat_bloc_left_ac.png") repeat-x center;
}

#center_bloc_left ul{
float:left;
margin:0;
padding:0;
border:0;
width:483px;
height:352px;
display:inline;
background:url("/Ressources/img/bloc_left.png") no-repeat center;
}

#center_bloc_left ul li{
float:left;
margin:15px 0 0 0;
padding:0;
border:0;
display:inline; 
height:148px;
}

#center_bloc_left ul li span{
position:absolute;
color:#848587;
font-size:14px;
font-weight:bold;
float:left;
display:inline;
}

#center_bloc_left ul li.graisses{
float:left;
padding:0;
border:0; 
display:inline; 
width:243px;
}

#center_bloc_left ul li.graisses div{
width:243px;
text-align:center;
}

#center_bloc_left ul li.eaux{
float:left;
padding:0 0 0 13px;
border:0; 
display:inline;
width:227px;
}

#center_bloc_left ul li.eaux div{
width:227px;
text-align:center;
}

#center_bloc_left ul li.sols{
float:left;
padding:15px 0 0 0;
border:0; 
display:inline; 
width:243px;
}

#center_bloc_left ul li.sols div{
width:243px;
text-align:center;
}

#center_bloc_left ul li.hydrocarbures{
float:left;
padding:15px 0 0 13px;
border:0; 
display:inline;
width:227px;
}

#center_bloc_left ul li.hydrocarbures div{
width:227px;
text-align:center;
}

#right_bloc_left{
width:13px;
height:352px;
position:relative;
margin:0;
padding:0;
border:0; 
float:left;
display:inline;
background:url("/Ressources/img/right_bloc_left.png") no-repeat center;
}


#right{
width:322px;
height:auto;
position:relative;
margin:0 0 0 43px;
padding:0;
float:left;
display:inline;
}

#bloc_droit{
	width:322px;
	height:auto;
	position:relative;
	padding:0;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#bloc_droit .top_bloc_droit{
width:321px;
height:43px;
border:0;
margin:0;
padding:0;
float:left;
background:url("/Ressources/img/top_encart_droit.png") no-repeat center;
display:inline;
}

#bloc_droit .center_bloc_droit{
width:321px;
height:auto;
border:0;
margin:0 0 0 0;
/*padding:0 13px;*/
padding:0;
float:left;
background:url("/Ressources/img/repeat_encart_droit.png") repeat-y left;
color:#848587;
display:inline;
position:relative;
}

#bloc_droit  ul.actus{
border:0;
margin:-35px 0 0 2px;
/*padding:0 15px 73px 15px;*/
padding:0 0 73px 0;
float:left;
position:relative;
list-style-type:none;
/*width:285px;*/
width:317px;
height:auto;
display:inline;
background:url("/Ressources/img/repeat_bg.png") no-repeat bottom;
}

#bloc_droit  .actus li{
margin:0 0 25px 10px;
padding:0;
border:0;
float:left;
display:inline;
}

#bloc_droit  .title_actus{
border:0;
/*margin:0 0 10px 0;*/
padding:0 0 0 15px;
margin:0 0 10px 0;
_padding:0 0 0 5px;
float:left;
background:url("/Ressources/img/fleche_rouge.png") no-repeat left center;
display:inline; 
width:285px; 
}

#bloc_droit  .body_actus{
border:0;
margin:0;
padding:0;
clear:left; 
float:left;
position:relative;
width:285px;
text-align:left;
}

#bloc_droit .lire_suite{
border:0;
margin:10px 0 0 0;
padding:0;
clear:left; 
float:left;
color:#5bac26;
text-decoration:none;
width:279px;
}

#bloc_droit .bottom_bloc_droit{
width:321px;
height:10px;
border:0;
margin:0 0 0 0;
padding:0;
float:left;
background:url("/Ressources/img/bottom_encart_droit.png") no-repeat center;
display:inline;
}

#partenaire{
width:311px;
height:auto;
border:0;
margin:30px 0 0 0;
padding:0 10px 0 0;
clear:left;
float:left;
display:inline;
}

#partenaire .title{
float:right;
line-height:35px;
padding:0 5px 0 0;
display:inline;
color:#848587;
}

#partenaire a{
float:right;
margin:0 5px 0 0;
}

#partenaire img{
float:left;
border:0;
margin:0;
padding:0;
border:0;
}

#footer{
width:950px;
height:auto;
position:relative;
margin:0 0 0 0;
padding:58px 0 10px 0; 
display:inline;
float:left;
background:url("/ressources/img/footer.png") no-repeat center center;
}

#footer  ul{
list-style-type:none;
margin:5px 0 0 75px; 
border:0;
padding:0; 
float:left;
position:relative;
display:inline;
color:#848587;
font-size:11px;
text-transform:uppercase;
}
#footer  ul li a{
color:#848587;
text-decoration:none;
}

#footer  ul li{
float:left;
display:inline;
margin:0;
padding:0 21px 0 0;
}
#footer .first{
padding:0 21px 0 61px;
}

#center_bloc_left .gpanel
{
	height:154px;
	background:url("/Ressources/img/graisses_n.png") no-repeat center center;
}
#center_bloc_left .gpanel:hover
{
	background:url("/Ressources/img/graisses_r.png") no-repeat center center;
}

#center_bloc_left .epanel
{
	height:154px;
	background:url("/Ressources/img/eau_n.png") no-repeat center center;
}
#center_bloc_left .epanel:hover
{
	background:url("/Ressources/img/eau_r.png") no-repeat center center;
}

#center_bloc_left .spanel
{
	height:149px;
	background:url("/Ressources/img/sols-sable_n.png") no-repeat center center;
}
#center_bloc_left .spanel:hover
{
	background:url("/Ressources/img/sols-sable_r.png") no-repeat center center;
}

#center_bloc_left .hpanel
{
	height:149px;
	background:url("/Ressources/img/hydrocarbure_n.png") no-repeat center center;
}
#center_bloc_left .hpanel:hover
{
	background:url("/Ressources/img/hydrocarbure_r.png") no-repeat center center;
}

a.logo_orceo
{
	position:absolute;
	width:172px;
	height:60px;
	padding:0;
	border:0;
	top:0;
	left:0;
	text-decoration:none;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 70px;
}

a.logo_orceo:hover
{
text-decoration:none;
}

a.logo_orceo img
{
border:0;
margin:0;
padding:0;
}

.accroche
{
	position:absolute;
	padding:0;
	border:0;
	top:0;
	left:0;
	margin-top: 75px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}

.content_element
{
float:left;
display:none;
width:100%;
height:100%;
}

#test
{
background:url("/Ressources/img/ligne_separation_files.png") repeat-x top;
margin:0;
padding:0;
float:left; 
width:100%;
height:100%;
}


.title_element
{
cursor:pointer;
background:url("/Ressources/img/fleche_grise_faq_to_collapse.png") no-repeat right center;
margin:0;
padding:0 5px 0 0;
clear:left;
float:left; 
width:98%;
}

.title_element td
{
cursor:pointer;
margin:0;
padding:5px 0;
float:left; 
}

#degrad_bloc_left_faq
{
padding-top:5px;
}

#degrad_bloc_left_faq div
{
clear:left;
float:left; 
background:#ffffff url("/Ressources/img/pixel_ligne.png") repeat-x bottom;
width:100%;
}

.active
{
    background:url("/Ressources/img/fleche_grise_faq_to_expande.png") no-repeat right center;
    margin:0;
}

.table_alphabet_glossaire
{
float:left;
width:320px; 
margin:15px 0 0 28px;
}

.ligne_fleche_glossaire
{
background:#FFFFFF url("/Ressources/img/ligne_separation_files.png") repeat-x top;
}
.ligne_fleche_glossaire a
{
float:right;
margin:4px 5px 0 0 ;
}

.ligne_fleche_glossaire a img
{
border:0;
}

.ligne_fleche_glossaire td
{
color:#FF0000;
padding:5px 0 5px 5px;
background:url("/Ressources/img/ligne_separation_files.png") repeat-x bottom;
}

/* CODE PHILIPPE ORCEO*/

#orceo-bloc_droit{
	width:322px;
	height:auto;
	position:relative;
	float:left;
	display:inline;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#orceo-bloc_droit .top_bloc_droit{
	width:321px;
	height:43px;
	border:0;
	padding:0;
	float:left;
	background:url("/Ressources/img/top_encart_droit.png") no-repeat center;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#orceo-bloc_droit .center_bloc_droit{
	width:321px;
	height:auto;
	border:0;
	margin:0;
	float:left;
	background:url("/Ressources/img/repeat_encart_droit.png") repeat-y left;
	color:#848587;
	display:inline;
	position:relative;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#orceo-bloc_droit  ul.actus{
border:0;
margin:-35px 0 0 2px;
/*padding:0 15px 73px 15px;*/
padding:0 0 73px 0;
float:left;
position:relative;
list-style-type:none;
/*width:285px;*/
width:317px;
height:auto;
display:inline;
background:url("/Ressources/img/repeat_bg.png") no-repeat bottom;
}

#orceo-bloc_droit  .actus li{
margin:0 0 25px 10px;
padding:0;
border:0;
float:left;
display:inline;
}

#orceo-bloc_droit  .title_actus{
border:0;
/*margin:0 0 10px 0;*/
padding:0 0 0 15px;
margin:0 0 10px 0;
_padding:0 0 0 5px;
float:left;
background:url("/Ressources/img/fleche_rouge.png") no-repeat left center;
display:inline; 
width:285px; 
}

#orceo-bloc_droit  .body_actus{
border:0;
margin:0;
padding:0;
clear:left; 
float:left;
position:relative;
width:285px;
text-align:left;
}

#orceo-bloc_droit .lire_suite{
border:0;
margin:10px 0 0 0;
padding:0;
clear:left; 
float:left;
color:#5bac26;
text-decoration:none;
width:279px;
}

#orceo-bloc_droit .bottom_bloc_droit{
	width:321px;
	height:10px;
	border:0;
	padding:0;
	float:left;
	background:url("/Ressources/img/bottom_encart_droit.png") no-repeat center;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#titre_rajout_orceo{
	border:0;
	_padding:0 0 0 5px;
	float:left;
	background:url("/Ressources/img/fleche_rouge.png") no-repeat left center;
	display:inline;
	width:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#titre_rajout_orceo .titre_orceo{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #848587;
}
.title_left{
width:490px;
height:20px;
position:relative;
margin:10px 0 5px 10px;
padding:0 0 0 16px;
_margin:10px 0 5px 10px;
_padding:0 0 0 7px;
clear:left;
float:left;
display:block;
background:url("/Ressources/img/fleche_rouge.png") no-repeat left center;
}
.left_bloc_left{
width:12px;
height:352px;
position:relative;
margin:0;
padding:0;
border:0;
clear:left;
float:left;
display:inline;
background:url("/Ressources/img/left_bloc_left.png") no-repeat center;
}
.center_bloc_left{
	width:483px;
	height:352px;
	position:relative;
	padding:0;
	border:0;
	float:left;
	display:inline;
	background:url("/Ressources/img/repeat_bloc_left_ac.png") repeat-x center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}
.right_bloc_left{
width:13px;
height:352px;
position:relative;
margin:0;
padding:0;
border:0; 
float:left;
display:inline;
background:url("/Ressources/img/right_bloc_left.png") no-repeat center;
}

