/* CSS Document */
html, body { padding:0px;margin:0px;height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#f5f5f5 url(/htdocs/images/bg_body.gif) repeat-x;
	/*text-align:center;*/
	color:#4c4c4c;
}

a {text-decoration:none;color:#ef404a;}
hr {display:none;}

#header_print{display: none};

#wraper {
	width:940px;
	margin:0px auto;
	text-align:left;
}
#container{
	width:940px;
	background:url(/htdocs/images/bg_mainMenuLi.gif) #fff repeat-x 0px 226px;
	float:left;
}
#logoBox{width:203px;float:left;position:relative;}
#logoBox p {margin:0px;padding:0px;}
#logoBox .desc{
	position: absolute;
	top:130px;
	left: 20px;
	width: 140px;
	line-height:1.6em;
}
#logoBox .metaNav {padding:20px 0px 0px 18px;margin-bottom:190px;}
#logoBox .metaNav a{color:#999;font-size:10px;}
#logoBox .metaNav a:hover{color:#e73a35;}
#logoBox .metaNav a.home {background:url(/htdocs/images/ico_home.gif) no-repeat 0px 0px;padding-left:12px;}
#logoBox .metaNav a.contact {background:url(/htdocs/images/ico_contact.gif) no-repeat 0px 0px;padding-left:12px;}
#logoBox .metaNav a.sitemap {background:url(/htdocs/images/ico_sitemap.gif) no-repeat 0px 0px;padding-left:12px;}
#logo {
	position: absolute;
	top:80px;
	left: 18px;
	margin:0px;padding:0px;
	font-size:0px;
	line-height:0px;
	text-indent:-10000px;
}
#logo a {
	width:163px;
	height:102px;
	display:block;
	background:url(/htdocs/images/logo.gif) no-repeat;
}
#addressBox {float:left; width:164px;color:#999; padding: 20px; line-height:1.4em;margin:0px;}
#addressBox a {color:#999;}

#mainMenu{
	background:#e7e7e7 url(/htdocs/images/bg_mainMenu.gif) repeat-x;
	width:165px;
	padding:20px 20px 15px 20px;
}
#mainMenu ul {	margin:0px; padding:0px; list-style:none; }
#mainMenu li {}
#mainMenu a {color:#686868; background:url(/htdocs/images/bullet_redarrow.gif) no-repeat 10px 10px; display:block;font-weight:bold;width:100%;}
#mainMenu a:hover, #mainMenu a.selected { color:#f2f2f2; background:#4c4c4c url(/htdocs/images/bullet_whitearrow.gif) no-repeat 10px 10px;}
#mainMenu a span { display:block; padding:5px 10px 5px 20px; background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%; }
#mainMenu a:hover span, #mainMenu a.selected span { background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%; }

#mainMenu ul ul {background:#f0f0f0;}
#mainMenu ul ul a {color:#686868; background:url(''); display:block; font-weight:normal; width:100%; }
#mainMenu ul ul a:hover, #mainMenu ul ul a.selected { background:#bcbcbc url('');color:#686868;}
#mainMenu ul ul a span { display:block; padding:5px 10px 5px 20px; background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%; }
#mainMenu ul ul a:hover span, #mainMenu ul ul a.selected span { background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%; }

#mainMenu ul ul ul {background:#fff;padding: 10px 0px;}
#mainMenu ul ul ul a {color:#999999; background:url(''); display:block; font-weight:normal; width:100%; }
#mainMenu ul ul ul a:hover, #mainMenu ul ul ul a.selected { background:#fff url(/htdocs/images/bullet_redarrow.gif) no-repeat 10px 10px;color:#ef404a;}
#mainMenu ul ul ul a span { display:block; padding:2px 10px 2px 20px; background:url(''); }
#mainMenu ul ul ul a:hover span, #mainMenu ul ul ul a.selected span { background:url(''); }

#mainMenu a.level0_Selected{
	color:#f2f2f2; background:#4c4c4c url(/htdocs/images/bullet_whitearrow.gif) no-repeat 10px 10px;}
	
#mainMenu a.level1_Selected{
	background:#bcbcbc url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%; color:#686868;}
	
#mainMenu a.level2_Selected{
	background:#fff url(/htdocs/images/bullet_redarrow.gif) no-repeat 10px 10px;color:#ef404a;}

#graphic {
	width:531px;
	height:208px;
	position:relative;
	background:url(/htdocs/images/bg_graphic.gif) repeat-x;
	padding-top:8px;
	float:left;
	margin:0px;
}

#graphic a{
	position:absolute;
	right:-1px;
	top:8px;
	font-weight:bold;
	display:block;
	background:#ef404a;
	color:#fff;padding:8px 30px;
}

