.hidden {
    display: none;
}

.centerize{
    text-align: center;
}

body {
    color: #5F5F5E; /***** couleur du texte dans contenu****/
    font-size: 11px;
    font-family: Arial, Verdana;
    background-color: #b29b81; 
    background-image: url(images/fond.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    margin-bottom: 0px;
    text-align: center;
}

#header {
    position: relative;
    width: 800px;
    height: 180px;
    margin: auto;
    background: url(images/header.jpg) no-repeat;
    }

#banniere {
    
    width: 719px;
    height: 122px;
    margin: auto;
    background: url(images/bandeau.jpg) no-repeat;
    margin-top: 45px;
    margin-left: 44px;
}

#corp {
    width: 800px;
	margin: auto;
    text-align: left;
}

#conteneur {
    width: 100%;
	height: 570px;
    float: left;
    margin-right: -280px;
    background-image: url(images/conteneur.jpg);
}

html>body #conteneur {/***** hacks Min-height ****/
height: auto;
min-height: 860px;
} 


#contenu {
    margin-right: 280px;
    margin-left: 55px;
    text-align: justify;
}

#animation{
    
    margin-left: 0px;
}

.cbody{
    margin: 0;
    padding: 0 0 30px 43px;
}

#menuh{
    width: 230px;
    float: right;
    text-align: left;
    margin-right: 7px;
    margin-left: 20px;
}

.mdiv{
    margin: 0 22px 0 15px;
}

#footer {
    width: 800px;
    height: 50px;
    margin: auto;
    background: url(images/footer.jpg) top no-repeat;
}

    
#copyright {
    font-size: 10px;
    margin-right: 10px;
    margin-left: 40px;
    padding-top: 5px;
    text-align: center;
    color: #FF5400;
    
    }

#copyright a:link, #copyright a:visited {
    color: #FF5400;
    font-style:italic;
}

#copyright a:hover, #copyright a:active {
    color: #89CA0F;
    font-weight: bold;
}



.clear {
    height: 0;
    clear: both;
}

a:link, a:visited{
    color: #FF5400;
    text-decoration: none;
}
a:hover, a:active{
    color: #89CA0F;
    text-decoration: none;

}



#liens {
    
    position: relative;
    margin-left: 10px;
    width: 170px;
    height: 215px;


}



/**#liens ul {
    list-style: none;
    background: url(images/puce.png) left no-repeat;
    padding: 0;
    margin: 0;
}

#liens li a:link, a:visited {
    background: none;
    color: #5F5F5E;
}

#liens li a:hover, a:active {
    background: none;
    color: #FF5400;
    font-weight: bold;
}**/

#nav {/**************bloc bandeau****************/
    font-size: 12px;
    width: 800px;
    position: absolute;
    top: -2px;
    left: 10px;
}

#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav li {
    background: none;
}

.nav1 a:link, .nav1 a:visited {/**************lien bandeau : le mas****************/
	color: #FF5400;
	font-size: 13px;
	position: absolute;
	top: 153px;
	left: 68px;
}

.nav1 a:hover, .nav1 a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;    
}
    
.nav2 a:link, .nav2 a:visited {/**************lien bandeau : la region****************/
	color: #FF5400;
	font-size: 13px;
	position: absolute;
	top: 153px;
	left: 173px;
}

.nav2 a:hover, .nav2 a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;
}

.nav3 a:link, .nav3 a:visited {/**************lien bandeau : reserver****************/
	color: #FF5400;
	font-size: 13px;
	position: absolute;
	top: 153px;
	left: 283px;
}

.nav3 a:hover, .nav3 a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;
}

.nav4 a:link, .nav4 a:visited {/**************lien bandeau : contact****************/
	color: #FF5400;
	font-size: 13px;
	position: absolute;
	top: 153px;
	left: 396px;
}

.nav4 a:hover, .nav4 a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;
}


.navnouv a:link, .navnouv a:visited {/**************lien nouvel onglet****************/
    color: #FF5400;
    font-size: 13px;
    position: absolute;
    top: 189px;
    left: 509px;
}

.navnouv a:hover, .navnouv a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;
}

.nav5 a:link, .nav5 a:visited { /**************lien accueil****************/
	color: #FF5400;
	font-size: 13px;
	position: absolute;
	top: 152px;
	left: 588px;
}

