/*
 *
 * Couleurs:
 *  - Gris foncé     : #4a4a4a
 *  - Gris moyen     : #cacaca
 *  - Gris clair     : #eaeaea
 *  - Gris texte     : #151516
 *  - Vert           : #81ab00
 *  - Orange         : #f99f1c
 *  - Orange clair   : #ffaa57
 *  - Bordures champs: #a5acb2
 *  - Bordures boite : #cbcccc  
 *
 */

body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, dl, dd, dt, input, table, td, th { margin: 0; padding: 0 }
ul { list-style-type: none }
.wide { width: 100% }
sub, sup { font-size: 0.7em }

a img { border: 0 }
a { color: #151516; text-decoration: none }
a:hover { color: #151516; text-decoration: underline }

body { text-align: center }
#wrapper, input, textarea, body{ font: 12px Arial, sans-serif }
#wrapper {
	margin: 0 auto 7px auto; text-align: left;
	width: 984px; position: relative;
	color: #151516;
}

#surheader{
text-align:center;
font-size:14px;
color:#4e4e4e;
padding:5px 0 5px 0;
}

#surheader strong{
font-weight:normal;
}

#header { margin: 0; height:90px; padding: 8px 0 0 15px;}
#header h1 { font-size: 0 }
#header p{float:right;margin-right:20px;}
#content { 
	margin:30px 18px 0 18px;
	border:1px solid #d9d9d9;
	padding-bottom:10px;
 }
#footer {
	width:984px;
	height:42px;
	clear: both;
	position: relative;
	top:-20px;
	text-align: right;
	line-height: 32px;
	color: #4a4a4a;
	background-image:url('../../images/v3/fond_footer.png');
	
	/* Pour ie7 (=> hasLayout) */ min-width: 0;
	
}
* html #footer { /* Pour IE6 (=>hasLayout) */ height: 1% }
#footer div {
	padding: 9px 25px 0 0;
	font-size:13px;
	font-weight:bold;
 }
#footer a { color: #4a4a4a }

#footer .nav { padding: 0; position: absolute; top: 9px; left: 20px; font-size: 11px; font-weight:normal; }


#header { background: url(../../images/v3/fond_header.jpg) repeat-x; color: white }
/*
#headerTitle {
	position: absolute; top: 15px; left: 274px; font-size: 20px;
	background: url(http://www.voitures.com/online/fr/images/v2/header_subtitle.png) no-repeat 0 42px;
	height: 100px; width: 730px;
}
#headerTitle strong { font-size: 30px; color: #f99f1c }
#headerTitle small { font-size: 18px }
*/
#headerTitle {
	position: absolute;
	font-size: 13px; font-weight: normal; 
	left: 221px; top: 0; width: 734px; height: 94px;

}
/*#headerTitle strong { font-size: 28px; font-weight: normal; color: #f99f1c }*/
#headerTitle strong {
	font-size: 18px; font-weight: normal; color: white; /*#f99f1c;*/ text-align: center;
	display: block; position: relative; left: -150px; margin:16px;
}
#headerTitle small { font-size: 18px }
#headerTitle a { font-size: 19px; color: #f99f1c; }
#headerTitle span { font-size: 14px; font-weight: normal; }

#contact {
	position: absolute; right: 40px; top: 100px;
	padding-left: 26px; background: url(http://www.voitures.com/online/fr/images/v2/icons.png) no-repeat 0 2px;
	color: #4a4a4a; font-weight: bold
}
a#contact { text-decoration: none }
a#contact:hover { text-decoration: underline }

#breadcrumbs { padding-left: 1em; line-height: 2.5em; font-size: 11px; color:#6c6c6; }
#breadcrumbs a{ color:#6c6c6; }
#breadcrumbs a:hover {color:#FE9B00; }

