/* CSS Document */

/*-----------------------------------------------------------------------------------------------------BASE-------------------------------------------------------------------------------------------------------------------*/ /*-----------  Styles génériques  -----------*/
html, body{width:100%;}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li, td, th, table, ol, input, select, textarea{margin:0;padding:0;}
object{
	-moz-outline-style:none;
	outline-style:none;
	outline-width:0px;
	outline-color:-moz-use-text-color;
}
object, embed{display:block; margin-bottom: 20px;}
a img{border:none;}
video{background:#000000;}

.clear			 { clear:both; height:0;	line-height:0; font-size:0; }

.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix 		{ display: block; }

.clear-left   	{ clear:left; }
.clear-right 	{ clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left !important; }
.float-right   	{ float:right !important; }
.float-none   	{ float: none !important; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center  	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }

.bold          		{ font-weight:bold; }
.italic       	 	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
 
.noborder     		{ border:none; }
.nopadding  	  	{ padding:0 !important; }
.nomargin    	 	{ margin:0 !important; }
.noindent   	  	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

.relative      	{ position:relative; }


/*-----------  GENERIC  -----------*/
.container, #slide .content, #slide .pagination{
	width:965px;
	position:relative;
	margin:0 auto;
}
body{background:url(../_img/body.jpg) no-repeat center top;}
body.section00{background:none;}

/*-----------  HEADER  -----------*/
#header{
	z-index:2;
	position:absolute;
	left:0;top:0;
	width:100%;
	background:url(../_img/header_bg.gif) repeat-x left top;
}

/*-----------  MENU LANG  -----------*/
#menuLang{
	float:left;
	width:937px;
	height:21px;
	color:#9f9f9f;
	font-size:10px;
	padding:0 12px 0 16px;
}
#menuLang .left{
	float:left;
	/*padding:4px 0 0 0;*/
	vertical-align:bottom;
}
#menuLang .left ul{
	color:#9f9f9f;
	display:inline-block;
	padding:0 0 0 10px;
	list-style-type:none;
	vertical-align:bottom;
}
#menuLang .left ul li{
	display:inline-block;
	vertical-align:bottom;
}
#menuLang .left ul li.firstChild, .link_home{
	margin:0 5px 0 0;
	padding:0 6px 0 0;
	background:url(../_img/menulang_sep.gif) no-repeat right 3px;
}
.link_home img{
	margin-top:2px;
}
#menuLang .left ul li a{opacity:0.4;}
#menuLang .left ul li a:hover{opacity:1;}

#menuLang .right{
	float:right;
	padding:2px 10px 0 0;
	list-style-type:none;
}
#menuLang .right li{
	display:inline-block;
	vertical-align:middle;
}
#menuLang .right li.firstChild{
	margin:0 10px 0 0;
	padding:0 11px 0 0;
	background:url(../_img/menulang_sep.gif) no-repeat right 4px;
}
#menuLang .right li a{
	/*color:#9f9f9f;*/
	color:#ffffff;
	background:#e2001a url(../_img/contact.gif) no-repeat 3px 3px;
	padding:1px 5px 1px 14px;
	text-decoration:none;
}
#menuLang .right li a:hover{/*color:#383838;*/opacity:0.8;}
#menuLang .right label{padding:0 8px 0 0;}
#menuLang .right select{
	min-width:90px;
	color:#e6e6e6;
	border:none;
	background:#9d9d9d;
	font:normal normal 10px/normal Arial, Verdna, Sans-serif;
}

/*-----------  LOGO  -----------*/
#logo{
	display:block;
	float:left;
	margin:0 161px 0 0;
}
#logo img{display:block;}

