/* CSS Document */
-------------------------------------------------------------------- */
html, body      { height:100%;}/*  permet que le site prenne toute la hauteur de la fenêtre  */
body            { text-align:center;background:#A08956;font-family:Trebuchet Ms;font-style:normal;font-weight:normal;font-size:12px;line-height:normal;}
body a{cursor:pointer;}
body a:hover{cursor:pointer;}
html>body #conteneur { height:auto;}
#conteneur           { margin:0 auto;width:947px;height:100%;min-height:100%;display:block;text-align:left;}/* Une fois que la largeur est définie, les marges automatiques permettent de centrer le site dans la fenêtre.  */


#header {height:116px;margin:0 auto;}
#header img {margin:0 auto;}
#header2 {height:61px;background:url(img/menu_05.gif) no-repeat;margin:0 auto;}
#contenu {height:771px;margin:0 auto;width:947px;}
#footer {position:relative;width:947px;display:block;height:26px;font-size:0.8em;padding-top:4px;background:url(img/foot_10.gif) no-repeat top #ffffff;}
#footcontain { width:917px;margin-left:25px;}
#footcontain a{font-size:1em;text-decoration:none;color:#000000;}
#footcontain a:hover{font-size:1em;text-decoration:none;color:#000000;}
/* ====================================================================
Langues
-------------------------------------------------------------------- */
#menu-l{
position:absolute;
left:310px;
width:904px;
height:27px;
background:url(img/fdlang_06.gif) no-repeat top right;
margin:0px auto;

}
#contain-l{
float:left;
font-size:12px;
color:#ffffff;
margin-left:630px;
margin-top:5px;
}
#contain-l a{
font-size:12px;
color:#ffffff;
margin-top:5px;
text-decoration:none;
}
#contain-l a:hover{
font-size:12px;
color:#ffffff;
margin-top:5px;
text-decoration:none;
}
/* ====================================================================
menu principal 
-------------------------------------------------------------------- */
#menu-p {

height:61px;
font-size: 1em;
color:#ffffff;
font-weight:bold;

text-align:center;
}
#menu-p ul{

	width: 771px ;
	height:61px;
	font-family:Trebuchet Ms;
	font-size: 12px;
	font-weight:bold;
	line-height:61px;
	list-style-type: none ;
	margin:0 auto;
	
}
#menu-p ul li{
	display: inline;  
    float: left;
	height:61px;
	margin:0 auto;

}

#menu-p li a{
	float:left;
	min-width: 100px ;
	height:61px;
	font-family:Trebuchet Ms;
	font-size: 1em;
	color: #ffffff ;
	text-decoration: none ;
	text-align: center;
	line-height:61px;
	padding-left:10px;
	padding-right:10px;

}
/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */
#menu-p li a:hover{
	float:left;
	min-width: 100px ;
	height:61px;
	font-family:Trebuchet Ms;
	font-size: 1em;
	color: #ffffff ;
	text-decoration: none ;
	text-align: center;
	background:url(img/menu_roll_10.gif) no-repeat center bottom;
	line-height:61px;

}
/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */
.pagactive {
	min-width: 100px ;
	font-family:Trebuchet Ms;
	font-size: 1em;
	color: #ffffff ;
	display: block ;
	text-decoration: none ;
	text-align: center;
	background:url(img/menu_roll_10.gif) no-repeat center bottom;
	padding-left:10px;
	padding-right:10px;
}


/* ====================================================================
 Acceuil
-------------------------------------------------------------------- */
#acceuil {
height:771px;
background:url(img/index_06.gif) no-repeat top;
padding-top:30px;
}
#acceuil strong {
font-size:14px;
}
#columG {  float:left; height:600px;width:620px;margin-left:50px;}

/*Ou sommes nous? */
#paraph1 {width:600px;font-size: 20px;}
#paraph1 h1 {/* titre Ou sommes nous? */
width:600px;
font-size: 28px;
font-family:Georgia,"Times New Roman",Times,serif;
color: #AE2332;
margin:0 auto;
font-weight: normal;

