@charset "utf-8";

/* CSS Document */


/* --------------------------------------
-----------------------------------------
WRITTEN BY BLUE ROOM september 2009

If you want to know about how I did something, just ask me. :-)
---------------------------------------*/

/* --------------------------------------
HTML
---------------------------------------*/

table, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }

.png_bg { background:transparent }

#container { margin-left:auto; margin-right:auto; width:991px; margin-top:20px; }

/* --------------------------------------
HEADER
---------------------------------------*/

#header { float: left; width:991px; height:95px; }

.logo { float:left; width:151px; height:95px; }

/*---Formulaire recherche---*/

#search { float:right; height:43px; width:320px; }

label.text { display: block; float: left; margin-top:8px; font-size:1.333em; }

.input { float:left; background:#FFF; border:#666 solid 1px; margin-left:5px; margin-top:6px; width:150px; height:21px; }

.bouton_submit { float:left; width:23px; height:23px; background-image:url(../images_css/submit.gif); background-position:1px 0; margin-top:6px; border-top:#666 solid 1px; border-bottom:#666 solid 1px; border-right:#666 solid 1px; }

.bouton_submit:hover { background-position:0 23px; }

/*---Menu horizontal---*/

ul#nav { width:840px; float:right; background:#DDD; background-image:url(../images_css/nav_background.gif); background-position:top left; background-repeat:repeat-x; }

ul#nav ul { width: 180px; /* Sub Menu Width */ margin: 0; display: none; position: absolute; top: 100%; left:0; z-index:10; }

ul#nav ul ul, ul#nav ul ul ul { top: 0; left: 100%; }

ul#nav li { float: left; position: relative; }

ul#nav ul li { width: 100%; display: block; }

/* Root Menu */
ul#nav a { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px 11px; float:left; display: block; background: #DDD; color: #666; font-weight:bold; font-size:0.70em; text-decoration: none; height: 1%; }

/* Root Menu Hover Persistence */
ul#nav a:hover, ul#nav li:hover a, ul#nav li.iehover a { background: #BBB; color: #FFF; }

/* 2nd Menu */
ul#nav li:hover li a, ul#nav li.iehover li a { float: none; background: #BBB; font-size: 0.60em; }

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover, ul#nav li:hover li:hover a, ul#nav li.iehover li a:hover, ul#nav li.iehover li.iehover a { background: #999; font-size: 0.60em; }

/* 3rd Menu */
ul#nav li:hover li:hover li a, ul#nav li.iehover li.iehover li a { background: #999; }

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover, ul#nav li:hover li:hover li:hover a, ul#nav li.iehover li.iehover li a:hover, ul#nav li.iehover li.iehover li.iehover a { background: #666; }

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a, ul#nav li.iehover li.iehover li.iehover li a { background: #666; }

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover, ul#nav li.iehover li.iehover li.iehover li a:hover { background: #333; }

/* Hover Function - Do Not Move */
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.iehover ul ul, ul#nav li.iehover ul ul ul { display: none; }

ul#nav li:hover ul, ul#nav ul li:hover ul, ul#nav ul ul li:hover ul, ul#nav li.iehover ul, ul#nav ul li.iehover ul, ul#nav ul ul li.iehover ul { display: block; }

#container #header #nav .current a { color: #FFF; background-color:#666; }

/*---Chemin---*/

#chemin { float:left; margin-left:20px; margin-top:5px; font-size:0.60em; }

/* --------------------------------------
CONTENT
---------------------------------------*/

#content { float: left; width:991px; }

.media1 { float:left; width:765px; margin-right:15px; }

.media2 { float:left; width:210px; }

.media3 { float:left; width:991px; margin-top:5px; }

#content_main { height:490px; }

#content_left { float:left; width:661px; margin-right:10px;}

#content_right {float:right; width:320px;}

.bouton { margin-bottom:10px; float:left; width:auto;}

/* --------------------------------------
CONTENT MAIN  LEFT
---------------------------------------*/

#content_main_left { width:495px; height:480px; margin-right:25px; float:left; }

.vignette_fiche a { float:left; width:95px; height:65px; margin:20px 2px 0 0; border:#CCC solid 1px; }

.vignette_fiche a:hover { filter:alpha(opacity=50); opacity: 0.5; border:#333 solid 1px; }

.img_sav { margin-top:75px; float:left; }

.illustration_sav { z-index:50; }

.fiche li a { color:#8e8e8e; display:block; padding:5px 0 10px 20px; background-image:url(../images_css/pdf.jpg); background-repeat:no-repeat; background-position:0 3px; width:200px; }

.fiche li a:hover { color:#333; text-decoration:none }

/* FORM CONTACT*/

#form_contact { border-bottom:#900 5px solid; padding:10px; float:left; width:95%; margin-top:30px; background: url(../images_css/content_pane-gradient.gif) repeat-x left bottom; }

#form_newsletter { border-bottom:#900 5px solid; padding:10px; float:left; width:95%; margin-top:200px; background: url(../images_css/content_pane-gradient.gif) repeat-x left bottom; }

#form_rechange { border-bottom:#900 5px solid; padding:10px; float:left; width:95%; margin-top:5px; background: url(../images_css/content_pane-gradient.gif) repeat-x left bottom; }

.contenu_content_main {/* border-bottom:#900 5px solid;*/ padding:10px; float:left; width:95%; margin-top:30px; height:360px; }

#form_contact fieldset, #form_rechange fieldset { margin-bottom:20px; margin-left:50px; }

#form_contact select, #form_rechange select { margin-top:7px; width:110px; }

#form_contact legend, #form_rechange legend { margin:0 0 10px 0; display:block; float: left; width: 100%; }

label.contact { display: block; float: left; margin-top:8px; margin-right:10px; width:200px; text-align:right; clear: left; }

.inputContact { outline: none 0; height: 18px; width: 105px; background-color: transparent; border: none 0; margin-left:-2px; margin-top:0px; }

.inputContact_text { background:url(../images_css/input.png) no-repeat top left; border:none; outline:0; height:14px; width:104px; margin-top:5px; padding:2px 5px 5px 5px; display:block; float:left; }

.inputContact_text:hover { background-position:left bottom; }

#message { width:281px; height:71px; background:url(../images_css/textaera_bg.png) 0 0; float:left; border:none; margin-left:33px; margin-top:8px; padding-top: 13px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

#message:focus, #message:hover { background-position:0 88px; }

.message { width:281px; height:71px; }

.boutonContact_submit { width:78px; height:20px; margin-left:280px; margin-top:-10px; margin-bottom:15px; background:url(../images_css/submitContact.jpg) top left }

.boutonNewsletter_submit { width:78px; height:20px; margin-left:220px; margin-top:10px; margin-bottom:15px; background:url(../images_css/submitContact.jpg) top left }

.boutonContact_submit:hover { background-position:bottom left; }

#imgkcaptcha { float:left; height:40px; width:60px; margin-top:-10px; }

/* --------------------------------------
CONTENT MAIN RIGHT
---------------------------------------*/

#content_main_right { width:460px; height:415px; float:right; }

#selection_vehicule { margin-top:30px; margin-bottom:50px; display:block; float:left; width:100% }

#selection_modele { margin-top:30px; margin-bottom:10px; display:block; float:left; width:100% }

/*---SAV---VEHICULE---*/

#selection_modele_sav { margin-top:15px; margin-bottom:10px; display:block; float:left; width:420px; padding:20px; background: url(../images_css/content_pane-gradient.gif) repeat-x left bottom; text-align: center; border-bottom:#900 solid 5px; }

#selection_modele_sav select { margin-right:10px; margin-left:10px; width:100px; }

#selection_modele_sav legend { color:#666; font-size:0.90em }

.illustration_sav { background-image:url(../images_css/sav_bg.jpg); width:495px; height:400px; float:left; margin-bottom:-20px; }

.illustration_sav img, .illustration_sav #player { margin-top:64px; margin-left:27px; width:439px; height:270px; border:#999 solid 1px; }

/*-------*/

.select { display:block; margin-left:20px; margin-top:8px; float:left; }

#slider { background:#CCC; margin:0; position:relative; float:left; }

.scroll { height: 270px; width:460px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: url(../images_css/content_pane-gradient.gif) repeat-x scroll left bottom; }

.scrollcontainer div.panel { padding:20px 0 0 20px; height: 250px; width:440px; overflow-y:auto; margin-bottom:20px; }

ul.navigation { list-style: none; padding-bottom: 5px; }

ul.navigation li { display: inline; font-size:0.64em; }

ul.navigation a { padding:7px 15px; color: #000; text-decoration: none; }

ul.navigation a:hover { background-color: #f6f6f6; }
 ul.navigation a:selected {
background-color: #fff;
}

.forfait { width:95%; border:none 0px; margin-top:-15px; }

/* --------------------------------------
CONTENT MAIN RIGHT BOTTOM
---------------------------------------*/

#content_main_right_bottom { width:460px; height:60px; float:right; border-top:#900 solid 5px; }

#menu_vehicule ul { }

#menu_vehicule li a { float:left; display:block; background-image:url(../images_css/arrow_li.gif); background-repeat:no-repeat; background-position:0 5px; font-size:0.82em; color:#333; padding-left:10px; margin-left:10px; margin-top:30px; text-decoration:none; }

#menu_vehicule li a:hover { text-decoration:underline; }

/* --------------------------------------
SLIDER GALLERY
---------------------------------------*/

#gallery { width:991px; float:left; border:#CCC 1px solid; margin-top:4px; background:#CCC; }

.prod a { width:136px; height:85px; padding:5px; background-color:#CCC; text-align:center; background-image:url(../images_css/prod_background.gif); background-position:bottom left; background-repeat:no-repeat; float:left; text-decoration:none }

.prod a:hover { background-color:#333; text-decoration:none; }

.prod a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

.prod h2 { font-size:0.65em; color:#FFF; margin-top:10px; }

#content-slider { width: 765px; height:13px; margin-top:0px; margin-left: 113px; margin-right:100px; background:#CCC; position: relative; }

.ui-slider-handle { width:226px; height: 11px; margin-left:-113px; position: absolute; top: 1px; background:url(../images_css/handle.gif); }

#content-scroll { width: 991px; height: 95px; margin-top: 5px; overflow: hidden; }

#content-holder { width:1460px; height: 95px; background:#CCC; }

#popup { z-index: 100; position:absolute; margin:auto; top: 360px; width: 480px; height: 180px; background:url(../images_css/popup_background.png); border-bottom:#900 solid 5px; padding:20px; }

#popup ul li a { color:#333; font-size:0.82em; margin-bottom:10px; display:block; text-decoration:none; padding-left:10px; background-image:url(../images_css/arrow_li.gif); background-repeat:no-repeat; background-position:0 3px; width:100%; }

#popup ul li a:hover { text-decoration:underline; }

#popup img { position:relative; top:-100px; left:230px; }

/* --------------------------------------
FOOTER
---------------------------------------*/

#footer { float:left; width:991px; }

#menu_gauche { float:left; margin-top:15px; width:50% }

#footer ul { list-style:none; font-size:0.6em; color:#333; }

#footer li { display:inline; padding-right:5px; }

#footer li a { color:#333; }

#menu_droite { float:right; text-align:left; height:51px; width:32%; background:url(../images_css/logo_foucque_footer.jpg) right no-repeat }

#menu_droite select { margin-top:20px; width:150px; }

* html #menu_droite select { margin-top:15px; }

*+html #menu_droite select { margin-top:15px; }