/*-----------  MAIN MENU  -----------*/
#mainMenu{
	float:left;
	position:relative;
	width:943px;
	height:65px;
	margin:0 6px 6px 6px;
	padding:6px 0 0 10px;
	-moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
	background:url(../_img/mainmenu.gif) repeat-x left top;
}
#mainMenu dl{
	float:left;
	width:141px;
	padding:0 1px 0 0;
	background:url(../_img/mainmenu_dd_border.gif) no-repeat right top;
}
#mainMenu dl.lastChild{padding-right:0;background:none;}
#mainMenu dt{
	float:left;
	position:relative;
	color:#383838;
	text-transform:uppercase;
}
#mainMenu dt a{
	display:block;
	float:left;
	width:125px;
	height:65px;
	color:#383838;
	margin:0 0 0 1px;
	padding:0 10px 0 5px;
	text-decoration:none;
	font:normal normal 10px/14px Arial, Verdana, Sans-serif;
}
#mainMenu dt a span{font:normal normal 12px/14px Arial, Verdana, Sans-serif;}
#mainMenu dl:hover dt .content, #mainMenu dl.active dt .content, #mainMenu dl.current dt .content{color:#79b321;}
#mainMenu dl.active dt .content{background:url(../_img/mainmenu_dd_content.gif) repeat-x left top;}
#mainMenu dl.active dt .content .icon{background-position:-24px top;}
#mainMenu dt .content{word-spacing:-3px;}
#mainMenu dt .content span{
	width:95px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	word-spacing:normal;
}
#mainMenu dt .content .icon{
	width:24px;
	height:58px;
	margin:0 5px 0 0;
	background:url(../_img/mainmenu_dt.gif) no-repeat left top;
}
#mainMenu dt .content .icon1{
	width:26px;
	height:58px;
	margin:0 3px 0 0;
	background:url(../_img/RT-optifuel-picto-menu-1.png) no-repeat left center;
}
#mainMenu dt .content .icon2{
	width:26px;
	height:58px;
	margin:0 3px 0 0;
	background:url(../_img/RT-optifuel-picto-menu-2.png) no-repeat left center;
}
#mainMenu dt .content .icon3{
	width:26px;
	height:58px;
	margin:0 3px 0 0;
	background:url(../_img/RT-optifuel-picto-menu-3.png) no-repeat left center;
}
#mainMenu dt .content .icon4{
	width:26px;
	height:58px;
	margin:0 3px 0 0;
	background:url(../_img/RT-optifuel-picto-menu-4.png) no-repeat left center;
}
#mainMenu dt a strong{
	font-size:14px;
}
#mainMenu dd{
	position:absolute;
	left:0;top:64px;
	width:100%;
	height:225px;
	padding:7px 0 0 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 4px rgba(0, 0, 0, 0.3);
	background:url(../_img/mainmenu_dd.gif) repeat-x left -225px;
}
#mainMenu dd ul{list-style-type:none;}
#mainMenu dd ul li{
	float:left;
	width:135px;
	color:#383838;
	font-size:12px;
	border-left:1px solid #dddddd;
}
#mainMenu dd ul li.firstChild, #mainMenu dd ul li.lastChild{width:136px;}
#mainMenu dd ul li.firstChild{border-left:none;}
#mainMenu dd ul li.firstChild{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottomleft-radius:4px;
	border-bottom-left-radius:4px;
}
#mainMenu dd ul li.lastChild{
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottomright-radius:4px;
	border-bottom-right-radius:4px;
}
#mainMenu dd ul li a{
	display:block;
	float:left;
	width:115px;
	height:76px;
	padding:105px 10px 10px 10px;
	color:#383838;
	text-decoration:none;
	text-transform:uppercase;
	background-position:left 36px;
	background-repeat:no-repeat;
	word-wrap:break-word;
}
#mainMenu dd ul li.firstChild a, #mainMenu dd ul li.lastChild a{width:116px;}
#mainMenu dd ul li:hover, #mainMenu dd ul li.current{background:url(../_img/mainmenu_dd.gif) repeat-x left 1px;}
#mainMenu dd ul li:hover a, #mainMenu dd ul li.current a{
	color:#ffffff;
	background-position:-136px 36px;
}
#mainMenu dl .currentArrow{
	display:none;
	width:164px;
	height:20px;
	position:absolute;
	left:-5px;bottom:-20px;
	background:url(../_img/mainmenu_currentarrow.png) no-repeat left top;
}
#mainMenu dl.current .currentArrow{display:block;}
#mainMenu dd .close{
	z-index:2;
	display:block;
	position:absolute;
	right:6px;top:12px;
	cursor:pointer;
	width:17px;height:17px;
	background:url(../_img/mainmenu_close.gif) no-repeat right top;
}
#mainMenu dd .message{
	z-index:1;
	position:relative;
	width:873px;
	padding:10px 40px;
	text-transform:uppercase;
	background:#d0d0d0 url(../_img/mainmenu_message.gif) no-repeat 10px center;
}

