/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#373843;
	/*background:url(../images/nav/bg_body.jpg) repeat-x left top;*/
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#container{
}

#header{
	z-index:3;
	position:absolute;
	left:0;top:0;
	width:955px;
	height:134px;
	background:#fff url(../images/nav/bg_header.gif) repeat-x left bottom;
}

.logo{
	z-index:4;
	position:absolute;
	left:0;top:0;
	height:96px;
}
.logo a, .logo img{display:block;}
.logo a{
	padding:16px 12px 0 82px;
	background:url(../images/nav/logo.gif) no-repeat left top;
}

.askQuestion{
	z-index:7;
	position:absolute;
	right:259px;top:34px;
	height:25px;
	font:normal bold 11px/normal Arial, Verdana, sans;
	background:url(../images/nav/header_bg_question.gif) repeat-x left top;
	padding:0 15px 0 0;
}
.askQuestion p{
	min-width:159px;
	height:20px;
	padding:5px 4px 0 33px;
	background:url(../images/nav/header_bg_question.jpg) no-repeat left top;
}
.askQuestion span.endArrow{
	display:block;
	position:absolute;
	right:-2px;top:0;
	width:15px;
	height:25px;
	background:url(../images/nav/header_bg_question_right.gif) no-repeat left top;
}

#mainMenu{
	z-index:6;
	position:absolute;
	left:29px;bottom:0;
	width:898px;
	height:38px;
	background:url(../images/nav/mainmenu_bg_main.gif) repeat-x left top;
}
#mainMenu .bgLeft, #mainMenu .bgRight{width:8px;height:38px;}
#mainMenu .bgLeft{float:left;background:url(../images/nav/mainmenu_bg_left.gif) no-repeat left top;margin:0 30px 0 0;}
#mainMenu .bgRight{float:right;background:url(../images/nav/mainmenu_bg_right.gif) no-repeat left top;}
#mainMenu dl{
	float:left;
	height:38px;
	padding:0 1px 0 0;
	background:url(../images/nav/mainmenu_pipe.gif) no-repeat right top;
}
#mainMenu dt{
	z-index:9;
	float:left;
	position:relative;
	background:url(../images/nav/mainmenu_arrow.gif) no-repeat right 19px;
}
#mainMenu dt .tab{
	display:none;
	z-index:10;
	position:absolute;
	left:0;top:2px;
	font:normal bold 18px/normal Arial, Verdana, sans;
	color:#020d20;
	padding:0 30px 0 9px;
}
#mainMenu dt .tab span.left{
	display:block;
	z-index:11px;
	position:absolute;
	left:0;top:0;
	width:9px;
	height:40px;
	background:url(../images/nav/mainmenu_bg_tab_left.png) no-repeat left top;
}
#mainMenu dt .tab span.right{
	display:block;
	z-index:11px;
	position:absolute;
	right:0;top:0;
	width:30px;
	height:40px;
	background:url(../images/nav/mainmenu_bg_tab_right.png) no-repeat left top;
}
#mainMenu dt .tab span.center{
	display:block;
	padding:6px 0 13px 6px;
	background:url(../images/nav/mainmenu_bg_title.png) repeat-x left top;
}

#mainMenu dt a{
	display:block;
	font:normal bold 18px/normal Arial, Verdana, sans;
	color:#cc0000;
	padding:8px 22px 8px 15px;
	text-decoration:none;
}
#mainMenu dt a:hover{color:#020d20;}
#mainMenu dd{
	display:none;
	z-index:7;
	position:absolute;
	left:0;top:41px;
	width:668px;
	border:1px solid #e5e2e2;
	border-bottom:none;
	background:url(../images/nav/mainmenu_bg_dd.jpg) repeat-y left bottom;
}
#mainMenu dd .bgBottom{
	z-index:8;
	position:absolute;
	left:-1px;bottom:-10px;
	width:670px;
	height:10px;
	background:url(../images/nav/mainmenu_bg_bottom.png) no-repeat left top;
}
#mainMenu dd .content{
	float:left;
	width:650px;
	min-height:317px;
	padding:1px 9px 9px 9px;
	background:url(../images/nav/mainmenu_bg_main.jpg) no-repeat left top;
}
#mainMenu ul{
	float:left;
	width:650px;
	list-style-type:none;
}
#mainMenu ul li{
	float:left;
	border-right:1px solid #f4f5f5;
}
#mainMenu ul li.vehicules{width:242px;padding:0 12px 0 19px;}
#mainMenu ul li.gamme{width:160px;padding:0 16px 0 12px;}
#mainMenu ul li.divers{width:160px;padding:0 13px 0 14px;border:none;}
#mainMenu ul li ul{
	float:left;
	font:normal bold 15px/normal Arial, Verdana, sans;
	color:#020d20;
	padding:5px 0 0 0;
}
#mainMenu ul li.vehicules ul{width:242px;}
#mainMenu ul li.gamme ul{width:160px;}
#mainMenu ul li.divers ul{width:160px;font:normal bold 12px/normal Arial, Verdana, sans;padding-top:4px;}
#mainMenu ul li ul li{
	float:left;
	border:none;
}
#mainMenu ul li ul li.underline{padding:0 0 1px 0;}
#mainMenu ul li.vehicules ul li{width:242px;}
#mainMenu ul li.gamme ul li{width:160px;}
#mainMenu ul li.divers ul li{width:160px;}
#mainMenu ul li.vehicules ul li.underline{background:url(../images/nav/mainmenu_bg_separator1.png) no-repeat left bottom;}
#mainMenu ul li.gamme ul li.underline, #mainMenu ul li.divers ul li{background:url(../images/nav/mainmenu_bg_separator2.png) no-repeat left bottom;}
#mainMenu ul li.divers ul li.lastChild{background:none;}

