@charset "utf-8";
/* CSS Document */


/* default */
body, form, ol, ul, li {
	margin:0;padding:0;font:11px Arial, Helvetica, sans-serif;color:#616161;
	
}
a, a:link, a:visited, a:hover {
	text-decoration:none;color:#d10e0e;
}
a:focus {
	outline:none;
}
img, img a, img a:hover {
	border:none;
}

/* generic */
.clear {
	clear:both;margin:0;padding:0;height:0px;font-size:1px;line-height:0px;
}
.debug {
	background-color:#ff6600;
}


/* layout */
body {
	background:#4f851a url(../img/bg_body.jpg) no-repeat center top;
}
#header {
	margin:0 auto;width:786px;background:url(../img/bg_header.gif) no-repeat;
}
#page {
	margin:62px auto 0 auto;
	width:786px;
	background:#fff url(../img/bg_page.gif) repeat-y;
}
#footer {
	margin:0 auto;width:746px;padding:10px 20px 24px 20px;background:url(../img/bg_page.gif) repeat-y;
}
#baseline {
	margin:0 auto 2px auto;width:786px;height:31px;background:url(../img/baseline.gif) no-repeat;
}
#baseline h2{
	margin:0;
}
#baseline h2 a{
	display:block;height:26px;width:780px;text-indent:-9999px;
}
#flash_home {
	margin:0 auto;padding:10px 0;height:280px;width:760px;
}
#flash {
	margin:0 auto;padding:10px 0;width:760px;
}

/* top menu */
#menu_top, #menu_top_home {
	margin:0 auto;width:760px;
}
#menu_top ul li, #menu_top_home ul li {
	display:block;list-decoration:none;float:left;
}
#menu_top ul li a, #menu_top_home ul li a{
	display:block;width:148px;height:22px;text-indent:-9999px;
}
#menu_top ul li a{
	height:21px;
}

#menu_top_home ul li.item1 a{
	width:103px;background:url(../img/menu/ho_item1.gif) no-repeat;
}
#menu_top_home ul li.item1 a:hover {
	background:url(../img/menu/ho_item1_on.gif) no-repeat;	
}
#menu_top ul li.item1 a{
	width:103px;background:url(../img/menu/item1.gif) no-repeat;
}
#menu_top ul li.item1 a:hover, #menu_top ul li.item1_on{
	width:103px;background:url(../img/menu/item1_on.gif) no-repeat;	
}

#menu_top_home ul li.item2 a{
	width:120px;background:url(../img/menu/ho_item2.gif) no-repeat;
}
#menu_top_home ul li.item2 a:hover {
	background:url(../img/menu/ho_item2_on.gif) no-repeat;	
}
#menu_top ul li.item2 a{
	width:120px;background:url(../img/menu/item2.gif) no-repeat;
}
#menu_top ul li.item2 a:hover, #menu_top ul li.item2_on{
	width:120px;background:url(../img/menu/item2_on.gif) no-repeat;	
}

#menu_top_home ul li.item3 a{
	background:url(../img/menu/ho_item3.gif) no-repeat;
}
#menu_top_home ul li.item3 a:hover {
	background:url(../img/menu/ho_item3_on.gif) no-repeat;	
}
#menu_top ul li.item3 a{
	background:url(../img/menu/item3.gif) no-repeat;
}
#menu_top ul li.item3 a:hover, #menu_top ul li.item3_on{
	background:url(../img/menu/item3_on.gif) no-repeat;	
}

#menu_top_home ul li.item4 a{
	width:100px;background:url(../img/menu/ho_item4.gif) no-repeat;
}
#menu_top_home ul li.item4 a:hover {
	background:url(../img/menu/ho_item4_on.gif) no-repeat;	
}
#menu_top ul li.item4 a{
	width:100px;background:url(../img/menu/item4.gif) no-repeat;
}
#menu_top ul li.item4 a:hover, #menu_top ul li.item4_on{
	width:100px;background:url(../img/menu/item4_on.gif) no-repeat;	
}