/*-----------  YOUTUBE LIST  -----------*/
#youtubeList > li{
	float:left;
	width:196px;
	height:130px;
	padding:0;
	position:relative;
	margin:0 0 7px 7px;
	background:none;
	cursor:pointer;
	background:#000000;
}
#youtubeList > li.lineFirstChild{
	clear:left;
	margin-left:0;
}
#youtubeList > li > img:first-child{
	display:block;
	margin:0 auto;
}
#youtubeList > li .overlay{
	display:none;
	position:absolute;
	left:0;top:0;
	width:196px;
	height:130px;
	background:url(../_img/youtubelist_overlay.png) repeat left top;
}
#youtubeList > li .innerBorder{
	display:none;
	position:absolute;
	left:0;top:0;
	border:5px solid #8bcd23;
	width:186px;
	height:120px;
}
#youtubeList > li.current .innerBorder{display:block;}
#youtubeList > li .adjuster{
	position:absolute;
	left:0;bottom:0;
	width:176px;
	padding:15px 10px;
	color:#ffffff;
}
#youtubeList > li .adjuster > p{padding:8px 0 0 0;}
#youtubeList > li .adjuster > p > strong{text-transform:uppercase;}
#youtubeList > li:hover .overlay{display:block;}
#youtubeList > li.current:hover .overlay{display:none;}

#youtubeList > li#bigVideo{
	float:left;
	width:603px;
	height:362px;
	overflow:hidden;
	margin:0 0 7px 0 !important;
	padding:0;
	background:#000000;
}

/*-----------  CALC  -----------*/
#ecocalculator{
	display:block;
	z-index:1;
	position:absolute;
	right:-476px;
	top:111px;
	margin:0 50% 0 0;
	text-transform:uppercase;	
}
#ecocalculator > .logo > .border{
	width:71px;
	height:63px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	border:3px solid #44c46e;
	display:none;
}
#ecocalculator:hover > .logo > .border{display:block;}
#ecocalculator > .text{
	background:white url(../_img/gradient.jpg) left bottom repeat-x;
	border-width:1px 1px 1px 0px;
	border-style:solid;
	border-color:#b8b8b8;
	padding:0 8px;
	display:inline-block;
	line-height:67px;
	vertical-align:middle;  
}
#ecocalculator > .text > span{
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
	color:black;
	font-size:11px;
	font-weight:bold;
}
#ecocalculator > .text  .green{
	color:#44c46e;
	font-size:13px;
	font-family:Arvo, Arial, Verdana, Sans-serif;
	font-weight:700;
}

#calc{
	display:block;
	z-index:1;
	position:absolute;
	right:-470px;top:111px;
	margin:0 50% 0 0;
	padding:10px 10px 10px 82px;
	width:222px;
	color:#ffffff;
	text-transform:uppercase;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:-3px 3px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:-3px 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow:-3px 3px 4px rgba(0, 0, 0, 0.2);
	background:#7eb71c url(../_img/calc.jpg) no-repeat left top;
	font:normal normal 10px/normal Arial, Verdana, Sans-serif;
}
#calc .title{
	display:block;
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}
#calc .title:hover{color:#585752;}
#calc .title strong{font-size:14px;}
#calc label, #calc .button, #calc input{
	display:inline-block;
	vertical-align:middle;
}
#calc form{
	display:block;
	font-size:12px;
	text-transform:none;
	margin:12px 0 0 0;
}
#calc label{
	width:125px;
	cursor:pointer;
}
#calc .button{
	width:15px;
	height:18px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left top;
}
#calc .button:hover{background-position:left -18px;}
#calc .decrease{background-image:url(../_img/calc_decrease.gif);}
#calc .increase{background-image:url(../_img/calc_increase.gif);}
#calc .text{
	width:35px;
	color:#ffffff;
	border:none;
	background:none;
	text-align:center;
	font:normal bold 16px/normal Arial, Verdana, Sans-serif;
}
#calc .submit{
	color:#ffffff;
	border:none;
	background:none;
	text-align:center;
	cursor:pointer;
	text-decoration:underline;
	font:normal normal 16px/normal Arial, Verdana, Sans-serif;
}
/* Spécifications pour CTX */
#ctx #calc{
	position:relative;
	left:0;top:0;
	margin:0;
	min-height:74px;
	margin-bottom:10px;
}

