/* CSS Document */
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:none;
	color: #000000;
	}

/*centre le div au milieu de la page*/
#conteneur-site{
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: 420px;
     margin-top: -210px; /* moitié de la hauteur */
     margin-left: -380px; /* moitié de la largeur */
	 background-image:url(images/cadre.gif);
	 background-position:top;
	 background-repeat:no-repeat;
}

/*conteneur du site chambres d'hôtes en ardèche pour le  texte*/

#conteneur-contenu{
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	width:100%;

	top:160px;
	height:218px;
}
#contenu{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	max-width:700px;
	height:200px;
	text-align:left;
/* titre image chambre d'hôte nicole et Charles Richard positionné en haut*/
}
#titre-image {
	top:10px;
	position: relative;
	height:auto;
	text-align:center; 
	margin-left:auto;
	margin-right:auto;
	width:713px;
}

/* barre horizontale avec les coordonées positionneée en bas*/

#barre-contact {
	position:absolute;
	top:378px;
	width:80%;
	text-align:center;
	height:23px;
	margin-left:10%;
	margin-right:10%;
	vertical-align:middle;
	font-size:9px;
	color:#999999;
	background-color:#FFFFFF;
}

#titre-page{
	position:relative;
	width:700px;
	text-align:left;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/* layout alternatifs pour la mise en page*/

#livredor{
	position:absolute;
	width:600px;
	max-height:200px;
	overflow:auto;

}


#colonne-gauche-texte  {
	position:relative;
	width:400px;
	height:200px;
	}
	
#colonne-gauche-texte  li{
	text-align:left;
	list-style:inside;
	list-style-type: circle;
}

#voir-aussi{
	position:absolute;
	width:198px;
	height:30px;
	left: 500px;
	top: 146px;
	text-align:left;
	font-size:9px;

	}
#voir-aussi li{
	list-style-image:url(images/liens.gif);
	list-style-position:inside;
	text-align:left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	

}
#colonne-droite-photo{
	position:absolute;
	left:485px;
	top:0px;
	width:187px;
	height:137px;
	text-align:center;
}
#contact-adresse{
	position:absolute;
	left:480px;
	top:10px;
	border: dashed 1px #999999;
	width:187px;
	height:137px;
	text-align:center;
	}

#livredor{
	position: absolute;
	height:160px;
}
/*liens*/

a {
	text-decoration: underline;
	color: #999999;
	background-color:#FFFFFF;
	
}
a:hover{
	color:#FF9900;
	background-color:#FFFFFF;
}
a:visited{
	color: #999999;
	background-color:#FFFFFF;
}



/*enleve les bordures de toutes les images*/

img{
	border:none;
	vertical-align:middle;
}


/*couleurs*/

.lavande {
	color: #9999CC;
}

.tournesol {
	color: #FFCC00;
}
.olivier {
	color: #31CF63;
}

.lavande td{
	background-color:#FFFFCC;
	}
.olivier td{
	background-color:#FFFFFF;
	}
.tournesol td{
	background-color:#FFFFCC;

}
/*paragraphes et en tetes*/

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#FFFFFF;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	background-color:#FFFFFF;
	
	}
table{
width:80%;
margin:auto;
border:none;
text-align:center;
}

th{
font-size:10px;
font-weight:normal;
}

	
/*style de formulaire*/

form{
	margin-left:15px;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:15px;
}

input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:15px;

}
.italique-centre{
	text-align:center;
	font-style:italic;
}

/*menu site chambres d'hôtes en ardèche*/

#conteneur-menu{
	position:absolute;
	top:100px;
	width:100%;
	left: 0px;

}
#menu {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 713px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 58px;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;

}
#menu dl {
	float: left;
	width:140px;
	margin: 0 1px;
	color: #CCCCCC;
	background-color:#FFFFFF;
	
}
#menu dt {
	cursor: pointer;
	font-weight: bold;
	color:#999999;
	background-color:#FFFFFF;

}

#menu dd {
border:  dashed 1px #999999;
text-align:left;
color:#CCCCCC;
background-color:#FFFFFF;
}

#menu li {
	text-align: left;

}

#menu li a, #menu dt a {
	color: #999999;
	text-decoration: none;
	display: block;
	height: 100%;
	border: none;
	background-color:#FFFFFF;


}
#menu li a:hover, #menu dt a:hover {
background: #FFFFCC;
color:#FF9900;
list-style-image:url(images/fleche_menu.gif);
}

#valid{
visibility:hidden;
}

</style>