#menu_top_home ul li.item5 a{
	width:140px;background:url(../img/menu/ho_item5.gif) no-repeat;
}
#menu_top_home ul li.item5 a:hover {
	background:url(../img/menu/ho_item5_on.gif) no-repeat;	
}
#menu_top ul li.item5 a{
	width:140px;background:url(../img/menu/item5.gif) no-repeat;
}
#menu_top ul li.item5 a:hover, #menu_top ul li.item5_on{
	width:140px;background:url(../img/menu/item5_on.gif) no-repeat;	
}

#menu_top_home ul li.item6 a{
	width:147px;background:url(../img/menu/ho_item6.gif) no-repeat;
}
#menu_top_home ul li.item6 a:hover {
	background:url(../img/menu/ho_item6_on.gif) no-repeat;	
}
#menu_top ul li.item6 a{
	width:147px;background:url(../img/menu/item6.gif) no-repeat;
}
#menu_top ul li.item6 a:hover, #menu_top ul li.item6_on{
	width:147px;background:url(../img/menu/item6_on.gif) no-repeat;	
}


#menu_socle{
	clear:left;width:760px;height:3px;line-height:3px;font-size:3px;
}
#menu_socle.socle_economie{
	background:#0091c2;
}
#menu_socle.socle_disponibilite{
	background:#008778;
}
#menu_socle.socle_le, #menu_socle.socle_agrement{
	background:#009334;
}
#menu_socle.socle_securite{
	background:#30b41c;
}
#menu_socle.socle_environnement{
	background:#b1d600;
}
#menu_socle.socle_installateur{
	background:#000;/*ffbe11;*/
	width:750px;
}



/* footer menu */
#lien_top a{
	display:block;width:80px;color:#6eb213;background:url(../img/pic_lien_haut.gif) no-repeat;padding:1px 0 20px 13px;
}
#lien_top a:hover{
	color:#ff4311;
}
#lien_top, #lien_accueil {
	float:left;margin:0 0 20px 0;
}
#footer_menu, #footer_menu a{
	color:#aaa6a2;font:10px Verdana, Arial, Helvetica, sans-serif;width:420px;
}
#footer_mentions, #footer_mentions a{
	color:#aaa6a2;font:10px Verdana, Arial, Helvetica, sans-serif;width:326px;text-align:right;float:left;
}
#footer_menu a:hover, #footer_mentions a:hover{
	color:#ff4311;
}
#lien_accueil a {color:#6EB213;display:block;padding:1px 0 20px;width:150px;}
/* contenu central */

#path{
	color:#aaa6a2;margin:15px 12px;font:10px Verdana, Arial, Helvetica, sans-serif;
}
#path .path_us, #path a{
	text-indent:8px;display:block;float:left;
}
#path a{
	color:#ff6600;font:10px Verdana, Arial, Helvetica, sans-serif;
}
#path a:hover{
	color:#ff0000;
}
#content{
	margin:10px 20px 0 20px;width:500px;float:left;
}
#content p{
	margin:-4px 0 16px 1px;text-align:justify;line-height:18px;
}


