/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:11px;
	font-family:Arial, Verdana, sans-serif;
	color:#585858;
	background:#66db40 url(../medias/img/body_bg.jpg) repeat-x left top;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
abbr{border:none;}
a img{border:none;}

#container{
	position:relative;
	margin:0 auto;
	width:910px;
}

#logo{
	z-index:2;
	position:absolute;
	left:42px;top:0;
}
#logo img{display:block;}
#logo div.signature{margin:40px 0 0 30px;}

#comments{list-style-type:none !important;}
#comments li{
	padding-left:0 !important;
	padding-bottom:10px !important;
	background:none !important;
}

#flashArea{
	z-index:1;
	position:absolute;
	right:0;top:0;
	width:700px;
	height:370px;
}

#menuGlobal{
	z-index:2;
	position:absolute;
	right:0;top:0;
	width:390px;
	height:27px;
	padding:8px 0 0 150px;
	list-style-type:none;
	font:normal normal 11px/11px Arial, Verdana, sans;
}
#menuGlobal li{
	float:left;
	border-right:1px solid #017ac4;
	padding:0 16px 0 0;
	margin:0 16px 0 0;
}
#menuGlobal li.lastChild{
	margin:0;padding:0;
	border:none;
	background:url(../medias/img/icons/contact.gif) no-repeat right 2px;
}
#menuGlobal li.lastChild a{padding:0 20px 0 0;}
#menuGlobal li a{color:#abdcfb;text-decoration:none;}
#menuGlobal li a:hover{color:#ff9d00;}

#presentation{
	z-index:2;
	position:absolute;
	right:45px;top:73px;
	width:345px;
	color:#ffffff;
	font:normal normal 10px/12px Arial, Verdana, sans;
	text-align:justify;
}
#presentation p{padding:0 0 12px 0;}
#presentation p.signature{padding:0;text-align:right;}
#presentation a{text-decoration:none;color:#ffffff;}

#content{
	z-index:2;
	position:absolute;
	left:0;top:271px;
	width:910px;
}
#contentBgTop{
	float:left;
	width:910px;
	height:100px;
	background:url(../medias/img/content_bg_top.png) no-repeat left top;
}
#contentBgBottom{
	float:left;
	width:910px;
	height:52px;
	background:url(../medias/img/content_bg_bottom.png) no-repeat left top;
}
#main{
	float:left;
	width:910px;
	min-height:500px;
	background:url(../medias/img/content_bg_main.png) repeat-y left top;
}

#leftCol{
	z-index:3;
	position:relative;
	left:45px;top:-100px;
	width:290px;
	min-height:100px;
	background:url(../medias/img/leftcol_bg_main.png) repeat left top;
	*background:#ffffff;
}

#leftCol .lienBouton{
	float:left;
	display:block;
	margin:2px 12px 20px 12px;
}
#leftCol .lienBouton img{display:block;}

#mainMenu{
	float:left;
	width:290px;
	list-style-type:none;
}
#mainMenu a{color:#008adf;text-decoration:none;}
#mainMenu a:hover{color:#ff9d00;}
#mainMenu li{
	float:left;
	width:290px;
}
#mainMenu li h2{
	padding:7px 12px 6px 12px;
	margin:0;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:url(../medias/img/mainmenu_bg_level1.gif) repeat-x left bottom;
}
#mainMenu li ul{
	float:left;
	width:290px;
	padding:7px 0 20px 0;
	list-style-type:none;
	background:url(../medias/img/mainmenu_bg_ul.png) no-repeat left top;
}
#mainMenu li ul li{
	float:left;
	width:266px;
	padding:2px 12px;
	margin:0;
	background:none;
	font:normal normal 12px/normal Arial, Verdana, sans;
	background:url(../medias/img/mainmenu_bg_level2.gif) no-repeat 12px bottom;
}
#mainMenu li ul li a{
	background:url(../medias/img/mainmenu_puce.gif) no-repeat left 5px;
	padding:0 0 0 13px;
}
#mainMenu li ul li a:hover{font-weight:bold;background-image:url(../medias/img/mainmenu_puce_hover.gif)}