/*-----------  SLIDE  -----------*/
#slide, #slide .background{
	width:100%;
	height:449px;
	position:relative;
}
#slide .background{
	position:absolute;
	left:0;top:0;
	background-repeat:no-repeat;
	background-position:center top;
}
#slide .content{
	width:330px;
	height:295px;
	cursor:pointer;
	overflow:hidden;
	padding:110px 618px 0 16px;
}
#slide .title, #slide .desc, #slide .link{
	display:none;
	position:relative;
	left:-346px;
}
#slide .title p{
	color:#79b321;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	text-transform:none;
	border-bottom:1px solid #b8d786;
	font:normal normal 19px/normal DIN, Arial, Sans-serif;
}
#slide .title p strong{font:normal normal 19px/normal DIN Bold, Arial, Sans-serif;}
#slide p{
	color:#383838;
	padding:0 0 20px 0;
	text-transform:uppercase;
	font:normal normal 15px/18px DIN, Arial, Sans-serif;
}
#slide .link{padding:0 0 15px 0;}
#slide .link a{
	color:#79b321;
	padding:0 20px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font:normal bold 14px/normal Arial, Verdana, Sans-serif;
	background:url(../_img/slide_link.gif) no-repeat right 4px;
}
#slide .pagination{
	width:933px;
	display:none;
	padding:0 16px;
	list-style-type:none;
	position:absolute;
	left:-482px;bottom:10px;
	margin:0 0 0 50%;
}
#slide .pagination .previous, #slide .pagination .next{display:none;}
#slide .pagination li{
	display:inline-block;
	width:19px;
	height:24px;
	color:#cecdcd;
	cursor:pointer;
	margin:0 10px 0 0;
	padding:0 0 0 5px;
	letter-spacing:-1px;
	font:normal normal 12px/25px DIN Bold, Arial, Sans-serif;
	background:url(../_img/slide_pagination.png) no-repeat left top;
}
#slide .pagination li:hover, #slide .pagination li.active{
	color:#79b321;
	background-position:left -24px;
}

/*-----------  FOOTER  -----------*/
#footer{
	float:left;
	width:100%;
	min-height:235px;
	padding:11px 0 50px 0;
	background:url(../_img/footer.gif) repeat-x left top;
}
#footer .content{
	color:#737373;
	padding:17px 18px 0 9px;
	text-align:right;
	text-transform:uppercase;
	font:normal normal 10px/normal Arial, Verdana, Sans-serif;
}
#footer .optifuel{
	display:block;
	float:left;
	padding:20px 0 0 0;
}
#footer .rt{
	display:block;
	float:right;
	padding:0 0 0 12px;
}
#footer .links{
	padding:20px 0 8px 0;
	list-style-type:none;
}
#footer .links, #footer .links li, #footer .copyright{display:inline-block;}
#footer .links li{
	color:#737373;
	margin:0 5px 0 0;
	padding:0 6px 0 0;
	background:url(../_img/footer_links.gif) no-repeat right 3px;
}
#footer .links li a, #footer .copyright a{
	color:#737373;
	text-decoration:none;
}
#footer .links li a:hover, #footer .copyright a:hover{color:#000000;}

/*-----------  CTX  -----------*/
#ctx{
	float:right;
	width:314px;
	padding:0 12px 20px 0;
}
#ctxbox{
	list-style-type:none;
}
#ctxbox li{
	float:left;
	width:314px;
	height:94px;
	position:relative;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:10px;
	margin:0 0 10px 0;
}
#ctxbox li .content{
	display:block;
	width:94%;
	height:78px;
	padding:8px 3%;
	color:#ffffff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left top;
}
#ctxbox li strong{
	font-size:14px;
	padding:0 15px 0 0;
	background:url(../_img/ctx_puce.png) no-repeat right bottom;
}
#ctxbox li a.content:hover{color:#d7d7d7;}
#ctxbox li.video{
	background:#000000;
}
#ctxbox li.range{background-image:url(../image/ctx/range_small.jpg);}
#ctxbox li.range .content{float:left;}
#ctxbox li.range ul{
	padding:15px 0 0 0;
	list-style-type:none;
}
#ctxbox li.range ul li{
	width:31% !important;
	height:34px !important;
	margin:0 !important;
	position:relative;
	padding:0 2%;
	border-right:1px solid #b9b9bb;
	border-right:1px solid rgba(255, 255, 255, 0.2);
}
#ctxbox li.range ul li.firstItem{width:30% !important;padding-left:0;}
#ctxbox li.range ul li.lastItem{width:30% !important;padding-right:0;border-right:none;}
#ctxbox li.range ul li a{
	color:#ffffff;
	text-decoration:none;
	padding:0 12px 0 0;
	background:url(../_img/ctx_puce.gif) no-repeat right bottom;
}
#ctxbox li.range ul li a:hover{color:#585752;/*opacity:0.8;*/}
#ctxbox li.range ul li a.vehicule{
	display:none;
	width:100%;
	background:none;
	padding:10px 0 0 0;
	position:absolute;
	left:0;bottom:0;
}
#ctxbox li.range ul li a.vehicule img{
	display:block;
	position:relative;
	margin:0 auto;
}
/* Spécifications pour le FOOTER */
/*#footer #ctx{
	float:left;
	width:944px;
	padding:0 12px 0 9px;
}*/
#footer #ctxbox{
	float:left;
	width:944px;
	padding:0 12px 0 9px;
	list-style-type:none;
}


