body{ background-color: #f1f6f3; text-align: center; overflow-y: scroll; font-family: Arial; } /* --------------------------------------------------------------------------------- structure */ /* #all{ width: 900px; background-color: #ffffff; padding: 0; text-align:left; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;} /* toute la page * / */ #all{ position:absolute; left: 50%; width: 989px; margin-left: -495px; text-align: left; padding: 0; margin-top: 10px;} #header{ padding: 0px; margin-bottom: 12px} /* header */ #main{ min-height: 450px; padding: 0; clear: both; width: 989px;} /* partie principale */ /* #menu { width: 150px; float: left; padding: 5px; border-right: 1px dotted #CCCCCC; height: 440px} UL#menuul, #menuul UL, #menuul LI { list-style-type: none} #menuul LI UL{ display: none} #menuul LI:hover UL{ display: block} */ #mainmain{width: 782px; margin-left: 15px; float: left; min-height: 450px; } /* le contenu */ #aftermainmain{ clear: both;} /* un div après le mainmain, pour caser le clear:both au besoin */ #fondblanc{ background-color: #FFFFFF} /* #footer{ height: 20px; background-color: #DEDEDE; padding: 10px; text-align: center} */ /* --------------------------------------------------------------------------------- Menus */ .menus UL, .menus UL LI{ list-style: none; padding: 0; margin: 0;} #menus_header .menu {background-color: #b3d744; height: 20px;} #menus_header .menu H3, #menus_header .menu LI{ margin: 0; padding: 0; width: auto; float: left; padding-left: 5px; padding-right: 5px; height: 20px} #menus_header .menu LI{ background-color: #b3d744} #menus_header .menu LI:hover, #menus_header .menu LI.selected{ background-color: #ecf7e7} #menus_gauche{ width: 188px; float: left; } #menus_gauche .menu{ border: 0px solid #a8c571; margin-bottom: 5px} #menus_gauche H3{ background-color: #a8c571; color: #FFFFFF; margin: 0; padding: 2px; padding-left: 5px} #menus_gauche UL, #menus_gauche LI{ list-style: none; margin: 0; padding: 0;} #menus_gauche UL{ background: url(../img/degrade_menu_g.gif); background-repeat: repeat-x; background-position: top; padding-bottom: 15px} #menus_gauche LI{ padding-left: 5px; padding-top: 3px; padding-bottom: 3px} #menus_footer{ background: url(../img/impact/footer-fond.png); background-repeat:no-repeat ;text-align:center; margin-top: 15px; width: 989px; height: 19px; color: #858c8d; font-size: 11px; padding-top: 3px} /*#menus_footer .menu {height: 18px;}*/ #menus_footer .menu H3, #menus_footer .menu TD{ margin: 0; padding: 0; width: auto; padding-left: 5px; padding-right: 5px; /* height: 18px*/} #menus_footer .menu TD{ /*background-color: #b3d744 */} #menus_footer .menu TD A { display:list-item; list-style: none; color: #858c8d; font-size: 11px} #menus_footer .menu TD:hover, #menus_footer .menu TD.selected{ } #menus_footer .menu TD.inactive:hover{ } .prixbarre{ text-decoration: line-through} /* --------------------------------------------------------------------------------- détail */ /* home */ #accueil{} /* #accueil #titre{} #accueil #titre #H1{} #accueil #zoneeditable{ width: 410px; float: left;} #accueil #zoneeditable #static-accueil2{ border-top: 1px dotted #CCCCCC; padding-top: 10px; margin-top: 10px} #accueil #topten{ float: right; border: 1px dotted #999999; margin: 5px; padding: 5px; width: 150px} #accueil .meacold{ background-color: #e0e2f7; border: 1px solid #91b7de; border-bottom: 0; margin-bottom: 10px; width: 250px; float: right; margin-top: -20px} #accueil .meacold TABLE{ width: 100%} #accueil .meacold TABLE TR TD { vertical-align: top; border-bottom: 1px solid #91b7de} #accueil .meacold .titremea TD{ color: #FFFFFF; background-color: #91b7de; padding: 2px; padding-left: 5px; font-size: 14px} #accueil .meacold .titremea TD H4{ padding: 0; margin: 0} #accueil .meacold .donneemea TD{ padding-bottom: 5px; } #accueil .meacold .donneemea TD A{ font-weight: bold} */ /* colonne de gauche */ #homecolGHaut{ width: 383px; height: 66px;} #homecolG{ width: 383px; background:url(../img/impact/home/colG-fond.png); background-repeat: repeat-y} #homecolG LI{ color: #509910; font-size: 15px; font-weight: bold; list-style: url(../img/impact/home/puceN1.png); margin-left: 5px; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase} #homecolG LI A{color: #509910; font-size: 15px; font-weight: bold; } #homecolG LI UL{ margin: 0; padding : 0} #homecolG LI UL LI{ color: #4b4b4b; font-size: 12px; font-weight: normal; list-style: url(../img/impact/home/puceN2.png); margin-left: 16px; margin-top: 3px; margin-bottom: 0px; padding: 0; text-transform: none} #homecolG LI UL LI A{ color: #4b4b4b; font-size: 12px; font-weight: normal;} #homecolGBas{ width: 383px; height: 20px; background: url(../img/impact/home/colG-bas.png); background-repeat: no-repeat} /* milieu */ /* 1 */ #homecolM1Haut{ width: 373px; height: 35px;} #homecolM1{ width: 373px; background: url(../img/impact/home/colM-fond.png); background-repeat: repeat-y} #homecolM1Bas{ width: 373px; height: 32px; margin-bottom: 10px } /* 2 */ #homecolM2Haut{ width: 373px; height: 34px;} #homecolM2{ width: 373px; background: url(../img/impact/home/colM-fond.png); background-repeat: repeat-y} #homecolM2Bas{ width: 373px; height: 32px; margin-bottom: 10px } /* 3 */ #homecolM3Haut{ width: 373px; height: 33px;} #homecolM3{ width: 373px; height:107px; background: url(../img/impact/home/colM-fond.png); background-repeat: repeat-y} #homecolM3 .titre{ font-weight: bold} #homecolM3 .prix{ font-weight: bold; color: #509910; font-size: 20px} #homecolM3 .prix .prixbarre{ font-size: 16px} #homecolM3Bas{ width: 373px; background: url(../img/impact/home/colM-bas2.png) ; height: 32px; } /* page rubrique */ #rub{} #rub #titre{} #rub #titre #H1{} #rub #description{ clear: both} /* liste d'articles */ #rub #liste{} TABLE.listearticles{ } .listearticles .imageMea{ text-align:center} .listearticles .prixmea{ text-align:center} .listearticles .prixmea .prixbarre{} .listearticles .prixmea .prixnormal{ font-size: 14px; font-weight: bold} .listearticles TD{ border-top: 1px dotted #999999; padding-top: 5px; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px} #rub #piecesjointes{}/* pièces jointes */ #rub #topten{ float: right; border: 1px dotted #999999; margin: 5px; padding: 5px; width: 150px} /* page article */ #art{ } #art #outils{ text-align: center; margin-bottom: 5px} #art #outils A{ font-size: 9px} #art #part1{width: 480px; float: left; min-height: 250px; clear: both; border-right: 1px solid #dbe1dd; margin-left: 33px} #art #titre{float: none} #art #titre H1{ font-size: 20px; color: #509910; font-weight: bold; margin: 0; padding: 0} #art #accroche{float: none} #art #accroche H2{ font-size: 16px; color: #272727; font-weight: bold; margin: 0; padding: 0; margin-bottom: 10px} #art #imagemea{ float: left; margin-right: 20px; margin-bottom: 10px} /* #art P{ text-align: justify}*/ #art #prix{} #art #prix .prixbarre{} #art #prix .prixnormal{ font-size: 14px; font-weight: bold} #art #titrePrime{ color: #509910; font-weight: bold; font-size: 12px} #art #part1 UL, LI{ list-style: square;} #art #part1 H3{ /** /clear:both; /**/margin-bottom: 5px} #art #part1 H4{ /** /clear:both; /**/margin-bottom: 2px} #art #part2{ float: right; width: 233px; margin-right: 26px/*clear: both*/} #art #part2 .fondgrishaut{ background:url(../img/impact/fond-art-colD-haut.png); background-repeat: no-repeat; height: 9px; width: 233px;} #art #part2 .fondgrishautversionpapier{ background:url(../img/impact/version-papier.png); background-repeat: no-repeat; height: 25px; width: 233px;} #art #part2 .fondgris{ background-color: #f1f6f3; padding: 5px;} #art #part2 .fondgris .descriptionAbo{ text-align: center; line-height: 12px} #art #part2 .fondgris .prix, #art #part2 .fondgris .prix A{ font-size: 16px; color: #cd0720; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 10px;} #art #part2 .fondgris .prix .prixbarre{ font-size: 12px} #art #part2 .fondgrisbas{ background:url(../img/impact/fond-art-colD-bas.png); background-repeat: no-repeat; height: 9px; width: 233px;} #art #accroche, #art #description{ } #art #piecesjointes{ margin-top: 10px} /* pièces jointes */ #piecesjointes .pj_libelle{ font-weight: bold} #piecesjointes .pj_description{} #piecesjointes .document, #piecesjointes .jpg, #piecesjointes .mp3, #piecesjointes .flv{ padding-top: 5px; padding-bottom: 15px} #piecesjointes .document{ clear: both} #piecesjointes .jpg{ float: left; width: 50%; height: 130px; text-align: left} #piecesjointes .mp3{ clear: both} #piecesjointes .flv{ clear: both} #prodComp1Haut{ background:url(../img/impact/art_produitcomp_haut.png); width: 489px; height: 27px} #prodComp1{ background:url(../img/impact/art_produitcomp_fondmilieu.png); width: 489px; background-repeat:repeat-y; padding-top: 2px} #prodComp1Bas{ background: url(../img/impact/art_produitcomp_bas.png); width: 489px;height: 20px;} #prodComp2Haut{ background:url(../img/impact/art_produitcomp2_haut.png); width: 293px; height: 17px; margin-left: 8px} #prodComp2{ background:url(../img/impact/art_produitcomp2_fondmilieu.png); width: 293px; background-repeat:repeat-y; margin-left: 8px} #prodComp2Bas{ background:url(../img/impact/art_produitcomp2_bas.png); width: 293px; height: 20px; margin-left: 8px} #prodComp1 .titre A, #prodComp2 .titre A{ color: #010101; font-size: 12px; font-weight: bold} #art #par, #art #lie, #art #art_art{ background-color: #e0e2f7; border: 1px solid #91b7de; margin-bottom: 10px} #art #par H4, #art #lie H4, #art #art_art H4{ color: #FFFFFF; background-color: #91b7de; padding: 2px; padding-left: 5px} #art #lie UL, #art #art_art UL{ padding-bottom: 5px; } #art .donnelies H4{ padding: 0; margin: 0} #art .donnelies UL, #art .donnelies LI{ list-style: none; margin: 0; padding: 0;} #art .donnelies LI{ padding-left: 5px; padding-top: 2px} #art #artprecsuiv{ padding-top: 15px; clear: both; width: 90%; text-align:center} #art #artprecsuiv TABLE {width: 80%; border-top: 1px dotted #b3d744; border-bottom: 1px dotted #a8c571; background-color: #e7e5ce;} #art #artprecsuiv TABLE TD{ padding: 2px} #art #artprecsuiv #lienprecedent{ text-align:left; width: 50%} #art #artprecsuiv #liensuivant{ text-align:right; width: 50%} /* CADDIE */ #caddie{} #caddie .listecaddie{ width: 720px} #caddie .listecaddie .entete{ font-weight: 800; font-size:12px} #caddie .listecaddie .donnee{ border-bottom: 1px solid #C1C1C1; padding-top: 4px; padding-bottom: 4px} #caddie .listecaddie .delete{ width: 30px; text-align: center} #caddie .listecaddie .img{ width: 65px; text-align: center} #caddie .listecaddie .art_libelle{ width: 251px; padding-left: 5px} #caddie .listecaddie .qte{ width: 78px; text-align: center} #caddie .listecaddie .art_prix{ width: 126px; text-align: center} #caddie .listecaddie .prixtotalligne{ width: 106px; font-weight: bold; text-align: center} #caddie .listecaddie .tva{width: 64px; text-align: center} #caddie .lignefdp{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #C1C1C1; } #caddie .lignetotal{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #C1C1C1; font-weight: bold} #caddie .lignevalider{ padding-top: 30px; padding-bottom: 30px} #form #part1 TABLE{} .edit{ text-align: right;} .edit A {background-color: #66830b; color: #FFFFFF; padding: 1px} .edit A:hover{ background-color: #b4d745} /* impact */ #filAriane,#filAriane A{ font-size: 11px; margin-bottom: 10px} #fondblanchaut{ background:url(../img/impact/main-fond-haut.png); width: 788px; height: 17px; background-repeat: no-repeat;} #fondblancbas{ background:url(../img/impact/main-fond-bas.png); width: 788px; height: 17px; background-repeat: no-repeat; margin-bottom: 7px} #fondblanc{ background:url(../img/impact/main-fond-milieu.png); width: 788px; background-repeat: repeat-y;} #fondblanc #fbinner{ padding-left: 10px; padding-right: 10px} #fondblanc #fbinner H1{ margin-top: 0; color: #509910} #imgtitre{ margin-left: 15px} #liste{ margin-top: 15px; margin-left: 15px} #enteteliste{ height: 20px; width: 720px; background:url(../img/impact/fond-entete.png); color: #FFFFFF; font-weight: bold} .donneeliste{ width: 720px; border-bottom: 1px solid #c1c1c1} .donneeliste .titre, .donneeliste .titre A{ font-size: 16px; color: #509910; font-weight: bold} .donneeliste .accroche, .donneeliste .accroche A{ font-size: 12px; color: #272727; font-weight: bold} .donneeliste .prix, .donneeliste .prix A{ font-size: 16px; color: #cd0720; font-weight: bold} .donneeliste .prix .prixbarre{ font-size: 12px} .donneeliste:hover{ background-color: #eaf3e2; cursor: pointer} /* process commande */ #fd_blc_inner{ padding-left: 34px; padding-right: 34px; padding-top: 12px; padding-bottom: 20px} #caddie FORM{ padding: 0; margin: 0} /* pages statiques */ .titrespagesstatiques{ color: #509910; font-size: 12px; font-weight: bold} #homecolGstat{ width: 383px} #homecolGstat LI{ color: #509910; font-size: 15px; font-weight: bold; list-style: url(../img/impact/home/puceN1.png); margin-left: 5px; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase} #homecolGstat LI A{color: #509910; font-size: 15px; font-weight: bold; } #homecolGstat LI UL{ margin: 0; padding : 0} #homecolGstat LI UL LI{ color: #4b4b4b; font-size: 12px; font-weight: normal; list-style: url(../img/impact/home/puceN2.png); margin-left: 16px; margin-top: 3px; margin-bottom: 0px; padding: 0; text-transform: none} #homecolGstat LI UL LI A{ color: #4b4b4b; font-size: 12px; font-weight: normal;}