#graphic form {margin: 0; padding: 0;}

#graphic #information{
	height: 30px;
	margin: 0;
	padding: 0px 165px 0px 4px;
	text-align: right;
	/*padding: 10px 162px 0px 4px;*/
}

#information input {
	width: 350px;
	border: 0;
	color: #4c4c4c;
	/*height: 30px;*/
	padding: 0;
	padding-top: 8px;
	height: 30px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#graphic img {margin: 0; padding: 0; width: 531px;}

html>body #graphic a{right:0px;}
#contentBox {float:left;width: 736px;background:url(/htdocs/images/bg_tightCol.gif) repeat-y;}
#tightCol{float:left;width:205px;clear:both;}
#tightCol h3 {font-weight:normal;font-size:15px;color:#4c4c4c;margin:20px 0px 0px 0px;padding:0px 20px;}
#tightCol p {padding:10px 20px;margin:0px;color:#686868;line-height:1.8em;}
#tightCol .more {display:block;padding:10px 0px 0px 10px;background:url(/htdocs/images/bullet_redarrow.gif) no-repeat 0px 18px;}
#tightCol #alarmeMeteo {background:#ef404a; width:160px; line-height:1.2em;
	padding:15px 20px 15px 25px;color:#fff; border-bottom:1px solid #fff;}
#tightCol #alarmeMeteo a {
	color:#fff;
	background:url(/htdocs/images/bullet_whitearrow.gif) no-repeat 0px 4px;
	display:block;
	padding-left:10px;}
#tightCol #alarmeMeteo a:hover {text-decoration:underline;}
#wideCol{float:left;width:460px;padding:20px;line-height:1.8em;}
#wideCol h2.title {color:#ef404a;background:#f5f5f5 url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%;
	font-size:16px;font-weight:normal;padding:8px 60px 8px 20px;width:410px;position:relative;}
/*
#wideCol a.rss, #wideCol h2 a.rss {font-size:11px;font-weight:bold;position:absolute;right:10px;top:8px;display:block;padding:0px 5px;
	background:#fff;border:1px solid #ddd;}
#wideCol a.rss:hover, #wideCol h2 a.rss:hover {background:#ddd;color:#fff;}
*/

#wideCol a.rss, #wideCol h2 a.rss {font-size:11px;font-weight:bold;position:absolute;right:10px;top:8px;display:block;padding:0px 5px; background:#fff;border:1px solid #ddd;}
#wideCol a.rss:hover, #wideCol h2 a.rss:hover {background:#ddd;color:#fff;}
.wideColPrint {margin-left: 195px;}

/*
#welcomeBox {background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%;padding-bottom:10px;}
*/
#welcomeBox p{padding-left:20px;}
#content {padding: 0px 0px 0px 20px;width: 470px;background:url(/htdocs/images/bg_mainMenuLi.gif) repeat-x 0% 100%;padding-bottom:20px; margin-bottom:10px;}
#content p {margin-top:10px;}
#content .news h4 {color:#ef404a;font-size: 12px;font-weight:normal; background:url(/htdocs/images/bullet_redarrow.gif) no-repeat 0px 10px; margin:10px 0px 0px -10px; padding:0px 0px 0px 10px;}
#content .news h4 a{color:#ef404a;}
#content .news {
	padding-bottom:10px;
}
#footerBox {clear:both;background: #fff url(/htdocs/images/bg_footer.gif) repeat-x;padding:20px;
	position:relative;color:#86878b;width: 696px;}
#footerBox a {color:#86878b;}
#footerBox a:hover {color:#000;}
#footerBox span {color:#4c4c4c;}
#footerBox p {padding:0px; margin:0px;}
#footerBox .imprimer {position:absolute;right:0px;top:8px;}
#footerBox .imprimer a {
	display: block;padding: 8px 20px 8px 35px;
	background: #e7e7e7 url(/htdocs/images/ico_print.gif) 20px 10px no-repeat;
	color:#686868; font-size:10px;
}

img.left {float:left; border: 1px solid #fff;margin: 0px 10px 0px 0px;}
#content img.left {float:left; border: 1px solid #bcbcbc;margin: 0px 20px 0px 0px;}
img.right {float:right; border: 1px solid #fff;margin: 0px 0px 0px 10px;}
#content img.right {float:right; border: 1px solid #bcbcbc;margin: 0px 0px 0px 20px;}

#content a[href$='.pdf'] { 
	padding-left: 20px;
	background: transparent url(/htdocs/images/icons/icon_pdf.gif) no-repeat center left;
}

#content a[href$='.doc'], #content a[href$='.rtf'] {
	padding-left: 20px;
	background: transparent url(/htdocs/images/icons/icon_doc.gif) no-repeat center left;
}

/*END*/