/*---- modification temporaire du bloc ctxBox dans le footer ----*/
.section00 #footer #ctxbox{
	float:left;
	width:auto !important;
	/*margin:0 150px !important;*/
	padding:0 12px 0 9px;
	list-style-type:none;
}


#footer #ctxbox li{
	height:182px;
	margin:0 1px 0 0;
}
#footer #ctxbox .content{
	height:166px;
	text-align:left !important;
}
#footer #ctxbox li strong{padding:0;background:none;}
#footer #ctxbox li.number3{margin-right:0;}
#footer #ctxbox li.range{background-image:url(../image/ctx/range.jpg);}
#footer #ctxbox li.range ul{padding:35px 0 0 0;}
#footer #ctxbox li.range ul li{height:90px !important;}
#footer #ctxbox li.range ul li a.vehicule{display:block;}

#ctx .canupdate{
	position:absolute;
	right:10px;
	bottom:10px;
	color:#ffffff !important;
	background:#88cc00;
}

/*-----------  CONTENT  -----------*/
#content{
	float:left;
	width:100%;
	margin:120px 0 0 0;
}

/*-----------  LEFT COL  -----------*/
#leftCol{
	float:left;
	width:623px;
	min-height:265px;
	margin:0 0 30px 10px;
	background:#ffffff url(../_img/leftcol.gif) repeat-x left top;
}

/*-----------  CMS  -----------*/
.cms{
	margin:0 10px;
	color:#858181;
}
.cms p a{color:#79b321;}

/*-----------  CTX MENU  -----------*/
#ctxMenu{
	float:left;
	width:100%;
}
#ctxMenu ul{
	float:left;
	list-style-type:none;
	text-transform:uppercase;
	font:normal normal 11px/normal Arial, Verdana, Sans-serif;
}
#ctxMenu ul li{
	float:left;
	color:#63656a;
	width:206px;
	margin-right:2px;
	-moz-border-shadow:0 -2px 3px rgba(0, 0, 0, 0.3);
	-webkit-border-shadow:0 -2px 3px rgba(0, 0, 0, 0.3);
	border-shadow:0 -2px 3px rgba(0, 0, 0, 0.3);
}
#ctxMenu ul li a{
	display:block;
	height:20px;
	width:92%;
	padding:9px 4%;
	color:#63656a;
	text-decoration:none;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-topleft-radius:4px;
	-webkit-border-topright-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background:url(../_img/ctxmenu.gif) repeat-x left top;
}
#ctxMenu ul li a:hover, #ctxMenu ul li.active a{
	color:#ffffff;
	background-position:left -38px;
}
#ctxMenu ul li a span{
	width:120px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
#ctxMenu ul li a span.icon{
	width:20px;
	height:20px;
	margin:0 10px 0 0;
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}
#ctxMenu ul li a span.icon.sheet{background-image:url(../_img/icons/ctxmenu/sheet.gif);}
#ctxMenu ul li a span.icon.graph{background-image:url(../_img/icons/ctxmenu/graph.gif);}
#ctxMenu ul li a span.icon.tv{background-image:url(../_img/icons/ctxmenu/tv.gif);}
#ctxMenu ul li a:hover span.icon, #ctxMenu ul li.active a span.icon{background-position:left -20px;}