margin-bottom:5px;
}
#paraph1 p {
font-size:11px;
}
#paraph2 {width:600px;font-size: 20px;height:auto;}
#paraph2 h1 {/* titre Ou sommes nous? */
width:600px;
font-size: 28px;
font-family:Georgia,"Times New Roman",Times,serif;
color: #AE2332;
margin:0 auto;
font-weight: normal;
margin-top:20px;
margin-bottom:5px;
}
#paraph2 p {
font-size:11px;
height:150px;
overflow-x:hidden;overflow-y:auto;
}
/* NEWS */
#columNews {
float:right;
height:370px;
left:700px;
top:Opx;
width:246px;
color:#fff;
line-height:12px;
margin-right:27px;
}
#columNews h1{line-height:28px;font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;color:#ffffff;text-align:center;margin-top:20px;}
#news {
margin-top:20px;
background:url(img/fd_news_08.gif) repeat;
width:246px;
float:right;
height:400px;
overflow-x:hidden;overflow-y:auto;background-attachment: scroll;
margin-bottom:20px;
}

#news h1{
font-family:Trebuchet Ms,Times,serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:left;
line-height:20px;
margin-left:10px;
margin-right:20px;
margin-top:15px;
text-decoration:underline;
margin-bottom:-5px;
}
#news h2{
font-family:Trebuchet Ms,Times,serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:left;
line-height:12px;
margin-left:10px;
margin-right:20px;
margin-top:5px;
}
#news p{margin-left:10px;padding-right:10px;color:#000000;margin-bottom:40px;}
/* + d'infos */
#info {
height:auto;
width:246px;
font-size:14px;
color:#000000;
text-align:center;
margin-top:30px;
}

#info a{
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration: underline;
}
#info a:hover{
font-size:14px;
color:#AE2332;
font-weight:bold;
text-decoration: none;
}

/* ====================================================================
Chambres d'hôtes
-------------------------------------------------------------------- */

#chambre {
height:771px;
background:url(img/chamb_10.gif) no-repeat top;
text-align:left;
}

/* Colonne de Gauche */
#chambreG {  float:left; width:624px;margin-left:50px;margin-top:20px;}

.img {
margin-right:20px;

}
/* chambre 1 */
#chambreG h1 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:28px;
color: #4D4D4D;
margin-top:20px;
margin-bottom:10px;

font-weight: normal;}
#chambreG p {font-size:11px; margin-left:130px;}



/* COLONNE DROITE */
/* paragraphe Les Chambres */
#chambD {
float:right;
height:700px;
width:210px;
font-size:12px;
line-height:5px;
color:#fff;
line-height:18px;
margin-top:30px;
text-align:center;
margin-right:44px;
}
#chambD strong{
color:#FFCCFF;
}
#chambD h1{font-family:Georgia,"Times New Roman",Times,serif;font-size:23px;color:#ffffff;text-align:center;font-weight:normal;margin-bottom:20px;}
#chambD p{text-align:left;line-height:14px;}

/* paragraphe Suit Home */
#chambD2 {
float:right;
height:200px;
width:210px;
font-size:12px;
color:#fff;
line-height:14px;
margin-top:20px;
text-align:center;
margin:0 auto;
}
#chambD2 h1{font-family:Georgia,"Times New Roman",Times,serif;font-size:30px;color:#ffffff;text-align:center;}
#chambD2 p{padding-top:20px;text-align:left;}

/* ====================================================================
					Séjours
-------------------------------------------------------------------- */
#sejour {
height:771px;
background:url(img/sejour_10.gif) no-repeat top;
text-align:center;
padding-top:50px;

}
#sejour a{
font-size:11px;
font-weight:bold;
color:#ae2332;
text-decoration : underligne;
}
#sejour a:hover{
font-size:11px;
font-weight:bold;
color:#D59A00;
text-decoration : underligne;
}
#sejourcontain {width:771px;height:700px;overflow-x:hidden;overflow-y:scroll;
overflow: -moz-scrollbars-vertical;margin:0 auto;text-align:left;}
#sejourcontain h1 {
font-size:1.6em;
font-family:Georgia,"Times New Roman",Times,serif;
color:#47585F;
font-weight: normal;
margin-left:10px;
margin-right:10px;
margin-top:15px;
}

/* sejour 1 */

