/**** FEUILLE DE STYLE VOLVO-RENNES.COM ************************************************************************************/ /*****************************************************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family:Verdana, Helvetica, sans-serif; } body { margin:0; padding:0; font-size:11px; color:#333; text-align:center; background-color:#e9e6e1; } td { font-size:11px; color:#333; } input, select, textarea { font-size:11px; color:#333; vertical-align:middle; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } img { border:0; } p { margin:10px 0; text-align:justify; } form { margin:0; padding:0; } /* couleurs */ .bleu { color:#46a; } .bleu2 { color:#505a64; } .orange { color:#ff6e00; } .mauve { color:#6e82a5; } .color { color:#ff6e00; } /* liens */ a { color:#000; text-decoration:none; } a:hover { color:#444; text-decoration:underline; } /* Alignements */ .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .left { float:left; margin-bottom:10px; } .right { float:right; } .clear { clear:both; height:1px; font-size:1px; } .toppage { text-align:right; } .toppage a { font-size:10px; color:#ff6e00; } /**** STRUCTURE ************************************************************************************/ #all { position:relative; margin:auto; width:900px; text-align:left; } /**** HEADER ************************************************************************************/ #header { height:80px; position:relative; } #name { position:absolute; top:10px; right:110px; } #name h1 { font:normal 24px "Trebuchet MS" Verdana; color:#505050; text-align:right; } #name h1 span { font:normal 14px "Trebuchet MS" Verdana; display:block; } #logo { position:absolute; top:0; right:0; } #menutop { position:absolute; top:5px; left:5px; } #menutop ul, #menutop ul li { margin:0; padding:0; list-style-type:none; } #menutop ul li { margin:0; padding:0 5px 0 5px; display:inline; background:url(../img/pipe.gif) repeat-y right top; } #menutop ul li a { margin:0; padding:0; color:#505050; font-size:10px; } #navBar { position:absolute; bottom:2px; left:0; } #navBar ul, #navBar ul li { margin:0; padding:0; list-style-type:none; } #navBar ul li { margin:0; padding:0; display:inline; } #navBar ul li a { padding:2px 10px; color:#505050; font:normal 14px arial; text-transform:uppercase; } #navBar ul li a:hover, #navBar ul li a.actif { color:#fff; background-color:#505050; text-decoration:none; } #badge { width:135px; height:136px; background:url(../img/badge.png) no-repeat 0 0 !important; background:url(../img/badge.gif) no-repeat 0 0; cursor:hand; position:absolute; top:130px; right:-40px; z-index:100; border:none; } #badge-offre { width:135px; height:136px; background:url(../img/badge_offre.png) no-repeat 0 0 !important; background:url(../img/badge_offre.gif) no-repeat 0 0; cursor:hand; position:absolute; top:130px; right:-40px; z-index:100; border:none; } /**** BANDO ************************************************************************************/ #bando { position:relative; height:140px; } #bandoVisuel { position:absolute; top:0; right:0; z-index:0; } #bandoVisuel object { position:absolute; top:0; right:0; z-index:0; } #bandoNavi { background-color:#f5f5f5; height:140px; } #bandoNavi ul { margin:0; padding:15px 0 0 0; } #bandoNavi ul li { margin:0; padding:0 0 0 15px; list-style-type:none; } #bandoNavi ul li:hover { background-color:#e9e6e1; } #bandoNavi ul li a, #bandoNavi ul li a strong { padding:0; color:#826e55; font-size:12px; font-family:arial, Helvetica; text-transform:uppercase; } #bandoNavi ul li a:hover, #bandoNavi ul li.actif { color:#826e55; background-color:#e9e6e1; text-decoration:none; } #bando #anim_valeurs { z-index:0; } #bandoNavi ul li.lienLaval { margin-bottom:10px; } #bandoNavi ul li.lienLaval a { font:normal 20px "Trebuchet MS" Verdana; color:#826e55; line-height:20px; } #bandoNavi ul li.lienLaval span { font:normal 20px "Trebuchet MS" Verdana; color:#ff6e00; } /**** SOUS MENU ************************************************************************************/ #submenu { background:url(../img/bg_menu.jpg) repeat-x 0 0; height:30px; position:relative; } #submenu ul { margin:0; padding:0; list-style-type:none; position:absolute; top:5px; left:10px; } #submenu ul li { display:inline; list-style-type:none; } #submenu ul li a { padding:0 30px 0 10px; color:#fff; font:normal 14px "Trebuchet MS" Verdana; background:url(../img/li_menu.gif) no-repeat 0 5px; } #submenu ul li a:hover, #submenu ul li a.actif { color:#46505a; background:url(../img/li_menu_hover.gif) no-repeat 0 5px; text-decoration:none; } /**** CONTENT ************************************************************************************/ #content { padding:30px 20px; height:auto !important; height:275px; min-height:275px; background:#fff url(../img/bg_content.jpg) repeat-x 0 bottom; border-right:1px solid #cecbc7; border-left:1px solid #cecbc7; border-bottom:1px solid #a3a19d; position:relative; } #contentWhite { padding:30px 20px; height:auto !important; height:275px; min-height:275px; background-color:#fff; border-right:1px solid #cecbc7; border-left:1px solid #cecbc7; border-bottom:1px solid #a3a19d; position:relative; } h2 { font:bold 20px "Trebuchet MS" Verdana; color:#46a; text-transform:uppercase; line-height:20px; } h2 span { font:bold 20px "Trebuchet MS" Verdana; color:#ff6e00; text-transform:uppercase; } h2 strong { font:bold 20px "Trebuchet MS" Verdana; color:#ff6e00; } h3 a, h3 { font:normal 14px "Trebuchet MS" Verdana; color:#505050; } h3 strong { display:block; text-transform:uppercase; font:bold 14px "Trebuchet MS" Verdana; } h5 a { font:bold 20px "Trebuchet MS" Verdana; color:#ff7800; text-transform:uppercase; line-height:20px; background:url(../img/fleches_g.gif) no-repeat 0 50%; padding-left:25px; text-decoration:none; } h5 a:hover { text-decoration:none; } #content img { border:2px solid #d7d2cd; } img.noborder { border:none; } /* listes */ #content ul, #content ul li { margin:0; padding:0; } #content ul li { margin:0 0 0 50px; padding:0 5px 2px 5px; } #content ul li a { margin:0; padding:0; } #content ul.li_ico li { list-style-type:none; margin:0 0 2px 30px; } #content ul.li_ico li a { padding-left:20px; } #content ul li a.li_mail { background:url(../img/li_mail.gif) no-repeat 0 50%; color:#46a; } #content ul li a.li_back { background:url(../img/li_back.gif) no-repeat 0 50%; color:#ff6e00; } #content ul li a.li_galerie { background:url(../img/li_galerie.gif) no-repeat 1px 50%; text-decoration:underline; } #content ul li a.li_extra { background:url(../img/li_extra.gif) no-repeat 3px 50%; } #content #optionsL { text-align:left; margin:10px 0 0 0; } #content #optionsL ul li { margin:0 10px 0 0; } #content .options { text-align:right; margin:10px 0 0 0; } #content .options ul li { display:inline; list-style-type:none; margin:0 0 0 10px; text-align:right; } #content .options ul li a { font-size:10px; padding:2px 18px 2px 0; } #content .options ul li a:hover { color:#46a; text-decoration:none; } #content .options ul li a.li_print { background:url(../img/li_print.gif) no-repeat 100% 50%; } /**** FOOTER ************************************************************************************/ #footer { position:relative; margin:auto; width:900px; text-align:right; margin-top:5px; } #footer ul, #footer ul li { margin:0; padding:0; list-style-type:none; } #footer ul li { margin:0; padding:0 10px 0 5px; display:inline; background:url(../img/pipe.gif) repeat-y right top; } #footer ul li a { margin:0; padding:0; color:#505050; font-size:10px; } #footer #CoordPrint { display:none; } /**** ACCUEIL ************************************************************************************/ #homeLeft { float:left; width:550px; } .introHome { float:left; width:260px; margin:0 0 0 20px; } .lienOccasion { position:relative; } #content .lienOccasion img { border:none; margin-bottom:38px; } .lienOccasion h4 a { font:normal 18px "Trebuchet MS" Verdana; color:#6e82a5; text-transform:uppercase; position:absolute; top:60px; left:0; text-decoration:none; } .lienOccasion h4 a:hover { text-decoration:none; color:#6e82a5; } .lienOccasion h4 span { font:normal 24px "Trebuchet MS" Verdana; color:#505a64; } .lienOccasion h4 strong { font:normal 48px "Trebuchet MS" Verdana; color:#ff6e00; } #homeRight { float:left; width:290px; border-left:1px solid #bcbcbc; text-align:right; } /**** CONCESSION ************************************************************************************/ /* trois colonne */ .colUn, .colDe, .colTr { float:left; } .colUn { width:200px; } .colDe, .colTr { width:325px; } .colDe * { margin-right:20px; margin-left:0; } .colTr * { margin-right:0; margin-left:20px; } .colDe { border-right:1px solid #bcbcbc; } /* double colonne même taille */ .colUnDe { float:left; width:380px; margin-right:20px; } .barV { padding-left:20px; border-left:1px solid #bcbcbc; } /* Colonne photo */ .colPhoto { float:left; margin-right:20px; padding-right:20px; border-right:1px solid #bcbcbc; } .colPhoto img { display:block; margin-bottom:10px; } .lienFilm { width:200px; float:left; } .lienFilm img { border:none; margin:10px 0 0 0; } #content .valeurs { margin:15px 0 0 0; } #content .valeurs ul, .valeurs ul li { margin:0; padding:0; list-style-type:none; } #content .valeurs ul li { margin:0; padding:0; display:inline; } #content .valeurs ul li a img { border:none; } /*.valeurs ul li a { background-position:50% 0; background-repeat:no-repeat; height:150px; width:120px; display:block; float:left; } .valeurs ul li a.ico_securite { background-image:url(../img/valeurs/ico_securite.gif); } .valeurs ul li a.ico_environnement { background-image:url(../img/valeurs/ico_environnement.gif); } .valeurs ul li a.ico_qualite { background-image:url(../img/valeurs/ico_qualite.gif); } .valeurs ul li a.ico_design { background-image:url(../img/valeurs/ico_design.gif); } .valeurs ul li a.ico_plaisir { background-image:url(../img/valeurs/ico_plaisir.gif); } .valeurs ul li a:hover { background-position:50% -150px; }*/ /**** GAMME VOLVO ************************************************************************************/ #ficheProduit img { float:right; margin:0 0 0 100px; } #ficheProduit p { margin:30px 0; } #ficheProduit ul.outils { margin:0; padding:0; } #ficheProduit ul.outils li { margin:0; padding:0 5px 0 5px; list-style-type:none; display:inline; } #ficheProduit ul.outils a { margin:0; padding:5px 10px 60px 10px; color:#4a4a4a; font:normal 16px "Trebuchet MS" Verdana; background:url(../img/bg_bouton.gif) no-repeat 0 0; } #ficheProduit ul.outils a:hover { color:#ff6e00; text-decoration:none; } .bt_tarifs { margin:10px 0 0 0; clear:right; float:right; } .bt_tarifs a img { border:none; } /**** EQUIPE ************************************************************************************/ #photoEquipe { position:relative; width:860px; height:370px; margin:30px auto; } #photoEquipe img { border:none; } .bulle { width:90px; text-align:center; font:normal 9px Verdana; color:#969696; position:absolute; top:310px; z-index:10; } .bulle strong { display:block; font:bold 12px "Trebuchet MS" Verdana; color:#46a; text-transform:uppercase; } #lebastard { left:20px; } #chochois { left:120px; } #perrin { left:218px; } #hdefrance { left:320px; } #ldefrance { left:425px; } #valerie { left:530px; } #leray { left:630px; } #tanviray { left:730px; } /**** SAP ************************************************************************************/ .eco { background:url(../img/eco.jpg) no-repeat 0 0; font-weight:bold; text-align:right; color:#afc80f; padding:2px 10px; } .eco strong { color:#fff; font:bold 18px "Trebuchet MS" arial; margin:0; padding:0; } /**** CONTACT ************************************************************************************/ .chpsForm { text-align:right; font-size:9px; color:#777; margin-bottom:3px; } .tab_contact td { vertical-align:top; } .input_contact { width:190px; } input[type=radio], input[type=checkbox] { vertical-align:bottom; } input[type=text], select, textarea { border:1px solid #8796aa; } input[type=text]:focus, select:focus, textarea:focus { border:1px solid #ff6e00; } a.lienMap { background-color:#8291a5; color:#fff; padding:2px 20px; font-weight:bold; } a:hover.lienMap { background-color:#6e788c; text-decoration:none; } #mentions { font-size:9px; color:#777; text-align:justify; } #mentions a { font-size:9px; color:#777; } /**** CULTURE & LOISIRS ************************************************************************************/ .colUnDe #ul_menu_event { margin:0; padding:0; width:180px; } .colUnDe #ul_menu_event li { margin:5px 0; padding:0; list-style:none; list-style-image:none; } .colUnDe #ul_menu_event li a { text-decoration:none; padding:2px 20px 2px 10px; } .colUnDe #ul_menu_event li a:hover, .colUnDe #ul_menu_event li a.actif { text-decoration:none; color:#fff; background-color:#46a; } #actualites { float:right; width:180px; margin:0; padding:0; position:relative; } .content_actu { width:180px; } .content_actu img { position:absolute; top:0; left:0; } .bg_loisirs { z-index:0; width:539px; height:229px; background:url(../img/bg_loisirs.gif) no-repeat right bottom; position:absolute; bottom:0; right:0; } /**** ESPACE VO ************************************************************************************/ /* MEILLEURE OFFRE */ #content #tab_offre th.name img { margin:-20px 0 0 5px; } #tab_offre th { color:#fff; background:#ff7800 url(../img/bg_th_orange.gif) repeat-x 0 100%; } #tab_offre td strong { color:#ff7800; } #tab_offre td { border-bottom:1px solid #ff7800; } #tab_offre td a:hover { color:#ff7800; } /* OFFRE */ .tab_vo { width:100%; margin:0 0 15px 0; position:relative; } #content .tab_vo th.name img { position:absolute; float:left; margin:-5px 0 0 5px; border:none; } .tab_vo th { color:#46505a; font-size:14px; font-weight:normal; font-style:italic; background:#8696a8 url(../img/bg_th_vo.gif) repeat-x 0 100%; text-align:center; } .tab_vo .name { font-weight:normal; font-style:normal; text-align:left; } .tab_vo th.name div { color:#fff; font-size:14px; background:url(../img/li_menu.gif) no-repeat 0 50%; padding-left:10px; margin-left:80px; } .tab_vo td { text-align:center; border-bottom:1px solid #333; } .tab_vo td a:hover { color:#46a; text-decoration:none; } #content .tab_vo td img { border:none; vertical-align:bottom; } .tab_vo tr.ligne1 td, .tabDetail tr.ligne1 td { background-color:#fff; } .tab_vo tr.ligne2 td, .tabDetail tr.ligne2 td { background-color:#ebebf5; } td.tabSpace { height:10px; background-color:#fff; border:none; } td.tabLogo { background-color:#fff; border:none; text-align:left; } td.tabLogo img { margin-bottom:5px; } #content .marque { font:normal 24px "Trebuchet MS" arial; color:#46505a; text-transform:uppercase; } #content .marque span { font:normal 16px "Trebuchet MS" arial; color:#999; text-transform:none; } #content .marque img { border:none; } /* détail */ .colDetail { float:left; width:340px; margin:0 20px 0 0; } .colDetailRight { float:right; width:390px; margin:0; } .tabDetail { width:100%; } .tabDetail th { color:#fff; font:normal 14px "Trebuchet MS" arial; text-transform:uppercase; background:#8696a8 url(../img/bg_th_vo.gif) repeat-x 0 100%; text-align:left; } .tabDetail th.thContact { background:#46a url(../img/bg_th_contact.gif) repeat-x 0 100%; } .tabDetail th.thPrix { background:#46a url(../img/bg_th_contact.gif) repeat-x 0 100%; text-align:right; padding:10px; font-weight:bold; font-size:16px; } .tabDetail tr.tdPrix td { font-weight:bold; } .tabDetail tr.tdPrix td span { text-decoration:line-through; } .tabDetail tr.tdPrix td strong { color:#ff6e00; } .tabDetail tr.tdRemise td { color:#ff6e00; font-style:italic; } .tabDetail td { text-align:left; border-bottom:1px solid #333; width:50%; } .tabDetail td.tdContact * { padding:0 10px; } .tabDetail td.tdContact a { color:#46a; font-weight:normal; font-size:14px; } .tabDetail td.tdContact a:hover { background-color:#ff6e00; color:#fff; } .tabDetail td.tdOffre { background:#ff7800 url(../img/bg_th_orange.gif) repeat-x 0 100%; text-align:right; padding:10px; text-transform:uppercase; font:bold 20px "Trebuchet MS" arial; color:#fff; } .tabDetail td.tdOffre strong { font:bold 30px "Trebuchet MS" arial; color:#fff; } .tabDetail td.tdOffre small { font-size:10px; display:block; font-style:italic; font-weight:normal; text-transform:none; color:#fff; } .tabDetail .last td { border-bottom:none; } .tabDetail td a:hover { color:#46a; text-decoration:none; } #content .tabDetail td img { border:none; vertical-align:bottom; } /* photos */ .colImg { float:left; position:relative; width:100px; text-align:center; } .colImg a img { width:100px; display:block; margin:0 0 10px 0; } #datedispo { position:absolute; top:70px; text-align:center; width:100px; } #datedispo { color:#644b2d; font:normal 30px "Trebuchet MS" arial; line-height:25px; } #datedispo span { color:#87735a; font:normal 20px "Trebuchet MS" arial; display:block; } .apercuImg, .naviImg { float:left; width:450px; text-align:left; } .apercuImg img { width:450px; margin:0 0 10px 0; } .naviImg a img { width:100px; margin:0 10px 0 0; } /* Tarifs */ .tab_tarifs { border:none; background-color:#ebebf5; width:100%; } tr.intitule td { background-color:#fff; font-weight:bold; border-bottom:none; vertical-align:bottom; } .tab_tarifs th { color:#fff; font-weight:normal; font-size:11px; background:#8696a8 url(../img/bg_th_vo.gif) repeat-x 0 100%; text-align:center; } .tab_tarifs td { border-bottom:1px solid #333; } /**** RENDEZ-VOUS ************************************************************************************/ .rdv { position:relative; margin:0 0 10px 0; background-color:#E9E6E1; border:1px dotted #cecbc7; padding:15px; } #rdv1 { background:#E9E6E1 url(../img/bg_mail.gif) no-repeat 100% 100%; } #rdv2 { background:#E9E6E1 url(../img/bg_vehicule.gif) no-repeat 100% 100%; } #rdv3 { background:#E9E6E1 url(../img/bg_outils.gif) no-repeat 100% 100%; } .rdv div.legend { position:absolute; top:10px; right:10px !important; right:30px; text-align:right; font:normal 24px "Trebuchet MS" arial; text-transform:uppercase; color:#a0968c; } .rdv .tab_contact label { float:right; padding-right:10px; } acronym { border:1px solid #cecbc7; color:#999; font-size:10px; background-color:#FFF; cursor:help; padding:0 3px; } acronym:hover { border:1px solid #ff6e00; color:#ff6e00; background-color:#FFF; } .rdv span.detail { border:0; margin:2px 0; padding:1px 5px; background-color:#ff6e00; font-size:9px; color:#fff; } .rdv small { font-size:9px; font-style:italic; color:#999; } td.vtop * { vertical-align:top; } #form_calendrier { position:absolute; top:18px; right:218px; z-index:500; } #form_calendrier * { text-align:center; font:normal 10px "Trebuchet MS" arial; } #form_calendrier table { background-color:#E9E6E1; border:1px dotted #cecbc7; } #form_calendrier table th { background-color:#7d8c9b; color:#fff; font-weight:bold; padding:3px 5px; } #form_calendrier table td { background-color:#E9E6E1; color:#333; padding:3px 5px; text-align:center; } #form_calendrier table td a:hover { color:#ff6e00; text-decoration:none; } #form_calendrier table table td * { font-size:12px; color:#787369; } #form_calendrier table table td.tdmonth:hover{ background-color:#E9E6E1; } #form_calendrier table th.nowork { background-color:#647382; } #form_calendrier table td.nowork { background-color:#d7d6d5; color:#898989; } #form_calendrier table td.nowork:hover { background-color:#d7d6d5; color:#898989; } #form_calendrier table td.other-month { background-color:#e9e6e1; color:#aaa; } #form_calendrier table td.today { background-color:#666; color:#fff; } #form_calendrier table td.selected { background-color:#ff6e00; color:#fff; } #form_calendrier table td.selected:hover { background-color:#f00; color:#fff; } #form_calendrier table td:hover, #form_calendrier table td.dp-hover { background-color:#fff; color:#000; } #form_calendrier table td.disabled, #form_calendrier table td.disabled:hover { background-color:#d7d6d5; color:#888; } /**** OFFRIR ************************************************************************************/ #tab_offrir th, #tab_offrir td { color:#ff6e00; } #tab_offrir td { font:bold 24px "Trebuchet MS" arial; } #tab_offrir td input[type=text] { font-size:18px; margin-bottom:10px; } /**** ALERTE EMAIL ************************************************************************************/ .alertMail { float:right; text-align:right; margin-top:10px; padding:5px 0 5px 35px; background:url(../img/alerte.gif) no-repeat 0 50%; } .alertMail a { font:normal 10px "Trebuchet MS" arial; text-transform:uppercase; color:#5a1900; } .alertMail a:hover { text-decoration:none; } .alertMail strong { font:bold 18px "Trebuchet MS" arial; text-transform:uppercase; color:#ff7800; display:block; } /**** CALCULETTE ************************************************************************************/ #calculette { text-align:left; } .help { font:normal 11px arial; color:#fff; background-color:#ff6e00; text-align:right; padding:2px 5px; margin-top:10px; } table.calcul, table.result_calcul { width:100%; border:1px solid #eee; background:url(../img/bg_content.jpg) repeat-x 0 100%; padding-bottom:10px; margin-bottom:15px; } table.calcul td, table.result_calcul td { font:normal 24px "Trebuchet MS" arial; color:#333; vertical-align:middle; } table.calcul td label { font:normal 24px "Trebuchet MS" arial; text-transform:uppercase; color:#46505a; float:right; margin-right:10px; } table.calcul td input[type=text], table.calcul td select { font:normal 24px "Trebuchet MS" arial; color:#333; text-align:right;} table.calcul td input[type=text] { padding:0 5px; width:100px; } table.calcul td select { padding:0 0 0 5px; width:112px; } table.calcul td input[type=text]:focus, table.calcul td select:focus { color:#ff6e00; border:1px solid #ff6e00; } table.calcul td small { font:normal 10px arial; color:#ff6e00; } table.result_calcul { border-collapse:collapse; } table.result_calcul th { background-color:#ff6e00; border:1px solid #fff; text-align:center; font:normal 16px "Trebuchet MS" arial; color:#fff; padding:2px 5px; } table.result_calcul td { text-align:center; border:1px solid #fff; font:normal 12px arial; }