body{background:#000 url(../images/bg_fd01.jpg) no-repeat; padding-top:50px} #conteneur{position:relative; width:930px; margin:0 auto; background:#472E1D} H1.hometitre{background:url(/images/logo.png) no-repeat; width:191px; height:66px; position:absolute; top:20px; left:20px; z-index:5} H1.hometitre a{display:block; height:65px; width:200px} H1.hometitre span{display:none} .textfdnoir, .textfdnoir a{color:#D0B184; font-size:11px; text-align:center} .textfdnoir a{background:#472E1D} .textfdnoir a:hover span span{background:#472E1D} H1.titrepage{font-size:20px; margin:40px 0 0 40px} #contenu{ width:100%; position:relative; z-index:6} /* Début Filariane */ #filariane{position:absolute; left:230px; top:120px; z-index:8; color:#A2B33E} #filariane a{color:#A2B33E} /* début SLIDER SCROLL */ #barreslide{position:relative; width:580px; margin-top:20px} #barreslide #contentMask{overflow: hidden; position: absolute; left: 55px; top: 0px; width: 500px; height: 250px; clip: rect(0pt, 500px, 240px, 0pt); z-index: 6;} #barreslide #contentMask #content{position: absolute; left: 0; top: 0px; width: 500px;} #barreslide #up{position: absolute; right: 2px; top: 76px; z-index: 2; cursor: pointer;} #barreslide #track{position: absolute; right: 0; top: 90px; z-index: 3;} #barreslide #down{position: absolute; right:7px; top: 200px; z-index: 5; cursor: pointer;} #barreslide #up{background:url(/images/slider/up.png) no-repeat; width:21px; height:21px} #barreslide #down{background:url(/images/slider/down.png) no-repeat; width:21px; height:21px} #barreslide #drag{background:url(/images/slider/drag.png) no-repeat; width:30px; height:30px;} #barreslide #track{background:url(/images/slider/track.png) no-repeat; width:21px; height:110px;} .diaporama *{border:0; margin:0; padding:0} .diaporama a{float:left; display:inline; margin:0; padding:0; margin-left:5px} /* fin SLIDER SCROLL */ #conteneur #bulles{position:absolute; background:url(/images/bg-backbulle.png); width:133px; height:94px; top:65px; left:110px; z-index:4} #conteneur #feuille1{position:absolute; background:url(/images/bg-feuille1.png) no-repeat; width:230px; height:110px; bottom:-30px; left:-20px; z-index:5} #conteneur #feuille{position:absolute; background:url(/images/bg-feuille.png); width:366px; height:194px; top:0; right:0; z-index:4} #conteneur #contenu{z-index:3; position:relative; height:460px} #backarrbs{position:absolute; background:url(/images/bg-backarr.png); width:29px; height:29px; bottom:0px; left:0; z-index:4} #backarrhg{position:absolute; background:url(/images/bg-backhg.png) no-repeat; width:260px; height:226px; top:0; left:0; z-index:2} #backarrhd{position:absolute; background:url(/images/bg-backhd.png) no-repeat; width:33px; height:273px; top:0; right:0; z-index:2} #backmenucote{position:absolute; background:url(/images/bg-backg.png) no-repeat; width:159px; height:375px; top:85px; left:0; z-index:2} #fondcentre{position:absolute; background:url(/images/bg-backc.png); width:631px; height:323px; top:120px; left:155px; z-index:3} /* début DECORS */ /* debut du menu gauche */ #menugauche{overflow:hidden; position:relative; width:155px; text-align:left; margin-top:120px; float:left} #menugauche li ul{display:none; padding-bottom:1px} #menugauche li a{font-size:12px; display:block; width:155px; color:#fff; padding-left:15px; background:#A84B45} #menugauche li li a{font-size:10px; display:block; line-height:1.3em; font-weight:normal; padding:1px 0 1px 15px; width:155px; background:#AD7253; color:#DDC6B9} /* activation d'une rubrique */ #menugauche li span{ background:#AD7253 url(/images/puces/bg-carre01.gif) no-repeat 15px 50%; display:block; font-size:11px; color:#fff; padding:2px 0 2px 30px; text-transform:uppercase; font-weight:bold; letter-spacing:0.1em} #menugauche li li span{background:#AD7253 url(/images/puces/bg-carre01.gif) no-repeat 97% 7px; font-size:9px; padding:4px 17px 4px 0; text-align:right; font-weight:normal; letter-spacing:0.05em} #menugauche li span.new{font-size:9px; color:#C3003F; display:inline; background:none; padding:0; text-transform:lowercase} #menugauche li.actif ul{display:block; background:#CCCC66;overflow:hidden; width:100%} #menugauche li{display:block; width:100%; float:left} #menugauche li a.actif{background:#666633; width:100%; color:#fff} /* Hovers */ #menugauche li li a:hover{color:#fff} #menugauche li a:hover{color:#fff; background:#91403C} #filariane{top:3px; left:80px} #filariane a, #filariane{font-size:9px; color:#112706} #filariane a{text-decoration:underline} #filariane span{font-size:10px; font-weight:bold; color:#112706} hr{display:none} #debordHG{width:100px; height:100px; position:absolute; right:-40px; top:-40px; z-index:5; background:url(/images/bg-feuilleHD.png)} #debordHD{width:100px; height:100px; position:absolute; top:-40px; z-index:5; left:-30px; background:url(/images/bg-feuilleHG.png)} #debordBG{width:100px; height:100px; position:absolute; bottom:-30px; z-index:5; left:-40px; background:url(/images/bg-feuilleBG.png)} /* Début Bloc actualités */ #actusHOME{position:absolute; width:135px; right:0; bottom:0; height:228px; font-size:10px; color:#9C8970; text-align:left; padding-left:15px} #actusHOME *{margin:0; padding:0; line-height:1.0em} #actusHOME .salons{font-size:20px; color:#fff} #actusHOME .mois{font-size:24px; color:#fff} #actusHOME .titre{font-size:12px; padding-top:8px; font-weight:bold} #actusHOME .date{font-size:10px; padding-top:5px; font-weight:bold; color:#C8BDAE} #actusHOME .descri{font-size:12px; margin-top:5px; color:#C8BDAE} #actusHOME .horaires{font-size:10px; margin-top:10px; overflow:hidden; width:100%; position:relative} #actusHOME .horaires p{margin-top:4px; overflow:hidden} #actusHOME .horaires span {float:left; display:inline; margin:0; width:10px} #actusHOME .horaires .descridate{width:120px} #actusHOME .horaires a {font-size:10px; color:#fff; text-decoration:underline; line-height:1.5em} /* Fin Bloc actualités */ #bottom a,#bottom{color:#fff; font-size:11px; color:#936F37} #bottom a:hover{text-decoration:underline; color:#D0B184} #central{overflow:hidden; position:relative; float:left; width:631px; margin-top:105px; text-align:left} #central .contenu{position:relative; background:#fff; height:323px; width:100%; border:5px solid #D0EA9F; border-width:1px 1px 0 0} /* Confi de pge en noir */ #central.noir .contenu{background:#000; height:340px} #central.noir .textfdnoir{display:block; padding:25px 210px 0 75px} #central.noir .contenu .textfdnoir a{display:block; text-align:center;background:none} #central.noir .contenu .textfdnoir span span{text-decoration:underline} #central.noir .contenu .textfdnoir a:hover span{;background:none} #central.noir #filariane, #central.noir #filariane a{color:#484848} #central.noir #filariane a:hover{color:#7E7E7E} #central.noir .titrepage{color:#fff} /* début DECORS */ #imagehomefond div{width:100%; height:273px; top:0; right:0} #imagehomefond .FDhome9{position:absolute; background:url(/images/bg-img09.jpg) 0 0 no-repeat} #imagehomefond .FDhome10{position:absolute; background:url(/images/bg-img10.jpg) -30px -20px no-repeat} #imagehomefond .FDhome11{position:absolute; background:url(/images/bg-img11.jpg) -90px -20px no-repeat} #imagehomefond .FDhome12{position:absolute; background:url(/images/bg-img12.jpg) -90px no-repeat} #imagehomefond .FDhome1{position:absolute; background:url(/images/bg-img01.jpg) no-repeat} #imagehomefond .FDhome2{position:absolute; background:url(/images/bg-img01.jpg) no-repeat} #imagehomefond .FDhome3{position:absolute; background:url(/images/bg-img03.jpg) no-repeat} #imagehomefond .FDhome4{position:absolute; background:url(/images/bg-img04.jpg) no-repeat} #imagehomefond .FDhome5{position:absolute; background:url(/images/bg-img05.jpg) no-repeat} #imagehomefond .FDhome6{position:absolute; background:url(/images/bg-img06.jpg) no-repeat} #imagehomefond .FDhome7{position:absolute; background:url(/images/bg-img07.jpg) no-repeat} #imagehomefond .FDhome8{position:absolute; background:url(/images/bg-img08.jpg) no-repeat} #actusHOME .txttitrehome03 p.salons{color:#1E1413} #actusHOME .txttitrehome04 p.salons{color:#1E1413} #actusHOME .txttitrehome05 p.salons{color:#F1DADC} #actusHOME .txttitrehome06 p.salons{color:#DB9DA2} #actusHOME .txttitrehome07 p.salons{color:#DB9DA2} #actusHOME .txttitrehome08 p.salons{color:#DB9DA2} #bottom{position:relative; width:700px; margin:0 auto} #bottom .menuderoulant1, #bottom .menuderoulant2{display:none; position:absolute; bottom:16px; left:40px; z-index:10; background:#936F37; padding:20px 10px 10px 10px; text-align:left; width:611px; height:150px} #bottom .menuderoulant1 a, #bottom .menuderoulant2 a{color:#D0B184} #bottom .menuderoulant1 a:hover, #bottom .menuderoulant2 a:hover{color:#E8D9C1} #bottom .btfermer, #bottom .btfermer1{position:absolute; right:10px; top:0; font-size:9px; color:#472E1D} #bottom .btfermer span, #bottom .btfermer1 span{font-weight:bold; font-size:15px} #bottom .actif{color:#D0B184} #sliderContent a{position:relative; float:left; display:inline; height:81px; width:124px; margin-right:15px; border:2px solid #472e1d} #sliderContent .dantan{background:url(/images/diaporamas/vigns/dantan.jpg) no-repeat} #sliderContent .aubevigne{background:url(/images/diaporamas/vigns/aubevigne.jpg) no-repeat} #sliderContent .vendanges2008{background:url(/images/diaporamas/vigns/vendanges.jpg) no-repeat} #sliderContent a span{position:absolute; bottom:-17px; display:block} #sliderContent a:hover{border:2px solid #E8D9C1; text-decoration:none} #bottom .menuderoulant2{color:#C8BDAE; font-size:10px; background:#472E1D; border:0; height:325px} #sliderContent.actus div{margin:0 0 10px 50px} #sliderContent.actus .mois{font-size:13px; font-weight:bold; margin:5px 0 0 25px} #sliderContent.actus .horaires{color:#9C8970; margin-left:10px} #pageerreur {margin-top:120px} #pageerreur *{color:#fff}