/*************************************************************************************************** Auteur : Isabelle Custeau Date creation : Octobre 2009 Fichier : style_cgp.css Type : theme / Description : Contient toutes les style utilisés pour le site Deschamps ***************************************************************************************************/ /* CSS reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;} ul,ol {list-style:none;} fieldset,img,hr {border:none;outline:none;} caption,th {text-align:left;} table {border-collapse:collapse; border-spacing:0;} td {vertical-align:top;} a{outline:none;} /* Fin CSS reset */ body { font-family: Verdana, Helvetica, sans-serif; text-align: center; /* Aligne le contenu du site au centre de la fenêtre */ margin: 0px; color:#000000; font-size:11px; background:transparent url('../templates/images/fr/bg.jpg') repeat 0px 0px; } /********** Contrôle du contenue et de son positionnement global dans la page **********/ /*contour utilisé pour les boite principale*/ #div_main_content { position: relative; margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */ margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */ width: 1242px; } /*contenue des pages des différente section*/ #div_page_content{ float:left; text-align: left; width:1242px;; background-color:#ffffff; } /*------------------Menu------------------*/ #menu_accueil_fr,#menu_accueil_fr_select, #menu_neuf_fr,#menu_neuf_fr_select, #menu_occasion_fr,#menu_occasion_fr_select, #menu_commercial_fr,#menu_commercial_fr_select, #menu_promotion_fr,#menu_promotion_fr_select, #menu_visitevirtuelle_fr,#menu_visitevirtuelle_fr_select, #menu_avantage_fr,#menu_avantage_fr_select, #menu_enligne_fr,#menu_enligne_fr_select, #menu_contact_fr,#menu_contact_fr_select, #menu_service_fr,#menu_service_fr_select, #menu_piece_fr,#menu_piece_fr_select, #menu_rendezvous_fr,#menu_rendezvous_fr_select, #menu_esthetique_fr,#menu_esthetique_fr_select, #menu_carrexpert_fr,#menu_carrexpert_fr_select, #menu_credit_fr,#menu_credit_fr_select, #menu_accessoire_fr,#menu_accessoire_fr_select, #menu_essai_fr,#menu_essai_fr_select, #menu_monter_fr,#menu_monter_fr_select,#menu_inventaire_fr,#menu_inventaire_fr_select, #menu_pieces_fr,#menu_pieces_fr_select { float:left; height:21px; width:205px; } #menu_accueil_fr {background:transparent url('../templates/images/fr/accueil.jpg') no-repeat 0px 0px;} #menu_accueil_fr_select{background:transparent url('../templates/images/fr/roll/accueil.jpg') no-repeat 0px 0px;} #menu_neuf_fr {background:transparent url('../templates/images/fr/neufs.jpg') no-repeat 0px 0px;} #menu_neuf_fr_select{background:transparent url('../templates/images/fr/roll/neufs.jpg') no-repeat 0px 0px;} #menu_occasion_fr {background:transparent url('../templates/images/fr/occasion.jpg') no-repeat 0px 0px;} #menu_occasion_fr_select{background:transparent url('../templates/images/fr/roll/occasion.jpg') no-repeat 0px 0px;} #menu_inventaire_fr {background:transparent url('../templates/images/fr/inventaire_neuf.jpg') no-repeat 0px 0px;} #menu_inventaire_fr_select{background:transparent url('../templates/images/fr/roll/inventaire_neuf.jpg') no-repeat 0px 0px;} #menu_pieces_fr {background:transparent url('../templates/images/fr/piece.jpg') no-repeat 0px 0px;} #menu_pieces_fr_select{background:transparent url('../templates/images/fr/roll/piece.jpg') no-repeat 0px 0px;} #menu_commercial_fr {background:transparent url('../templates/images/fr/commercial.jpg') no-repeat 0px 0px;} #menu_commercial_fr_select{background:transparent url('../templates/images/fr/roll/commercial.jpg') no-repeat 0px 0px;} #menu_promotion_fr {background:transparent url('../templates/images/fr/promotion.jpg') no-repeat 0px 0px;} #menu_promotion_fr_select{background:transparent url('../templates/images/fr/roll/promotion.jpg') no-repeat 0px 0px;} #menu_visitevirtuelle_fr {background:transparent url('../templates/images/fr/visitevirtuelle.jpg') no-repeat 0px 0px;} #menu_visitevirtuelle_fr_select{background:transparent url('../templates/images/fr/roll/visitevirtuelle.jpg') no-repeat 0px 0px;} #menu_avantage_fr {background:transparent url('../templates/images/fr/avantage.jpg') no-repeat 0px 0px;} #menu_avantage_fr_select{background:transparent url('../templates/images/fr/roll/avantage.jpg') no-repeat 0px 0px;} #menu_enligne_fr {background:transparent url('../templates/images/fr/enligne.jpg') no-repeat 0px 0px;} #menu_enligne_fr_select{background:transparent url('../templates/images/fr/roll/enligne.jpg') no-repeat 0px 0px;} #menu_contact_fr {background:transparent url('../templates/images/fr/contact.jpg') no-repeat 0px 0px;} #menu_contact_fr_select{background:transparent url('../templates/images/fr/roll/contact.jpg') no-repeat 0px 0px;} #menu_service_fr {background:transparent url('../templates/images/fr/services.jpg') no-repeat 0px 0px;} #menu_service_fr_select{background:transparent url('../templates/images/fr/roll/services.jpg') no-repeat 0px 0px;} #menu_piece_fr {background:transparent url('../templates/images/fr/pieces.jpg') no-repeat 0px 0px;} #menu_piece_fr_select{background:transparent url('../templates/images/fr/roll/pieces.jpg') no-repeat 0px 0px;} #menu_rendezvous_fr {background:transparent url('../templates/images/fr/rendezvous.jpg') no-repeat 0px 0px;} #menu_rendezvous_fr_select{background:transparent url('../templates/images/fr/roll/rendezvous.jpg') no-repeat 0px 0px;} #menu_esthetique_fr {background:transparent url('../templates/images/fr/esthetique.jpg') no-repeat 0px 0px;} #menu_esthetique_fr_select{background:transparent url('../templates/images/fr/roll/esthetique.jpg') no-repeat 0px 0px;} #menu_carrexpert_fr {background:transparent url('../templates/images/fr/carrexpert.jpg') no-repeat 0px 0px;} #menu_carrexpert_fr_select{background:transparent url('../templates/images/fr/roll/carrexpert.jpg') no-repeat 0px 0px;} #menu_credit_fr {background:transparent url('../templates/images/fr/credit.jpg') no-repeat 0px 0px;} #menu_credit_fr_select{background:transparent url('../templates/images/fr/roll/credit.jpg') no-repeat 0px 0px;} #menu_accessoire_fr {background:transparent url('../templates/images/fr/accessoires.jpg') no-repeat 0px 0px;} #menu_accessoire_fr_select{background:transparent url('../templates/images/fr/roll/accessoires.jpg') no-repeat 0px 0px;} #menu_essai_fr {background:transparent url('../templates/images/fr/essairoutier.jpg') no-repeat 0px 0px;} #menu_essai_fr_select{background:transparent url('../templates/images/fr/roll/essairoutier.jpg') no-repeat 0px 0px;} #menu_monter_fr {background:transparent url('../templates/images/fr/montervehicule.jpg') no-repeat 0px 0px;} #menu_monter_fr_select{background:transparent url('../templates/images/fr/roll/montervehicule.jpg') no-repeat 0px 0px;} #menu_accueil_fr a,#menu_neuf_fr a,#menu_occasion_fr a, #menu_commercial_fr a,#menu_promotion_fr a,#menu_enligne_fr a,#menu_avantage_fr a, #menu_contact_fr a,#menu_service_fr a,#menu_piece_fr a, #menu_rendezvous_fr a,#menu_esthetique_fr a,#menu_carrexpert_fr a, #menu_credit_fr a,#menu_accessoire_fr a,#menu_essai_fr a, #menu_monter_fr a,#menu_inventaire_fr a,#menu_visitevirtuelle_fr a, #menu_pieces_fr a { float:left; height:21px; width:205px; text-decoration:none; } #menu_credit_fr a:hover{background:transparent url('../templates/images/fr/roll/credit.jpg') no-repeat 0px 0px;} #menu_accessoire_fr a:hover{background:transparent url('../templates/images/fr/roll/accessoires.jpg') no-repeat 0px 0px;} #menu_essai_fr a:hover{background:transparent url('../templates/images/fr/roll/essairoutier.jpg') no-repeat 0px 0px;} #menu_monter_fr a:hover{background:transparent url('../templates/images/fr/roll/montervehicule.jpg') no-repeat 0px 0px;} #menu_accueil_fr a:hover{background:transparent url('../templates/images/fr/roll/accueil.jpg') no-repeat 0px 0px;} #menu_neuf_fr a:hover{background:transparent url('../templates/images/fr/roll/neufs.jpg') no-repeat 0px 0px;} #menu_occasion_fr a:hover{background:transparent url('../templates/images/fr/roll/occasion.jpg') no-repeat 0px 0px;} #menu_commercial_fr a:hover{background:transparent url('../templates/images/fr/roll/commercial.jpg') no-repeat 0px 0px;} #menu_promotion_fr a:hover{background:transparent url('../templates/images/fr/roll/promotion.jpg') no-repeat 0px 0px;} #menu_visitevirtuelle_fr a:hover{background:transparent url('../templates/images/fr/roll/visitevirtuelle.jpg') no-repeat 0px 0px;} #menu_avantage_fr a:hover{background:transparent url('../templates/images/fr/roll/avantage.jpg') no-repeat 0px 0px;} #menu_enligne_fr a:hover{background:transparent url('../templates/images/fr/roll/enligne.jpg') no-repeat 0px 0px;} #menu_contact_fr a:hover{background:transparent url('../templates/images/fr/roll/contact.jpg') no-repeat 0px 0px;} #menu_service_fr a:hover{background:transparent url('../templates/images/fr/roll/services.jpg') no-repeat 0px 0px;} #menu_piece_fr a:hover{background:transparent url('../templates/images/fr/roll/pieces.jpg') no-repeat 0px 0px;} #menu_rendezvous_fr a:hover{background:transparent url('../templates/images/fr/roll/rendezvous.jpg') no-repeat 0px 0px;} #menu_esthetique_fr a:hover{background:transparent url('../templates/images/fr/roll/esthetique.jpg') no-repeat 0px 0px;} #menu_carrexpert_fr a:hover{background:transparent url('../templates/images/fr/roll/carrexpert.jpg') no-repeat 0px 0px;} #menu_inventaire_fr a:hover{background:transparent url('../templates/images/fr/roll/inventaire_neuf.jpg') no-repeat 0px 0px;} #menu_pieces_fr a:hover{background:transparent url('../templates/images/fr/roll/piece.jpg') no-repeat 0px 0px;} .ligne_menu_grise{ float:left; line-height:0px; height:1px; background-color:#78828e; width:150px; margin:5px 0px 5px 28px; } #sous_nav { width:1004px; height:138px; } #sous_nav div { width:334px; height:138px; background-image: url('../templates/images/fr/onglet.jpg'); float:left; color:#f5ad0d; } #sous_nav a{ text-decoration: none; } #sous_nav div#enligne { background-position: 0px 0px; } #sous_nav div#articles { background-position: -334px 0px; } #sous_nav div#ouverture { background-position: -668px 0px; } #sous_nav div#ouverture table { color:#f5ad0d; } #sous_nav h2 { color:white; margin:10px 0 0 30px; padding:0; font-variant:small-caps; font-weight: bold; } #sous_nav h3 { color:#f5ad0d; font-weight:bold; font-size: 150%; margin:10px 0 0 30px; } #sous_nav p { margin:2px 0 0 30px; padding:0; } #sous_nav table { margin:5px 0 0 30px; padding:0; } a.ajouter { position:absolute; right:30px; width:32px; height:32px; } /*------------------fin Menu------------------*/ /*------------------LOGO concessionnaire------------------*/ #logo_chevrelet,#logo_pontiac,#logo_buick,#logo_cadillac,#logo_gmc{ float:left; width:107px; height:160px; } #logo_chevrelet{background:transparent url('../templates/images/fr/chev.jpg') no-repeat 0px 0px;} #logo_pontiac{background:transparent url('../templates/images/fr/pont.jpg') no-repeat 0px 0px;} #logo_buick{background:transparent url('../templates/images/fr/buick.jpg') no-repeat 0px 0px;} #logo_cadillac{background:transparent url('../templates/images/fr/cad.jpg') no-repeat 0px 0px;} #logo_gmc{background:transparent url('../templates/images/fr/gmc.jpg') no-repeat 0px 0px;} #logo_chevrelet a,#logo_pontiac a ,#logo_buick a ,#logo_cadillac a ,#logo_gmc a{ float:left; width:107px; height:160px; text-decoration:none; } #logo_chevrelet a:hover{background:transparent url('../templates/images/fr/roll/chev.jpg') no-repeat 0px 0px;} #logo_pontiac a:hover{background:transparent url('../templates/images/fr/roll/pont.jpg') no-repeat 0px 0px;} #logo_buick a:hover{background:transparent url('../templates/images/fr/roll/buick.jpg') no-repeat 0px 0px;} #logo_cadillac a:hover{background:transparent url('../templates/images/fr/roll/cad.jpg') no-repeat 0px 0px;} #logo_gmc a:hover{background:transparent url('../templates/images/fr/roll/gmc.jpg') no-repeat 0px 0px;} /*------------------Fin LOGO concessionnaire------------------*/ #banner_optimum,#banner_adessa{ float:left; margin-top:2px; width:1004px; height:100px; } #banner_optimum{background:transparent url('../templates/images/fr/baniere/banner_optimum.jpg') no-repeat 0px 0px;} #banner_adessa{background:transparent url('../templates/images/fr/baniere/banner_adessa.jpg') no-repeat 0px 0px;} #banner_optimum a,#banner_adessa a{ float:left; width:1004px; height:100px; text-decoration:none; } #banner_optimum a:hover{background:transparent url('../templates/images/fr/roll/banner_optimum.jpg') no-repeat 0px 0px;} #banner_adessa a:hover{background:transparent url('../templates/images/fr/roll/banner_adessa.jpg') no-repeat 0px 0px;} .carexpert li{ margin:10px; list-style:disc; } #footer{ margin:13px 0px 13px 0px; float:left; text-align:center; width:1242px; } #footer a{color:#000000;} #sep_footer{ float:left; height:13px; width:1242px; background-color:#a0a0a0; } /*------------------Menu------------------*/ /************************************************** STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE **************************************************/ #left_column{ float:left; display: block; width:205px; min-height:700px; margin-top:5px; } #right_column { float: left; display: block; width: 1029px; padding:0 0 140px 7px; text-align:justify; background-color:#ffffff; margin-top:10px; position:relative; min-height:712px; } #pub { position:absolute; bottom:0; } #promo input {background-color:#d1d2d3;border:0px;} #visite-virtuelle ul li{float:left;} #visite-virtuelle li{display:inline;margin-right:25px;border:1px solid #000000;padding:2px;} #visite-virtuelle a{ float:left; width:280px; height:137px; display:block; text-decoration:none; background:transparent url('../images/visite-virtuelle.jpg') no-repeat 0px 0px; } #cadilac-srx a{background-position: 0px -822px;} #cadilac-srx a:hover{background-position:-280px -822px;} #buick-enclave a{background-position: 0px -274px;} #buick-enclave a:hover{background-position: -280px -274px;} #cadillac-CTS a{background-position: 0px -411px;} #cadillac-CTS a:hover{background-position: -280px -411px;} #chevrolet-aveo a{background-position: 0px -548px;} #chevrolet-aveo a:hover{background-position: -280px -548px;} #chevrolet-cobalt a{background-position: 0px -685px;} #chevrolet-cobalt a:hover{background-position: -280px -685px;} #chevrolet-cruze a{background-position: 0px -959px;} #chevrolet-cruze a:hover{background-position: -280px -959px;} #chevrolet-equinox a{background-position: 0px -1096px;} #chevrolet-equinox a:hover{background-position: -280px -1096px;} #chevrolet-malibu a{background-position: 0px 0px;} #chevrolet-malibu a:hover{background-position: -280px 0px;} #chevrolet-traverse a{background-position: 0px -137px;} #chevrolet-traverse a:hover{background-position: -280px -137px;} #ul_reseaux{float:left;margin:15px;} #ul_reseaux li {list-style: square;} /*fin du Ul pour le plan du site*/ .fr {float: right;} .fl {float: left;} .clear {clear: both;} .block {display: block;} .dnone {display: none;} .case_upper{text-transform:uppercase;} .crouge{color:red;} /* Alignement horizontal */ .center {text-align: center;} .justify {text-align: justify;} .left {text-align: left;} .right {text-align: right;} .bold {font-weight: bold;} .hide{visibility:hidden;} .w945px{float:left;width:1002px;} .paragraphe {margin:10px 0px 10px 0px;} a{color:#000000;font-weight:bold;} a:hover{color:#748090;font-weight:bold;} h1 {font-size:14px; padding:10px 0px 10px 0px;} h2 {font-size:16px;padding:20px 0px 5px 0px;color:#515151;} h3 {font-size:12px;padding:10px 0px 5px 0px;color:#515151;} h4 {font-size:14px; padding:10px 0px 0px 0px;color:#75818f;} h5 {font-size:14px;padding:10px 0px 5px 0px;color:#515151;} .mgl205{margin-left:212px;} .width1000{width:1025px;} #div_main_content:after, #div_page_content:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .sep{width:1004px;height:1px;background-color:#515151;margin:10px 0px 10px 0px;float:left;} .sep_enligne{width:890px;height:1px;background-color:#e6e6e6;margin:10px 0px 10px 0px;float:left;line-height:1px;} pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;} pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;} .top_fitlist{ border-top:solid 1px #a8a7a7; border-bottom:solid 1px #a8a7a7; color:#000000; background-color:#c9c9c9; } .between_fitlist{ border-top:solid 1px #5a6a7a; border-bottom:solid 1px #5a6a7a; } table{ font-family: Tahoma,Arial,Helvetica, sans-serif; font-size:11px; width:100%; } /*---------------------------------------------------------------------------------------------------------------------------------------*/ a.player { display:block; width:500px; height:340px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; background:#000 url(/img/global/gradient/h500.png) repeat-x 0 0; background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9)); -moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5); } a.player:hover { background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898)); } /* splash image */ a.player img { margin-top:125px; border:0; } #player { float:left; height:325px; width:425px; } /* playlist style */ #playlist { width:312px; height:320px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc; padding:4px 10px 12px 10px; background-color:#efefef; float:left; } /* playlist entry */ #playlist a { display:block; width:280px; height:90px; padding:7px; background-color:#fff; border:1px solid #ccc; font-family: Verdana, Helvetica, sans-serif; font-size:10px; text-decoration:none; margin-top:7px; text-align:left; color:#666; } /* different states of a playlist entry */ #playlist a:hover { background-color:#cecccc; } #playlist a.progress { background-color:#efefef; } #playlist a.playing { border:1px solid #666; background-color:#efefef; } #playlist a.paused { border:1px solid #666; background-color:#efefef; } /* elements inside playlist entry */ #playlist a img { border:0; float:left; margin-right:10px; } #playlist a strong { color:#515151; padding-bottom:5px; } /*BOUTON SOUMISSION DANS VÉHICULE NEUF*/ .img_soumission{ float:left; margin-left:128px; } #soumissionrapide a{ float:left;width:250px;height:106px;margin:-106px 0px 0px 630px; background:transparent url('../templates/images/fr/soumission-vide.png') no-repeat 0px 0px; } #soumissionrapide a:hover{ background:transparent url('../templates/images/fr/soumission-hover.png') no-repeat -503px 0px; cursor:pointer; } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /*********************************************************** fin Syle pour la page de configuration **********************************************************/