body{ background:#f0f4f6 url('/essai-promo/static/css/images/bkg-body.gif') repeat-x top left; margin:0px auto; padding:0px auto; text-align:center; font: 12px Arial, Helvetica, sans-serif;}
*{margin:0;padding:0;}
.clear{clear:both; font-size:0; line-height:0; margin:0;}
a img{border:0px;}
.container{ width:960px; text-align:left; margin:7px auto 0;}

/*==============================Header====================================*/
.header{ width:960px; height:90px;}
.step1 .header{background:#f0f4f6 url('/essai-promo/static/css/images/gpl/bkg-header.jpg') no-repeat top left;}
.step2 .header{background:#f0f4f6 url('/essai-promo/static/css/images/gpl/bkg-header.jpg') no-repeat 0px -90px;}
.step3 .header{background:#f0f4f6 url('/essai-promo/static/css/images/gpl/bkg-header.jpg') no-repeat bottom left;}
.header h1{display:none;}

/*==============================Center====================================*/
.content{background: url('/essai-promo/static/css/images/gpl/bkg-content.jpg') no-repeat top left; width:960px; height:624px; position:relative;}

/*=====================Conteneur Home=============================*/
.contentStep{width:937px; padding:12px 10px 0 13px;/**/}
/*------------------------------Gauche------------------------------*/
.contentStep .CarVisuel{float:left; margin-right:0px;/**/ padding-top:0px;/**/}
.contentStep .CarVisuel img{display:block;}
/*------------------------------Doite------------------------------*/
.contentStep .Information{float:left; background: url('/essai-promo/static/css/images/separation.png') no-repeat top left; height:585px; width:550px;/**/ font-size:11px; color:#000;}
.contentStep .Information h2{font-size:12px; margin-bottom:10px; padding-left:34px;}
.contentStep .Information p{ margin-bottom:5px; padding-left:34px;}
.contentStep .Information p.mention{font-size:10px; color:#767676; font-style:italic; padding-left:34px;}
.contentStep .Information p.oblig{ color:#eb0e0e; padding-left:34px;}


/*------------------------------Infos Choix------------------------------*/
.contentStep .Information .choix{margin-bottom:10px;}
.contentStep .Information .choix h2{display:block; overflow:hidden; text-indent:-2000em; background:transparent url('/essai-promo/static/css/images/gpl/choix.gif') no-repeat scroll 0 0; height:28px; width:512px; margin:0 0 10px 10px;}
.contentStep .Information .choix p{margin-bottom:20px;}
.contentStep .Information .choix p input{margin-right:5px;}
.contentStep .Information .choix p label{margin-right:20px;}
/*------------------------------Infos Client------------------------------*/
.contentStep .Information .personnel{margin-bottom:10px;}
.contentStep .Information .personnel h2{display:block; overflow:hidden; text-indent:-2000em; background:transparent url('/essai-promo/static/css/images/gpl/coordonnees.gif') no-repeat scroll 0 0; height:28px; width:512px; margin:0 0 10px 10px;}
.contentStep .Information .personnel ul {margin-left:34px;}
.contentStep .Information .personnel ul li{ list-style:none; margin-bottom:5px;}
.contentStep .Information .personnel select, .contentStep .Information .personnel input{margin-right:5px; border:1px solid #d2d4d6;}
.contentStep .Information .personnel select{ height:22px;}
.contentStep .Information .personnel input{ height:16px; padding:3px;}
.contentStep .Information .personnel select{width:54px;}
.contentStep .Information .personnel input.long{width:230px;}
.contentStep .Information .personnel input.average{width:199px; }
.contentStep .Information .personnel input.small{width:149px; margin-right:4px;}
.contentStep .Information .personnel label{display:none;}

/*------------------------------Infos CAR------------------------------*/

.contentStep .Information .CarSelect h2{display:block; overflow:hidden; text-indent:-2000em; background:transparent url('/essai-promo/static/css/images/gpl/vehicule.gif') no-repeat scroll 0 0; height:28px; width:512px; margin:0 0 10px 10px;}
.contentStep .Information .CarSelect .marge{margin-left:34px;}
.contentStep .Information .CarSelect .col{float:left; width:500px;}
.contentStep .Information .CarSelect .col p{padding-left:0px; margin-bottom:0px;}
.contentStep .Information .CarSelect .col p label{display:block;}
.contentStep .Information .CarSelect .col select{ width:190px; margin-bottom:10px;  border:1px solid #d2d4d6; height:22px; margin-right:15px;}
.contentStep .Information .CarSelect .col select.model{width:150px;}
.contentStep .Information .CarSelect .col select.date{width:100px;}

/*------------------------------Error------------------------------*/
.contentStep .Information select.error, .contentStep .Information  input.error{border:1px solid #eb0e0e;}
.contentStep .Information select.error , .contentStep .Information p.error{color:#eb0e0e;}
.contentStep .Information select.error , .contentStep .Information span.error{color:#eb0e0e;}
/*------------------------------Newsletter------------------------------*/
.contentStep .Information .newsletter{margin-bottom:0px;}
.contentStep .Information .newsletter h2{display:block; overflow:hidden; text-indent:-2000em; background:transparent url('/essai-promo/static/css/images/gpl/newsletter.gif') no-repeat scroll 0 0; height:28px; width:512px; margin:0 0 10px 10px;}
.contentStep .Information .newsletter p.fin{margin-bottom:0px;}
.contentStep .Information .newsletter p.fin input{margin-right:5px;}
.contentStep .Information .newsletter p.fin label{margin-right:20px;}
input.btnNext{background:transparent url('/essai-promo/static/css/images/btn-suivant.jpg') no-repeat scroll 0 0; width:152px; height:33px; float:right; margin-right:30px; cursor:pointer; border:0px;  text-indent:10000px; display:block; overflow:hidden;}
input.btnNext{font-size:0; line-height:0;} /* Pour cacher le texte de value sur IE7 */
input.btnNext:hover{background:transparent url('/essai-promo/static/css/images/btn-suivant.jpg') no-repeat scroll 0px -33px;}

/*=====================pop-up=============================*/
.cellule{width:532px; height:261px; position:absolute; z-index:1000000; background: url('/essai-promo/static/css/images/gpl/bkg-popup.png') no-repeat top left; top:155px; left:104px; padding-top:52px; padding-left:220px;}
.cellule h2{display:block; overflow:hidden; text-indent:-2000em; background:transparent url('/essai-promo/static/css/images/title-actu.png') no-repeat scroll 0 0; height:17px; width:489px; margin:0px 0px 20px 0px;}
.cellule p{margin-bottom:15px; font-size:11px; position:relative;}
.cellule h3{font-size:13px; margin-bottom:15px; padding-top:10px;}
.cellule p a{margin-right:10px;}
a.oui{background:transparent url('/essai-promo/static/css/images/btn-oui.jpg') no-repeat scroll 0 0; width:83px; height:33px; cursor:pointer; border:0px;  text-indent:-2000em; display:block; overflow:hidden; position:absolute;}
a.oui:hover{background:transparent url('/essai-promo/static/css/images/btn-oui.jpg') no-repeat scroll 0px -33px;}
a.non{background:transparent url('/essai-promo/static/css/images/btn-non.jpg') no-repeat scroll 0 0; width:83px; height:33px; cursor:pointer; border:0px;  text-indent:-2000em; display:block; overflow:hidden; position:absolute; left:120px;}
a.non:hover{background:transparent url('/essai-promo/static/css/images/btn-non.jpg') no-repeat scroll 0px -33px;}

/*=====================Carte=============================*/
.step2 .content .contentMap{width:912px; padding:12px 10px 0 38px;}
.contentMap h2{ font-size:12px; margin-bottom:10px;}
.contentMap p{ margin-bottom:10px;}
.contentMap .carte{ width:887px; height:409px; border:1px solid #b4bec3;}
.contentMap .Distrib{background:transparent url('/essai-promo/static/css/images/gpl/GPL-distrib.png') no-repeat scroll top center; width:912px; height:143px; }

.contentMap .Distrib a.previous{background:transparent url('/essai-promo/static/css/images/btn-precedent.jpg') no-repeat scroll 0 0; width:172px; height:33px; float:left; margin:60px 0px 0 0; cursor:pointer; border:0px;}
.contentMap .Distrib a.previous:hover{background:transparent url('/essai-promo/static/css/images/btn-precedent.jpg') no-repeat scroll 0px -33px;}

.contentMap .Distrib input.btnValid{background:transparent url('/essai-promo/static/css/images/btn-validation.jpg') no-repeat scroll 0 0; width:212px; height:33px; float:right;margin:60px 22px 0 0; cursor:pointer; border:0px;text-indent:-999px;}
.contentMap .Distrib input.btnValid:hover{background:transparent url('/essai-promo/static/css/images/btn-validation.jpg') no-repeat scroll 0px -33px;}


/*=====================Confirmation=============================*/
.step3 .content .contentConfirm{width:912px; height:200px; padding:80px 10px 346px 38px;}
.step3 .content .Corsa{background:transparent url('/essai-promo/static/css/images/gpl/bkg-confirm-corsa.png') no-repeat scroll bottom center;}
.step3 .content .Meriva{background:transparent url('/essai-promo/static/css/images/gpl/bkg-confirm-meriva.png') no-repeat scroll bottom center;}

.infoConfirm{width:510px; float:left;}
.infoConfirm h2{font-size:15px; margin-bottom:10px;}
.infoConfirm  p{ margin-bottom:10px;}

.infoCar{width:400px; float:left; background:transparent url('/essai-promo/static/css/images/gpl/picto-car.png') no-repeat scroll top center; padding-top:89px;}
.infoCar ul{width:auto; margin-left:100px;}
.infoCar ul li{list-style:none; margin-bottom:30px; }
.infoCar ul li a{background:transparent url('/essai-promo/static/css/images/btn-config-left.png') no-repeat scroll bottom left; height:33px; min-width:300px; padding:10px 0px 10px 66px; text-decoration:none; color:#040404;}

.infoCar ul li a strong{background:transparent url('/essai-promo/static/css/images/btn-config-right.png') no-repeat scroll bottom right; height:30px; padding-right:68px; padding-top:10px; padding-bottom:10px;}
/*============================Footer======================================*/
.footer{width:920px; padding:5px 20px; font-size:10px;}