#sejour1 {float:left;width:360px;height:400px;background-color:#ffffff;}
#sejour1 h1 {
font-size:1.6em;
font-family:Georgia,"Times New Roman",Times,serif;
color:#ae2332;
font-weight: normal;
margin-left:10px;
margin-right:10px;
margin-top:15px;
}
#sejour1 h2 {
font-weight:bold;font-size:12px;margin-top:5px;line-height:18px;color: #d59a00;
border-bottom: dotted 1px #D59A00;margin-bottom:5px;
margin-left:10px;
margin-right:10px;
}
#sejour1 p {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px; margin-top:-2px;}
#sejour1 p1 {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px;}

/* séjour 2 */
#sejour2 {float:left;width:360px;height:400px;color: #ae2332;background-color:#ffffff;margin-left:20px;}
#sejour2 h1 {
font-size:1.6em;
font-family:Georgia,"Times New Roman",Times,serif;
color:#ae2332;
font-weight: normal;
margin-left:10px;
margin-right:10px;
margin-top:15px;}
#sejour2 h2 {
font-weight:bold;font-size:12px;margin-top:5px;line-height:18px;color: #d59a00;
border-bottom: dotted 1px #D59A00;margin-bottom:5px;
margin-left:10px;
margin-right:10px;
}
#sejour2 p {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px;margin-top:-2px;}
#sejour2 p1 {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px;}

/* séjour 3 */
#sejour3 {margin-top:20px;float:left;width:360px;height:400px;color: #ae2332;background-color:#ffffff;}
#sejour3 h1 {
font-size:1.6em;
margin-top:15px;
font-family:Georgia,"Times New Roman",Times,serif;
color:#ae2332;
font-weight: normal;
margin-left:10px;
margin-right:10px;}


#sejour3 h2 {
font-weight:bold;font-size:12px;margin-top:5px;line-height:18px;color: #d59a00;
border-bottom: dotted 1px #D59A00;margin-bottom:5px;
margin-left:10px;
margin-right:10px;
}
#sejour3 p {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px;margin-top:-2px;}


/* sejour 4 */
#sejour4 {float:left;width:360px;height:400px;color: #ae2332;background-color:#ffffff;margin-left:20px;margin-top:20px;}
#sejour4 h1 {
font-size:1.6em;
margin-top:15px;
font-family:Georgia,"Times New Roman",Times,serif;
color:#ae2332;
font-weight: normal;
margin-left:10px;
margin-right:10px;}

#sejour4 h2 {
font-weight:bold;font-size:12px;margin-top:5px;line-height:18px;color: #d59a00;
border-bottom: dotted 1px #D59A00;
margin-left:10px;
margin-right:10px;
}
#sejour4 p {font-size:11px;color:#000000;margin-left:10px;
margin-right:10px;margin-top:-2px;}


/* ====================================================================
Découvertes et activités    
-------------------------------------------------------------------- */
#decouv {
height:771px;
background:url(img/decouv_10.gif) no-repeat top;
padding-top:20px;
}
#decouv1 {
float:left;
height:700px;
width:600px;
color: #CCCD34;
overflow-x:hidden;
overflow-y:auto;
background-image: url(img/overflow_12.gif)no-repeat bottom right;/* image de fond de l'overflow */
background-attachment: fixed;
margin-left:50px;
}
#decouv1 img{
margin-left:5px;
}
#decouv h1 {
font-family:Georgia,"Times New Roman",Times,serif;
color: #940056;
font-size:28px;
font-weight: normal;
margin-top:30px;
margin-bottom:-2px;
}
#decouv p {font-size:11px;color: #000000;}
#decouv p a{font-weight:bold;color:#000000;font-size:14px;text-decoration:none;}
#decouv p a:hover{font-size:14px;font-weight:bold;text-decoration:none;color:#A2A228;}

/* liens officiels */
#liens {
float:right;
height:300px;
width:200px;
color:#940056;
margin-right:44px;


}
#liens h1{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-weight:normal;
color:#940056;
margin-top:20px;
margin-bottom:-10px;
}
#liens h2 {
margin-top:0px;
margin-bottom:-5px;

}
#liens h2 a {
font-size:13px;
color:#ffffff;
font-weight:bold;
line-height:20px;
text-decoration:none;
}
#liens h2 a:hover {
font-size:13px;
color:#940056;
font-weight:bold;
line-height:20px;
text-decoration:none;
}
#liens p{
font-size:12px;
font-weight:normal;
color:#000000;
line-height:14px;
}
#liens p a{
font-size:13px;
color:#000000;
font-weight:bold;
line-height:10px;
}
#liens p a:hover{
font-size:13px;
color:#940056;
font-weight:bold;
line-height:10px;
}