.nav5 a:hover, .nav5 a:active {
    color: #89CA0F;
    text-decoration: none;
    font-weight: bold;
    background: url(images/puce_menu.png) bottom no-repeat;
    display:block;
    height: 26px;
}

#titrenav  { /**************bloc vos chambre****************/
    position: absolute;
    top: 0px;
    left: -5px;
    padding-left: 0.6em;
    margin-bottom: 0.6em;
	
}



#titrenav1  { /**************bloc notre vin ****************/
    position: absolute;
    top: 80px;
    left: -5px;
    padding-left: 0.6em;
    margin-bottom: 0.6em;
	
}


#titrenav4  { /**************bloc images degustation****************/
	position: absolute;
	top: 167px;
	left: -15px;
	padding-left: 0.6em;
	margin-bottom: 0.6em;
	height: 160px;
}



#titrenav2  { /**************bloc plan acces et cadeaux****************/
	position: absolute;
	top: 279px;
	left: -5px;
	padding-left: 0.6em;
	margin-bottom: 0.6em;
	height: 147px;
}

#titrenav2 ul {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}


#titrenav3  { /**************bloc images liens****************/
	position: absolute;
	top: 415px;
	left: -5px;
	padding-left: 0.6em;
	margin-bottom: 0.6em;
	height: 160px;
}



.nav6 a:link, .nav6 a:visited { /**************lien 1 gauche : la latine****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 25px;
    left: -5px;
    padding-left: 0.6em;
    margin-bottom: 0.6em;
}

.nav6 a:hover, .nav6 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }

.nav7 a:link, .nav7 a:visited { /**************lien 2 gauche : la marine****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 42px;
    left: -5px;
    padding-left: 0.6em;
}

.nav7 a:hover, .nav7 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }
    
.nav8 a:link, .nav8 a:visited { /**************lien 3 gauche: l'aricaine****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 60px;
    left: -5px;
    padding-left: 0.6em;
    
}

.nav8 a:hover, .nav8 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }

.nav9 a:link, .nav9 a:visited { /**************lien 4 gauche : le vin ****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 115px;
    left: -5px;
    padding-left: 0.6em;
}

.nav9 a:hover, .nav9 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }
    
.nav10 a:link, .nav10 a:visited { /**************lien 5 gauche : nos reference****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 132px;
    left: -5px;
    padding-left: 0.6em;
}

.nav10 a:hover, .nav10 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }
    
.nav11 a:link, .nav11 a:visited { /**************lien 6 gauche : les tarifs****************/
    color: #FF5400;
    font-size: 11px;
    position: absolute;
    top: 149px;
    left: -5px;
    padding-left: 0.6em;
}

.nav11 a:hover, .nav11 a:active {
    color: #89CA0F;
    text-decoration: none;
    
    background: url(images/puce.gif) left no-repeat;
    display:block;
    height: 15px;
    
    }
    
.nav12 a:link, .nav12 a:visited{ /**************lien 7 gauche : cadeau****************/
    
    color: #CC0066;
    font-size: 15px;
    font-weight: bold; 
    position: absolute;
    height: 26px;
    width: 50px;
    left: 7px;/**décalage de l'ensemble**/
    padding-left: 1.5em; /**décalage entre l'image et le titre**/
    padding-bottom: 1.5em;
    background: url(images/puce_cadeaux.png) no-repeat;
	

}

.nav12 a:hover, .nav12 a:active {
    color: #89CA0F;
    font-weight: bold;    
    }
	

  
  

.nav15 a:link, .nav15 a:visited{ /**************lien 7 gauche : acces****************/
    
    color: #CC0066; /**#895400**/
    font-size: 15px;
    font-weight: bold; 
    position: absolute;
    height: 26px;
    width: 120px;
    left: 7px;/**décalage de l'ensemble**/
    padding-left: 1.5em; /**décalage entre l'image et le titre**/
    padding-bottom: 1.5em;
    background: url(images/puce_carte.png) no-repeat;
}