/*-----------  GREYBOX  -----------*/
#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:#010101;
}
#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:0;
	margin:0 0 0 50%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#greyBox .content{
	background:#ffffff;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#greyBox .close{
	z-index:2;
	cursor:pointer;
	position:absolute;
	right:11px;top:6px;
	width:30px;
	height:30px;
	padding:0;
	background:url(../_img/close.gif) no-repeat right top;
}
#greyBox .close img{display:block;}
#greyBoxImage{display:block;}
#greyBoxLoader{
	min-height:200px;
	background:url(../_img/ajax-loader.gif) no-repeat center center;
}
#greyBoxTitle{
	color:#ffffff;
    font:bold 14px Arial,Verdana,Sans-serif;
    text-transform:uppercase;
	position:absolute;
	left:0;top:0;
	z-index:1;
	width:94%;
	padding:14px 3%;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:url(../_img/greybox_header.gif) repeat-x left top;
}

/*-----------  CALCULATRICE  -----------*/
#calculatrice .title{
	height:36px;
	color:#ffffff;
	padding:7px 50px 0 74px; 
	text-transform:uppercase;
	font:normal normal 10px/normal Arial, Verdana, Sans-serif;
	background:url(../_img/calc_greybox.jpg) no-repeat left top;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 0 19px 0;
}
#calculatrice .title strong{font-size:14px;}
#calculatrice form{
	background:url(../_img/calculatrice_form.gif) repeat-x left 39px;
}
#calculatrice form fieldset{
	border:none;
}
#calculatrice form input, #calculatrice form span.text{
	display:inline-block;
	border:2px solid #e3e3e4;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	/*color:#8bca1e;*/
	color:#63656a;
	width:65px;
	margin:0 5px;
	padding:0 5px;
	background:transparent;
	font:normal bold 16px/normal Arial, Verdana, Sans-serif;
}
#calculatrice form span.text{
	width:auto !important;
	border:none !important;
	margin-left:9px !important;
	color:#8bca1e !important;
}
#calculatrice form p.rouge span.text, #calculatrice form p.rouge span.rouge{color:#e10000 !important;}
#calculatrice .sectionHeader{
	height:23px;
	padding:9px 12px;
	background:#dddddd;
	color:#a3a4a6;
	font:normal normal 10px/normal Arial, Verdana, Sans-serif;
}
#calculatrice .sectionHeader .title{
	display:inline-block;
	height:auto;
	color:#63656a;
	padding:0;
	margin:0;
	font:normal bold 14px/normal Arial, Verdana, Sans-serif;
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	vertical-align:middle;
}
#calculatrice .results .sectionHeader .title{line-height:23px;}
#calculatrice .sep{
	display:inline-block;
	background:#c3c4c4;
	width:1px;
	height:55px;
	margin:20px 0 25px 5px;
	font-size:0;
	vertical-align:middle;
}
#calculatrice .sectionHeader .sep{
	height:23px;
	margin:0 5px;
}
#calculatrice .field{
	height:23px;
	display:inline-block;
	vertical-align:middle;
	padding:0 22px 0 0;
	background:url(../_img/icons/oil.gif) no-repeat right 2px;
}
#calculatrice .field input{
	width:40px;
	border-color:#cbcccc; 
}
#calculatrice form p{
	width:23%;
	color:#a1a3a6;
	font-size:12px;
	padding:0 0 0 1%;
	display:inline-block;
	margin:20px 0 25px 0;
	vertical-align:top;
}
#calculatrice form p label{
	display:block;
	color:#63656a;
	font-size:10px;
	padding:0 0 6px 14px;
	background:url(../_img/calculatrice_label_puce.gif) no-repeat left 3px;
}
#calculatrice form .results p label{height:50px;}
#calculatrice form p.vert label{background-image:url(../_img/calculatrice_label_puce2.gif);}
#calculatrice form p label span{
	display:block;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}
#calculatrice form p input{margin-left:14px;}
/*#calculatrice form .results p input{color:#63656a;}*/
#calculatrice form p.vert, #calculatrice form p.vert label, #calculatrice form p.vert label span, #calculatrice form .results p.vert input{color:#83c118;}
/*#calculatrice form .results p input, #calculatrice form .results p span.text{
	border-color:#ffffff;
	padding-left:0;
	padding-right:0;
}*/
#calculatrice form span.text#results_co2{color:#63656a !important;}
#calculatrice form .results span.text{font-size:20px;}
#calculatrice .results .sep{height:75px;}

/*-----------  SITEMAP  -----------*/
#sitemap{
	float:left;
	text-transform:uppercase;
}
#sitemap .col{
	float:left;
	width:184px;
	padding:0 10px;
	border-left:1px solid #cecccc;
}
#sitemap .col.firstCol{width:183px;padding-left:0;border-left:0;}
#sitemap .title{
	color:#383838;
	padding:0 0 8px 0;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}
