/****************************************************************************
/                                                                           /
/                       wWWWW     wMMMM     mMMMM                           /
/              WWWWW   wwwWWWW   wwwMMMM   mmmMMMM                          /
/                WWWWwwww  WWWWwwww  MMMMMmmm  MMMM                         /
/                 WWWWww    WWWWww    MMMMmm    MMMMM                       /
/                  WWWw      WWWw      MMMm                                 /
/                                                                           /
/                     http://www.webmister.fr                               /
/                                                                           /
/                                                                           /
/                                                                           /
/  Copyright 2007 by Lilian Thomas.                                         /
/  Visit http://www.webmister.fr                                            /
/  Last update: 2007, by Lilian THOMAS 4 webmister.fr.                      /
/                                                                           /
/  Copyright include basic HTML tags, PHP, JavaScript & CSS scrpit          /
/  including links and images.                                              / 
/                                                                           /
****************************************************************************/

body, pre{
  font-family:  Arial, Helvetica,Verdana, sans-serif;
  }
body {color: #FFF;
  background-color:#B8B2A1;
}
img{
  border:0px;
  }
.logo{
  display:none;
  z-index:500;
}
#englobe{
  display:block;
  width:805px;
  height:506px;
  position: absolute;
  "\"}\""; /* parsing bug */                    
  margin-top: -245px;
  top:47%;
  margin-left: -397px;
  left:50%;
}
#englobe2{
  display:block;
  width:912px;
  height:570px;
  position: absolute;
  "\"}\""; /* parsing bug */                    
  margin-top: -260px;
  top:47%;
  margin-left: -456px;
  left:50%;
}
.maison{
  background:#FFF url(fond_logo_maison.gif);
  }
  
#macie{display:none;}
 /* Montre  safari-Mac  */
 .contact table tr td{ 
  line-height:5px
}
 / Montre  IE-Mac \*/ 
#macie{
   position: absolute;
  display: block;
  width:100%;
  text-align:center;
  z-index:900;
  background-color:#FFFFFF;
  color:#CC0000;
  padding:10px;
  }/* fin */
#nav,#page,#page2,#page3{
  margin-left:325px;
  *margin-left:315px
  }  
#nav{
display:block;
height:74px; 
margin-top:30px;
}
 #nav table{ height:50px;
margin:0px;
padding:0px;
 }
  #nav table tr td{ height:30px;
margin:0px;
padding:0px;
 }
.menu{float:left;}
#td0{margin-right:50px;}
#td1{margin-right:50px;}
#td2{margin-right:42px;}
#td3{margin-right:41px;}
#td4{margin-right:14px;}
.en #td0{margin-right:30px;}
.en #td1{margin-right:30px;}
.en #td2{margin-right:28px;}
.en #td3{margin-right:31px;}
.en #td4{margin-right:13px;}
#dynamenu33{
display:block;
height:40px;}
#page,#page2{
  display:block;
  height:354px;
}
a{ text-decoration:none; border:O; color:#1B303B;}
.page{
  background:#7A899F;
}
div.cuvee {
  background:#B0A389;
}
div.presse {
  background:#A06159;
}
 div.contact{
  background:#B5B9A4;
} 
span.hide{
  display:none; 
}
h2.left{
  display:block;
  height:45px;
  width:350px;
  margin:25px 0 15px 0;
  padding:0;
}
#presidente{
  background:url(t_presidente.gif) no-repeat left;
}
#president{
  background:url(t_president.gif) no-repeat left;
}
#historique{
  background:url(t_historique.gif) no-repeat left;
}
#history{
  background:url(t_history.gif) no-repeat left;
}
#alexandre{
  background:url(t_alexandre.gif) no-repeat left;
}
#brut{
  background:url(t_brut.gif) no-repeat left;
}
#blanc{
  background:url(t_blanc.gif) no-repeat left;
}
#perle{
  background:url(t_perle.gif) no-repeat left;
}
#rose{
  background:url(t_rose.gif) no-repeat left;
}
#milesime{
  background:url(t_milesime.gif) no-repeat left;
}
#contact{
  background:url(t_contact.gif) no-repeat left;
}
#presse{
  background:url(t_presse.gif) no-repeat left;
  margin-bottom:0px!important;
}
#press{
  background:url(t_press.gif) no-repeat left;
  margin-bottom:0px!important;
}
#image {
  display: block;
  position: absolute;
  z-index: 5;
  bottom:25px;
 /* margin-top: -112px;
   *margin-top: -100px; */
  margin-left: 235px;
  border:0px;
  overflow: hidden;
}
#vignette {
  display: block;
  position: absolute;
  z-index: 5;
  top:128px;
 /* margin-top: -112px;
   *margin-top: -100px; */
  right:0px;
  *right:10px;
  overflow: hidden;
}
#vide {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}
 .vid0, .vid2, .vid3, .vid4, .vid5, .vid6, .vid7{ 
  top:195px;
  left:55px;
  *left:60px;
  }
