img{border:0;behavior: url("pngbehavior.htc");}
body{ background-color:#cbc0b5; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center}
.main{margin:15px auto auto; width:796px; text-align:left}
.lang{ color:#FFFFFF; padding-left:720px}
.lang a{color:#FFFFFF; text-decoration:none}
.content{ background:url("images/content_background.gif") repeat-y; width:796px; position:relative;}
.header{ background:url("images/header_background.gif") no-repeat; width:796px; height:98px }
.header_logo{ padding-left:20px; padding-top:6px;float:left}
.header_num{ float:left; width:560px; padding-top:0px; text-align:right}
html>body .header_num{height:40px;}
.header_menu{ float:left;width:560px; text-align:right; padding-top:30px; font-size:9px; white-space:nowrap}
html>body .header_menu{padding-top:37px;}
.header_menu a{ color:#000000; text-decoration:none}
.header_menu a:hover{ color:#666666; text-decoration:none}
.main_menu{ width:774px; height:174px; padding:2px 6px 0px 6px; }
.main_menu_vertical{ float:left; background:url(images/menu_background2.png) repeat-x; width:218px; height:198px; border-right:2px solid #FFFFFF;}
.main_menu_image{float:left; background-color:#999999; height:195px; width:550px;padding-top:3px}
.searchbar{ background:url(images/searchbar_background.gif) repeat-x; width:772px; height:25px; margin-left:6px}
.search_btn{width:26px; height:28px; position:absolute; left:600px; top:203px}
.input_search{ margin-left:640px; padding-top:2px}
.input_search input{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.img_left{ float:left; width:221px; height:438px; padding-left:6px; }
.content_txt{ float:left; width:537px;margin-left:2px; padding:5px}
.ad{ float:left; width:140px; margin-left:5px; margin-right:10px; text-align:center}
.news{ float:left; width:390px; padding-left:10px}
.news_header{ background:url(images/news_header.gif) no-repeat; width:367px; height:23px}
.news_content{ background: url(images/news_text.gif) repeat-y; width:367px; padding-left:10px}
.news_footer{background:url(images/news_footer.gif) no-repeat; width:367px; height:24px}
.news_title{ font-weight:bold; font-size:12px}
.news_ico{ float:left; padding-top:1px; padding-right:3px}
.news_txt{ float:left; width:250px}
.news_img{ float:left; width:85px}
.footer{background:url("images/footer_background.gif") no-repeat; width:796px; height:46px}
.footer a{ color:#000000; text-decoration:none}
.footer a:hover{ color:#666666; text-decoration:none}
.footer_menu{padding-top:15px; padding-left:230px}
.title_red_big{ color:#C5161D; font-size:14px; font-weight:bold}
.title_red_medium{ color:#C5161D; font-size:12px; font-weight:bold}
.title_green_big{color:#C3161C; font-size:14px; font-weight:bold}
.title_green_medium{ color:#C3161C; font-size:12px; font-weight:bold}

.searchbar2{ width:772px; height:28px; margin-left:6px; text-align:right }
#chmMap		{ color:#000; }
#chmMap a	{ color:#000; }
.slashrouge	{ color:#b31418; margin:0 5px; }
.centrer{ text-align:center;}

dl, dt, dd{
margin: 0;
padding: 0;

}
#menu {
position: absolute;
width: 218px;
top:5px
}
html>body #menu{width: 220px;}


#menu dt {
cursor: pointer;
height: 31px;
line-height: 30px;
text-align:left;
margin:2px 0;
font-weight: bold;
color:#b31418;
padding-left:15px;
}

#menu dt.subrillance	{
	background:url(images/menu_surbrillance.png) top right no-repeat;
}

#menu dt.nosubrillance	{
	background:url(images/menu_nosurbrillance.png) top right no-repeat;
}

#menu dt.subrillance a {
	color:#b31418;
}

#menu dt.nosubrillance a {
	color:#fff;
}

#menu dd {
position: absolute;
z-index: 100;
left: 218px;
width: 220px;
background:url(images/sousmenu2.png) repeat-y;
top:0;
/*background:#000;
filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/
/*background: #6aa62f;*/
}

html>body #menu dd {left: 220px;}

#menu ul {
padding: 0px;
list-style-type: square;
color:#FFFFFF
}
#menu li {
text-align: left;
height: 18px;
font-weight:bold;
background: #69A52E;
width:135px;
list-style-type: square;
color:#FFFFFF
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
font-weight: bold;
}

#menu dd a	{
	color:#5c5b5a;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

#menu dd a:hover {
	color:#b31418;
}

#menu li a:hover {
text-decoration: underline;
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #fff;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #fff;
}
#mentions a:hover{text-decoration: underline;
}

.div_sous_menu{ width:181px; height:195px; margin-top:0; padding-left:10px }

.content_txt_page{ padding-top:10px; padding-left:10px}
.content_txt_page a{ color:#000000;}


.page_content_txt .special_link a
{
	color:#000;
	text-decoration:none;
}

.page_name_bar{ margin-top:15px; margin-left:5px}
.page_name_bar_left{ background:url(images/page_name.gif) no-repeat; width:12px; height:34px; float:left}
.page_name_bar_center{background:url(images/page_name_background.gif) repeat-x;width:750px;height:34px; float:left}
.page_name_bar_right{background:url(images/page_name_right.gif) no-repeat; width:12px; height:34px; float:left}
.green_arrow{float:left}
.page_name{float:left; width:400px; padding-top:8px}
.page_name_txt{ float:left; font-weight:bold; padding-top:3px; padding-left:3px}
.print{ float:left;margin-left:250px; margin-top:3px }
html>body .print{margin-left:320px;}

.page_content_txt{padding:20px}
.page_content_txt_left{ width:350px; float:left; text-align:justify}
.page_content_txt_right{ width:350px; float:left; text-align:justify; padding-left:25px}

.encadre{}
.encadre_header{ background:url(images/encadre_header.gif) no-repeat; width:368px; height:20px}
.encadre_txt{ background:url(images/encadre_txt.gif) repeat-y; width:368px }
.encadre_footer{background:url(images/encadre_footer.gif) no-repeat; width:368px; height:41px}

.mini_site_header{ height:60px; padding-left:7px; padding-top:5px}
.mini_site_retour{ float:left; width:223px; height:52px; background:url(images/retour_site.gif) no-repeat}
.mini_site_header_photo{ float:left;background:url(images/mini_site_header.jpg) no-repeat; background-color:#999999; width:549px; height:50px; border-top:2px solid #999999; border-right:1px solid #999999}

.mini_site_title{ padding-left:10px; padding-top:10px}

.mini_site_content{ padding-top:12px}

.mini_site_menu{ float:left;width:200px; margin-left:10px}
.mini_site_menu_header{ background:url(images/mini_site_menu_header_<xsl:value-of select='$service/DESCRIPTIONS/DESCRIPTION/BODY' />.gif) no-repeat; width:197px; height:14px}
.mini_site_menu_center{ background:url(images/mini_site_menu_background_<xsl:value-of select='$service/DESCRIPTIONS/DESCRIPTION/BODY' />.gif) repeat-x; width:195px; margin-left:1px; height:214px; padding-left:5px}
html>body .mini_site_menu_center{width:190px;}
.mini_site_menu_center a{ color:#FFFFFF; text-decoration:none}
.mini_site_menu_center a:hover{ color:#FFFFFF; text-decoration:none}
.mini_site_menu_center p{ color:#FFFFFF; line-height:18px; margin:0; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.mini_site_menu_footer{background:url(images/mini_site_menu_footer_<xsl:value-of select='$service/DESCRIPTIONS/DESCRIPTION/BODY' />.gif) no-repeat; width:197px; height:14px}
.mini_site_separation{ float:left;width:22px; height:518px; padding-left:6px}
.mini_site_content_txt{ float:left;padding-left:10px; width:524px; text-align:justify}

.soulignerouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		color:#C5161D;
		text-decoration:underline}
.grasrouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		color:#C5161D;
		leading:0;
		}
.italiquerouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		color:#C5161D;
		font-style:italic}
.gras_italiquerouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		color:#C5161D;
		leading:0;
		}
.gras_soulignerouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		color:#C5161D;
		leading:0;
		}
.gras_italique_soulignerouge{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		text-decoration:underline;
		color:#C5161D;
		leading:0;
		}
		
.souligne{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		text-decoration:underline}
.gras{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		leading:0;
		}
.italique{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		font-style:italic}
.gras_italique{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		leading:0;
		}
.gras_souligne{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		leading:0;
		}
.gras_italique_souligne{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		text-decoration:underline;
		leading:0;
		}

.biggras{
		font-size:16;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		leading:0;
		}
.biggras_rouge{
		font-size:16;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		leading:0;
		color:#C5161D;
		}		
.souligne_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		color:#999999;
		text-decoration:underline}
.gras_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		leading:0;
		}
		
.italique_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		leading:0;
		color:#999999;
		font-style:italic}
