@import url("form.css");


* { 
padding : 0; 
margin : 0; 
} 
body { font: 13px "Trebuchet MS",Arial,sans-serif; text-decoration:none;
background: #f5f6ff url(http://www.jeloueunevoiture.fr/images/background_24b_redux.jpg) no-repeat fixed center top;}
img {margin:0; padding : 0; border: 0px;} 
#conteneur { margin : 10px auto; width : 820px; background: url(http://www.jeloueunevoiture.fr/images/bg_wrapper4.jpg) repeat-y;} 
#header { width : 820px; float : left; padding : 0; height : 130px; margin : 0;
background-image: url(http://www.jeloueunevoiture.fr/images/background_Header.jpg);} 
#menu {width:820px; height:18px; text-align:center; position:relative; float:left; background: url(http://www.jeloueunevoiture.fr/images/menu_background.png);}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu ul {display:inline;}
#menu #table {display:table; margin:0 auto;}
#menu #table ul {display:table-row;}
#menu li {margin:0; padding:0;}
#menu li {margin-right:1px;}
#menu ul table {position:absolute; left:-9999px; width:820px; background:url(http://www.jeloueunevoiture.fr/images/darkblue2.png);}
#menu ul table td {vertical-align:top; padding:0 3px 0 3px; margin:0;}
#menu ul table td.border {width: 125px; height: 70px; border-right:2px dashed #ccc;}
#menu ul table td img {padding:0; display:inline; margin:0;}
#menu ul table td.image {width:80px;}
#menu ul table th {width: 160px; padding:0 0 0 4px; margin:0; font-size:13px; color:#fc0; font-weight:bolder; text-align:left;}
#menu ul table caption {width :820px; font-size:15px; color:#fff; font-weight:bold; text-align:right; padding: 0 30px 0 0; margin:0; background:url(http://www.jeloueunevoiture.fr/images/darkblue2.png);}
#menu ul table tfoot td {font-size:10px; color:#ccc; letter-spacing:-1px; padding-left:6px;}
#menu ul table tfoot td a{font-size:10px; font-weight:bold; letter-spacing:0px; font-weight:bold; color:#fc0; margin:0; padding:0 1px 0 4px; line-height:10px; display:inline;}
#menu ul table tfoot td a:hover{color:#fff;}
#menu ul.level1 li.level1-li {float:left; display:block;}
#menu ul table td p {width: 87px; font-weight:bold; line-height:13px; font-size:15px; color:#fff; white-space:normal; margin:0; padding:10px 5px 0 0;}
#menu ul table td p a {width: 87px; font-weight:bold; line-height:13px; font-size:15px; color:#fff; white-space:normal; margin:0; padding:0 5px;}
#menu a {display:block; font:normal 12px "Trebuchet MS", Arial, sans-serif; color:#fff; line-height:18px; text-decoration:none;cursor:pointer;}
#menu ul.level1 li.level1-li a.level1-a {float:left; padding:0 12px 0 0; background: url(http://www.jeloueunevoiture.fr/images/tab_btn_a.png) no-repeat right top;}
#menu ul.level1 li.level1-li a.level1-a b {float:left; padding:0 0 0 10px; background: url(http://www.jeloueunevoiture.fr/images/tab_btn.png) no-repeat left top;}
#menu ul li:hover table {visibility:visible; left:0; top:18px;}
#menu a:hover table {left:0; top:18px;}
#menu ul.level1 li.level1-li a.drop {background: url(http://www.jeloueunevoiture.fr/images/tab_btn_b.png) no-repeat right top;}
#menu ul.level1 li.level1-li a.level1-a:hover {background-position:right bottom; color:#db6700}
#menu ul.level1 li.level1-li a.level1-a:hover b {background-position:left bottom;}
#menu ul.level1 li.level1-li:hover > a {background-position:right bottom; color:#ff7800}
#menu ul.level1 li.level1-li:hover > a > b {background-position:left bottom;}
#menu ul table td a {width: 87px; font-weight:bold; line-height:13px; font-size:15px; color:#fff; white-space:normal; margin:0; padding:0 5px;}
#menu ul table a:hover {background:transparent; text-decoration:underline;}
#bienvenue {float: left; width: 670px; height:125px; line-height: 10px; text-align: center; padding:0;
background: url(http://www.jeloueunevoiture.fr/images/bienvenue_background2.png) center top ;}
#menu_affichage{float:left; width: 550px; margin:13px 0 10px 109px;}
#btn_1{float: left; margin-right:1px;}
#btn_2{float:left; margin-right: 1px;}
#btn_comparateur {float:left;margin-right:1px;}
#btn_moteur {float:left;margin-right:1px;}
#btn_ttfermer {float:left;margin-top:-3px;}
#descriptif { float : left; display: inline;min-height : 350px; width : 670px; color : #000; text-align : justify; }
#descriptif img {text-align:right; margin : 0; border: 0px;} 
#descriptif bienvenue img {margin:0;}
#descriptif a:link {color:#362720} 
#descriptif a:hover {color:#ff8a00;font-style:bold;}
#descriptif p {text-indent:10px; display:block; margin-top: 6px;}
#descriptif h1 { color: #ff7e00; font: bold italic 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#iframe {margin-left:10px;}
.slogan{font: bold italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-variant: small-caps;letter-spacing :-1.3px; color:#ee8b22; vertical-align:baseline; line-height:22px;}
#descriptif h2 { display:inline-block;margin-right:12px;margin-bottom:10px;padding: 0 0 0 40px; color:#1062a7; font-size: 16px; 
font-style: italic; text-align: right;background: url(http://www.jeloueunevoiture.fr/images/H2_under.png) no-repeat right bottom;} 
#descriptif h2 a {margin-bottom:8px;padding-bottom:8px;}
#descriptif h2 a:link {text-decoration:none; color:#1062a7;}
#descriptif h3 { margin-right:8px; margin-top: 8px; margin-bottom: 8px;padding : 0 0 0 40px;color : #666; font-size : 14px; font-weight : bold;
text-align: right;background: url(http://www.jeloueunevoiture.fr/images/H3_under.png) no-repeat right bottom; } 
#descriptif h3 a{text-decoration:none;}
#descriptif h3 a{background-image: url();} 
.titre {float:right;display:block;width : 650px; margin : 0 20px 6px 0; font: bolder italic 12px "Trebuchet MS", Arial, sans-serif;
text-align: right;}
.lire_plus {float: left; text-align:left; padding : 2px 0 5px 45px; font-size:10px; font-weight:bold;}
.fermer {float:right; width: 35px;padding-bottom:6px; display:inline;}
#bienvenue_gen {margin-top:10px; padding : 0 20px 0 20px;text-align:right; background-image: url(http://www.jeloueunevoiture.fr/images/h1_border.jpg); background-repeat : no-repeat; background-position: right bottom;}
#descriptif_gen { padding : 0 30px 10px 30px;background-image: url(http://www.jeloueunevoiture.fr/images/border2.png); background-repeat : no-repeat;
background-position: left bottom; list-style-type:none;}
#descriptif_gen h2 {margin:0;} 
#descriptif_gen img{margin: 15px 0 15px 0;}
#descriptif_gen p {text-indent:10px;}
#descriptif_gen li {margin-left:75px; list-style-type: circle ; }
.gauche{padding:0; margin:0; float:left;}
#descriptif_util {padding : 10px 150px 10px 50px; height: 105px; background-image: url(http://www.jeloueunevoiture.fr/images/bkg_util.png); background-repeat : no-repeat;}
#descriptifcharte { padding : 0 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#descriptif_02 { padding : 5px 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#descriptif_03 { padding : 5px 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#descriptif_04 { padding : 5px 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#descriptif_05 { padding : 5px 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#descriptif_06 { padding : 5px 50px 10px 50px; background-image: url(http://www.jeloueunevoiture.fr/images/border.png); background-repeat : no-repeat;
background-position: left bottom;} 
#mot_fin { margin : 30px 70px 15px 70px;padding : 0 10px 5px 10px;font: 10px "Trebuchet MS", Arial, sans-serif;border: 1px solid #ccc;} 
#mot_fin h2 {width:500px;font: 11px Arial, Helvetica, sans-serif;color: #1062a7;margin : 0 0 2px 0;
padding : 5px 10px 2px 0;background: url(http://www.jeloueunevoiture.fr/images/h2_under.png) no-repeat right bottom;}
#mot_fin p {text-indent:8px; display:block; margin-top: 5px;}
#mot-fin img{text-align: center;}
#tableau_comparatif {float:left; margin:0 15px 10px 15px; width:655px;}
#comparateur {float:left; display:block; width: 98%; margin:0 0 10px 0}
#comparateur td a:link{color:#1062a7;}
#comparateur td a:hover {color:#ff8a00; font-size:18px;}
#comparateur th {font: bolder 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #ff8a00; border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: -1px;word-spacing: -1px;line-height:13px;text-align: center;padding: 6px 5px 5px 3px;
background: url(http://www.jeloueunevoiture.fr/images/bg_header.png) no-repeat;}
#comparateur th.nobg {padding: 6px 4px 5px 4px;border-top: 0;border-left: 0;border-right: 1px solid #C1DAD7;
background: url(http://www.jeloueunevoiture.fr/images/tab_header_left.png) no-repeat;}
#comparateur td {
border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7; text-align: center;font-size: 18px; font-weight: bold;padding: 7px 4px 7px 4px;}
#comparateur td.alt {background: #f4f8fe;}
#comparateur th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background: url(http://www.jeloueunevoiture.fr/images/bullet1.gif) no-repeat;}
#comparateur th.specalt {border-left: 1px solid #C1DAD7;border-top: 0;background: url(http://www.jeloueunevoiture.fr/images/bullet2.gif) no-repeat;}
#fermer_comparateur{margin: 5px 15px 0 0; text-align: right;}
#capsule-tab {}
#comparateur_in {float:left; width: 650px; margin: 10px 10px 15px 10px;border-left: 1px solid #C1DAD7;}
#comparateur_in td a:link{color:#1062a7;}
#comparateur_in td a:hover {color:#ff8a00; font-size:15px; letter-spacing:-1px;}
#comparateur_in th {font: bolder 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #ff8a00; border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: -1px;word-spacing: -1px;line-height:13px;text-align: center;padding: 6px 5px 5px 3px;
background: url(http://www.jeloueunevoiture.fr/images/bg_header.png) no-repeat;}
#comparateur_in td {
border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7; text-align: center;font-size: 14px; font-weight: bold;padding: 0;}
#moteur_location{}
#moteur {float:left;margin:0 0 20px 0;width: 670px;height: 500px;/*sdd avant 360 px*/}
#moteur_in{display:block;width: 670px;height: 360px; margin-top:15px;margin-left:auto; margin-right:auto;}
#frame {float:left;margin: 15px 0 0 189px;width: 290px;height: 230px;}
#fermer_moteur{float:left;margin: 158px 0 0 29px;padding: 0;}
#fermer_moteur img{margin:0; padding:0;}
#rightcolumn {color : #333; min-height : 350px; width : 150px; float : left; padding : 10px 0 10px 0;text-align: center;
background-image: url(http://www.jeloueunevoiture.fr/images/border_right.png); background-repeat : no-repeat;background-position: right bottom;} 
#rightcolumn img {padding:18px 0 18px 0;}
#footer {width : 820px; height:35px; line-height: 20px; clear : both; padding: 25px 0 0 13px;  
background: url(http://www.jeloueunevoiture.fr/images/footer-background.png) no-repeat;}
#footer a {color: #666; margin: 0; padding:0; vertical-align:middle; }
#footer img {margin: 0; padding:0; vertical-align: middle;}
#footer a:hover {color:#ff8a00; font-style:italic;}
#footer .style {color: #666; vertical-align: -15%; letter-spacing:-1px;}

/****************************************
 ****************************************
 *     REDESIGN ____ 2011 12 22 
 ****************************************
 ****************************************/



@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-black-webfont.eot');
    src: url('fonts/overlock-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-black-webfont.woff') format('woff'),
         url('fonts/overlock-black-webfont.ttf') format('truetype'),
         url('fonts/overlock-black-webfont.svg#OverlockBlack') format('svg');
    font-weight: bolder;
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-blackitalic-webfont.eot');
    src: url('fonts/overlock-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-blackitalic-webfont.woff') format('woff'),
         url('fonts/overlock-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/overlock-blackitalic-webfont.svg#OverlockBlackItalic') format('svg');
    font-weight: bolder;
    font-weight: 900;
    font-style: italic;

}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-bold-webfont.eot');
    src: url('fonts/overlock-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-bold-webfont.woff') format('woff'),
         url('fonts/overlock-bold-webfont.ttf') format('truetype'),
         url('fonts/overlock-bold-webfont.svg#OverlockBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-bolditalic-webfont.eot');
    src: url('fonts/overlock-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-bolditalic-webfont.woff') format('woff'),
         url('fonts/overlock-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/overlock-bolditalic-webfont.svg#OverlockBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-bolditalic-webfont.eot');
    src: url('fonts/overlock-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-bolditalic-webfont.woff') format('woff'),
         url('fonts/overlock-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/overlock-bolditalic-webfont.svg#OverlockBoldItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Overlock';
    src: url('fonts/overlock-bold-webfont.eot');
    src: url('fonts/overlock-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-bold-webfont.woff') format('woff'),
         url('fonts/overlock-bold-webfont.ttf') format('truetype'),
         url('fonts/overlock-bold-webfont.svg#OverlockBold') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Spinnaker';
    src: url('fonts/Spinnaker-Regular.eot');
    src: local('☺'), url('fonts/Spinnaker-Regular.woff') format('woff'), url('fonts/Spinnaker-Regular.ttf') format('truetype'), url('fonts/Spinnaker-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}





body {font_family: 'Spinnaker';} 

h2 {font-family: 'Overlock', cursive;}
body a {
text-decoration:none;}

.slogan {
    font-family: 'Overlock', cursive;
    font-size: 18px;
	text-transformation:bottomcase;
	letter-spacing:0px;
}
#bienvenue {font-weight:500;font-size:12px;}



/*#descriptif p {font-weight:bold;} */
#descriptif h2 {font-size:16px;}
#descriptifcharte {margin-bottom:30px;}

.titre {font-family: 'Overlock', cursive;
letter-spacing:0px;
font-size:14px;
}

#comparateur th {
font-family: 'Overlock', cursive;
text-shadow: 1px 1px brown;
}


.titre {font-family: 'Overlock', cursive;}

h3 {text-shadow: 1px 1px white;font-weight:bold;}

#mot_fin {font-family: 'Overlock', cursive;}

#mot_fin h2 {font-family: 'Overlock', cursive;font-size:18px;}

#comparateur td a:hover {text-shadow: 1px 1px 1px brown;}
#comparateur table tr:hover td a{color:orange;}
/* debuggage menu */
#menu ul table {
height:111px;
border-spacing:0px;
}

#menu ul table caption {
padding:0px;
margin-left:0px;
}

#menu ul table div {
padding:0;
margin:0;
}


/* debuggage footer */
#footer {font-size:14px;}
#footer a:hover {font-style:normal;}

#footer span.signature a {vertical-align:baseline;}