/* @override http://www.vins-centre-loire.com/inc/root.css */ body { background-color: #f1f1d0; margin: 5px 0 0; } #conteneur { font-family: "Lucida Grande", Verdana, Lucida, serif; margin: auto; width: 995px } #tete, #tete1, #tete2, #tete3, #tete4, #tete5, #tete6, #tete7 { background-repeat: no-repeat; background-position: 0 0; width: 995px; height: 155px } #tete {background-image:url(../im/tete.jpg)} #tete1 {background-image:url(../im/teteSancerre.jpg)} #tete2 {background-image:url(../im/tetePouilly.jpg)} #tete3 {background-image:url(../im/teteMenetou.jpg)} #tete4 {background-image:url(../im/teteQuincy.jpg)} #tete5 {background-image:url(../im/teteReuilly.jpg)} #tete6 {background-image:url(../im/teteCoteaux.jpg)} #tete7 {background-image:url(../im/teteChateau.jpg)} #corp { background-image: url(../im/corp.gif); background-repeat: repeat-y; width: 995px } #pied { background-image: url(../im/pied.gif); background-repeat: no-repeat; background-position: 0 0; width: 995px; height: 15px } #colDroite { float: left; width: 195px; height: auto } #colGauche { float: left; width: 195px; height: auto } #colCentre { color: black; font-size: 12px; background-color: white; float: left; margin: 0; width: 605px ; padding: 0; } #contenu { margin: 15px } #contenu a, #contenu a:visited { color: #336; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #d3d3f1 } #contenu a:hover { color: white; text-decoration: none; background-color: #336; border-bottom: 1px solid #8f8fba } #contenu h1 { color: #cf0; font-weight: normal; font-size: 18px; background-color: #333; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; margin-top: 20px; margin-bottom: 15px; padding: 4px 6px; display: inline } #contenu h2 { color: #e5811d; font-weight: bold; font-size: 16px; border-bottom: 1px dotted #ebd5bf } #contenu h3 { } #contenu h4 { color: #8b212d; font-weight: bold; font-size: 14px; margin-top: 12px; margin-bottom: 4px } .photoGC { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 } .photoG { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 } .photoDC { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 } .photoD { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d } .dates { color: #ee7900; font-weight: bold; margin-top: 0; padding-top: 0 } .soustitre { font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; padding-left: 3px } .tarif { font-weight: bold; background-color: #eef1af; text-align: center; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px } .petit { font-size: 10px; font-family: Tahoma, Arial, sans-serif } .lightbox { text-align: center; margin: 5px 0; padding: 0; border-style: solid; border-width: 1px; border-color: #d5d59f #fff #fff #d5d59f } .parag { margin-top: 10px; margin-bottom: 5px } .parag h4 { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #d5ba72 } .parag h5 { color: #936700; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px } .lien { padding-bottom: 5px } .titreGros { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee7900 } .titre { color: black; text-align: center; margin-top: 0px; margin-bottom: 10px; padding: 4px; border: solid 3px silver } /* Boutons colonne gauche */ #drapeau { background-image: url(../im/langue_gb.gif); background-position: 10px 0; width: 150px; height: 21px; display: block; text-indent: -2000px; } #colGauche ul { width: 190px; margin: 0 0 0 5px; padding: 0; } #colGauche li { text-indent: -2000px; width: 190px; margin: 0; padding: 0; list-style-type: none; } #colGauche li.btg1 a { background-image: url(../im/g1.gif); width: 190px; height: 36px; display: block } #colGauche li.btg2 a { background-image: url(../im/g2.gif); width: 190px; height: 48px; display: block } #colGauche li.btg3 a { background-image: url(../im/g3.gif); width: 190px; height: 48px; display: block } #colGauche li.btg4 a { background-image: url(../im/g4.gif); width: 190px; height: 36px; display: block } #colGauche li.btg5 a { background-image: url(../im/g5.gif); width: 190px; height: 36px; display: block } #colGauche li.btg6 a { background-image: url(../im/g6.gif); width: 190px; height: 36px; display: block } #colGauche li.btg7 a { background-image: url(../im/g7.gif); width: 190px; height: 36px; display: block } #colGauche li.btg8 a { background-image: url(../im/g8.gif); width: 190px; height: 36px; display: block } #colGauche li.btg9 a { background-image: url(../im/g9.gif); width: 190px; height: 37px; display: block } #colGauche li.btg1s a { background-image: url(../im/g1.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg2s a { background-image: url(../im/g2.gif); background-position: right 0; width: 190px; height: 48px; display: block } #colGauche li.btg3s a { background-image: url(../im/g3.gif); background-position: right 0; width: 190px; height: 48px; display: block } #colGauche li.btg4s a { background-image: url(../im/g4.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg5s a { background-image: url(../im/g5.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg6s a { background-image: url(../im/g6.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg7s a { background-image: url(../im/g7.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg8s a { background-image: url(../im/g8.gif); background-position: right 0; width: 190px; height: 36px; display: block } #colGauche li.btg9s a { background-image: url(../im/g9.gif); background-position: right 0; width: 190px; height: 37px; display: block } #colGauche li.btg1 a:hover, #colGauche li.btg2 a:hover, #colGauche li.btg3 a:hover, #colGauche li.btg4 a:hover, #colGauche li.btg5 a:hover, #colGauche li.btg6 a:hover, #colGauche li.btg7 a:hover, #colGauche li.btg8 a:hover, #colGauche li.btg9 a:hover { background-position: 380px 0; } #colGauche li.btg1s a:hover, #colGauche li.btg2s a:hover, #colGauche li.btg3s a:hover, #colGauche li.btg4s a:hover, #colGauche li.btg5s a:hover, #colGauche li.btg6s a:hover, #colGauche li.btg7s a:hover, #colGauche li.btg8s a:hover, #colGauche li.btg9s a:hover { filter: alpha(opacity=50); opacity: .5; } #colGauche .logos { margin: 0 0 0 5px } /* Boutons colonne droite */ #colDroite ul { width: 190px; margin: 0; padding: 0; } #colDroite li { text-indent: -2000px; width: 190px; margin: 0; padding: 0; list-style-type: none; } #colDroite li.btd1 a, #colDroite li.btd1s a, #colDroite li.btd2 a, #colDroite li.btd2s a, #colDroite li.btd3 a, #colDroite li.btd3s a, #colDroite li.btd4 a, #colDroite li.btd4s a, #colDroite li.btd5 a, #colDroite li.btd5s a, #colDroite li.btd6 a, #colDroite li.btd6s a, #colDroite li.btd7 a, #colDroite li.btd7s a { width: 190px; height: 66px; display: block } #colDroite li.btd1 a, #colDroite li.btd1s a { background-image: url(../im/d1.jpg) } #colDroite li.btd2 a, #colDroite li.btd2s a { background-image: url(../im/d2.jpg) } #colDroite li.btd3 a, #colDroite li.btd3s a { background-image: url(../im/d3.jpg) } #colDroite li.btd4 a, #colDroite li.btd4s a { background-image: url(../im/d4.jpg) } #colDroite li.btd5 a, #colDroite li.btd5s a { background-image: url(../im/d5.jpg) } #colDroite li.btd6 a, #colDroite li.btd6s a { background-image: url(../im/d6.jpg) } #colDroite li.btd7 a, #colDroite li.btd7s a { background-image: url(../im/d7.jpg) } #colDroite li.btd1s a { background-image: url(../im/d1.jpg); background-position: right 0; width: 190px; height: 66px; display: block } #colDroite li.btd1 a:hover, #colDroite li.btd1s a, #colDroite li.btd2 a:hover, #colDroite li.btd2s a, #colDroite li.btd3 a:hover, #colDroite li.btd3s a, #colDroite li.btd4 a:hover, #colDroite li.btd4s a, #colDroite li.btd5 a:hover, #colDroite li.btd5s a, #colDroite li.btd6 a:hover, #colDroite li.btd6s a, #colDroite li.btd7 a:hover, #colDroite li.btd7s a, #colDroite li.btd8 a:hover, #colDroite li.btd8s a, #colDroite li.btd9 a:hover { background-position: -190px 0; } #colDroite li.btd1s a:hover, #colDroite li.btd2s a:hover, #colDroite li.btd3s a:hover, #colDroite li.btd4s a:hover, #colDroite li.btd5s a:hover, #colDroite li.btd6s a:hover, #colDroite li.btd7s a:hover { filter: alpha(opacity=70); opacity: .7; } /* Boutons bas */ #bas ul { margin: 0; padding: 0; } #bas li { text-indent: -2000px; width: 95px; height:50px; margin: 0; padding: 0; list-style-type: none; float: left } #bas li.btb1 a, #bas li.btb1s a, #bas li.btb2 a, #bas li.btb2s a, #bas li.btb3 a, #bas li.btb3s a, #bas li.btb4 a, #bas li.btb4s a, #bas li.btb5 a, #bas li.btb5s a, #bas li.btb6 a, #bas li.btb6s a { width: 95px; height: 50px; display: block } #bas li.btb1 a, #bas li.btb1s a { background-image: url(../im/b1.gif) } #bas li.btb2 a, #bas li.btb2s a { background-image: url(../im/b2.gif) } #bas li.btb3 a, #bas li.btb3s a { background-image: url(../im/b3.gif) } #bas li.btb4 a, #bas li.btb4s a { background-image: url(../im/b4.gif) } #bas li.btb5 a, #bas li.btb5s a { background-image: url(../im/b5.gif) } #bas li.btb6 a, #bas li.btb6s a { background-image: url(../im/b6.gif) } #bas li.btb1 a:hover, #bas li.btb1s a, #bas li.btb2 a:hover, #bas li.btb2s a, #bas li.btb3 a:hover, #bas li.btb3s a, #bas li.btb4 a:hover, #bas li.btb4s a, #bas li.btb5 a:hover, #bas li.btb5s a, #bas li.btb6 a:hover, #bas li.btb6s a { background-position: 0 -50px; } #bas li.btb1s a:hover, #bas li.btb2s a:hover, #bas li.btb3s a:hover, #bas li.btb4s a:hover, #bas li.btb5s a:hover, #bas li.btb6s a:hover { filter: alpha(opacity=70); opacity: .7; } #bas { margin-top: 20px; padding-top: 10px; padding-left: 10px; border-top: 1px solid #808080; } /* typos */ .v09 { font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .v10, .petit { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .v11 { font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .v12 { font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .v14 { font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .vb09 { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 5pt } .gris { color: silver } .centrer {text-align:center} /* photos */ .photoGC { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 } .photoG { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 } .photoDC { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 } .photoD { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d } /* tableaux */ table.tabl1{font-size: 10px;font-family: Verdana,Arial,Helvetica,sans-serif;margin: 0;padding: 0;border: solid 2px #c0a159;border-collapse: collapse;margin-left:auto;margin-right:auto;} table.tabl1 th{color: white;font-size: 12px;font-weight: bold;background-color: #980c00;text-align: center;margin: 0;padding: 2px;border-width: 0;} table.tabl1 tr.l1{background-color: #fff8e6;} table.tabl1 tr.l2{background-color: #ffeec2;} table.tabl1 td{border: solid 1px #c0a159;padding: 2px } table td.td1 {background-color: #ffeec2;color:#980c00; text-align:right;font-weight: bold; padding:4px} table.tabl2 { font-size: 12px; font-family: Georgia, serif; margin: 5px auto; padding: 0; border: 0; border-collapse: collapse } table.tabl2 th { font-weight: bold; background-color: white; text-align: center; margin: 0; padding: 6px; border-style: none none solid none; border-width: 0 0 1px 0; border-color: #f6efdd } table.tabl2 td { padding: 6px; border-style: none none solid none; border-width: 0px 0px 1px 0px; border-color: #f6efdd } /* appellations */ .introAppel { font-size: 15px; font-family: Georgia, "Times New Roman", serif; margin-left: 20px } .introAppel h1 { color: #cf0; font-weight: normal; font-size: 18px; font-family: Verdana, Arial, sans-serif; background-color: #333; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; margin-bottom: 15px; padding: 4px 6px; display: inline } p.abus { text-align: center; padding-left: 16px; padding-right: 12px; font-size: 9px; color: gray; }