.vid8{ 
  top:-30px;
  left:135px;
  *left:140px;
  }
.vid9, .vid10, .vid11, .vid12, .vid13, .vid14{ 
  top:205px;
  left:125px;
  *left:130px;
  }
.left{
  float:left;
  }
.right{
  float:right;
  }
.bloc{
  display:block;
  height:25px;
  width:96px;
 }
a.fiche{ background-image: url(fiche_technique.png); background-repeat: no-repeat; background-position: center;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/fiche_technique.png', sizingMethod='crop');
*background-image:none;} 
a.suite{ background-image:url(fleche_d.png); background-repeat:no-repeat; background-position:right;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/fleche_d.png', sizingMethod='crop');
*background-image:none;}
a.retour{ background-image:url(fleche_g.png); background-repeat:no-repeat; background-position:left;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/fleche_g.png', sizingMethod='crop');
*background-image:none;}
.mais{ background-color:#A5AFBD;}
.cuv{ background-color:#C7BEAB;}
.alex{ background-color:#976F3B;}
.bru{ background-color:#AEB1B7;}
.blan{ background-color:#233477;}
.perl{ background-color:#594D48;}
.ros{ background-color:#A56E29;}
.mil{ background-color:#88130F;}
.cont{ background-color:#CED1C3;}
.pre{ background-color:#8E524D;}
.page table, .cuvee div, .contact table ,.presse div{
  clear:both;
  height:244px;
  width:430px;
  }
.cuvee div{
  padding:0px 10px 10px 26px;
}
.cuvee div h3{
  padding-top:10px;
  font-size:17px;
  font-weight:normal;
}
.cuvee div p{
  font-size:10px;
  line-height:10px;
  *line-height:9px;
}
.cuvee div strong, .contact table tr td strong{
  color:#545961;
  font-size:13px;
  font-weight:bold;
  line-height:23px;
}
.page table tr td{ 
  padding:0px 10px 10px 26px;
  text-align:justify;
  vertical-align:top;
  width:50%;
  font-size:10px;
  line-height:10px;
  *line-height:10px;
  *font-size:10px; 
} 
.contact table tr td{ 
  padding:0px 0px 0px 26px;
  margin:0px;
  vertical-align:top;
  font-size:10px;
  line-height:10px;
  #
} 

#gamme{padding-left:30px;
}
#gamme a{
display:block;
width:115px;
float:left;
height:368px;
margin-right:10px
}
#gamme a:hover{
background-color: #FFF;
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;

}
/********************* form **********************/
.contact form{
width:420px;
font-size:11px;
padding:30px;

}
#confirmation{
font-size:11px;
font-weight:bold;
padding:30px;
top:100px;
height:200px;
}
.contact form ul{
margin: 0px;
padding: 0px;
float:left;
list-style:none;
width:24%;
height:180px;
display:block;
}

.contact form ul li{height:35px;

}
div#valide{
padding-top:20px;
*clear:both;
float:left;!important
}
.contact form ul input{
width:90%;
}
.contact form ul textarea{width:90%;
height:85px;
}
/********************* end **********************/