.hidden {
    display: none;
}

.centerize{
    text-align: center;
}

body {
    color: #5F5F5E; /***** couleur du texte dans contenu****/
    font-size: 11px;
    font-family: Trebuchet MS, Verdana;
    background-color: #EBCE7B; 
    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%;
    float: left;
	 float: left;
    margin-right: -280px;
    background-image: url(images/conteneur.jpg);
}

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

#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 repeat-y;
}
    
#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: 60px;
}

.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: 275px;
}

.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: 393px;
}

.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;
}

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

.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: 90px;
    left: -5px;
    padding-left: 0.6em;
    margin-bottom: 0.6em;
}
#titrenav2  { /**************bloc plan acces et cadeaux****************/
    position: absolute;
    top: 175px;
    left: -5px;
	height: 147px;
    padding-left: 0.6em;
    margin-bottom: 0.6em;
}

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




#titrenav3  { /**************bloc images liens****************/
	position: absolute;
	top: 280px;
	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: 115px;
	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: 188px;
	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;    
    
    
  }



 #drap  { /**************drapeau ESPAGNOL****************/
      position: absolute;
     height: 26px;

    left: 670px;
    top: 150px;


    }
    


    
.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;
}