/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyrigth (c) | Webdesign : CalliWeb | http://www.calliweb.fr | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ * {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none } /* Général */ body{ font-family: arial,helvetica,sans-serif; font-size: 12px;color: #000;background: #000;} /* --- POSITIONNEMENT --- */ /* Page */ #global { min-height: 100%; /* -> 1 */ width: 990px; overflow: hidden; /* -> 2 */ margin-left: auto; margin-right: auto; /* -> 3 */ background:#3a3939; position:relative; margin-top:22px; } #encart_vx1_abso { left:10px; position:absolute; top:7px; z-index:2000; } #page { margin-left: 240px; /* -> 8 */ padding: 10px 20px 10px 0px; color:#fff; } #page p{ color:#fff; font-size:12px; margin: 10px 0; } #page a { color:#FFF; text-decoration:underline; } #page a:hover{ color:#3F3F3E; text-decoration:underline; } #clear{ clear: left; } #contenu {background: #3a3939 url(../img/fond_page.gif) repeat-x top;} #commune{position:relative;} #content{ border-top:1px solid #302e2e; padding-top:40px } #content p{ margin-top:15px; color:#fff; } #content h3 { font-family:Georgia; color:#fff; font-size:22px; font-weight:normal; font-variant: small-caps; margin-top:12px; border-bottom:1px solid #9f9f9f; margin-right:11px; } #vignette { position:absolute; left:275px; top:230px; } /* En-tête */ #entete { padding: 0px 20px 10px 70px; background: #fff url(../img/fond_menu.gif)bottom; background-color:#fff; height:85px; position:relative; z-index: 10; } h1 { height:120px; width:161px; top:0; left:60px; position:absolute; } /* titre page */ #h{padding-top:21px; width:718px;text-align:center;} html>/**/body #h{padding-top:23px; } /* location */ table {text-align:center; margin-top: 12px; margin-left:50px; } td {color:#222121;background:#afafaf; padding:10px;text-align:left;} th {color:#fff;background:#6a6a6a url(../img/fond_th.gif) repeat-x top;font-weight:bold;padding:10px;} table span {font-size:19px} /* Menu de navigation */ #menu_gauche {width: 199px;float: left; /* -> 6 */margin-left:20px;margin-top:110px;margin-bottom:30px} #menu_gauche ul{ background: #fff url(../img/menu_gauche/menu-gauche.gif) repeat-y; width: 177px;border-top:1px solid #474747;border-left:1px solid #474747;border-right:1px solid #474747; margin: 0;padding: 20px 10px 20px 10px;list-style: none;} * html #menu_gauche {margin-left:10px; width: 197px} #v-vectrix{ position:relative; width:197px ; height:128px; background: #fff url(../img/menu_gauche/v-vectrix.gif) no-repeat; border-bottom:1px solid #474747;border-left:1px solid #474747;border-right:1px solid #474747;} #contact_gauche {position:absolute;bottom:20px;left:30px;} #navigation { padding: 12px 15px; } #navigation ul { margin: 0; list-style: none; text-align: center; } #pied{ width:990px; background:#fff; } html>/**/body #pied{ margin-top:-3px; } #contact { margin-left:830px; } #footer { clear:both; text-align:center; font-size:10px; color:#474545; background:#000; padding-top:15px; padding-bottom:10px; } #footer a { color:#fff; } #footer a:hover{ text-decoration:underline; } #menu_gauche #bloc_vignette{ background:none; border:none; padding:0px; margin-top:10px; } #menu_gauche #bloc_vignette li{ margin-top:6px; } #menu_gauche #vign_1 a{ display: block; width: 199px; height: 86px; background: url(../img/menu_gauche/bouton_1.jpg) no-repeat top left; } #menu_gauche #vign_1.active a:link{ background: url(../img/menu_gauche/bouton_1.jpg) no-repeat bottom left } #menu_gauche #vign_1.active a:visited{ background: url(../img/menu_gauche/bouton_1.jpg) no-repeat bottom left } #menu_gauche #vign_1 a:hover{background: url(../img/menu_gauche/bouton_1.jpg) no-repeat bottom left } #menu_gauche #vign_2 a{ display: block; width: 199px; height: 86px; background: url(../img/menu_gauche/bouton_2.jpg) no-repeat top left; } #menu_gauche #vign_2.active a:link{ background: url(../img/menu_gauche/bouton_2.jpg) no-repeat bottom left } #menu_gauche #vign_2.active a:visited{ background: url(../img/menu_gauche/bouton_2.jpg) no-repeat bottom left } #menu_gauche #vign_2 a:hover{background: url(../img/menu_gauche/bouton_2.jpg) no-repeat bottom left } #menu_gauche #vign_3 a{ display: block; width: 199px; height: 86px; background: url(../img/menu_gauche/bouton_3.jpg) no-repeat top left; } #menu_gauche #vign_3.active a:link{ background: url(../img/menu_gauche/bouton_3.jpg) no-repeat bottom left } #menu_gauche #vign_3.active a:visited{ background: url(../img/menu_gauche/bouton_3.jpg) no-repeat bottom left } #menu_gauche #vign_3 a:hover{background: url(../img/menu_gauche/bouton_3.jpg) no-repeat bottom left } #menu_gauche #vign_4 a{ display: block; width: 199px; height: 86px; background: url(../img/menu_gauche/bouton_4.jpg) no-repeat top left; } #menu_gauche #vign_4.active a:link{ background: url(../img/menu_gauche/bouton_4.jpg) no-repeat bottom left } #menu_gauche #vign_4.active a:visited{ background: url(../img/menu_gauche/bouton_4.jpg) no-repeat bottom left } #menu_gauche #vign_4 a:hover{background: url(../img/menu_gauche/bouton_4.jpg) no-repeat bottom left } /* ----------------------------*/ /* MISE EN PLACE DU MENU HAUT */ /* --------------------------*/ #menu_produits{z-index:11; position:absolute; top:30px; left:255px;} #menu ul, #menu_produits ul {padding:0;background: url(../img/bg_ul_menu.gif) no-repeat right;} #menu ul li, #menu_produits ul li {position:relative; float: left;} #menu ul li ul {display: none;} #menu ul li a strong, #menu_produits ul li a strong, #menu_gauche ul li a strong, #v-vectrix a strong{position:absolute; left:-7000px; top:-7000px;} #menu {z-index:11; position:absolute; top:65px; left:256px;} /* Menu produit */ #menu_produits #item8 a{ display: block; width: 64px; height: 22px; background: url(../img/menu/item4.gif) no-repeat top left;} #menu_produits #item8.active a:link{ background: url(../img/menu/item4.gif) no-repeat bottom left } #menu_produits #item8.active a:visited{ background: url(../img/menu/item4.gif) no-repeat bottom left } #menu_produits #item8 a:hover{background: url(../img/menu/item4.gif) no-repeat bottom left } #menu_produits #item9 a{ display: block; width: 64px; height: 22px; background: url(../img/menu/item5.gif) no-repeat top left; } #menu_produits #item9.active a:link{ background: url(../img/menu/item5.gif) no-repeat bottom left } #menu_produits #item9.active a:visited{ background: url(../img/menu/item5.gif) no-repeat bottom left } #menu_produits #item9 a:hover{background: url(../img/menu/item5.gif) no-repeat bottom left } /* Menu principal */ #menu #item10 a{ display: block; width: 121px; height: 17px; background: url(../img/menu/item6.gif) no-repeat top left; } #menu #item10.active a:link{ background: url(../img/menu/item6.gif) no-repeat bottom left } #menu #item10.active a:visited{ background: url(../img/menu/item6.gif) no-repeat bottom left } #menu #item10 a:hover{background: url(../img/menu/item6.gif) no-repeat bottom left } #menu #item11 a{ display: block; width: 110px; height: 17px; background: url(../img/menu/item7.gif) no-repeat top left; } #menu #item11.active a:link{ background: url(../img/menu/item7.gif) no-repeat bottom left } #menu #item11.active a:visited{ background: url(../img/menu/item7.gif) no-repeat bottom left } #menu #item11 a:hover{background: url(../img/menu/item7.gif) no-repeat bottom left } #menu #item12 a{ display: block; width: 143px; height: 17px; background: url(../img/menu/item8.gif) no-repeat top left; } #menu #item12.active a:link{ background: url(../img/menu/item8.gif) no-repeat bottom left } #menu #item12.active a:visited{ background: url(../img/menu/item8.gif) no-repeat bottom left } #menu #item12 a:hover{background: url(../img/menu/item8.gif) no-repeat bottom left } #menu #item13 a{ display: block; width: 131px; height: 17px; background: url(../img/menu/item9.gif) no-repeat top left; } #menu #item13.active a:link{ background: url(../img/menu/item9.gif) no-repeat bottom left } #menu #item13.active a:visited{ background: url(../img/menu/item9.gif) no-repeat bottom left } #menu #item13 a:hover{background: url(../img/menu/item9.gif) no-repeat bottom left } #menu #item14 a{ display: block; width: 130px; height: 17px; background: url(../img/menu/item10.gif) no-repeat top left; } #menu #item14.active a:link{ background: url(../img/menu/item10.gif) no-repeat bottom left } #menu #item14.active a:visited{ background: url(../img/menu/item10.gif) no-repeat bottom left } #menu #item14 a:hover{background: url(../img/menu/item10.gif) no-repeat bottom left } #menu #item15 a{ display: block; width: 74px; height: 17px; background: url(../img/menu/item11.gif) no-repeat top left; } #menu #item15.active a:link{ background: url(../img/menu/item11.gif) no-repeat bottom left } #menu #item15.active a:visited{ background: url(../img/menu/item11.gif) no-repeat bottom left } #menu #item15 a:hover{background: url(../img/menu/item11.gif) no-repeat bottom left } #menu_gauche #item16 a{ display: block; width: 158px; height: 27px; background: url(../img/menu_gauche/item16.gif) no-repeat top left; } #menu_gauche #item16.active a:link{ background: url(../img/menu_gauche/item16.gif) no-repeat bottom left } #menu_gauche #item16.active a:visited{ background: url(../img/menu_gauche/item16.gif) no-repeat bottom left } #menu_gauche #item16 a:hover{background: url(../img/menu_gauche/item16.gif) no-repeat bottom left } #menu_gauche #item17 a{ display: block; width: 158px; height: 27px; background: url(../img/menu_gauche/item17.gif) no-repeat top left; } #menu_gauche #item17.active a:link{ background: url(../img/menu_gauche/item17.gif) no-repeat bottom left } #menu_gauche #item17.active a:visited{ background: url(../img/menu_gauche/item17.gif) no-repeat bottom left } #menu_gauche #item17 a:hover{background: url(../img/menu_gauche/item17.gif) no-repeat bottom left } #menu_gauche #item18 a{ display: block; width: 158px; height: 27px; background: url(../img/menu_gauche/item18.gif) no-repeat top left; } #menu_gauche #item18.active a:link{ background: url(../img/menu_gauche/item18.gif) no-repeat bottom left } #menu_gauche #item18.active a:visited{ background: url(../img/menu_gauche/item18.gif) no-repeat bottom left } #menu_gauche #item18 a:hover{background: url(../img/menu_gauche/item18.gif) no-repeat bottom left } #menu_gauche #item19 a{ display: block; width: 158px; height: 27px; background: url(../img/menu_gauche/item19.gif) no-repeat top left; } #menu_gauche #item19.active a:link{ background: url(../img/menu_gauche/item19.gif) no-repeat bottom left } #menu_gauche #item19.active a:visited{ background: url(../img/menu_gauche/item19.gif) no-repeat bottom left } #menu_gauche #item19 a:hover{background: url(../img/menu_gauche/item19.gif) no-repeat bottom left } #menu_gauche #item21 a{ display: block; width: 158px; height: 27px; background: url(../img/menu_gauche/item20.gif) no-repeat top left; } #menu_gauche #item21.active a:link{ background: url(../img/menu_gauche/item20.gif) no-repeat bottom left } #menu_gauche #item21.active a:visited{ background: url(../img/menu_gauche/item20.gif) no-repeat bottom left } #menu_gauche #item21 a:hover{background: url(../img/menu_gauche/item20.gif) no-repeat bottom left } /* showroom */ #img_show{ border-top:1px solid #302e2e; border-bottom:1px solid #9f9f9f;; text-align: center; padding:20px 0 0 0} #loc_showroom{ position:relative; width:722px; height:312px; background: url(../img/showroom/bg_showroom.gif) no-repeat top left; margin:30px 0 20px 0} #loc_showroom address{ position: absolute; top:104px; left: 60px; } #loc_showroom address p{ margin:0; padding:0; font-family: Georgia; font-size: 16px; text-align: center; font-weight:bold; margin-bottom:20px; color:#2c2c2c} #loc_showroom iframe{ position: absolute; top:8px; right: 18px; } #page #ft{font-size: 19px; font-family:georgia; } /* financement */ #relative{ position:relative; } #commune2{position:absolute;z-index:0; top:0;left:0} #fin_offre{ position:relative; z-index:100; width:697px; padding-left:20px; margin-bottom:20px} #relative .fin_left{ float:left;width:280px; padding-left:40px; padding-right:20px} #relative .fin_left.second{ border-left:1px solid #ccc; padding-right:0px} #relative h2{ font-family:georgia; font-size:30px; text-align: center; color:#333333; margin:0px 0 20px 0; padding-top:15px} #relative h3{ font-size:13px; margin-bottom:5px} #relative h4{ margin:10px 0 5px 0;} #relative #ft{font-size: 19px; font-family:georgia; clear:left } #relative #ft2{font-size:17px; color:#b4ff00; text-align:center } html>/**/body #relative #ft{ padding-top:20px } /* location */ table {text-align:center;margin: 12px 0px 30px 0px;} td {color:#222121;background:#afafaf; padding:10px;text-align:left;} th {color:#fff;background:#6a6a6a url(../img/fond_th.gif) repeat-x top;font-weight:bold;padding:10px;} table span {font-size:19px} #content #locimg{ margin-left:50px; } /* press */ #left_press h2, #right_press h2{font-family:georgia; font-size:30px; text-align: center; color:#474646; padding-bottom: 40px;} #left_press h2 span, #right_press h2 span{ font-size:23px } #content #left_press{float:left; width:395px; border-right: 1px solid #ccc; } #right_press{float:left;width:293px; padding-left:27px} #left_press .article_presse{ position:relative; border-bottom:1px solid #726969; padding-bottom: 20px; margin:20px 20px 0 0; } #left_press .article_presse p{ margin:5px 0 0 0; } #left_press .article_presse p.date{ position:absolute; top:0px; left:305px;font-family:georgia; font-size:13px; color:#837d7d; margin:0;padding:0; font-weight:bold } #left_press .article_presse p a:hover{ text-decoration:none; color:#fff } #right_press .vid{ margin-bottom:25px } /* evenement */ #evenement .article_presse{ position:relative;border-bottom:1px solid #726969; padding-bottom: 40px; margin:20px 0px 0 0; } #evenement .article_presse .text{ position:absolute; top:13px; left:210px; } #evenement .article_presse h2{ margin:0 0 10px 0; font-size:14px;} #evenement .article_presse p{ margin:0; font-size:11px; width:520px} #evenement .article_presse p.date{ text-align:right; font-family:georgia; font-size:13px; color:#837d7d; margin:0;padding:0; font-weight:bold; width:725px; } #evenement .article_presse h2 a:hover{ text-decoration:none; color:#fff } /* bornes */ #borne{padding-right: 35px; } #left_bornes, #right_bornes{ float: right; margin-top:30px; position:relative; width:323px} #right_bornes{ padding-left: 20px; } #borne .bt{ width:350px } #left_bornes .bt, #right_bornes .bt{ position: absolute; top:275px; left:0px} #right_bornes .bt{ left:20px} h2#title{ clear:right; color:#e7e7e7; margin:0px;padding:15px 0 0 0; font-family:Georgia;text-align:left;font-size:22px;font-weight:normal;font-variant: small-caps;border-bottom:1px solid #9f9f9f;} html>/**/body h2#title{ padding:30px 0 0 0; } #relative #fll{ margin:20px 0 0 0px; padding-top:10px; text-align:center } /* vx1 */ #tb{ position: absolute; top:15px; right:15px; width:240px; text-align:right} #fin_offre .scvx{ margin-top:35px } #scoot_bt{ margin-right:3px; margin-bottom:10px} #scoot_bt li{ float:right } #scoot_bt #comm a{ display: block; width: 113px; height: 33px; background: url(../img/vx1/tb/btn_commander.gif) no-repeat top left; } #scoot_bt #comm.active a:link{ background: url(../img/vx1/tb/btn_commander.gif) no-repeat bottom left } #scoot_bt #comm.active a:visited{ background: url(../img/vx1/tb/btn_commander.gif) no-repeat bottom left } #scoot_bt #comm a:hover{background: url(../img/vx1/tb/btn_commander.gif) no-repeat bottom left } #scoot_bt #lou a{ display: block; width: 116px; height: 33px; background: url(../img/vx1/tb/btn_louer.gif) no-repeat top left; } #scoot_bt #lou.active a:link{ background: url(../img/vx1/tb/btn_louer.gif) no-repeat bottom left } #scoot_bt #lou.active a:visited{ background: url(../img/vx1/tb/btn_louer.gif) no-repeat bottom left } #scoot_bt #lou a:hover{background: url(../img/vx1/tb/btn_louer.gif) no-repeat bottom left } #page #cara_scoot{position:relative; clear:right; } *+html #page #cara_scoot{margin-top:-10px} * html #page #cara_scoot{margin-top:-10px} #page #scoot_color{ position: absolute; top:20px; left:25px; width:210px;} html>/**/body #page #scoot_color{ top:10px;} #color li{ float:left; padding-right:5px} #page .off {display: none;} #left_vx, #right_vx{ float:right; width :330px; padding: 0; text-align:center } #right_vx{ width :360px; } #left_vx h3, #right_vx h3{ font-family:georgia; font-size:22px; text-align: center; color:#cccaca; padding-bottom: 30px; } #inside{ border-right: 1px solid #fff; } #left_vx p{text-align:left; padding-right:20px } #right_vx p{ text-align:left; padding-left:20px} #left_carac, #right_carac, #right2_carac{ float:left; margin-top:20px} #left_carac{ width: 160px; padding:0 20px; text-align: center; border-right: 1px solid #fff;margin-bottom:30px } #left_carac img{ margin-bottom: 10px; } #right_carac{ width:245px; padding-left: 25px } #right2_carac{ width:230px;padding-left: 25px } #right_carac h3, #right2_carac h3{ font-family:"Times New Roman", Times, serif; font-size:16px; color:#ae946c; } #right_carac ul li, #right2_carac ul li{ list-style: square outside } #right_carac .h3next, #right2_carac .h3next{ margin-top:20px } legend {text-transform:uppercase;font-family:Georgia;Font-size:18px;color:#4F4A4A;} fieldset p {margin:0px!important;padding-top:6px!important;} fieldset {margin-bottom:23px;} input {border: 1px solid #2f2f2f;background:#fff;color:#2F2F2F;padding:2px;font-family:arial; width:200px;margin-top:5px;} .check {width:20px!important;background:#1E1C1C; margin-right:6px;border:none;} label {font-family:Arial;font-size:14px; margin-bottom:10px;} select {margin-top:5px;} #bloc_contact { margin-left:50px; border: solid 1px #000; width:560px; padding:30px; background:#1F1D1D; background: #1E1C1C url(../img/contact_bg.gif) no-repeat right; } #valid {cursor:pointer;width:116px; height:38px;border:none;} #errors {background:#3F0808; border: 1px solid #1F0404; padding:6px; margin-bottom:15px;text-align:center;} .btn_contact {background:transparent url(../img/contact_valid.gif) repeat scroll 0 0; height:38px; width:116px;} .btn_contact:hover { background:transparent url(../img/contact_valid_on.gif) repeat scroll 0 0; height:38px; width:116px; } #bloc_newsletter { margin-left:50px; border: solid 1px #000; width:560px; padding:30px; background: #1E1C1C; background: #1E1C1C url(../img/newsletter_bg.jpg) no-repeat right bottom; } #btnaccueil { margin-left:600px; margin-top:10px; position:absolute; } #btncontact a{ display: block; width: 340px; height: 24px; background: url(../img/btn_contact.gif) no-repeat top left; } #btncontact.active a:link{ background: url(../img/btn_contact.gif) no-repeat bottom left } #btncontact.active a:visited{ background: url(../img/btn_contact.gif) no-repeat bottom left } #btncontact a:hover{background: url(../img/btn_contact.gif) no-repeat bottom left } #btntest a{ display: block; width: 340px; height: 31px; background: url(../img/btn_test.gif) no-repeat top left; } #btntest.active a:link{ background: url(../img/btn_test.gif) no-repeat bottom left } #btntest.active a:visited{ background: url(../img/btn_test.gif) no-repeat bottom left } #btntest a:hover{background: url(../img/btn_test.gif) no-repeat bottom left } #btnconcess a{ display: block; width: 340px; height: 30px; background: url(../img/btn_concess.gif) no-repeat top left; } #btnconcess.active a:link{ background: url(../img/btn_concess.gif) no-repeat bottom left } #btnconcess.active a:visited{ background: url(../img/btn_concess.gif) no-repeat bottom left } #btnconcess a:hover{background: url(../img/btn_concess.gif) no-repeat bottom left }