/* sidebar */
#sidebar{
	float:right;width:216px;margin:0 20px 0 0;
}
#sidebar h2{
	background:#aaa6a2;width:216px;height:40px;margin:10px 0 0 0;text-indent:-9999px;
}
#sidebar h2.actus{
	background:url(../img/sidebar_actus.gif) no-repeat;
}
#sidebar h2.actus a{
	display:block;width:216px;height:40px;
}
#sidebar h2.nl{
	background:url(../img/sidebar_nl.gif) no-repeat;
}
#sidebar h2.find_gpl{
	background:url(../img/sidebar_find_gpl.gif) no-repeat;
}
#sidebar h2.calc{
	background:url(../img/sidebar_calculatrice.gif) no-repeat;
}
#sidebar h2.find_infos{
	background:url(../img/sidebar_informations.gif) no-repeat;
}
#sidebar h2.part{
	background:url(../img/sidebar_part.gif) no-repeat;
}
#sidebar h2.expert{
	background:url(../img/sidebar_expert.gif) no-repeat;
}
#sidebar h2.pros{
	background:url(../img/sidebar_pros.gif) no-repeat;
}
#sidebar h2.economie{
	background:url(../img/sidebar_economie.gif) no-repeat;	
}
#sidebar h2.disponibilite{
	background:url(../img/sidebar_disponibilite.gif) no-repeat;	
}
#sidebar h2.le{
	background:url(../img/sidebar_agrement.gif) no-repeat;	
}
#sidebar h2.securite{
	background:url(../img/sidebar_securite.gif) no-repeat;	
}
#sidebar h2.environnement{
	background:url(../img/sidebar_environnement.gif) no-repeat;	
}
#sidebar h2.quotidien{
	background:url(../img/sidebar_quotidien.gif) no-repeat;	
}

#sidebar img, #sidebar a img{
	margin:0;border:0;
}
#sidebar ul{
	margin:0;padding:8px 10px 6px 18px;background:#edecea;width:188px;
}
#sidebar ul li{
	margin:0;padding:0;list-style:none;
}
#sidebar ul li a{
	color:#000;display:block;line-height:15px;background:url(../img/puce_fl.gif) no-repeat;text-indent:14px;padding-top:1px;
}
#sidebar ul li a:hover{
	color:#ff4311;
}

#sidebar form{
	margin:0;padding:8px 10px 8px 18px;background:#edecea;
}

#sidebar form #email{
	margin:0;width:120px;height:16px;border:#fff solid 1px;background:#fff;padding:0 0 0 2px;font:11px/14px Arial, Helvetica, sans-serif;color:#000;display:block;float:left;
}
#sidebar form #go{
	display:block;float:left;margin:0 2px 0 2px;padding:0;border:#fff solid 1px;background:#ff6600;color:#fff;font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#sidebar form #email:hover{
	border-color:#ccc;
}
#sidebar form #go:hover{
	background:#4f851a;color:#fff;
}
#sidebar h3{
	color:#807c78;margin:0;padding:8px 10px 0 18px;background:#edecea;font-size:12px;
}
#sidebar h4{
	color:#000;margin:0;padding:8px 10px 0 18px;background:#edecea;font: 12px Arial, Helvetica, sans-serif;
}
#sidebar h5{
	color:#545454;margin:0;padding:8px 10px 0 18px;background:#edecea;font-weight:normal;font:italic 11px Arial, Helvetica, sans-serif;
}
#page h1{
	color:#a5a19d;margin:10px 20px 2px 20px;font:normal 18px Arial, Helvetica, sans-serif;
}
.actu {
	width: 500px;
	margin-bottom: 50px;
}
.actu_content {
	float: left;
	width: 266px;
	margin-left: 12px;
}

.actu img{
	border:4px solid #ff9000;float:left;
}
.actu img:hover{
	border:4px solid #ff4311;
}
.actu_content h2{
	font:14px Arial, Helvetica, sans-serif;color:#ff9000;text-transform:uppercase;margin:-2px 0 5px 0;padding:0;
}
.actu_content h2 a:link, .actu_content h2 a:visited {
	color:#ff9000;
}
.actu_content h2 a:hover{
	color:#ff4311;
}
#content .actu_content p{
	margin:0 0 6px 0;text-align:justify;line-height:13px;
}
.actu_content .suite a:link, .actu_content .suite a:visited{
	color:#ff4311;font-size:10px;display:block;text-indent:12px;background:url(../img/pic_fiche.gif) no-repeat;
}
.actu_content .suite a:hover{
	color:#d10e0e;
}
.pagination {
	color:#a5a19d;font-size:12px;text-align:right;letter-spacing:4px;margin:0 0 -22px 0;
}
.pagination a:link, .pagination a:visited {
	color:#6eb213;
}
.pagination a:hover {
	color:#ff9000;
}



