/*Taille du contenu obligatoirement en font-size: 12px;*/

body#vin { margin:0; padding:0; background:url(../images-vins/bg1.gif) bottom repeat-x #93b723;}
img { border:none; }
div, td { font-family:"tahoma", Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color: #000;}
table{border-collapse: collapse; }
.clear { clear:left;}
.clear2 { clear:both;}
ul li { list-style-type:none;}



#wrapper { width:100%; background:url(../images-vins/bg2.gif) top repeat-x;}
#wrap { width:900px; margin:0 auto;}
#top { width:900px; height:501px; overflow:hidden; background:url(../images-vins/bg_top.jpg) 0 0 no-repeat;}
#top-left { width:354px; float:left; padding-top:195px }


#anim { width:546px; overflow:hidden; float:left;}
#menu-top { width: 546px; padding:10px 0 41px 0;}


#animation { width:542px; height:376px; overflow:hidden; padding:0 4px 0 0; margin:0;}
#flash { width:542px; height:376px; overflow:hidden;}


#menu { width:810px; height:40px; overflow:hidden; margin:0 44px; padding:0;}
#menu ul { list-style-type:none; list-style-image:none; margin:0; padding:0;}
#menu ul li { float:left; overflow:hidden;}
#menu ul li a { display:block; height:80px;}
#menu ul li a:hover { margin-top:-40px;}
.mn1 { width:135px;}
.mn2 { width:120px;}
.mn3 { width:155px;}
.mn4 { width:130px;}
.mn5 { width:130px;}
.mn6 { width:140px;}

#main-tab { width:900px; background:url(../images-vins/bgmain.jpg) repeat-y;}
#main { width:900px; background:url(../images-vins/top-back.gif) 0 0 no-repeat;}
#main-content { width:900px; background:url(../images-vins/foot-back.gif) bottom left no-repeat; padding:25px 0 10px 0; }
#left { width:260px; float:left; text-align:center;}

#titre { width:260px; height:65px; overflow:hidden;}
#photo-left { width:185px; height:328px; overflow:hidden; background:url(../images-vins/bg-foto1.gif) 0 0 no-repeat; padding:12px 10px 10px 10px; margin:15px 20px 0 35px;}
.photo1 { border-bottom:1px solid #fff;}
#right { width:600px; float:left;}
#tab-right { width:600px;}
.text { padding:35px 25px; text-align:left;}
.text a { color:#5d5d54; text-decoration:none;}
.photor { width:145px; float:left; text-align:left;}
.photor img { border:3px solid #879c3d; margin-bottom:5px;}
#footer { width:900px; background:url(../images-vins/bg-foot.gif) 0 0 no-repeat; color:#000; text-align:center; padding:20px 0;}
#footer a { color:#000; text-decoration:none; padding:0 2px;}
#footer img { margin:5px 0;}
.plan { width:550px; overflow:hidden; margin:25px; text-align:center; }
.plan a { color:#000; text-decoration:none;}
/*PAGES MENTIONS LEGALES*/
#mentions p{margin: 10px 0 20px 40px;}

#rubrique { width:150px; overflow:hidden; margin:10px auto 0 auto; text-align:center; }
#rubrique ul { margin:0; padding:0; list-style-type:none; text-align:center; }
#rubrique ul li { width:150px; float:left; }
#rubrique ul li a { display:block; width:150px; height:20px; color:#fff; font-size:14px;font-family:Helvetica, Arial, Helvetica, sans-serif; background:#89aa21; border-bottom:1px dotted #fff;  text-align:center; }
#rubrique ul li a:hover { color:#fff; text-decoration:none; background:#add852; font-weight:bold; }
/*sous menu*/
#rubrique ul li ul { display:none; }
#rubrique ul li:hover ul { display:inline; text-align:center; background:#fff;}
#rubrique ul li ul li a { color:#89aa21; font-size:12px; background:#fff; }
#rubrique ul li:hover ul li a:hover { color:#add852;  background:#fff;}


/*sous menu pour IE6*/
#rubrique li:hover ul ul, #rubrique li:hover ul ul ul, #rubrique li.sfhover ul ul, #rubrique li.sfhover ul ul ul {display:none;}
#rubrique li:hover ul ul, #rubrique li:hover ul ul ul, #rubrique li.sfhover ul ul, #rubrique li.sfhover ul ul ul {display:none;}

#rubrique li:hover ul, #rubrique li li:hover ul, #rubrique li li li:hover ul, #rubrique li.sfhover ul, #rubrique li li.sfhover ul, #rubrique li li li.sfhover ul {display:inline;}

.bout { border: 1px dashed #89aa21; padding-bottom: 10px; margin:7px; width: 500px; float:left;}
.foto-bout { float: left; width: 140px; }
.foto-bout img {border: 1px solid #add852;margin:5px;}
.desc-bout { float: left; width: 350px; }
.desc-bout strong {margin-left:5px;}
.desc-bout img {margin-left:5px; float:right;}

.bout-right { float: right; width: 400px; }
.btn { margin: 25px 0; }
.btn a { float: left; margin: 0 25px; }
.txt-bout { text-align: justify; line-height: 18px; }
.txt-bout li { list-style-type: square; }

#btn {width:260px;text-align:center;margin-right:30px;}
#btn img {margin:3px 5px;}