#mainMenu li ul.pratique li{
	width:272px;
	padding:2px 12px 0 0;
	background-position:12px bottom;
}
#mainMenu li ul.pratique li a{display:block;padding:2px 0 2px 25px;margin:4px 0 0 0;}
#mainMenu li ul li.contact a{background:url(../medias/img/icons/contact2.gif) no-repeat 3px -1px;}
#mainMenu li ul li.comments a{background:url(../medias/img/icons/comments.gif) no-repeat 6px 2px;}
#mainMenu li ul li form{
	float:left;
	width:268px;
	padding:0 0 4px 0;
	background:url(../medias/img/icons/newsletter.gif) no-repeat 5px 2px;
}
#mainMenu li ul li form p{padding:0 0 0 25px;}
#mainMenu li ul li label{
	cursor:pointer;
	color:#008adf;
	font:normal normal 12px/20px Arial, Verdana, sans;
}
#mainMenu li ul li label:hover{font-weight:bold;color:#ff9d00;}
#mainMenu li ul li input{
	border:1px solid #dacfa4;
	font:normal normal 10px/normal Arial, Verdana, sans;
	color:#c3ba91;
	background:#f6f1da;
	padding:2px 3px 3px 3px;
}
#mainMenu li ul li input.submit{
	width:21px;
	height:21px;
	background:url(../medias/img/mainmenu_submit.gif) no-repeat left top;
	border:none;
	cursor:pointer;
	color:#ffffff;
}

#colRight{
	float:right;
	position:relative;
	left:0;top:-35px;
	width:490px;
	padding:0 45px 0 0;
}
#colRight p{
	padding:10px 0 0 0;
	text-align:justify;
}
#colRight p a{color:#ff9d00;text-decoration:underline;}
#colRight ul{
	padding:10px 0 0 0;
	list-style-type:none;
}
#colRight ul li{
	background:url(../medias/img/liste_puce.gif) no-repeat left 7px;
	padding:2px 0 2px 15px;
	border-bottom:1px dotted #cccccc;
}
#colRight table.content{
	width:100%;
	border-collapse:collapse;
	margin:10px 0 0 0;
}
#colRight table.content td{
	text-align:center;
	padding:2px 5px;
	border:1px solid #cccccc;
}

.zenergymAdvice{
	float:left;
	width:100%;
	padding:30px 0 0 0;
}
.zenergymAdvice .rubTitle{padding-bottom:10px;}
.zenergymAdvice .encar{
	float:left;
	width:490px;
	background:#ccbe8a;
}
.zenergymAdvice .encar h3{
	float:left;
	width:490px;
	font:normal bold 11px/normal Arial, Verdana, sans;
	color:#ffffff;
	background:#ffffff;
}
.zenergymAdvice .encar h3 a{display:block;float:left;}
.zenergymAdvice .encar h3 span{cursor:pointer;height:32px;float:left;display:block;}
.zenergymAdvice .encar h3 span.bgLeft{width:28px;background:url(../medias/img/encar_h3_bg_left.gif) no-repeat left top;}
.zenergymAdvice .encar h3 span.bgRight{width:28px;background:url(../medias/img/encar_h3_bg_right.gif) no-repeat left top;}
.zenergymAdvice .encar h3 span.bgCenter{height:24px;background:url(../medias/img/encar_h3_bg_main.gif) repeat-x left top;padding:8px 0 0 0;}
.zenergymAdvice .encar h3 a{color:#ffffff;text-decoration:none;}
.zenergymAdvice .encar h3 a:hover{color:#6b623f;}
#colRight .zenergymAdvice .encar p{
	float:left;
	width:466px;
	padding:8px 12px 12px 12px;
	color:#ffffff;
	background:url(../medias/img/encar_bg_p.gif) no-repeat right top;
}
#colRight .zenergymAdvice .encar p.links{
	background:url(../medias/img/encar_bg_bottom.jpg) no-repeat left bottom;
}
#colRight .zenergymAdvice .encar p.links a{color:#89805e;text-decoration:none;font-weight:bold;}
#colRight .zenergymAdvice .encar p.links a:hover{color:#6b623f;}

#colRight form .col{
	float:left;
	width:235px;
	padding-right:20px;
}
#colRight form .col.lastChild{padding-right:0;}
#colRight form label{
	display:block;
	border-bottom:1px dotted #cccccc;
	padding:0 0 1px 0;
	margin:0 0 4px 0;
	cursor:pointer;
}
#colRight form input[type="text"], #colRight form textarea{
	border:1px solid #cccccc;
	color:#008adf;
	font:italic normal 12px/normal Georgia, Times, serif;
	padding:1px 2px 2px 2px;
	width:484px;
}
#colRight form .col input[type="text"], #colRight form .col textarea{width:229px;}
#colRight form img{vertical-align:middle;}
#colRight form input.errorField, #colRight form textarea.errorField{
	border:1px solid #ff9d00;
	color:#ff9d00;
	font-weight:bold;
}
#colRight form p.simple label{
	display:inline;
	border:none;
}
#colRight form p.submit{
	text-align:right;
	padding-top:10px;
	margin-top:10px;
	border-top:1px dotted #cccccc;
}
#colRight form p.submit input{cursor:pointer;}