.roundedBox { margin-bottom: 8px }
* html .roundedBox { /* Pour IE6 (=>hasLayout) */ height: 1% }
.roundedBox h2 {
	padding-left: 10px; height: 33px; line-height: 33px;
	background: url(http://www.voitures.com/online/fr/images/v2/rounded_box.png) no-repeat;
	font-size: 14px;
}
.roundedBox h2 strong {
	display: block; line-height: 33px;
	background: url(http://www.voitures.com/online/fr/images/v2/rounded_box.png) no-repeat 100% 0;
	color: white;
}
.roundedBoxContent { border: 1px solid #cbcccc; border-bottom: 0; border-top: 0; padding: 12px 12px 8px 12px }
.noPadding .roundedBoxContent { padding: 0 }
.roundedBoxBottom { padding-left: 5px; height: 5px; background: url(http://www.voitures.com/online/fr/images/v2/rounded_box.png) no-repeat 0 -33px; /*Pour IE6:*/ font-size: 0 }
.roundedBoxBottom div { height: 5px; background: url(http://www.voitures.com/online/fr/images/v2/rounded_box.png) no-repeat right -33px }

h4 { margin-bottom: 2px; padding-left: 6px; line-height: 19px; background: #4a4a4a; color: white; font-size: 12px }
h4.green { background: #81ab00; color: white }
h6 { margin-bottom: 3px; text-align: center; font-weight: normal; line-height: 34px; background: #cacaca; color: #151516; font-size: 12px }
.good { background: #caeeca }
p.errors {  margin-bottom: 3px; background: #eecaca; font-size: 12px; padding: 1em; line-height: 1.5em }

.rowsAlternation li { line-height: 1.5em; /*height: 1.5em;provoque un problème avec les tables d'options*/ padding-left: 1em; padding-right: 1em }
table.rowsAlternation { border-collapse: collapse }
table.rowsAlternation td { border-bottom: 2px solid white }
ul.rowsAlternation li { margin-bottom: 2px }
.rowsAlternation .title, table.rowsAlternation thead td { background: #4a4a4a; color: white; font-weight: bold }
.rowsAlternation .even td, .rowsAlternation .even { background-color: #eaeaea }
.rowsAlternation .odd td, .rowsAlternation .odd { background-color: #cacaca }

input.btn { border: 0; padding-bottom: 4px }
a.btn { display: block; float: left; text-decoration: none; color: white }
.btn { color: white; font-weight: bold; text-align: center; cursor: pointer }
.btn.orange { background: url(http://www.voitures.com/online/fr/images/v2/buttons.png) no-repeat -328px 0; width: 93px; height: 21px; line-height: 18px  }
.btn.orangeBig { background: url(http://www.voitures.com/online/fr/images/v2/buttons.png) no-repeat -188px 0; width: 140px; height: 32px; line-height: 30px; font-size: 17px  }
.btn.greenBig { background: url(http://www.voitures.com/online/fr/images/v2/buttons.png) no-repeat -536px 0; width: 115px; height: 40px; line-height: 30px; font-size: 17px }
.btn.greenArrow { background: url(http://www.voitures.com/online/fr/images/v2/buttons.png) no-repeat -421px 0; width: 83px; height: 40px; line-height: 38px; text-align: left; padding-left: 32px; font-size: 18px }
input.btn.greenArrow { width: 115px; padding-left: 30px }

.cartouche {
	display: block; width: 188px; height: 48px; line-height: 48px;
	background: url(http://www.voitures.com/online/fr/images/v2/buttons.png) no-repeat 0 0;
	text-align: center; color: white; font-size: 23px; font-weight: bold;
}

.pagination { text-align: center; line-height: 40px }
* html .pagination { padding: 11px 0; line-height: 18px }
.pagination a { color: #151516; text-decoration: none; font-size: 13px; margin: 0 4px }
.pagination a:hover { text-decoration: underline }
.pagination a.selected { color: white; background: #f99f1c; font-size: 15px; font-weight: bold; padding: 0 3px 0 4px }
.pagination a.selected:hover { color: white }
.pagination img { vertical-align: middle; position: relative; top: -2px }

.text p { margin-bottom: 1em }
.text ul { list-style-type: disc; margin-left: 3em; margin-bottom: 1em }
.pourquoi.text ul { color: #fc8200; font-weight: bold }
.pourquoi.text a.rouge{ color: #fc8200; } 

#menu{
	position:absolute;
	left:0px;
	right:0px;
	top:90px;	
	padding:0;
	margin:0;
	height:50px;
	width:984px;
}


#menu li{
	float:left;
	border:0px;
	padding:0;
	margin:0;
}
#menu li a {
	background-image: url('../../images/v3/fond_menu.png');
	background-repeat: no-repeat;
	width:164px;
	height:50px;
	display: block;
	text-align: center;
	background-position: 0px -56px;
	border:0px;
	padding:0;
	margin:0;
}

#menu li a:hover{
background-position: 0px -220px;
}

#menu li.em a {
	background-position: 0px 0px;
}
#menu li.em a:hover {
	background-position: 0px -164px;
}

#menu li.em div {
	color:#b4b1b1;
}

#menu li.em2 a  {
	background-position: 0px -109px;

}
#menu li.em2 a:hover  {
	background-position: 0px -273px;
}

#menu li a:hover { 
	text-decoration: none;
}

#menu strong{
	font-size:0px;
	text-transform: uppercase;
	color:white;
}
#menu div{
	font-size:12px;
	font-weight:normal;
	padding-top:7px;
	color:#4e4e4e;
}

.stretched #content { padding-left: 60px; padding-right: 60px }
.stretched #main { margin: 0 }
.stretched #main .roundedBoxContent { padding-right: 10px; padding-left: 10px }


/* MOTS CLEFS */

#keywords {
width:620px;
text-align:center;
margin:auto;
color:#bebebe;
}

#keywords div{
display:inline-block;
margin:0;
}

#keywords hr{
width:300px;
height:1px;
background-color:#E5E5E5;
border:0;
margin:15px auto 10px auto ;
}

#keywords a{
color:#bebebe;
}

#keywords a:hover{
color:#FE9B00;
}

#page_mots{
margin:10px 10px 10px 5px;
color:#6c6c6c;
}

#page_mots h2{
font-size:24px;
font-weight:normal;
padding:0 0 0 10px;
}

#page_mots h3{
font-size:16px;
font-weight:normal;
padding:0;
margin:5px 0 0 12px;
background:none;
}


#page_mots p{
font-size:14px;
text-align:justify;
margin:10px 0 20px 10px;
}

#page_mots img{
float:right;
}

#page_mots_list{
	float:left;
	margin:10px 0 0 10px;
	color:#6c6c6c;
	font-size:12px;
	height:22px;
	border:1px solid #E0E0E0;
	padding:8px 0 0 10px;
	width:440px;
}


#page_mots_list:hover{
background-color:#ffe8c5;
}

#page_mots_list input{
float:right;
margin-right:5px;
}

#page_mots_list img{
float:right;
margin-right:3px;
}

#offre_modele{
	float:left;
	margin:10px 0 0 10px;
	color:#6c6c6c;
	font-size:16px;
	height:22px;
	border:1px solid #E0E0E0;
	padding:8px 0 3px 10px;
	width:910px;
}

#offre_modele:hover{
background-color:#ffe8c5;
}