.mini_bloc {
	width: 500px;margin: 25px 0 10px 0;
}
.mini_bloc_content {
	float: left;width: 418px;margin-left: 10px;
}
.mini_bloc img{
	border:4px solid #a5a19d;float:left;
}
.mini_bloc_content h2{
	font:14px Arial, Helvetica, sans-serif;color:#a5a19d;text-transform:uppercase;margin:-2px 0 3px 0;padding:0;
}
.mini_bloc_content h2 a:link, .mini_bloc_content h2 a:visited {
	color:#a5a19d;
}
#content .mini_bloc_content p{
	margin:0 0 6px 1px;text-align:justify;line-height:18px;
}
.mini_bloc_content .suite a:link, .mini_bloc_content .suite a:visited{
	color:#ff4311;font-size:10px;display:block;text-indent:15px;background:url(../img/pic_video.gif) no-repeat;
}
.mini_bloc_content .suite a:hover{
	color:#f00;
}



.head_bloc {
	width: 500px;height:201px;margin: 0 0 24px 0;position:relative;
}
.head_bloc_content {
	position:absolute;left:217px;top:0;width:275px;height:201px;
}
.head_bloc #img_head{
	border:8px solid #a5a19d;float:left;display:block;position:absolute;top:0;left:0;z-index:2;
}
.head_bloc #bt_play{
	position:absolute;top:8px;left:8px;top:8px;z-index:5;display:block;
}
.head_bloc_content h2{
	font:bold 14px Arial, Helvetica, sans-serif;color:#a5a19d;text-transform:uppercase;margin:-2px 0 3px 0;padding:0;
}
.head_bloc_content h4{
	font:bold 12px Arial, Helvetica, sans-serif;color:#a5a19d;text-transform:uppercase;margin:0 0 6px 1px;padding:0;
}
#content .head_bloc_content h3{
	margin:0 0 6px 1px;text-align:justify;line-height:18px;font-size:14px;
}
.head_bloc_content .suite a:link, .head_bloc_content .suite a:visited{
	color:#ff4311;font-size:10px;display:block;text-indent:15px;background:url(../img/pic_video.gif) no-repeat;
}
.head_bloc_content .suite a:hover{
	color:#f00;
}


/* color skins */
#page.economie .head_bloc #img_head, #page.economie .mini_bloc img, #page.economie .mini_bloc_content h2, #page.economie .head_bloc_content h2, #page.economie .mini_bloc_content h2 a:link, #page.economie .mini_bloc_content h2 a:visited {
	color:#0091c2;border-color:#0091c2;
}

#page.disponibilite .head_bloc #img_head, #page.disponibilite .mini_bloc img, #page.disponibilite .mini_bloc_content h2, #page.disponibilite .head_bloc_content h2, #page.disponibilite .mini_bloc_content h2 a:link, #page.disponibilite .mini_bloc_content h2 a:visited {
	color:#008778;border-color:#008778;
}

#page.le .head_bloc #img_head, #page.le .mini_bloc img, #page.le .mini_bloc_content h2, #page.le .head_bloc_content h2, #page.le .mini_bloc_content h2 a:link, #page.le .mini_bloc_content h2 a:visited {
	color:#009334;border-color:#009334;
}
#page.agrement .head_bloc #img_head, #page.agrement .mini_bloc img, #page.agrement .mini_bloc_content h2, #page.agrement .head_bloc_content h2, #page.agrement .mini_bloc_content h2 a:link, #page.agrement .mini_bloc_content h2 a:visited {
	color:#009334;border-color:#009334;
}