.gras_italique_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		color:#999999;
		leading:0;
		}
.gras_souligne_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		color:#999999;
		leading:0;
		}
.gras_italique_souligne_gris{
		font-size:11;
		font-family:Lucida Grande,Helvetica,Arial; 
		font-style:italic;
		font-weight:bold;
		text-decoration:underline;
		color:#999999;
		leading:0;
		}


.list_item{ color:#000000; list-style-type:square}

.list_arrow_black{
		list-style-image:url(f_black.gif);
}
.list_arrow_gris{
		list-style-image:url(f_gris.gif);
		font-family:Lucida Grande,Helvetica,Arial; 
		color:#999999;
}
.list_arrow_red{
		list-style-image:url(f_red.gif);
		color:#C5161D;
		font-family:Lucida Grande,Helvetica,Arial; 
}

h1 {color:#000000;font-size:14px;}

.span01 { padding:0 0 0 20px; margin:0; margin-left:3px; display:block; background:#C3C3C3; width:551px; position:relative; font-weight:bold; }
html>body .span01 { width:531px }
.span02	{ position:absolute; top:-8px; right:40px; margin:8px 0 8px 20px; font-size:10px; font-weight:normal; z-index:99; }

.div01	{ height:1px; overflow:hidden; background:url(images/specialite_milieu.gif) repeat-y; width:570px; padding:0; }
.div02	{ padding:0; background:url(images/specialite_milieu2.gif) top left no-repeat; }
td.tdnom	{ font-weight:bold;}