/*-------------------------------- CSS Document -----------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}
/*-------------------------------- Général au site -----------------------------*/
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
	display:inline;
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
p{
	font-size:12px;
}
/*------------------ Global -----------------*/
#global{
width:1000px;
margin:0px auto;
background:url(../images/boot.jpg) repeat-y;
}
/*------------------ Global - Entête -----------------*/
#global #entete{
float:left;
width:1000px;
height:165px;
background:url(../images/top.jpg) no-repeat;
}
#global #entete img.logo{
float:left;
margin:0px 0px 0px 45px;
}
#global #entete h1{
float:left;
height:35px;
margin:95px 0px 0px 15px;
padding:0px 5px;
font-size:11px;
font-weight:400;
overflow:hidden;
}
#global #entete h1 a{
position:relative;
float:left;
height:19px;
margin:10px 0px 0px 0px;
padding:6px 0px 0px 0px;
color:#fff;
background:#ed864a;
}
*html #global #entete h1 a{
overflow-y:hidden;
}
#global #entete h1 a:hover{
height:29px;
margin:0px;
}
#global #entete h1 a img.g{
position:absolute;
top:0px;
left:-5px;
}
#global #entete h1 a img.d{
position:absolute;
top:0px;
right:-5px;
}
/*------------------ Global - Corps -----------------*/
#global #corps{
display:inline;
float:left;
width:890px;
padding:10px 0px 20px 0px;
margin:0px 0px 0px 95px;
}

#global #corps h1.titre {
color:#f19351;
line-height:40px;
}
#global #corps h1.titre span {
font-family:Arial Black;

}