#mainMenu ul li ul li.title{
	position:relative;
	font:normal bold 12px/normal Arial, Verdana, sans;
	color:#d9dbde;
	padding:0 0 0 5px;
	margin:4px 0 3px 0;
	background:url(../images/nav/mainmenu_bg_title_left.png) no-repeat left top;
	/*background:url(../medias/img/mainmenu_bg_title.gif) repeat-x;*/
}
#mainMenu ul li ul li.title h5{
	padding:4px 0 5px 5px;
	margin:0 26px 0 0;
	background:url(../images/nav/mainmenu_bg_title.gif) repeat-x left top;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#mainMenu ul li ul li.title span.endArrow{
	display:block;
	position:absolute;
	right:4px;top:0;
	width:22px;
	height:24px;
	background:url(../images/nav/mainmenu_bg_title_right.png) no-repeat left top;
}
#mainMenu ul li ul li.standard{margin-bottom:8px;}
#mainMenu ul li ul li.standard a:hover{color:#ea282a;}
#mainMenu ul li ul li.lastChild{margin-bottom:12px;}

#mainMenu ul li ul li a{
	float:left;
	display:block;
	text-decoration:none;
	color:#020d20;
	padding:7px 0 6px 0;
	background-repeat:no-repeat;
	background-position:left bottom;
}
#mainMenu ul li.divers ul li a{padding:9px 0 8px 0;}
#mainMenu ul li.divers ul li a:hover{color:#ea282a;}

#mainMenu ul li ul li.underline a.red{background-image:url(../images/nav/mainmenu_t_red.gif);}
#mainMenu ul li ul li.underline a.yellow{background-image:url(../images/nav/mainmenu_t_yellow.gif);}
#mainMenu ul li ul li.underline a.black{background-image:url(../images/nav/mainmenu_t_black.gif);}
#mainMenu ul li ul li.underline a.orange{background-image:url(../images/nav/mainmenu_t_orange.gif);}

#mainMenu ul li.gamme ul li.underline a{background:none;padding-bottom:4px;}
#mainMenu ul li.gamme ul li.underline a.red{border-bottom:2px solid #ea282a;}
#mainMenu ul li.gamme ul li.underline a.yellow{border-bottom:2px solid #ffcf00;}
#mainMenu ul li.gamme ul li.underline a.black{border-bottom:2px solid #020d20;}
#mainMenu ul li.gamme ul li.underline a.orange{border-bottom:2px solid #e9991c;}

#mainMenu ul li ul li.underline a:hover{padding-bottom:4px;}
#mainMenu ul li ul li.underline a.red:hover{border-bottom:2px solid #ea282a;color:#ea282a;background-image:none;}
#mainMenu ul li ul li.underline a.yellow:hover{border-bottom:2px solid #ffcf00;color:#ffcf00;background-image:none;}
#mainMenu ul li ul li.underline a.black:hover{border-bottom:2px solid #020d20;color:#020d20;background-image:none;}
#mainMenu ul li ul li.underline a.orange:hover{border-bottom:2px solid #e9991c;color:#e9991c;background-image:none;}