#offre_modele img{
float:right;
margin-right:3px;
}

#bas_service {
text-align:center;
margin:auto;
color:#bebebe;
padding:10px;
}

#bas_service span{
margin:0 5px 0 5px;
}


#bas_service a{
color:#bebebe;
}

#bas_service a:hover{
color:#FE9B00;
}

/* Page marques */
#page_voiture{
margin:5px;
color:#6c6c6c;
}

#page_voiture h2{
font-size:24px;
font-weight:normal;
padding:0 0 0 5px;
}

#page_voiture h2 a{
color:#6c6c6c;
}

#page_voiture h3{
font-size:16px;
font-weight:normal;
padding:0;
margin:5px 0 0 12px;
background:none;
}

#page_voiture p{
font-size:14px;
text-align:justify;
margin:10px 0 20px 5px;
}

#page_voiture img{
float:right;
border:1px solid #D9D9D9;
margin:0 3px 0 10px;
}

#liste_modeles{
width:304px;
color:#6c6c6c;
float:left;
display:block;
margin:5px 0 10px 7px;
}

#liste_modeles h3, #liste_modeles h4{
background:none;
margin:0;
padding:0;
font-weight:normal;
line-height:normal;
}

#liste_modeles h3{
font-size:18px;
color:#6c6c6c;
}

#liste_modeles h4{
font-size:14px;
color:#a4a4a4;
}

#liste_modeles img{
float:left;
margin:0 5px 5px 0;
}

#liste_modeles span{
font-size:11px;
margin:0 0 0 60px;
line-height:30px;
}

#liste_modeles span a{
color:#fca111;
}

#liste_modeles ul{
clear:left;
}

#liste_modeles li{
background-color:#f7f7f7;
line-height:18px;
font-size:9px;
padding-left:5px;
position : relative;

}

#liste_modeles li a{
color:#a4a4a4;
display:block;
}

#liste_modeles li a:hover{
text-decoration:none;
background-color:#feecd0;
color:#6c6c6c;
}


.mini_fleche{
width:7px;
height:8px;
position: absolute;
right:2px;
top:4px;
}

#solutions_tarifs{
width:618px;
padding:0;
margin:0 0 0 7px;
float:left;
}

#solutions_tarifs .titre{
height:25px;
font-size:16px;
background-image:url("/online/fr/images/v3/fond_solution_noir.jpg");
background-repeat:repeat-x;
color:white;
font-size:16px;
padding: 5px 0 0 7px;
}