/*------------------ Global - Corps - Colonne -----------------*/
#global #corps #colonne{
float:left;
width:360px;
}
#global #corps #colonne h1.titre{
float:left;
width:340px;
height:38px;
padding:22px 0px 0px 20px;
font-size:14px;
color:#074570;
background:url(../images/fd-titre.jpg) no-repeat;
}
/*------------------ Global - Corps - Page -----------------*/
#global #corps #page{
position:relative;
float:left;
width:500px;
margin:0px 0px 0px 10px;
}
#global #corps #page h1{
float:left;
width:500px;
margin:20px 0px 0px 0px;
font-size:22px;
color:#e8690c;
}
#global #corps #page h1.moy{
width:400px;
}
#global #corps #page h2{
float:left;
width:500px;
margin:20px 0px 0px 0px;
font-size:16px;
color:#074570;
}
#global #corps #page p{
float:left;
width:500px;
line-height:18px;
margin:10px 0px 0px 0px;
font-size:11px;
color:#074570;
}
#global #corps #page p a{
color:#e8690c;
}
#global #corps #page p a:hover{
text-decoration:underline;
}
#global #corps #page p.msg_err{
color:#da3838;
}
#global #corps #page img.logo{
float:right;
}
#global #corps #page a.btn_final{
float:left;
width:125px;
height:35px;
margin:10px 0px 0px 0px;
}
#global #corps #page div{
float:left;
width:235px;
margin:10px 15px 0px 0px;
}
#global #corps #page div.ligne{
float:left;
width:500px;
height:1px;
line-height:1px;
font-size:1px;
overflow:hidden;
}
#global #corps #page div h3{
float:left;
width:235px;
font-size:12px;
color:#546e1a;
}
#global #corps #page div h3 a{
color:#546e1a;
}
#global #corps #page div h3 a:hover{
text-decoration:underline;
}
#global #corps #page div ul{
float:left;
width:235px;
margin:10px 0px 0px 0px;
}
#global #corps #page div ul li{
float:left;
width:220px;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size:11px;
color:#074570;
background:url(../images/puce_verte.jpg) 0px 3px no-repeat;
}
#global #corps #page div p{
float:left;
width:235px;
margin:5px 0px 0px 0px;
line-height:16px;
}
#global #corps #page div.photos{
float:right;
width:154px;
margin:10px 0px 0px 10px;
}
#global #corps #page div.photos h4{
float:right;
width:144px;
height:109px;
margin:10px 0px 0px 10px;
}
#global #corps #page div.photos h4 a{
float:left;
width:140px;
height:105px;
border:2px solid #074570;
}
#global #corps #page div.photos h4 a:hover{
border:2px solid #e8690c;
}
#global #corps #page .pt{
width:336px;
}
/*------------------ Global - Corps - Page - Formulaire -----------------*/
#global #corps #page #formulaire{
float:left;
width:500px;
margin:0px;
}
#global #corps #page #formulaire div{
float:left;
width:500px;
margin:10px 0px 0px 0px;
}
#global #corps #page #formulaire div p{
float:left;
width:150px;
margin:3px 0px 0px 0px;
}
#global #corps #page #formulaire div input{
float:left;
width:340px;
height:16px;
font-size:11px;
color:#696a6a;
}
#global #corps #page #formulaire div textarea{
float:left;
width:340px;
height:200px;
font-size:11px;
color:#696a6a;
}
#global #corps #page #formulaire div input.submit{
width:100px;
height:22px;
border:1px solid #696a6a;
color:#696a6a;
background:#ddd;
}
#global #corps #page #formulaire div input.submit:hover{
border:1px solid #074570;
color:#074570;
}
/*------------------ Global - Corps - Colonne - Tableau -----------------*/
#global #corps #colonne #tab{
float:left;
width:360px;
margin:10px 0px 0px 0px;
background:url(../images/boot-tab.jpg) repeat-y;
}
#global #corps #colonne #tab img{
float:left;
}
#global #corps #colonne #tab h1{
position:relative;
float:left;
width:160px;
margin:5px 0px 10px 15px;
font-size:11px;
font-weight:400;
}
#global #corps #colonne #tab h1 a{
color:#074570;
}
#global #corps #colonne #tab h1 a:hover{
text-decoration:underline;
}
#global #corps #colonne #tab h1 img{
position:absolute;
top:0px;
right:10px;
}
#global #corps #colonne #tab h2{
float:left;
width:145px;
height:20px;
line-height:10px;
margin:10px 0px 1px 15px;
padding:5px 10px;
font-size:10px;
font-weight:400;
color:#fff;
background:url(../images/bord_tab.gif) top left no-repeat #ed864a;
}
#global #corps #colonne #tab p{
float:left;
width:145px;
height:30px;
margin:0px 0px 1px 0px;
padding:5px 10px;
font-size:10px;
background:url(../images/bord_tab2.gif) top right no-repeat #f2d19e;
}
#global #corps #colonne #tab div.ligne{
float:left;
width:360px;
height:1px;
line-height:1px;
margin:0px;
font-size:1px;
overflow:hidden;
}
/*------------------ Global - Corps - Partenaires -----------------*/
#global #corps #partenaires{
float:left;
width:360px;
height:220px;
background:url(../images/fd-partenaires.jpg) no-repeat;
}
#global #corps #partenaires h3{
float:left;
width:340px;
margin:12px 0px 0px 20px;
font-size:14px;
font-family:Arial Black;
color:#5b6677;
}
#global #corps #partenaires h1{
float:left;
width:340px;
margin:0px 0px 0px 20px;
line-height:20px;
font-size:18px;
font-weight:400;
color:#5b6677;
}
#global #corps #partenaires h1 span{
margin:0px 0px 0px 10px;
font-size:24px;
font-family:Arial Black;
color:#f19351;
}
#global #corps #partenaires h2{
float:left;
width:120px;
margin:10px 0px 0px 10px;
padding:10px;
font-size:12px;
font-weight:400;
line-height:18px;
letter-spacing:1px;
color:#0a4770;
}
#global #corps #partenaires h2 span{
font-weight:700;
}
#global #corps #partenaires img{
float:left;
margin:10px 0px 0px 10px;
}
#global #corps #partenaires a{
float:right;
width:125px;
height:35px;
margin:15px 10px 0px 0px;
}
#global #corps #partenaires a img{
float:right;
margin:0px;
}
/*------------------ Global - Corps - Flash -----------------*/
#global #corps #flash{
float:left;
width:520px;
height:220px;
margin:0px 0px 0px 10px;
}
/*------------------ Global - Corps - Avantages -----------------*/
#global #corps #avantages{
	float:left;
	width:360px;
	height:250px;
	margin:10px 0px 0px 0px;
	background:url(../images/fd-avantages.jpg) no-repeat;
}
#global #corps #avantages h1{
float:left;
width:340px;
margin:15px 0px 0px 20px;
font-size:14px;
font-weight:400;
font-family:Arial Black;
letter-spacing:1px;
color:#fff;
}
#global #corps #avantages h2{
float:left;
width:340px;
margin:0px 0px 0px 20px;
font-size:23px;
font-weight:400;
line-height:20px;
letter-spacing:1px;
color:#fff;
}
#global #corps #avantages h2 span{
margin:0px 0px 0px 10px;
font-size:23px;
font-family:Arial Black;
color:#f19351;
}
#global #corps #avantages a{
float:right;
width:125px;
height:35px;
margin:10px 10px 0px 0px;
}
#global #corps #avantages a img{
float:left;
}
/*------------------ Global - Corps - Stages de pilotage -----------------*/
#global #corps #stages{
float:right;
width:520px;
height:185px;
margin:10px 0px 5px 10px;
background:url(../images/fd-stages.jpg) no-repeat;
}
#global #corps #stages img{
float:left;
}
#global #corps #stages h1{
float:left;
width:340px;
margin:15px 0px 0px 5px;
font-size:26px;
font-weight:400;
color:#e8690c;
}
#global #corps #stages h2{
float:left;
width:130px;
margin:8px 0px 0px 10px;
font-size:14px;
font-weight:400;
line-height:18px;
letter-spacing:1px;
color:#074670;
}
#global #corps #stages p{
float:left;
width:80px;
margin:45px 0px 0px 25px;
font-size:14px;
color:#7f8795;
}
#global #corps #stages h3{
float:left;
width:100px;
margin:10px 0px 0px 0px;
font-size:44px;
font-family:Arial Black;
color:#e8690c;
}
#global #corps #stages span{
font-family:Arial Black;
}
#global #corps #stages a{
float:right;
width:125px;
height:35px;
margin:-9px 0px 0px 145px;
}
/*------------------ Global - Corps - Carte Club -----------------*/
#global #corps #carte-club{
	float:left;
	width:360px;
	height:185px;
	margin:5px 0px 0px 0px;
}
#global #corps #carte-club a{
float:left;
}
/*------------------ Global - Corps - Voiture moins chère -----------------*/
#global #corps #moins-chere{
float:left;
width:360px;
height:245px;
margin:10px 0px 0px 0px;
background:url(../images/fd-moins-chere.jpg) no-repeat;
}
#global #corps #moins-chere h1{
float:left;
width:130px;
height:41px;
margin:15px 0px 0px 20px;
font-size:14px;
font-weight:400;
letter-spacing:1px;
color:#fff;
}
#global #corps #moins-chere h2{
float:left;
width:190px;
margin:12px 0px 0px 5px;
font-family:Arial Black;
font-size:25px;
font-weight:400;
letter-spacing:-1px;
color:#e8690c;
}
#global #corps #moins-chere h3{
float:left;
width:340px;
height:175px;
margin:0px 0px 0px 10px;
}
/*------------------ Global - Corps - Constructeurs -----------------*/
#global #corps #marques{
position:relative;
float:left;
width:520px;
height:245px;
margin:10px 0px 0px 10px;
background:url(../images/fd-marques.jpg) no-repeat;
}
#global #corps #marques h1{
float:left;
width:195px;
margin:18px 0px 0px 20px;
font-size:14px;
font-weight:400;
color:#e8690c;
}
#global #corps #marques h2{
float:left;
margin:18px 0px 0px 20px;
font-size:14px;
font-weight:400;
}
#global #corps #marques h2 a{
color:#fff;
}
#global #corps #marques p{
float:left;
width:280px;
margin:25px 0px 0px 20px;
font-size:12px;
line-height:20px;
color:#363d47;
}
#global #corps #marques img{
float:left;
margin:25px 20px 0px 30px;
background:red;
}
#global #corps #marques a.btn{
position:absolute;
left:10px;
bottom:15px;
}
#global #corps #marques a.btn img{
float:left;
margin:0px;
}
/*------------------ Global - Pied -----------------*/
#global #pied{
width:1000px;
height:75px;
clear:both;
}
#global #pied h1{
float:left;
width:900px;
margin:10px 0px 0px 100px;
font-size:11px;
font-weight:400;
text-align:center;
}
#global #pied h1 a{
padding:0px 10px;
color:#696a6a;
}
#global #pied h1 a:hover{
text-decoration:underline;
}
#global #pied h1.base-line{
width:815px;
margin:10px 0px 10px 185px;
color:#696a6a;
text-align:left;
}
#global #pied h1.base-line a{
padding:0px;
color:#135b89;
}
/*--------- Lightbox -----------*/
#lightbox{
position:absolute;
left:0px;
width:100%;
z-index:100;
text-align:center;
line-height:0px;
}
#lightbox a img{
border:none;
}
#outerImageContainer{
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0px auto;
}
#imageContainer{
padding:10px;
}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0px;
}
#hoverNav{
position: absolute;
top:0px;
left:0px;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav{
left:0px;
}
#hoverNav a{
outline:none;
}
#prevLink, #nextLink{
width:49%;
height:100%;
background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display:block;
}
#prevLink {
left:0px;
float:left;
}
#nextLink {
right:0px;
float:right;
}
#prevLink:hover, #prevLink:visited:hover {
background:url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background:url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer{
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
margin:0px auto;
line-height:1.4em;
overflow:auto;
width:100%	
}
#imageData{
padding:0px 10px;
color:#666;
}
#imageData #imageDetails{
width:70%;
float:left;
text-align:left;
}	
#imageData #caption{
font-weight:bold;
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
}			
#imageData #bottomNavClose{
width:66px;
float:right;
padding-bottom:0.7em;
}	
#overlay{
position:absolute;
top:0px;
left:0px;
z-index:90;
width:100%;
height:500px;
background-color:#000;
}