#page.securite .head_bloc #img_head, #page.securite .mini_bloc img, #page.securite .mini_bloc_content h2, #page.securite .head_bloc_content h2, #page.securite .mini_bloc_content h2 a:link, #page.securite .mini_bloc_content h2 a:visited {
	color:#30b41c;border-color:#30b41c;
}

#page.environnement .head_bloc #img_head, #page.environnement .mini_bloc img, #page.environnement .mini_bloc_content h2, #page.environnement .head_bloc_content h2, #page.environnement .mini_bloc_content h2 a:link, #page.environnement .mini_bloc_content h2 a:visited {
	color:#b1d600;border-color:#b1d600;
}


/* bloc image actu */

.img_left {
	float:left;margin:0 10px 2px 0;border:4px solid #ff9000;
}
.img_actu {
	margin:0 10px 20px 0;border:4px solid #ff9000;display:block;
}
.actu_one h2{
	font:14px Arial, Helvetica, sans-serif;color:#ff9000;text-transform:uppercase;margin:-2px 0 10px -1px;padding:0;
}

/* home */
#content.home h2{
	color:#ff9000;text-transform:uppercase;margin:5px 0 10px 0;
}
#content.home h4{
	color:#bbb;font:normal 10px Arial, Helvetica, sans-serif;margin:0 0 6px 0;
}
.fiche a:link, .fiche a:visited{
	color:#ff4311;font-size:10px;display:block;text-indent:12px;background:url(../img/pic_fiche.gif) no-repeat;
}
.fiche a:hover{
	color:#f00;
}
.sep_home{
	background: #e5e5e5;line-height:3px;font-size:3px;height:3px;margin:12px auto;
}
.tem_home{
	width:222px;float:left;
}
.tem_home h3, .tem_home h3 a{
	color:#ff9000;text-transform:uppercase;margin:5px 0 6px 0;font-size:13px;	
}
.tem_home h3 a:hover{
	color:#f00;
}
.tem_home img{
	border:#ff9000 solid 4px;margin:0 0 10px 0;
}
.tem_home_sep{
	width:55px;float:left;
}
.tem_signature{
	font:italic 11px Arial, Helvetica, sans-serif;color:#999;display:block;margin:0 0 12px 0;
}
.sep_tem {
	background: #ff4311;line-height:1px;font-size:1px;height:1px;margin:2px auto 3px auto;
}

/* contact */

#form_contact .introduction{
	clear:both;
	padding:10px 25px;
	font-size:12px;
}
#form_contact .image{
	margin:10px 25px;
	overflow: hidden;
}
#form_contact .formbody{
	border-top:1px dotted #c6c7c7;
	border-bottom:1px dotted #c6c7c7;
	padding:15px 25px;
	float:left;
	width:436px;
}
#form_contact .formbody div{
	padding:2px 0;
	clear:both;
	float:left;
	width:436px;
}
#form_contact .formbody label{
	float:left;
	width:170px;
	padding-right:20px;
	display:block;
}
#form_contact .input{
	width:125px;
}
#form_contact .checkbox{
	margin-left:0;
}
/*#form_contact .formbody .checkbox_label{
	float:right;
	margin-top:-15px;
	width:225px;
}*/
#form_contact select{
	width:129px;
}
#form_contact textarea{
	width:235px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7b7b7b;
	padding-left:5px;
}
#form_contact .radio_vertical div{
	float:right;
	width:250px;
	clear:both;
}
#form_contact .radio_vertical .wrap{
	margin-top:-20px;
}
#form_contact .radio_horizontal div{
	float:right;
	width:250px;
	text-align:left;
	margin-top:-20px;
}
#form_contact .legend-required{
	clear:both;
	color:#7b7b7b;
	font-style:italic;
	padding:10px 30px 0 30px;
}
#form_contact .mentions{
	padding:5px 30px 10px 30px;
}
#form_contact .mentions{
	color:#b6b6b6;
}
#form_contact .button{
	padding:0 15px 15px 0;
	float:left;
	position:relative;
	height:15px;
	width:470px;
}
#form_contact .button_continuer{
	padding:20px 15px 15px 0;
	float:left;
}
#form_contact button{
	position:absolute;
	right:10px;
	display:block;
	padding: 0 10px 2px 35px;
	color:white;
	border:none;
	text-align:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
	height:20px;
	width:109px;
}
#form_contact button img{
	margin: 3px 10px 0 -3px;
}
#form_contact .formbody #error_div{
	display:none;
	background:#fbe3e4;
  border:1px solid #fbc2c4;
	padding:5px;
	margin-bottom:10px;
	color:#FF0019;
	font-weight:bold;
}
#form_contact .casquedor {
	float:left;
	margin-top:20px;
	padding:20px 0;
	border-top:1px dotted #dddddd;
}
#form_contact .casquedor img {
	float:left;
	margin-right:15px;
}
#form_contact .casquedor p{
	padding-top:35px;
}
#form_contact .button button{
	display:block;margin:0 20px 0 2px;padding-left:10px;padding-right:10px;border:#ccc solid 1px;background:#aaa7a2;color:#fff;font:14px Arial, Helvetica, sans-serif;text-align:center;
}
#form_contact .button :hover{
	background:#ff4311;
}
#confirmation, #erreur, #saisie{
	color:#ff8c00;background:#fff;font:bold 12px Arial, Helvetica, sans-serif;padding:10px;border:#999 solid 1px;margin:10px 6px 0 0;
	text-align:center;
}
#saisie{
	color:#f00;
}
/* calculette */