.nav15 a:hover, .nav15 a:active {
   color: #89CA0F;
    font-weight: bold;    
    }  
    
  
  
  
  .nav16 a:link, .nav16 a:visited{ /**************lien 8 gauche : ENVIRONNEMENT****************/
	color: #CC0066; /**#895400**/
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	height: 26px;
	width: 139px;
	left: 7px;/**décalage de l'ensemble**/
	padding-left: 1.5em; /**décalage entre l'image et le titre**/
	padding-bottom: 1.5em;
	background: url(images/puce_nature.png) no-repeat;
}

.nav16 a:hover, .nav16 a:active {
   color: #89CA0F;
    font-weight: bold;    
    
    
  }

  .nav17 a:link, .nav17 a:visited{ /**************lien 9 gauche : PRESSE****************/
	color: #CC0066; /**#895400**/
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	height: 26px;
	width: 139px;
	left: 7px;/**décalage de l'ensemble**/
	padding-left: 1.5em; /**décalage entre l'image et le titre**/
	padding-bottom: 1.5em;
	background: url(images/puce_presse.png) no-repeat;
}

.nav17 a:hover, .nav17 a:active {
   color: #89CA0F;
    font-weight: bold;    
    
    
  }

  .nav20 a:link, .nav20 a:visited{ /**************lien 9 gauche : PRESSE****************/
	color: #CC0066; /**#895400**/
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	height: 26px;
	width: 139px;
	left: 7px;/**décalage de l'ensemble**/
	padding-left: 1.5em; /**décalage entre l'image et le titre**/
	padding-bottom: 1.5em;
	background: url(images/puce_video.png) no-repeat;
}

.nav20 a:hover, .nav20 a:active {
   color: #89CA0F;
    font-weight: bold;    
    
    
  }


#lien  { /**************Nos liens****************/
	position: absolute;
	height: 26px;
	left: 680px;
	top: 150px;


    }

 #drap  { /**************drapeau ESPAGNOL****************/
	position: absolute;
	height: 26px;
	left: 685px;
	top: 15px;


    }
    


    
.nav14  { /**************drapeau anglais****************/
     
    height: 26px;
    margin-top:-26px;
    margin-left:660px;

    }



h4 { 
    color: #CC0066;
    margin-bottom: 10px; /**marge entre le titre et les sous rubrique**/
    padding-left: 1.5em; /**décalage entre l'image et le titre**/
    padding-bottom: 0.3em; 
    margin-left: 0px; 
    margin-top: -20px;
    border-height: 5px; 
    line-height: 1.0;
    text-decoration : underline; 
    }

html[xmlns*=""] body:last-child /**hack  commentaire conditionnel safari + chrome**/
h4 { 
    color: #CC0066;
    margin-bottom: 10px; /**marge entre le titre et les sous rubrique**/
    padding-left: 25px; /**décalage entre l'image et le titre**/
    padding-bottom: 0.3em; 
    margin-left: 0px; 
    margin-top: -20px;
    border-height: 5px; 
    line-height: 1.0;
    text-decoration : underline; 
    }
    
h4 a:hover, h4 a:visited {
    color: #89CA0F;
    text-decoration: none;
    }
   
   
   
    

h3 { 
    color: #CC0066;
    margin-bottom: 15px;
    padding-left: 0.5em;
    padding-bottom: 0.2em;  
    border-bottom: 1px dashed #CC0066; 
    border-left: 3px solid #DFF070;
    border-height: 5px; 
    line-height: 1.0;
}

h2 { 
    color: #89CA0F;
    margin-bottom: 10px;
    padding-left: 1.2em;
    padding-bottom: 0.2em;
    line-height: 1.0;
    font-size: 1.2em; 
}

a img {
    border: none;
}

#pack {
    padding-left: 15px;
}



/**************page presse****************/

.presse-list{
	list-style:none;
	margin:0;
	padding:0;
	width:469px;
	clear:both;
	margin-top:30px;
}
.presse-list a{
	display:block;
	float:left;
	width:112px;
	margin:0 7px 30px 0;
	outline:1px solid #c06;
}
.presse-list a.last{
	margin-right:0;
}
.presse-list strong, .presse-list span{
	display:block;
	text-align:center;
}

/**************page Cadeau****************/

.lien-cadeau-1{
	display:block;
	width:220px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.lien-cadeau-2{
	display:block;
	width:220px;
	float:right;
	text-align:center;
}