/* ====================================================================
Tarifs & réservations   
-------------------------------------------------------------------- */
#tarifs {
height:771px;
background:url(img/tarif_10.gif) no-repeat top;
font-size:1.4em;
}
#tarifs1 {
float:left;
width:550px;
height:600px;
font-size:28px;
color: #4D4D4D;
margin-left:50px;

}
#tarifs1 h1 {
width:550px;
font-family:Georgia,"Times New Roman",Times,serif;
color: #4D4D4D;
font-size:28px;
font-weight: normal;
margin-bottom:-20px;
border-bottom : dotted 1px #000000;
margin-top:30px;
}
#tarifs1 p {font-size:10px;color:#999999;line-height:10px;margin-top:30px;}
#tarifs table {width:550px;font-size:14px;margin-bottom:-20px;}
#tarifs table td{width:auto;height:20px; line-height:11px;}
.centre{text-align:center;}
#tarifs form {width:600px;height:320px;background-color:#EAE3D9;margin-top:30px;}
#tarifs form table{margin-left:10px;}
#tarifs form table td{width:auto;height:10px;font-size:11px;}
#tarifs form input{width:auto;height:20px;font-size:11px;}
#tarifs form textarea{width:410px;height:60px;font-size:11px;}
#tarifs form select{width:auto;height:18px;font-size:11px;}
#tarifsD {
float:right;
height:760px;
width:220px;
font-size:23px;
color:#fff;
line-height:18px;
text-align:center;
color:#AE2332;
margin-right:40px;
}
#legend {float:left;width:220px;height:135px;overflow-x:hidden;overflow-y:auto;overflow: -moz-scrollbars-vertical;margin-top:35px;font-size:12px;text-align:left;color:#666666;padding-right:5px;}

#tarifsD h1{font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;color:#AE2332;text-align:left;font-weight:normal;margin-top:35px;margin-bottom:-10px;}
#tarifsD h2{font-family:Trebuchet Ms;font-size:14px;font-weight:bold;border-bottom:dotted 1px #cccccc;color:#AE2332;text-align:left;margin-top:20px;margin-bottom:-25px;}
#tarifsD p{padding-left:5px;margin-top:30px;text-align:left;color:#000000;font-size:12px;}
#tarifsD a{
font-size:12px;
font-weight:bold;
color:#AE2332;
text-decoration:none;
}
#tarifsD a:hover{
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

/* ====================================================================
Contact et plan d'accès  
-------------------------------------------------------------------- */
#contact {
height:771px;
background:url(img/fd_contact_06.gif) no-repeat top;
font-size:1.4em;
}
#plan {
float:left;
width:520px;
height:600px;
margin-top:20px;
margin-left:50px;
}
#plan a {
font-family:Trebuchet Ms;
font-size:14px;
font-weight:bold;
color:#e34120;
text-decoration:underligne;
text-align:left;

}
#plan a:hover {
font-family:Trebuchet Ms;
font-size:14px;
font-weight:bold;
color:#bb8900;
text-decoration:underligne;
text-align:left;
}

#contactD {
float:right;
width:350px;
font-size:23px;
color:#ffffff;
line-height:18px;
text-align:center;
margin-right:27px;
margin-top:65px;

}
#contactTXT {
width:300px;
margin:0 auto;
}
#contactTXT h1{font-family:Georgia,"Times New Roman",Times,serif;font-size:23px;color:#ffffff;text-align:center;font-weight:normal;}
#contactTXT h2{font-family:Trebuchet Ms;font-size:14px;font-weight:normal;color:#993416;text-align:center;}
#contactTXT h3{font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;color:#ffffff;text-align:left;border-bottom:dotted 1px #ffffff;}
#contactTXT p{width:300px;text-align:left;color:#000000;font-size:12px;margin:0 auto;}
#contactTXT p strong{text-decoration:underline;}
#contactTXT a{
font-size:14px;
font-weight:bold;
color:#993416;
text-decoration:none;
}
#contactTXT a:hover{
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}
#contactTXT p a{
font-size:11px;
font-weight:normal;
color:#993416;
text-align:right;
text-decoration:underline;
}
#contactTXT p a:hover{
font-size:11px;
color:#000000;
font-weight:bold;
text-align:right;
text-decoration:underline;
}