/*************************************************************************************************** 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 { 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_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 { 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;} .ligne_menu_grise{ float:left; line-height:0px; height:1px; background-color:#78828e; width:150px; margin:5px 0px 5px 28px; } /*------------------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{ float:left; margin-top:2px; width:1004px; height:100px; background:transparent url('../templates/images/fr/banner_optimum.jpg') no-repeat 0px 0px; } #banner_optimum 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;} .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; height:705px; margin-top:20px; } #right_column { float: left; display: block; width: 1029px; padding-left:7px; text-align:justify; background-color:#ffffff; margin-top:10px; } /*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;} #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;} 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%; } /*********************************************************** fin Syle pour la page de configuration **********************************************************/