#sitemap ul{
	color:#858181;
	font:normal normal 10px/normal Arial, Verdana, Sans-serif;
	padding-bottom:18px;
}
#sitemap ul li{
	padding-left:0;
	background-image:none;
}
#sitemap ul li a{
	display:block;
	color:#858181;
	text-decoration:none;
	padding-left:12px;
	background:url(../_img/sitemap_ul_li.gif) no-repeat left 2px;
}
#sitemap ul li a:hover{
	color:#79b321;
	background-image:url(../_img/sitemap_ul_li2.gif);
}

/*-----------  SENDLINK  -----------*/
#sendlink{
	display:block;
	padding:54px 10px 10px 10px;
}
#sendlink fieldset{border:none;}
#sendlink ol{list-style-type:none;}
#sendlink li{padding:0 0 10px 0;}
#sendlink label{
	display:block;
	color:#858181;
	padding:0 0 4px 0;
	font:normal normal 14px/normal Arial, Verdana, Sans-serif;
}
#sendlink input, #sendlink textarea{
	display:block;
	border:2px solid #e3e3e4;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color:#8bca1e;
	width:366px;
	padding:3px 5px;
	background:transparent;
	font:normal normal 12px/normal Arial, Verdana, Sans-serif;
}
#sendlink input.submit{
	float:right;
	border:none;
	width:auto;
	cursor:pointer;
	color:#ffffff;
	text-align:left;
	padding-right:25px;
	margin-top:10px;
	background:url(../_img/sendlink_submit.gif) no-repeat right center;
	font:normal bold 16px/normal Arial, Verdana, Sans-serif;
}
#sendlink input.submit:hover{opacity:0.8;}

/*-----------  POPUP CC COURT-CISCUIT  -----------*/
#popup.site{display:none !important;}

/*-----------  VALIDATION FORMULAIRE  -----------*/
form .error input, form .error select, form .error textarea, form .error .global{
	border-color:#db533d !important;
	color:#db533d !important;
}
.errorFeedback{
	z-index:42;
	position:absolute;
	color:#ffffff;
	background:#db533d;
	padding:10px;
	margin:0 0 10px 0;
	/*-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;*/
	-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	font:normal normal 11px/normal Verdana, Arial, Sans-serif;
}
.errorFeedback .appendice{
	position:absolute;
	left:10px;bottom:-14px;
	width:14px;
	height:14px;
	background:url(../_img/error_msg.gif) no-repeat left top;
}

/********************************************************************************************/
/* zoneVlContact
/********************************************************************************************/
/*-----------  ZONE VL CONTACT  -----------*/
#zoneVlContact, #zoneVlNewsletter{
	float:left;
	width:420px;
	min-height:480px;
	padding:10px 25px;
	background:#0c0c0c;
}
#zoneVlContact .item{
	padding:0 0 50px 0;
	clear:both;
}
#zoneVlContact select, #zoneVlContact input, #zoneVlContact textarea {
	background:none repeat scroll 0 0 #fefd95;
	border:1px solid #c2c6c9;
	color:#4d4f5d;
	font:normal normal 12px/normal Arial, Verdana, sans;
	padding:2px 0;
	width:418px;
}
#zoneVlNewsletter select, #zoneVlNewsletter input, #zoneVlNewsletter textarea {
	background:none repeat scroll 0 0 #fefd95;
	border:1px solid #c2c6c9;
	color:#4d4f5d;
	font:normal normal 12px/normal Arial, Verdana, sans;
	padding:2px 0;
	width:150px;
}
#zoneVlContact select{width:420px;}
#zoneVlContact .preselected, #zoneVlContact .exergue{color:#CC0000;}

#zoneVlNewsletter label{
	color:#FFFFFF;
	width: 120px;
	display:block;
	float:left
}

#zoneVlContact .title, #zoneVlNewsletter .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlContact .title.main, #zoneVlNewsletter .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlContact p,#zoneVlNewsletter p{padding:10px 0 0 0;}
#zoneVlContact a, #zoneVlNewsletter a{
	float:right;
	background:url(http://j46pays.renault-trucks.com/J23CONTACT/web/images/greybox/puce.gif) no-repeat scroll right center #cc0000;
	color:#ffffff;
	font:normal bold 12px/normal Arial, Verdana, sans;
	padding:3px 38px 3px 8px;
	margin:10px 0 0 0;
	text-decoration:none;
}