#solutions_tarifs li{
height:23px;
background-color:#f1eded;
background-image:url("/online/fr/images/v3/fond_categories.jpg");
background-repeat:no-repeat;
border:1px solid #cecece;
margin-top:2px;
position:relative;
clear:left;

}

#solutions_tarifs li:hover{
height:23px;
background-color:#e5dfde;
background-image:url("/online/fr/images/v3/fond_categories_hover.jpg");

}

#solutions_tarifs li a{
color:#6c6c6c;
cursor:pointer;
}



#solutions_tarifs .double_fleche{
position:absolute;
right:2px;
top:3px;
}


#solutions_tarifs img{
float:left;
margin-left:5px;
}

#solutions_tarifs h2{
padding:0;
margin:0;
font-weight:bold;
font-size:14px;
float:left;
color:#6c6c6c;
margin-top:3px;
height:0px;
margin-left:5px;
}

#solutions_tarifs p{
font-size:14px;
float:right;
color:#6c6c6c;
margin-top:3px;
text-align:left;
width:340px;
}



#solutions_credits{
width:305px;
float:right;
margin-right:7px;
}

#solutions_credits .titre{
height:25px;
font-size:16px;
background-image:url("/online/fr/images/v3/fond_solution_orange.jpg");
background-repeat:repeat-x;
color:white;
font-size:16px;
padding: 5px 0 0 7px;
}

#solutions_credits li{
height:23px;
background-color:#feecd0;

background-repeat:no-repeat;
border:1px solid #cecece;
margin-top:2px;
position:relative;
clear:left;

}

#solutions_credits li:hover{
height:23px;
background-color:#fddfb1;
cursor:pointer;

}

#solutions_credits li a{
color:#6c6c6c;
cursor:pointer;
}



#solutions_credits .double_fleche{
position:absolute;
right:2px;
top:3px;
}


#solutions_credits img{
float:left;
margin-left:5px;
}

#solutions_credits h2{
padding:0;
margin:0;
font-weight:normal;
font-size:12px; 
float:left;
color:#6c6c6c;
margin-top:3px;
height:0px;
margin-left:5px;
display:block;
}

#solutions_credits p{
font-size:14px;
float:right;
color:#6c6c6c;
margin-top:3px;
text-align:left;
width:340px;
}

/*  Histoire des marques  */
#histoire{
margin-top:15px;
}

#histoire h2{
font-size:16px;
font-weight:bold;
}

#histoire p{
text-align:justify;
font-size:12px;
padding-right:10px;
}

/**** Lexique ***/


#presentation {
margin:10px 10px 0px 10px;
clear:left;
color:#6c6c6c;
}

#presentation h1{
font-size:20px;
text-align:left;
}

#presentation p{
text-align:justify;
font-size:14px;
margin-top:10px;
}

#page_lexique{
margin:20px 10px 10px 10px;
text-align:center;

}

#page_lexique span{
margin:7px;
text-transform: uppercase;
font-weight:bold;
font-size:16px;
}

#page_lexique a{
color:#6c6c6c;
}

#page_lexique a:hover{
text-decoration:underline;
color:#FE9B00;
}

#liste_lexique ul{
list-style-type:none;
margin:20px 5px 0 10px;
text-align:center;
}

#liste_lexique li{
float:left;
margin:0 10px 10px 0;
width:288px;
border:1px solid #e0e0e0;
padding:5px;
font-size:14px;
}

#liste_lexique h1{
font-size:14px;
font-weight:normal;
}

#liste_lexique a{
color:#6c6c6c;
}

#liste_lexique a:hover{
color:#FE9B00;
}


#lexique{
margin:10px 10px 20px 10px;
padding:0;
}

#lexique dl{
margin:0 10px 0 5px;
}

#lexique dt{

margin:15px 0 5px 0 ;
font-size:18px;
}

#lexique dd{
font-size:14px;
text-align:justify;
margin:10px 0 0 10px;
color:#6c6c6c;
}

#lexique img{
float:right;
margin-top:10px;
}

#lexique h1{
font-weight:normal;
font-size:18px;
color:#6c6c6c;
margin-bottom:5px;
}

#hasard {
text-align:center;
font-size:12px;
width:650px;
margin:auto;
margin-top:20px;
}

#hasard span{
float:left;
margin: 5px;
padding:0;
display:block;
}

#hasard a{
color:#6c6c6c;
}

#hasard a:hover{
color:#FE9B00;
}