#breadcrumbs{
	z-index:3;
	position:absolute;
	top:135px;left:26px;
	width:665px;
	height:26px;
	padding:0 10px 0 3px;
	background:url(../images/nav/breadcrumb_bg.png) no-repeat left top;
}
#breadcrumbs ul{
	float:left;
	position:relative;
	left:-16px;
	list-style-type:none;
	background:transparent url(../images/nav/breadcrumbs_bg_li_first.gif) no-repeat 19px top;
}
#breadcrumbs li{
	float:left;
	padding:3px 10px 4px 10px;
	font:normal bold 11px/normal Arial, Verdana, sans;
	color:#020d20;
	background:#d9d9d9 url(../images/nav/breadcrumbs_bg_li.gif) no-repeat left top;
}
#breadcrumbs ul li.firstChid{padding-left:0;background:none;}
#breadcrumbs ul li.lastChid{background:transparent url(../images/nav/breadcrumb_bg_last.png) no-repeat left top;}
#breadcrumbs a, #breadcrumbs span{position:relative;left:32px;}
#breadcrumbs a{color:#cc0000;text-decoration:none;}
#breadcrumbs a:hover{color:#020d20;}

#illustration{
	width:955px;
	height:134px;
	background:url(../images/nav/header_illustration.jpg) no-repeat right bottom;
}

#contactBox{
	z-index:12;
	position:absolute;
	right:24px;top:91px;
	width:221px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#contactBox .title{
	display:block;
}
#contactBox .content{
	width:213px;
	padding:0 3px 0 5px;
	background:url(../images/nav/ctbx_bg_main.png) repeat-y left top;
}
#contactBox a{
	text-decoration:none;
	color:#ffffff;
}
#contactBox a:hover{color:#cd0001;}
#contactBox form p{padding:2px 0;}
#contactBox form p.contactField{display:none;}
#contactBox form input{
	width:145px;
	font:normal normal 12px/normal Arial, Verdana, sans;
	color:#696876;
	border:1px solid #c2c6c9;
	background:#ffffff;
	padding:1px 5px 2px 5px;
	margin:0 5px 0 0;
}
#contactBox form input.submit{
	cursor:pointer;
	width:27px;
	height:20px;
	color:#ffffff;
	font:normal bold 12px/normal Arial, Verdana, sans;
	border:none;
	background:url(../images/nav/ctbx_bg_submit.gif) no-repeat left top;
	padding:0;
	margin:0;
}
#contactBox .contacts{
	width:201px;
	min-height:160px;
	padding:20px 6px 0 6px;
	list-style-type:none;
	background:url(../images/nav/ctbx_bg_ul.jpg) no-repeat left top;
}
#contactBox .contacts li{
	background:url(../images/nav/ctbx_bg_separator.png) no-repeat left top;
	padding:17px 0;
}
#contactBox .num{
	width:221px;
	height:91px;
	background:url(../images/nav/ctbx_bg_num.png) no-repeat left top;
}
#contactBox .num p{padding:19px 0 0 0;}
#contactBox .num span.exergue{font:normal bold 20px/normal Arial, Verdana, sans;}

#advantages{
	z-index:3;
	position:absolute;
	left:0;top:188px;
	width:241px;
	height:62px;
}
#advantages .title{
	float:left;
	width:165px;
	height:34px;
	padding:14px 12px 14px 28px;
	font:normal bold 14px/normal Arial, Verdana, sans;
	text-transform:uppercase;
	color:#ffffff;
	background:url(../images/nav/advantages_bg_left.gif) no-repeat left top;
}
#expandCollapseAdvantages{
	float:left;
	width:36px;
	height:62px;
	background:url(../images/nav/advantages_bg_right.png) no-repeat left top;
	cursor:pointer;
}
#expandCollapseAdvantages.expand{background-position:left top;}
#expandCollapseAdvantages.collapse{background-position:-36px top;}
#advantages .list{
	display:none;
	float:right;
	width:211px;
	padding:10px 0 0 0;
	background:url(../images/nav/advantages_bg_menu.png) repeat-y left top;
	font-size:0;
	color:#27283b;
	list-style-type:none;
}
#advantages .list li{
	font:normal bold 11px/normal Arial, Verdana, sans;
	text-align:center;
	padding:3px 0;
	margin:0 9px;
	border-bottom:1px solid #ffffff;
}
#advantages .list li.lastChild{border:none;padding-bottom:0;}
#advantages .list li.bgBottom{
	position:relative;
	left:0;top:8px;
	height:8px;
	border:none;
	margin:0;
	font-size:0;
	padding:0;
	background:url(../images/nav/advantages_bg_bottom.png) no-repeat left top;
}
#advantages .list a{
	color:#27283b;
	text-decoration:none;
	text-transform:uppercase;
}
#advantages .list a:hover{color:#cc0000;}

#iFrameContent{
	z-index:2;
	position:absolute;
	float:left;
	left:0;top:134px;
	width:955px;
	border:none;
	overflow:hidden;
}