/*-----------  GREYBOX J23_CONTACT  -----------*/
#greyBox.j23_contact .content{
	background:#0c0c0c;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
#greyBox.j23_contact iframe{margin:50px 0 0 0;}
#greyBox.j23_contact #greyBoxTitle{
	color:#cc0000;
    font:normal normal 21px/22px Arial,Verdana,sans;
    text-transform:uppercase;
	background:none;
	width:90%;
    padding-top:15px 5%;
}
#greyBox.j23_contact .close{
	width:15px;height:15px;
	top:18px;right:21px;
	background:url(../_img/close_contact.gif) no-repeat center center;
}
#greyBox.j23_contact #greyBoxLoader{background-image:url(../_img/ajax-loader_contact.gif);}

/*-----------  SELECT LANGUE  -----------*/
#selectLang{display:inline;}

/*-----------  BREADCRUMB  -----------*/
#breadcrumb{
	color:#9d9d9d;
	margin-bottom:9px;
	padding:0 12px;
}
#breadcrumb > li{
	margin:0 6px 0 0;
	display:inline-block;
	text-transform:uppercase;
}
#breadcrumb > li:before{
	content:"|";
	margin-right:8px;
	display:inline-block;
}
#breadcrumb > li:first-child{
	margin-left:0;
}
#breadcrumb > li:first-child:before{
	display:none;
}
#breadcrumb > li > a{
	color:#9d9d9d;
	display:inline-block;
	text-decoration:none;
}
#breadcrumb > li > a:hover{
	color:#383838;
}
#breadcrumb > li.home > a{
	width:8px;
	height:12px;
	text-indent:-5000px;
	background:url(../image/breadcrumb/home.gif) no-repeat left top;
}
#breadcrumb > li.home > a:hover{
	background-image:url(../image/breadcrumb/home_hover.gif);
}


/*Addthis*/

#at15pf, #atic_facebook, #atic_twitter, #atic_email, #at15s_head{
	display:none ! important;
}
footer span.at15t_compact{width:0;height:0;background:none;}

/*----------- COOKIES   -----------*/

#banner_cookies {
	background-color: #aaa4a4;
	color: #e8e6e6;
	padding:30px 0;
}
#banner_cookies .container {
	padding:0 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#banner_cookies .col_577 {
	width: 577px;
	float: left;
}
#banner_cookies .col_278 {
	width: 278px;
	float: left;
}
#banner_cookies .title {
	color: white;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#banner_cookies p {
	display:table;
	line-height: 15px;
	font-size: 0.917em;
}
#banner_cookies .btn {
	background-color: white;
	color: black;
	width: 100px;
	text-align: center;
	display: inline-block;	
	float: left;
	line-height: 26px;
	font-size: 0.917em;
	text-transform: uppercase;
	margin:3px 12px 0 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	text-decoration: none;
}
#banner_cookies .btn:hover {
	background-color: black;
	color: white;
}
#banner_cookies p a {
	color: white;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
#banner_cookies p a:hover {
	color: black;
}
#flashTOY{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

/** PAGE D'ATTENTE MOBILE **/

.page-mobile {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	font-family: Arial, Verdana, Sans-serif;
	display: block !important;
}
.page-mobile .padder {
	border-top: 1px solid white;
	padding: 25px 20px;
}
.page-mobile .padder:first-Child {
	border-top: 0;
}
.page-mobile  small {
	color: #8f8f8f;
	line-height: 14px;
	font-size: 14px;
	vertical-align: top;
}
.page-mobile .logo {
	float: right;
	clear: left;
	margin-left: 10px;
}
.page-mobile .col-2 {
	width: 50%;
	float: left;
}
.page-mobile  p {
	color: white;
	margin: 50px 0;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
}
.page-mobile  .desktop-link {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 10px;
	display: block;
	background: transparent url(../_img/arrow-desktop-link.png) no-repeat right bottom;
}
.page-mobile .btn-download {
	clear: left;
    float: left;
    display: inline-block;
}
.page-mobile  .btn-download.first-child {
	margin-bottom: 25px;
}
body.mobile {
	background-color: black;
}
body.mobile  > * {
	display: none;
}
body.mobile #ecocalculator {
	display: none !important;
}