.priceBox{
	width:235px;
	padding:18px 0 0 0;
}
.priceBox.left{float:left;}
.priceBox.right{float:right;}
.priceBox .content{
	float:left;
	width:225px;
	padding:0 5px;
	background:url(../medias/img/pricebox_bg_main.gif) repeat-y left top;
}
.priceBox .bgTop, .priceBox .bgBottom{
	float:left;
	width:235px;
	height:5px;
	font-size:0;
}
.priceBox .bgTop{background:url(../medias/img/pricebox_bg_top.gif) no-repeat left bottom;}
.priceBox .bgBottom{background:url(../medias/img/pricebox_bg_bottom.gif) no-repeat left top;}
.priceBox .title{
	font:normal bold 12px/normal Arial, Verdana, sans;
	color:#ffffff;
	padding:8px 10px 8px 20px;
	border-bottom:1px solid #e1d5a6;
	background-image:url(../medias/img/pricebox_puce.png);
	background-repeat:no-repeat;
	background-position:10px 13px;
}
.priceBox .title a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
.priceBox .title.bleu{background-color:#008adf;}
.priceBox .title.orange{background-color:#ff9d00;}
.priceBox .title.vert{background-color:#65db3f;}
#colRight .priceBox ul{padding:2px 0 0 0;}
#colRight .priceBox ul li{
	background:none;
	padding:3px 10px 4px 12px;
	line-height:12px;
}

#footer{
	float:left;
	width:866px;
	height:16px;
	margin:12px 0;
	padding:11px 22px;
	background:url(../medias/img/footer_bg_bottom.gif) no-repeat left top;
	color:#ffffff;
}

#logoInt{
	z-index:3;
	position:absolute;
	left:30px;top:-30px;
}
#container.int #leftCol{padding-top:80px;}
#container.int #content{top:30px;}
#container.int #main{min-height:590px;}
#container.int #menuGlobal{
	width:471px;
	padding-left:69px;
	background:url(../medias/img/globalmenu_bg.gif) no-repeat left top;
}

/*----Styles génériques----*/
.exergue_orange{color:#ff9d00;}
.exergue_bleu{color:#008adf;}
.exergue_vert{color:#66db40;}

.clear{clear:both;}

.rubTitle{
	font:normal normal 18px/normal Arial, Verdana, sans;
	background:url(../medias/img/rubtitle_puce.gif) no-repeat left 5px;
	padding:0 0 25px 20px;
}

.articleTitle{
	font:normal normal 24px/normal Arial, Verdana, sans;
	color:#008adf;
	border-bottom:1px solid #ede2b2;
	background:url(../medias/img/articletitle_puce.gif) no-repeat right 17px;
}

.articleTitle_home{
	font:normal bold 14px/normal Arial, Verdana, sans;
	color:#008adf;
	border-bottom:1px solid #ede2b2;
	background:url(../medias/img/articletitle_puce.gif) no-repeat right 7px;
}
.articleTitle_home a{color:#008adf;text-decoration:none;}
.articleTitle_home a:hover{color:#ff9d00;}

#colRight p a.specialLink, a.specialLink{
	text-decoration:none;
	font:normal bold 11px/normal Arial, Verdana, sans;
	color:#ffffff;
}
#colRight p a.specialLink:hover, a.specialLink:hover{color:#b6ddf4}
.specialLink{
	float:left;
	position:relative;
	display:block;
	height:40px;
	padding:5px 5px 0 5px;
	background:url(../medias/img/speciallink_bg_center.png) repeat-x left top;
}
.specialLink span.bgLeft, .specialLink span.bgRight{
	display:block;
	position:absolute;
	top:0;
	width:7px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left top;
}
.specialLink span.bgLeft{left:-7px;background-image:url(../medias/img/speciallink_bg_left.png)}
.specialLink span.bgRight{right:-7px;background-image:url(../medias/img/speciallink_bg_right.png)}
.specialLink.right{margin:0 4px 0 20px;}
.specialLink.left{margin:0 20px 0 4px;}

.left{float:left;}
.right{float:right;}

.imgLeft{
	float:left;
	padding:1px;
	margin:0 10px 10px 0;
	border:1px solid #e7e7e7;
}
.imgRight{
	float:right;
	padding:1px;
	margin:0 0 10px 10px;
	border:1px solid #e7e7e7;
}

#colRight p.topPage{
	color:#ccbe8a;
	font-weight:bold;
	text-align:right;
	border-top:1px solid #ede2b2;
	margin-top:25px;
	padding-top:2px;
	background:url(../medias/img/toppage_puce.gif) no-repeat right 8px;
}
#colRight p.topPage a{
	color:#ccbe8a;
	text-decoration:none;
	padding:0 10px 0 0;
}
#colRight p.topPage a:hover{color:#6b623f;}
/*----Styles génériques----*/