#calculette h1{
	margin:0;
}
#today{
	background: url(../img/calculette_aujourdhui.gif) no-repeat;width:480px;height:40px;margin:10px 0 0 0;text-indent:-9999px;
}
#demain{
	background: url(../img/calculette_demain.gif) no-repeat;width:480px;height:40px;margin:10px 0 0 0;text-indent:-9999px;
}
#calculette .label {
	height:24px;
}
#calculette .label label{
	display:block;float:left;width:240px;font:12px Arial, Helvetica, sans-serif;text-align:right;margin:2px 12px 2px 0;
}
#calculette .label input,  #calculette .label select{
	width: 160px;margin:0 8px 0 0;font:11px Arial, Helvetica, sans-serif;
}
#calculette .label select{
	width:164px;
}
#calculette .label .unite{
	text-indent:12px;
}
#calculette #bt_valider a{
	color:#000;display:block;line-height:15px;background:url(../img/puce_fl.gif) no-repeat;text-indent:14px;padding-top:1px;margin:2px 0 0 252px;
}
#calculette #bt_valider a:hover{
	color:#ff4311;
}
#resultatCarburant, #resultatGPL, #resultatDiff {
	margin:2px 0 0 252px;width:142px;font:bold 12px Arial, Helvetica, sans-serif;padding:2px 10px;border:#ff9000 solid 1px;color:#000;
}

#resultatDiff {
	font:bold 12px Arial, Helvetica, sans-serif;color:#f00;
}

#content ul{
	margin:0;padding:0 0 0 10px;
}
#content ul li{
	margin:0 0 0 10px;padding:0;list-style:disc;line-height:17px;
}
#content.plan h3{
	margin:15px 0 0 30px;
}
#content.plan h3 a{
	color:#616161;
}
#content.plan h3 a:hover{
	color:#ff4311;
}
#content.plan ul{
	margin:0 0 30px 30px;padding:8px 10px 6px 18px;background:#edecea;width:400px;
}
#content.plan ul li{
	margin:0;padding:0;list-style:none;
}
#content.plan ul li a{
	color:#000;display:block;line-height:15px;background:url(../img/puce_fl.gif) no-repeat;text-indent:14px;padding-top:1px;
}
#content.plan ul li a:hover{
	color:#ff4311;
}


.legendes{
	padding:0 0 0 15px;
}