* {margin: 0; padding: 0;} .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body, input, textarea, select { color: #666; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px;} option {padding-left: 4px;} a {color: #E1016A;} a:hover {color: #886EFC;} #allContent { width: 968px; margin: 0 auto; background: transparent url(../../images/bgAllContent.gif) no-repeat 127px 0; position: relative;} #allContent #logo {position: absolute; left: 72px; top: 20px;} .shortDrink #allContent {background: transparent url(../../images/bgShortDrink.jpg) no-repeat 72px 0;} .longDrink #allContent {background: transparent url(../../images/bgLongDrink.jpg) no-repeat 72px 0;} .sansAlcool #allContent {background: transparent url(../../images/bgSansAlcool.jpg) no-repeat 72px 0;} .coffeeTea #allContent {background: transparent url(../../images/bgCoffeeTea.jpg) no-repeat 72px 0;} .evenements #allContent {background: transparent url(../../images/bgEvenements.jpg) no-repeat 72px 0;} .recettesCulinaires #allContent {background: transparent url(../../images/bgRecettesCulinaires.jpg) no-repeat 72px 0;} #entete {width: 968px;} /***************************************************** Navigation */ #navigation { list-style: none; width: 968px; height: 65px; background: transparent url(../../images/bgNav.gif) no-repeat left bottom;} #navigation li {float: left;} #navigation li a {display: block; height: 65px;} #navigation li a span {display: none;} #navigation li#btnNavA a {width: 127px; background: transparent url(../../images/btnNavA.gif) no-repeat 0 47px;} #navigation li#btnNavB a {width: 93px; background: transparent url(../../images/btnNavB.gif) no-repeat 48px 47px;} #navigation li#btnNavC a {width: 116px; background: transparent url(../../images/btnNavC.gif) no-repeat 47px 47px;} #navigation li#btnNavD a {width: 94px; background: transparent url(../../images/btnNavD.gif) no-repeat 48px 47px;} #navigation li#btnNavE a {width: 164px; background: transparent url(../../images/btnNavE.gif) no-repeat 47px 47px;} #navigation li#btnNavF a {width: 104px; background: transparent url(../../images/btnNavF.gif) no-repeat 48px 47px;} #navigation li#btnNavG a {width: 90px; background: transparent url(../../images/btnNavG.gif) no-repeat 47px 47px;} #navigation li#btnNavH a {width: 180px; background: transparent url(../../images/btnNavH.gif) no-repeat 57px 47px;} .professionnels #navigation li#btnNavB a {width: 121px; background: transparent url(../../images/btnNavB.gif) no-repeat 49px 47px;} .professionnels #navigation li#btnNavC a {width: 121px; background: transparent url(../../images/btnNavC.gif) no-repeat 27px 47px;} .professionnels #navigation li#btnNavD a {width: 99px; background: transparent url(../../images/btnNavD.gif) no-repeat 28px 47px;} .professionnels #navigation li#btnNavE a {width: 171px; background: transparent url(../../images/btnNavE.gif) no-repeat 28px 47px;} .professionnels #navigation li#btnNavF a {width: 108px; background: transparent url(../../images/btnNavF.gif) no-repeat 28px 47px;} .professionnels #navigation li#btnNavG a {width: 96px; background: transparent url(../../images/btnNavG.gif) no-repeat 28px 47px;} .professionnels #navigation li#btnNavH a {width: 125px; background: transparent url(../../images/btnNavI.gif) no-repeat 15px 47px;} #langues {list-style: none; position: absolute; right: 0; top: 8px;} #langues li {float: left; margin-left: 5px;} #langues li a {display: block; width: 16px; height: 11px;} #langues li a span {display: none;} #langues li#FR a {background: transparent url(../../images/drapFR.gif) no-repeat;} #langues li#UK a {background: transparent url(../../images/drapUK.gif) no-repeat;} #langues li#DE a {background: transparent url(../../images/drapDE.gif) no-repeat;} #footer {width: 120px; padding: 465px 30px 60px 0;} #footer img {border: 0; margin-top: 3px;} #footer ul {list-style: none; text-align: right; border-top: 1px #bbb dotted;} #footer ul li {font-size: 10px; line-height: 12px; width: 120px; border-bottom: 1px #bbb dotted; padding: 3px 0 4px 0; font-family: "Arial", sans-serif;} #footer ul li a {text-decoration: none; color: #666;} #footer ul li a:hover {color: #E1046C;} #footer, #mainContent {float: left;} #mainContent {margin: 42px 0 0 26px; width: 792px;} #mainContent h1 span {display: none;} .moderation { padding-top: 5px; border-top: 1px #bbb dotted;} .moderation img {border: 0; float: right;} #pageConfirmation #mainContent .moderation { border: 0; height: auto; padding: 5px 0 0 0; background-image: none;} #pageRechercheCocktails .moderation {position: relative; top: 35px;} #pageFicheCocktail .moderation {position: absolute; left: 180px; top: 700px;} #pageFicheProduit .moderation {position: absolute; left: 0; top: 650px;} #lnkContact { display: block; width: 230px; height: 60px; margin-left: 20px; margin-bottom: 10px; background: transparent url(../../images/lnkContact.gif) no-repeat;} #lnkContact span {display: none;} /**************************** éléments communs formulaires */ .btnForm {text-align: right;} .btnForm input, #blocSearchMail .btnForm { color: #866BFC; font-size: 10px; font-weight: bold; border: 0; background: transparent url(../../images/btnRecherche.gif) no-repeat; width: 79px !important; height: 24px; text-align: center;} .lineForm {margin-bottom: 10px;} select {font-size: 11px;} /****************************************************************************** Page d'accueil */ #pageAccueil #mainContent h1, #pageAccueilPro #mainContent h1 { margin-bottom: 10px; width: 296px; height: 37px; background: transparent url(../../images/titreHome.gif) no-repeat;} #zoneFlash {width: 790px; height: 240px; margin-bottom: 20px;} #blocRangeeA, #blocActu {float: left;} /**************************** Recherche de cocktails et bloc actualités en home */ #blocSearchCocktail h2, #blocActu h3 {height: 26px; margin-bottom: 10px;} #blocSearchCocktail h2 span, #blocActu h3 span {display: none;} #blocSearchCocktail {width: 310px;} #blocSearchCocktail h2 {background: transparent url(../../images/titreBlocCocktail.gif) no-repeat;} #blocSearchCocktail fieldset {border: 0;} #blocSearchCocktail select {width: 235px;} #blocSearchCocktail .btnForm {margin-right: 45px;} #blocActu {width: 482px;} #blocActu h3 { background: transparent url(../../images/titreBlocActu.gif) no-repeat; position: relative; top: 10px; margin-bottom: 20px;} #pageAccueilPro #blocActu h3 {top: 0; margin-bottom: 10px;} #pageAccueil #blocActu {margin-top: -10px; padding-bottom: 15px;} #pageAccueilPro #blocActu {width: 250px; padding-top: 0;} #pageAccueil #blocActu h3 {width: 482px;} .actu {width: 250px; float: left; margin-right: 14px;} .actu img, .colActuA img {float: left; margin: 0 10px 10px 0; border: 0;} .date {color: #E1006A;} .actu h4, #pageDetailActualites h4 {font-size: 13px; margin-bottom: 10px;} .actu .btnSuite {text-align: right; margin-top: 5px;} .actu .btnSuite a { background: transparent url(../../images/flecheSuite.gif) no-repeat right bottom; font-size: 10px; text-decoration: none; color: #E1006A; padding-right: 20px;} .actu .btnSuite a:hover {color: #7BCAB7;} .zoneTexte {line-height: 14px; margin-bottom: 12px;} .zoneTexte p {margin-bottom: 10px;} #animation {float: right; border: 0;} #pageListeActualites .actu { width: 500px; border-bottom: 1px #B6B6B8 dotted; padding-bottom: 10px; margin-bottom: 10px;} /****************** accueil pro */ #colPro {float: left; width: 230px; position: relative;} #btnDepotRecette { display: block; width: 230px; height: 32px; position: relative; top: -6px; background: transparent url(../../images/btnDepotRecette.gif) no-repeat;} #btnDepotRecette span {display: none;} #btnDepotRecette:hover {background-position: 0 -31px;} #infoDepotRecette { width: 200px; border: 1px #B6B6B8 dotted; background-color: #fff; position: absolute; left: 0; top: 25px; padding: 15px; z-index: 2;} #infoDepotRecette strong { display: block; font-size: 13px; margin-bottom: 5px; color: #E1006A;} #accesPhototheque { background: transparent url(../../images/bgAccesPhoto.gif) no-repeat; width: 203px; height: 150px; position: relative; top: 20px; padding: 40px 15px 0 12px; font-size: 11px;} #accesPhototheque h4 {display: none;} #accesPhototheque .btnForm {text-align: left;} #accesPhototheque a { font-size: 10px; line-height: 11px; display: block; margin-top: 8px; text-decoration: none;} /****************************************************************************** Pages produits */ .pageProduits #mainContent h1 { margin-bottom: 10px; width: 176px; height: 38px; background: transparent url(../../images/titreProduits.gif) no-repeat;} #listeFamilles {list-style: none;} #listeFamilles li {float: left; } #listeFamilles li a {display: block; background-repeat: no-repeat;} #listeFamilles li a span {display: none;} #pageFamillesProduits #listeFamilles {margin-left: 140px;} #pageFamillesProduits #listeFamilles li {margin-right: 20px;} #pageFamillesProduits #listeFamilles li a {height: 165px; border: 1px #fff solid;} #pageFamillesProduits #listeFamilles li a:hover {border: 1px #eee solid;} #pageFamillesProduits #listeFamilles li#btnFamilleA a {background: transparent url(../../images/btnLiqSpec.gif) no-repeat; width: 165px;} #pageFamillesProduits #listeFamilles li#btnFamilleB a {background: transparent url(../../images/btnLiqCremes.gif) no-repeat; width: 230px;} #pageFamillesProduits #listeFamilles li#btnFamilleC a {background: transparent url(../../images/btnLiqClassic.gif) no-repeat; width: 165px;} #pageFamillesProduits #listeFamilles li#btnFamilleD a {background: transparent url(../../images/btnLiqPremium.gif) no-repeat; width: 165px;} #pageFamillesProduits #listeFamilles li#btnFamilleE a {background: transparent url(../../images/btnLiqModern.gif) no-repeat 20px 0; width: 230px;} #pageFamillesProduits #listeFamilles li#btnFamilleF a {background: transparent url(../../images/btnAlcools.gif) no-repeat; width: 165px;} #pageFamillesProduits #listeFamilles li#btnFamilleG a {background: transparent url(../../images/btnEaux.gif) no-repeat; width: 165px;} #pageFamillesProduits #listeFamilles li#btnFamilleH a {background: transparent url(../../images/btnSirops.gif) no-repeat 25px 0; width: 230px;} /*.particuliers .listePart li#btnFamilleH {display: none;}*/ #pageFamillesProduits .listePro li#btnFamilleB a {background: transparent url(../../images/btnLiqCremesPro.gif) no-repeat !important;} #pageFicheProduit #listeFamilles {height: 40px;} #pageFicheProduit #listeFamilles li a, #pageGamme #listeFamilles li a {height: 20px; padding-right: 12px;} #pageFicheProduit #listeFamilles li a.noMarge, #pageGamme #listeFamilles li a.noMarge {padding-right: 0;} #pageFicheProduit #listeFamilles li#btnFamilleA a, #pageGamme #listeFamilles li#btnFamilleA a {background-image: url(../../images/btnLiqSpecTxt.gif); width: 84px;} #pageFicheProduit #listeFamilles li#btnFamilleB a, #pageGamme #listeFamilles li#btnFamilleB a {background-image: url(../../images/btnLiqCremesTxt.gif); width: 122px;} #pageFicheProduit #listeFamilles li#btnFamilleC a, #pageGamme #listeFamilles li#btnFamilleC a {background-image: url(../../images/btnLiqClassicTxt.gif); width: 50px;} #pageFicheProduit #listeFamilles li#btnFamilleD a, #pageGamme #listeFamilles li#btnFamilleD a {background-image: url(../../images/btnLiqPremiumTxt.gif); width: 62px;} #pageFicheProduit #listeFamilles li#btnFamilleE a, #pageGamme #listeFamilles li#btnFamilleE a {background-image: url(../../images/btnLiqModernTxt.gif); width: 58px;} #pageFicheProduit #listeFamilles li#btnFamilleF a, #pageGamme #listeFamilles li#btnFamilleF a {background-image: url(../../images/btnAlcoolsTxt.gif); width: 133px;} #pageFicheProduit #listeFamilles li#btnFamilleG a, #pageGamme #listeFamilles li#btnFamilleG a {background-image: url(../../images/btnEauxTxt.gif); width: 87px;} #pageFicheProduit #listeFamilles li#btnFamilleH a, #pageGamme #listeFamilles li#btnFamilleH a {background-image: url(../../images/btnSiropsTxt.gif); width: 46px;} #pageFicheProduit #listeFamilles li a:hover, #pageFicheProduit #listeFamilles li a.selected, #pageGamme #listeFamilles li a:hover, #pageGamme #listeFamilles li a.selected {background-position: 0 -20px;} #pageGamme #listeFamilles {margin-bottom: 40px;} #pageGamme #mainContent .zoneTexte {padding: 15px 0;} /**************************** pagination dans fiche produit */ #pagination {width: 730px; list-style: none; position: relative; height: 22px; border-bottom: 1px #BCBEC0 solid; margin-bottom: 10px;} #pagination li a { display: block; height: 22px; line-height: 22px; background-repeat: no-repeat; position: absolute; bottom: -1px; text-align: center; color: #666; text-decoration: none; background-repeat: no-repeat;} #pagination li a:hover, #pagination li a.actif {background-position: 0 -22px; color: #fff;} #pagination li#btnGamme a {width: 101px; background-image: url(../../images/btnGamme.gif); right: 255px;} #pagination li#btnPrecedent a {width: 119px; background-image: url(../../images/btnPrecedent.gif); right: 126px;} #pagination li#btnSuivant a {width: 100px; background-image: url(../../images/btnSuivant.gif); right: 18px;} /********************************* fiche produit */ .section {width: 730px;} .visuelProduit, .contenuFiche, .descriptif, .recettesAssociees {float: left;} .visuelProduit {width: 250px; text-align: center;} .contenuFiche {width: 480px; padding-top: 60px; position: relative;} .contenuFiche h2 { width: 480px; height: 46px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px #B6B6B8 dotted;} .contenuFiche h2 span {display: none;} .liqSpecialites .contenuFiche h2 {background: transparent url(../../images/titreLiqSpec.gif) no-repeat;} .liqCremes .contenuFiche h2 {background: transparent url(../../images/titreLiqCremes.gif) no-repeat;} .liqClassic .contenuFiche h2 {background: transparent url(../../images/titreLiqClassic.gif) no-repeat;} .liqPremium .contenuFiche h2 {background: transparent url(../../images/titreLiqPremium.gif) no-repeat;} .liqModern .contenuFiche h2 {background: transparent url(../../images/titreLiqModern.gif) no-repeat;} .alcoolsMonde .contenuFiche h2 {background: transparent url(../../images/titreAlcools.gif) no-repeat;} .eauxVie .contenuFiche h2 {background: transparent url(../../images/titreEauxVie.gif) no-repeat;} .sirops .contenuFiche h2 {background: transparent url(../../images/titreSirops.gif) no-repeat;} .contenuFiche .visuelPlante {position: absolute; right: 0; top: 0;} .descriptif {width: 288px; padding-right: 30px;} .descriptif h3 {font-size: 18px; font-weight: normal;} .descriptif .zoneTexte {font-size: 13px;} .degustation h4 { background: transparent url(../../images/titreDegustation.gif) no-repeat; width: 120px; height: 15px;} .suggestion h4 { background: transparent url(../../images/titreSuggestion.gif) no-repeat; width: 175px; height: 16px;} .degustation h4, .suggestion h4 {margin-bottom: 3px;} .degustation h4 span, .suggestion h4 span {display: none;} .degustation .zoneTexte, .suggestion .zoneTexte {font-size: 12px;} .infosProduit {margin-bottom: 10px; list-style: none;} .btnPlusInfos { border: 1px #bbb dotted; padding: 2px 4px; position: relative; top: 10px; font-size: 11px; text-decoration: none; font-weight: bold; color: #666;} /******************** recettes associées */ .recettesAssociees { width: 127px; padding: 20px 0 0 35px; position: relative; background: transparent url(../../images/bgRecettesAssociees.gif) repeat-y;} .recettesAssociees h5 { color: #E1016A; font-size: 14px; font-weight: normal; position: absolute; left: 0; top: 0; height: 30px; padding-left: 35px; background: transparent url(../../images/bgTitreCocktail.jpg) no-repeat;} .recettesAssociees ul {list-style: none;} .recettesAssociees ul li a {color: #000; text-decoration: none; font-size: 11px;} .recettesAssociees ul li a:hover {text-decoration: underline;} /******************************************************************************************/ #pageFicheProduit #mainContent {position: relative;} div.scroller { width: 730px; height: 480px; overflow: hidden; position : absolute; left: 0; top: 130px;} div.scroller div.section { width: 730px; height: 480px; overflow: hidden; float: left;} div.scroller div.content {width: 100000px;} /****************************************************************************** gamme ****/ #listeGamme {list-style: none; margin-left: 15px;} #listeGamme li {float: left; width: 80px; height: 150px; text-align: center;} #listeGamme li img {border: 0; margin: 0 auto; height: 150px;} /****************************************************************************** Recherche cocktail */ #pageRechercheCocktails #mainContent {background: transparent url(../../images/bgRechercheRecettes.gif) repeat-y;} #pageRechercheCocktails #mainContent h1 { margin-bottom: 10px; width: 349px; height: 24px; margin-bottom: 15px; background: transparent url(../../images/titreRechercheCocktail.gif) no-repeat;} #colRecetteA, #colRecetteB {float: left; font-size: 11px;} #colRecetteA p, #colRecetteB p {margin-bottom: 10px;} #colRecetteA {width: 426px; padding-right: 20px; position: relative;} #colRecetteB {width: 284px; padding: 0 0 0 36px;} #pageRechercheCocktails h2 {margin-bottom: 10px;} #pageRechercheCocktails h2 span {display: none;} #listeType {list-style: none;} #listeType li {float: left; padding: 0 10px 10px 0;} #listeType li a {display: block; width: 130px; height: 155px;} #listeType li a span {display: none;} #listeType li#btnTypeA a {background: transparent url(../../images/btnShortDrink.jpg) no-repeat;} #listeType li#btnTypeB a {background: transparent url(../../images/btnLongDrink.jpg) no-repeat;} #listeType li#btnTypeC a {background: transparent url(../../images/btnSansAlcool.jpg) no-repeat;} #listeType li#btnTypeD a {background: transparent url(../../images/btnRecettesCulinaires.jpg) no-repeat;} #listeType li#btnTypeE a {background: transparent url(../../images/btnEvenements.jpg) no-repeat;} #listeType li#btnTypeF a {background: transparent url(../../images/btnCoffeeTea.jpg) no-repeat;} .descType { border-top: 1px #B6B6B8 dotted; width: 400px; border-bottom: 1px #B6B6B8 dotted; background-color: #fff; position: absolute; left: 0; top: 430px; padding: 10px 0; /*clear: both;*/} h2#titreParType {width: 78px; height: 18px; background: transparent url(../../images/titreParType.gif) no-repeat;} h2#titreParProduit {width: 99px; height: 18px; background: transparent url(../../images/titreParProduit.gif) no-repeat left bottom;} h2#titreParCocktailPrime {width: 196px; height: 42px; background: transparent url(../../images/titreParCocktailPrime.gif) no-repeat 0 20px;} /********* recherche par produit */ #searchParProduit { padding-bottom: 15px; background: transparent url(../../images/../images/visuelParProduit.jpg) no-repeat right top;} #searchParProduit h2 {width: 100px; padding-top: 55px;} #searchParProduit img {float: right; margin-left: 20px; margin-top: -70px;} #searchParProduit .btnForm {text-align: left;} /********* recherche par mot-clef */ #searchParMotClef { border-top: 1px #B6B6B8 dotted; border-bottom: 1px #B6B6B8 dotted; padding: 20px 0 20px 135px; width: 149px; margin-bottom: 15px; background: transparent url(../../images/visuelParMotClef.jpg) no-repeat 0 20px;} #searchParMotClef label { width: 107px; height: 14px; display: block; margin-bottom: 10px; background: transparent url(../../images/titreParMotclef.gif) no-repeat;} #searchParMotClef label span {display: none;} #searchParMotClef input {width: 145px;} #searchParMotClef .btnForm {text-align: left; margin-top: 15px;} /*********** recherche par cocktail primés */ #searchCocktailPrime { padding-left: 40px; padding-bottom: 35px; background: transparent url(../../images/visuelParCocktailPrime.jpg) no-repeat;} #searchCocktailPrime p {margin-left: 50px;} #searchCocktailPrime .lineForm {padding-left: 40px;} #searchCocktailPrime select {width: 170px;} /****************************************************************************** résultats */ .titreResults { float: right; height: 100px; padding-top: 10px;} .titreResults h2 {font-size: 13px;} .titreResults h2 span {font-style: italic; padding-right: 12px; color: #7BCAB7; font-size: 15px;} .titreResults .contentResults { padding-left: 15px; background: transparent url(../../images/filetResults.gif) no-repeat;} .titreResults .contentResults a.btnRetour {margin-top: 10px; width: 120px;} /***** affichage des résultats variant selon la type de recherche */ .typeRecettesCuli, .typeShortDrink, .typeLongDrink, .typeSansAlcool, .typeEvent, .typeCoffeeTea {width: 265px; padding-right: 130px; margin-bottom: 10px;} .typeRecettesCuli {background: transparent url(../../images/btnRecettesCulinaires.jpg) no-repeat 265px -30px;} .typeShortDrink {background: transparent url(../../images/btnShortDrink.jpg) no-repeat 265px -30px;} .typeLongDrink {background: transparent url(../../images/btnLongDrink.jpg) no-repeat 265px -30px;} .typeSansAlcool {background: transparent url(../../images/btnSansAlcool.jpg) no-repeat 265px -30px;} .typeEvent {background: transparent url(../../images/btnEvenements.jpg) no-repeat 265px -30px;} .typeCoffeeTea {background: transparent url(../../images/btnCoffeeTea.jpg) no-repeat 265px -30px;} #pageResultats .produits {width: 275px; padding-right: 30px;} #pageResultats .visuelResultats {float: right; height: 150px;} .nbreResults {font-size: 11px; padding-top: 10px;} #pageResultats ul.listeResults {list-style: none;} #pageResultats ul.listeResults li { border-bottom: 1px #bbb dotted; margin-bottom: 10px; line-height: 13px; padding-bottom: 4px; height: 45px; width: 376px; float: left; margin-right: 20px;} #pageResultats ul.listeResults li a { display: block; background: transparent url(../../images/pictoCocktail.jpg) no-repeat; text-decoration: none; color: #666; padding-left: 23px;} #pageResultats ul.listeResults li a:hover {color: #FE8102;} #pageResultats ul.listeResults li a strong {text-transform: uppercase; display: block;} #pageResultats h3 {width: 650px; height: 90px;} #pageResultats h3 span {display: none;} #pageResultats h3.typeCoffeeTea {background: transparent url(../../images/titreCoffeeTea.gif) no-repeat;} #pageResultats h3.typeShortDrink {background: transparent url(../../images/titreShortDrink.gif) no-repeat;} #pageResultats h3.typeRecettes {background: transparent url(../../images/titreRecettes.gif) no-repeat;} #pageResultats h3.typeEvenements {background: transparent url(../../images/titreEvenements.gif) no-repeat;} #pageResultats h3.typeLongDrink {background: transparent url(../../images/titreLongDrink.gif) no-repeat;} #pageResultats h3.typeSansAlcool {background: transparent url(../../images/titreSansAlcool.gif) no-repeat;} #pageResultats .hautPage {float: right; margin: 40px 20px 0 0;} .pagination {clear: both; list-style: none; width: 792px;} .pagination li {float: left; width: 392px; text-align: center;} .pagination li#pagePrecedente {width: 200px; text-align: left; } .pagination li#pageSuivante {width: 200px; text-align: right; } .pagination li#pagePrecedente a, .pagination li#pageSuivante a {display: block; height: 14px; line-height: 14px; text-decoration: none; font-size: 11px;} .pagination li#pagePrecedente a {background: transparent url(../../images/flechePrecedent.gif) no-repeat; padding-left: 20px;} .pagination li#pageSuivante a {background: transparent url(../../images/flecheSuite.gif) no-repeat top right; padding-right: 20px;} /****************************************************************************** Fiche cocktail */ #pageFicheCocktail #mainContent h1, #pageResultats #mainContent h1 { margin-bottom: 10px; width: 300px; height: 68px; float: left; background: transparent url(../../images/titreCocktails.gif) no-repeat;} #pageConfCocktails #mainContent h1 { width: 300px; height: 68px; margin-bottom: 10px; background: transparent url(../../images/titreCocktails.gif) no-repeat;} .pageCocktails #contentFiche { width: 445px; float: left; margin-left: 40px; margin-top: 55px; padding-bottom: 100px;} .pageCocktails #contentFiche h2 { font-size: 30px; color: #7BCAB7; margin-bottom: 10px; background: transparent url(../../images/bgTitreCocktail.jpg) no-repeat; padding-left: 25px;} #outils {margin-bottom: 20px;} a.btnRetour { display: block; background: transparent url(../../images/flecheRetour.gif) no-repeat; padding-left: 22px; width: 93px; height: 18px; font-size: 10px; text-decoration: none; color: #666;} #pageFicheCocktail a.btnRetour { border-bottom: 1px #bbb dotted; height: 22px; line-height: 22px;} #autreCocktail { width: 330px; height: 22px; text-align: right; float: right; border-bottom: 1px #bbb dotted; padding-bottom: 5px; position: relative; top: -5px;} #autreCocktail label {font-weight: bold; color: #E1016A;} #autreCocktail select {width: 150px;} .ingredients, .commentaires {width: 380px;} .preparation {width: 250px;} .ingredients h3, .preparation h3, .commentaires h3 {height: 25px; margin-bottom: 10px;} .ingredients h3 span, .preparation h3 span, .commentaires h3 span {display: none;} .ingredients h3 {background: transparent url(../../images/titreIngredients.gif) no-repeat;} .preparation h3 {background: transparent url(../../images/titrePreparation.gif) no-repeat;} .commentaires h3 {background: transparent url(../../images/titreCommentaires.gif) no-repeat;} .ingredients {width: 445px; position: relative;} .ingredients #listeProduits {position: absolute; right: 0; top: 0;} .ingredients #listeProduits img {border: 0; margin-left: 5px;} .conversion { margin-bottom: 10px; font-size: 10px; width: 130px; color: #E1016A;} .conversion span {display: none;} .ingredients ul {list-style: none; margin-bottom: 12px;} .ingredients ul li {color: #E1016A; line-height: 15px;} .ingredients ul li strong, .ingredients ul li strong a {color: #666; text-decoration: none !important;} .ingredients ul li strong a:hover {color: #A7A9AC;} .btnImprimer, .btnDecouvrir {float: left;} .btnImprimer { display: block; font-size: 10px; color: #E1016A; text-decoration: none; background: transparent url(../../images/pictoCocktail.jpg) no-repeat; padding-left: 20px; height: 24px; line-height: 24px; padding-right: 15px;} .btnDecouvrir { display: block; font-size: 10px; color: #E1016A; text-decoration: none; background: transparent url(../../images/pictoDecouvrir.gif) no-repeat; padding-left: 28px; height: 24px; line-height: 24px;} #blocFaireDecouvrir { width: 413px; border: 2px #bbb dotted; padding: 5px 15px 15px 15px; background-color: #fff; position: absolute; left: 300px; top: 200px; z-index: 5;} #blocFaireDecouvrir h4 { width: 413px; height: 22px; margin-bottom: 10px; background: transparent url(../../images/titreFaireDecouvrir.gif) no-repeat;} #blocFaireDecouvrir h4 span {display: none;} #blocFaireDecouvrir label {display: block; float: left; text-align: right; padding-right: 5px; width: 200px;} #blocFaireDecouvrir #blocSearchMail p {width: auto; line-height: 13px; margin-bottom: 10px;} #blocFaireDecouvrir #blocSearchMail .lineForm {width: 370px;} #blocFaireDecouvrir #blocSearchMail label {padding-left: 50px;} #blocFaireDecouvrir .btnFermer { display: block; text-align: right; text-decoration: none; margin-bottom: 10px;} /******************************************************************************* histoire */ #pageHistoire #mainContent h1 { width: 792px; height: 27px; margin-bottom: 25px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titreHistoire.gif) no-repeat;} #pageHistoire #mainContent h2 { background: transparent url(../../images/guillemetsA.gif) no-repeat; font-weight: normal; font-size: 14px; margin-bottom: 10px; height: 40px; padding-left: 40px; padding-top: 14px;} #pageHistoire #mainContent #fin { background: transparent url(../../images/guillemetsB.gif) no-repeat right top; width: 265px; height: 27px; position: relative; top: -15px;} #pageHistoire #mainContent p {margin-bottom: 10px;} #blocAffiches { background: transparent url(../../images/filet.gif) repeat-y; width: 400px; height: 600px; float: right; padding-left: 30px; margin-left: 30px; position: relative;} #blocAffiches h3 { width: 193px; height: 17px; margin-bottom: 20px; background: transparent url(../../images/titreAffiches.gif) no-repeat;} #blocAffiches h3 span {display: none;} .floatLeft {float: left; margin-right: 15px; margin-bottom: 5px;} .floatRight {float: right;} div#galerie {width: 400px;} ul#vignettes {list-style-type: none ; width: 300px; position: absolute; left: 30px; top: 490px;} ul#vignettes li {float: left; margin: 0 5px 0 0;} ul#vignettes li a img {border: 0;} dl#zoom { clear: both ; margin: 0 auto;} dl#zoom dt { margin-bottom: 10px; width: 287px; font-size: 11px; line-height: 12px;} /******************************************************************************* savoir-faire */ #pageSavoirFaire #mainContent { background: transparent url(../../images/cassis.jpg) no-repeat 0 33px; margin: 42px 0 0 0px; width: 792px; padding-left: 26px;} #pageSavoirFaire #mainContent h1 { width: 792px; height: 27px; margin-bottom: 25px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titreSavoirFaire.gif) no-repeat;} #pageSavoirFaire #mainContent h2 { color: #FBBF61; font-size: 18px; margin-bottom: 5px;} #pageSavoirFaire #mainContent h3 {font-size: 12px; } .margeH3 {padding-left: 170px; margin-bottom: 20px;} #pageSavoirFaire #mainContent p {margin-bottom: 10px;} .margeHaute {padding-top: 15px;} #pageSavoirFaire #zoneVideo {float: right; margin: 0 0 0 30px;} /******************************************************************************* engagement */ #pageEngagement #mainContent h1 { width: 792px; height: 32px; margin-bottom: 25px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titreEngagement.gif) no-repeat;} #pageEngagement #mainContent p {margin-bottom: 10px;} #btnEngagement { display: block; width: 245px; height: 65px; background: transparent url(../../images/btnEngagement.gif) no-repeat;} #btnEngagement span {display: none;} /*#pageAccueil #btnEngagement {position: absolute; left: 180px; top: 600px;} #pageSavoirFaire #btnEngagement {float: right; margin: 20px 0 0 20px;}*/ /******************************************************************************* actualités */ .pageActualites #mainContent h1 { width: 792px; height: 28px; margin-bottom: 30px; border-bottom: 1px #bbb dotted; background: transparent url(../../images/titreActualites.gif) no-repeat; padding-bottom: 5px;} .colActuA, .colActuB {float: left;} .colActuA {width: 500px; } .colActuB {width: 250px; padding-top: 5px; padding-left: 42px;} .pageActualites #blocSearchCocktail {width: 250px; margin-bottom: 30px;} .pageActualites #blocSearchCocktail h2 { width: 250px; height: 48px; background: transparent url(../../images/titreBlocCocktailActu.gif) no-repeat;} .pageActualites #blocSearchCocktail label {width: 80px; font-size: 11px;} .pageActualites #blocSearchCocktail select {width: 215px; margin-left: 15px;} .pageActualites #blocSearchCocktail fieldset {padding: 0;} .pageActualites #blocSearchCocktail .btnForm {margin-right: 0;} .pageActualites #animation {float: none; margin: 0 0 15px 10px;} #pageDetailActualites .btnRetour {float: right; margin-right: 300px; margin-top: 10px;} #blocNewsletter { width: 250px; margin-bottom: 30px;} #blocNewsletter h4 { width: 250px; height: 27px; margin-bottom: 10px; background: transparent url(../../images/titreNewsletter.gif) no-repeat;} #blocNewsletter h4 span {display: none;} #blocNewsletter p {font-size: 11px; line-height: 13px; margin-bottom: 10px;} #blocNewsletter label {padding: 0 5px;} #blocNewsletter .btnOK { width: 28px; height: 24px; margin-left: 10px; color: #866BFC; font-size: 10px; font-weight: bold; border: 0; background: transparent url(../../images/btnOK.gif) no-repeat;} /******************************************************************************* contact */ .coordonnees {float: right; font-size: 11px; line-height: 12px; font-size: 10px;} .pageContact #mainContent h1 { width: 142px; height: 27px; margin-bottom: 15px; background: transparent url(../../images/titreContact.gif) no-repeat;} .pageContact #mainContent p {margin-bottom: 10px;} fieldset {border: 1px #bbb dotted; padding: 10px 15px; margin-bottom: 10px;} fieldset legend {padding: 0 10px; font-size: 14px; color: #7BCAB7; background-color: #fff;} .pageContact #blocForm {background: transparent url(../../images/bgContact.jpg) no-repeat left bottom;} #blocSearchMail p, #blocSearchMail .lineForm {float: left;} #blocSearchMail p {width: 470px; padding-right: 20px;} #blocSearchMail .lineForm {background-color: #F5F3FF; width: 260px; padding: 5px 0 5px 10px;} #blocSearchMail .lineForm label {font-weight: bold;} #blocSearchMail .lineForm input {margin-left: 5px;} #blocSearchMail label {display: inline !important; width: auto !important;} #blocSearchMail .btnForm {padding-left: 0 !important; text-align: center !important;} .obligatoire {font-weight: bold;} .mentions {font-size: 10px; line-height: 12px;} .pageContact fieldset label {display: block; width: 300px; padding-right: 5px; float: left; text-align: right;} .pageContact fieldset textarea {width: 300px;} .pageContact fieldset .marge {padding-left: 130px;} .pageContact fieldset .marge label {display: inline; width: auto; float: none; position: relative; top: 2px;} .pageContact #mainContent .btnForm {padding-left: 305px; text-align: left;} .pageContact #typeVisiteur label {display: inline; width: auto; padding-right: 10px;} .pageContact #typeVisiteur select {list-style: none; margin-left: 270px;} .pageContact #typeVisiteur input {float: left; margin-right: 5px;} .pageContact #typeVisiteur select {width: 150px;} /*************** dépot de recette */ #blocDepotRecette { border: 2px #bbb dotted; padding: 10px; margin: 0 130px 10px 100px;} #blocDepotRecette h2 {font-size: 16px; margin-bottom: 10px; font-weight: normal; color: #7BCAB7;} #blocDepotRecette label {width: 188px;} #pageDepotRecette #mainContent h1, .pageDepotRecette #mainContent h1 { background: transparent url(../../images/titreDepotRecette.gif) no-repeat; width: 325px; height: 34px;} /***** confirmation */ #pageConfirmation #mainContent p, #pageConfCocktails #mainContent p { border: 1px #bbb dotted; height: 120px; padding: 30px 15px 0 15px; background: transparent url(../../images/bgConfirmation.jpg) no-repeat right bottom;} #pageConfirmation #mainContent, #pageConfCocktails #mainContent {height: 550px;} #pageConfirmation a.btnRetour, #pageConfCocktails a.btnRetour {width: 150px; margin-top: 50px;} /******************************************************************************* partenaires */ #pagePartenaires #mainContent h1 { width: 792px; height: 27px; margin-bottom: 30px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titrePartenaires.gif) no-repeat;} #pagePartenaires h2 {font-size: 15px; } #pagePartenaires h2 a {text-decoration: none; color: #666;} .blocPartenaire { border-bottom: 1px #bbb dotted; padding-bottom: 10px; margin-bottom: 10px;} .blocPartenaire a {} .blocPartenaire img {border: 0;} .blocPartenaire .lnkImage { display: block; float: left; padding-right: 20px; width: 220px; text-align: right; } .blocPartenaire .desc {width: 500px; float: left;} .blocPartenaire .lnk { padding-left: 20px; text-decoration: none; background: transparent url(../../images/flecheSuite.gif) no-repeat 0 2px;} /******************************************************************************* mentions légales */ #pageMentions #mainContent h1 { width: 792px; height: 35px; margin-bottom: 30px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titreMentions.gif) no-repeat;} #pageMentions #mainContent dl {width: 50%; float: left; margin-bottom: 20px;} #pageMentions #mainContent dt {font-weight: bold;} #pageMentions #mainContent h2 {color: #E1046C; font-size: 14px; font-weight: normal;} #pageMentions #mainContent p {margin-bottom: 10px;} #pagePlan #mainContent h1 { width: 792px; height: 35px; margin-bottom: 30px; border-bottom: 1px #bbb dotted; padding-bottom: 5px; background: transparent url(../../images/titrePlan.gif) no-repeat;} #pagePlan #mainContent ul {list-style: none;} #pagePlan #mainContent ul li { background: transparent url(../../images/flecheSuite.gif) no-repeat 80px 2px; padding-left: 100px; } #pagePlan #mainContent ul li a { font-weight: bold; text-decoration: none; color: #666; margin-bottom: 10px; display: block; font-size: 14px;} #pagePlan #mainContent ul li a:hover {color: #886EFC;} #pagePlan #mainContent ul li ul li {padding-left: 0; background-image: none;} #pagePlan #mainContent ul li ul li a {font-weight: normal; font-size: 12px; margin-bottom: 5px;} .colPlanA, .colPlanB, .colPlanC {width: 250px; float: left;} /*******************************************************************************Menu déroulant cocktail */ .categPdm {background-color: #eee; font-weight: bold; color: #E1046C;} .validation-advice {color: #cc0000; font-weight: bold; padding-left: 5px; display: block; text-align: center;}