/* cghe.css */ body { background:#FFFFFF; font:12px/1.55 Verdana, Arial; color:#767676; text-align:left; } img { border:0; vertical-align:top; } a { color:#5C7697; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline: 0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#EF9724; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Menu déroulant de services*/ #menuDeroulant { position:absolute; z-index:999; list-style-type:none; margin:0; padding:0; border:0;} #menuDeroulant li {z-index:999; width:106px; height:38px; float: left; margin: 0; padding: 0; border: 0;} #menuDeroulant li a:link, #menuDeroulant li a:visited{ display: block; text-align:center; color:#FFF; margin: 0; text-decoration: none;} #menuDeroulant li a:hover { text-decoration:underline; } #menuDeroulant li a:active {} #menuDeroulant .sousMenu {display: none; list-style-type: none; margin: 0; margin-top:10px; padding: 0; border: 0;} #menuDeroulant .sousMenu li {z-index:999; background:#FFF; color:#8D8D8D; float:none; margin:0; padding:0; border:0; width:106px; height:21px; border-bottom: 1px solid #E2E7E7; } #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited { display: block; color:#8D8D8D; margin: 0; border: 0; text-decoration: none; background: transparent url("fondTR.html") repeat;} #menuDeroulant .sousMenu li a:hover{ background-image: none; background-color: #F3F6F7; text-decoration:underline;} #menuDeroulant li:hover > .sousMenu { display: block; } /* Page Heading */ .page-title { width:100%; overflow:hidden; border-bottom:0px solid #ccc; margin:0 0 25px; } .page-title h1, .page-title h2 { margin:0; font-size:20px; color:#EF9724; text-decoration:underline;padding-top:40px; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } ul.puce {padding-left:30px;list-style-type:circle;} ul.rond {padding-left:30px; list-style-image: url(../images/cghe/rond.jpg);} ul.fleche1 {padding-left:30px;list-style-image: url(../images/cghe/fleche1.jpg);} ul.fleche2 { padding-left:30px;list-style-image: url(../images/cghe/fleche2.jpg);} ul.coche { padding-left:30px;list-style-image: url(../images/cghe/coche.jpg);} /*** style du header ***/ .pre-header, .footer {width:100%; height:52px; background-color:#538196;} .pre-header-menu { width:1085px; padding-left:115px; padding-top:10px; color:white; font-size:12px;} /* menu de tout en haut*/ ul#menu-cms { width:1000px; height:20px; list-style-type : none; } ul#menu-cms li {padding : 0 0.5em; float:left;display : inline; /* Pour espacer les boutons entre eux */} li.bouton_gauche {float:left;color:#f29526; padding-right:80px;display:inline ; font-weight:bold;} li.bouton_gauche a {color:#f29526; text-decoration:none;} li.bouton_gauche a:hover { text-decoration : underline; } li.bouton_droite {color:#f29526; display:inline; font-weight:bold;} li.bouton_droite a {color:#f29526; text-decoration:none;} li.bouton_droite a:hover { text-decoration : underline; } li.bouton {color:#FFFFFF; display:inline; padding-right:25px; } li.bouton a {color:#FFFFFF; text-decoration:none;} li.bouton a:hover { text-decoration : underline; } ul#menu-cms a {color:white; text-decoration:none; padding : 0 0.5em; } ul#menu-cms a:hover { text-decoration : underline; } .header { width:1200px; height:277px; background:url('../images/cghe/1_header/header-fond-top.jpg') no-repeat top left;} a.btn-perso {display:block; background:url(../images/cghe/1_header/btn-vie-perso_off.png) no-repeat top left; width:151px; height:30px;} a.btn-perso:hover {display:block; background:url(../images/cghe/1_header/btn-vie-perso_on.png) no-repeat top left;width:184px; height:30px;} a.btn-perso-on {display:block; background:url(../images/cghe/1_header/btn-vie-perso_on.png) no-repeat top left;width:184px; height:30px;} a.btn-pro {display:block; background:url(../images/cghe/1_header/btn-vie-pro_off.png) no-repeat top left; width:151px; height:30px; } a.btn-pro:hover {display:block; background:url(../images/cghe/1_header/btn-vie-pro_on.png) no-repeat top left;width:184px; height:30px;} a.btn-pro-on {display:block; background:url(../images/cghe/1_header/btn-vie-pro_on.png) no-repeat top left;width:184px; height:30px;} a.btn-entreprises {display:block; background:url(../images/cghe/1_header/btn-entreprises_off.png) no-repeat top left; width:151px; height:30px; } a.btn-entreprises:hover {display:block; background:url(../images/cghe/1_header/btn-entreprises_on.png) no-repeat top left;width:184px; height:30px;} a.btn-entreprises-on {display:block; background:url(../images/cghe/1_header/btn-entreprises_on.png) no-repeat top left;width:184px; height:30px;} .header-zone1 {z-index:900; float:left; padding-left:115px; width:1085px; height:38px;} .header-zone1-texte{float:left; padding-top:5px; width:205px;font-family:Verdana,arial; font-weight:bold; color:#646464; font-size:10px;} .header-zone1-menu {float:left; width:320px; text-align:center;font-family:Verdana,arial; font-weight:bold; color:#ffffff; font-size:12px;} .header-zone1-menu-gauche {float:left; width:106px; height:38px; padding-top:2px; background:url('../images/cghe/3_menu/menu-header-zone1-gauche.jpg') no-repeat top left;} .header-zone1-menu-milieu {float:left; width:106px; height:38px; padding-top:10px; background:url('../images/cghe/3_menu/menu-header-zone1-milieu.jpg') no-repeat top left;} .header-zone1-menu-droite {overflow:visible;float:left; width:106px; height:38px; padding-top:10px; background:url('../images/cghe/3_menu/menu-header-zone1-droite.jpg') no-repeat top left;} .header-zone1-menu a:link {color:#FFFFFF;text-decoration:none;} /* lien non visité */ .header-zone1-menu a:visited {color:#FFFFFF;text-decoration:none;} /* lien visité */ .header-zone1-menu a:hover {color:#FFFFFF;text-decoration:underline;} /* lien survolé */ .header-zone1-menu a:active {color:#FFFFFF;text-decoration:none;} /* lien selectionné*/ .header-zone1-panier {margin-top:7px; float:left; width:170px; height:38px; font: bold 9px arial;} .header-zone1-panier span {color:#8B8579;} .header-zone1-recherche{float:left; width:380px;height:38px;} .logo { float:left; } .header .logo { z-index:-1; float:left; margin:3px 0 10px 12px; text-decoration:none !important; } .header .logo strong { z-index:-1;position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { z-index:-1; margin:0; } .header-zone2 {z-index:-1; float:left; padding-left:115px; width:1085px; height:135px;} .header-zone2-logo {z-index:-1; float:left; width:675px; height:135px; z-index:0;} .header-zone2-texte {z-index:-1; float:left; width:400px; height:135px; font-family:Verdana,arial; font-weight:bold; color:#646464; font-size:16px; padding-top:47px;} .header-zone3 {z-index:-1; float:left; padding-left:115px; width:1085px; height:104px;background:url('../images/cghe/1_header/header-fond-bas.jpg') no-repeat bottom left;} .header-zone3-boutons {z-index:-1; float:left; width:231px;height:104px;} .header-zone3-menu {z-index:-1; float:left; width:680px;height:104px;} /* Menu bleu en dessous du header*/ .menu-bleu-btn { float:left; padding-top:3px; width:81px; height:101px; text-align:center;} .menu-bleu-btn a {font: 11px arial; color:#fff; text-decoration:none; display:block; padding-top:10px; width:81px; height:101px; background:url('../images/cghe/3_menu/menu-horiz-fond-off.png') no-repeat top left; } .menu-bleu-btn a:hover { background:url('../images/cghe/3_menu/menu-horiz-fond-on.png') no-repeat top left; } .menu-bleu-btn a:active { background:url('../images/cghe/3_menu/menu-horiz-fond-on.png') no-repeat top left; } .menu-bleu-btn a:selected{ background:url('../images/cghe/3_menu/menu-horiz-fond-on.png') no-repeat top left; } /*acceuil actions */ .acceuil-actions {width:314px; float:left; height:85px;padding-top:20px;} .acceuil-actions-separation {float:left; width:14px; height:85px;} /* FIN style du header*/ /*Menu de gauche pour les sous categories*/ .menu-gauche {float:right; width:245px; } .menu-gauche-btn {clear:both; width:245px; height:59px; text-align:left;} .menu-gauche-btn a {display:block; text-decoration:none; padding-left:4px; font: bolder 17px arial; padding-top:9px;color:#90A8AA; padding-right:35px; width:210px; height:59px; background:url('../images/cghe/3_menu/menu-vertical-fond-off.png') no-repeat top left; } .menu-gauche-btn a:hover { background:url('../images/cghe/3_menu/menu-vertical-fond-on.png') no-repeat top left; } .menu-gauche-btn a:active { background:url('../images/cghe/3_menu/menu-vertical-fond-on.png') no-repeat top left; } .menu-gauche-top-bas {clear:both;} /**/ #form .top-input-text-recherche {float:left; border:0; margin-top:10px;margin-left:7px;} #form .top-btn-recherche {margin-top:6px;margin-left:12px;width:31px; height:25px; border:transparent; background:url("../images/cghe/1_header/btn-ok.png") no-repeat scroll left top transparent; cursor:pointer; float:left; } /* BreadCrumbs */ .breadcrumbs { font-weight:bolder; font-size:11px; line-height:1.25; margin:0 0 13px; padding-top:5px;} .breadcrumbs li { display:inline; } .breadcrumbs li a {text-decoration:none;} .breadcrumbs li strong { font-weight:400; } /* Main background:#ffffff url(../images/cghe/2_contenu/contenu-fond-site.jpg) no-repeat top left; */ .main-container { height:auto; } .main { top:329px; width:100%; min-height:800px; text-align:left; } .main-container col1-layout { height:auto;} .col2-left-layout .main {background:#FFF url(../images/cghe/fond-1px.jpg) repeat-y top left;z_index:0;} /*Colonnes*/ .col-left { float:left; width:350px; padding:0 0 1px; } .col-main {float:left; width:730px; padding-right:110px;padding-left:10px; } .col2-left-layout .col-main { float:right; padding-top:30px;} .col-main .cart{ float:left; width:860px; padding-left:150px; } .col1-layout .main {background:#FFF url(../images/cghe/fond-page-accueil.jpg) repeat-y top left ;} .col-right { float:right; width:260px; padding:0 0 1px; } /* footer */ .pre-footer {padding-top:15px; text-align:center; height:33px; width:1085px; padding-left:115px; background:url(../images/cghe/6_footer/fond-icones-bas.png) repeat-x top left;} .pre-footer img {padding-left:20px;} .footer-container {clear:both; width:1200px; } .footer {text-align:center; padding-left:115px;width:1085px; } .blanc {color:#fff;} /*liste produits*/ .liste {clear:both; width:683px; min-height:60px;} .liste-img {float:left; width:90px; height:60px; padding-left:5px;} .liste-contenu {float:left; width:588px; height:auto; } .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#7D7B78; } .product-name a { color:#7D7B78; text-decoration:none; } /*liste produits : titres colorés*/ .jaune{background:url(../images/cghe/jaune.png) no-repeat; width:338px; height:36px; padding-left:15px; padding-top:5px;} .vert{ padding-top:5px; background:url(../images/cghe/vert.png) no-repeat; width:338px; height:36px; padding-left:15px;} .orange{background:url(../images/cghe/orange.png) no-repeat; width:338px; height:36px; padding-left:15px; padding-top:5px;} .rose{background:url(../images/cghe/rose.png) no-repeat; width:338px; height:36px; padding-left:15px; padding-top:5px;} .jaune h1, .orange h1, .rose h1, .vert h1 {color:#646464;} .button.btn-cart { width:165px; height:43px; background: url(../images/cghe/panier.png) no-repeat top left;} .button.btn-cart2 { width:165px; height:43px; background: url(../images/cghe/inscription.png) no-repeat top left;} /*la liste de produits*/ .liste2 {float:left; height:280px; width:175px; text-align:center;} .liste2-img {clear:both; height:125px; width:175px; } .liste2-titre {clear:both; height:105px; width:175px; } .liste2-panier {clear:both; height:50px; width:175px; } /*sous la liste de produits*/ .sous-liste {clear:both; width:730px; height:auto; } .sous-liste-texte {clear:both; width:730px; text-align:left; color:#646464; font-weight:bold; padding-bottom:15px;} .sous-liste-blocs {clear:both; width:730px;padding-left:15px; text-align:center; } .sous-liste-blocs a {font:16px arial; color:#fff;text-decoration:none;} .sous-liste-blocs a:hover {text-decoration:underline;} .sous-liste-bloc1 {float:left; height:125px; padding:6px 0px 6px 0; margin: 0 7px 0 7px; width:160px; background:url(../images/cghe/5_visuels/orange.png) no-repeat top center;} .sous-liste-bloc2 {float:left; height:125px; padding:6px 0px 6px 0; margin: 0 7px 0 7px;width:160px; background:url(../images/cghe/5_visuels/vert.png) no-repeat top center;} .sous-liste-bloc3 {float:left; height:125px; padding:6px 0px 6px 0; margin: 0 7px 0 7px;width:160px; background:url(../images/cghe/5_visuels/rouge.png) no-repeat top center;} .sous-liste-bloc4 {float:left; height:125px; padding:6px 0px 6px 0; margin: 0 7px 0 7px;width:160px; background:url(../images/cghe/5_visuels/violet.png) no-repeat top center;} .sous-liste-texte2 {clear:both; width:730px; text-align:center; color:#EFA942; font-weight:bold; padding-bottom:20px;} .sous-liste-orange {clear:both; width:730px; height:10px; background:#F29524;} .sous-liste-table {clear:both; width:730px; background:#FBDDB9;} #navigation { width: 106px ; list-style: none ; margin: 0 ; padding: 0 ; visibility:hidden; } .navigation li { background: #FFFFFF ; color: #8D8D8D ; border-bottom: 1px solid #E2E7E7 ; margin-bottom: 0px ; } .navigation li a { display: block ; background: #FFFFFF ; color: #8D8D8D ; font: 1em "Trebuchet MS",Arial,sans-serif ; line-height: 1em ; text-align: center ; text-decoration: none ; padding: 4px 0 ; } .navigation li a:hover, .navigation li a:focus, .navigation li a:active { background: #F3F6F7 ; text-decoration: underline ; } /*============================================ TABLEAU ==========================================================*/ .tableau{width:100%; height:auto; margin:15px 0 20px 0; padding:0; clear:both;} .tableau #onglets{width:100%; padding:0; margin:0; height:36px;} .tableau #onglets ul{width:100%; height: 36px; font-size:12px; color:#676258; text-align:center; font-weight: bold; margin:0; padding:0;} .tableau .onglet:hover{background: url(../images/cghe/2_contenu/onglet_on.png) no-repeat; font-weight: bold;} .tableau .selected{width: 120px; height: 33px; padding:0; color:#676258; background: url(../images/cghe/2_contenu/onglet_on.png) no-repeat; font-weight: bold; list-style:none; float:left; padding:3px 0 0 0;cursor:pointer;} .tableau .onglet{width: 120px; height: 33px; float: left; padding:0; margin:0; background:url(../images/cghe/2_contenu/onglet_off.png) no-repeat; list-style:none; padding:3px 0 0 0;cursor:pointer;} #o-1, #o-2, #o-3, #o-4, #o-5, #o-6{line-height:30px;} /*pour aligner verticalement les titres des onglets : enlever un #o- si on le veut sur 1 ligne */ .tableau .imgTableau_top{margin-left:480px; padding:0; width:auto; height:36px; list-style:none; background:url(../images/cghe/2_contenu/imgTableau_top.png) no-repeat;} .tableau #contenus{width:100%; height:auto; margin:0; padding:0;} .tableau .contenu{overflow:auto; padding:15px; margin:0; background-color:#FFF; border-bottom:1px solid #ccc9c4; border-left:1px solid #ccc9c4; border-right:1px solid #ccc9c4;} /* ==================================================== fin TABLEAU ==============================================*/ #payment_form_checkmo li address{margin-left: 148px;}