/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	background: #e9c683 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	color: #56442e;
	font-size: 14px;
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}

html p{
	color: #56442e;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	line-height: 30px;
}
 
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #56442e;
	font-size:28px;
	font-family: Century Gothic, Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	font-weight: normal;
	margin: 40px 0 20px 0;
}

h3{
	color: #56442e;
	font-size:16px;
	font-weight: bold;
	
}

h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

#conteneur{
	margin: 0 auto;
	text-align:left;
	width:950px;
}

#content_home{
	text-align: justify;
	
}
/* Header
----------------------------------------------------------------------------------------*/
#header{
	width:100%;
	height: 160px;
	background-image: url(Gx/logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}

#menu_header{
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(Gx/header_menu.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 132px;
	height: 25px;
}

#menu_header a{
	color: gray;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	display: block;
	line-height: 20px;
}

#menu_header a:hover{
	text-decoration: underline;
}

#direction_header{
	position: absolute;
	right: 15px;
	bottom: 0;
}

#direction_header span{
	font-weight: bold;
}

#menu_activite {
	width: 100%;
	height: 35px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	
}

#menu_activite a{
	color: #56442E;
	text-decoration: none;
	margin-right: 25px;
	margin-left: 10px;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	height:69px; 
	margin:0 auto; 
	padding:0; 
	width: 930px;
	/*background-image: url(Gx/bg_menu.gif);
	background-position:center;
	background-repeat: no-repeat;
	position: relative;*/
}

* html #menu{
	height:69px; 
	margin:-12px auto -12px auto; 
	padding:0; 
	width: 930px;
	/*background-image: url(Gx/bg_menu.gif);
	background-position:center;
	background-repeat: no-repeat;
	position: relative;*/
}

#menu ul{
	margin:0 auto;
	padding:0;
	height: 55px;
	width: 930px;

}

* html #menu ul{
	margin-bottom: -4px;
}
#menu ul li{
	padding:0; 
	margin:0; 
	float: left; 
	list-style-type:none;
}

#menu ul li:hover{
	
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #716b55;
	font-size: 19px;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #897852;
}

#menu_interne{
	width: 80%;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#menu_interne a{
	margin-left: 10px;
	margin-right: 20px;
	line-height: 27px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #56442E;
	font-weight: bold;
}

#menu_interne a:hover{
	text-decoration: none;
}

/* content
----------------------------------------------------------------------------------------*/
#galleriePub {
	width: 800px;
	float: left;
}

.thumbs {
	float: left;
	margin-left: 10px;
	margin-top: 40px;
	border: 4px solid #dedede;
}

.thumbs img {
display:block;
}

#content{
	margin:0 auto; 
	padding:20px 20px 20px 20px ; 
	width: 890px;
	background-image: url(Gx/bg_content.gif);
	background-position:center;
	background-repeat: repeat-y;
}

#forfaits_accueil{
	width:325px;
	height:150px;
	background-image: url(Gx/forfait.jpg);
	cursor: pointer;
	margin-right: 10px;
}

#forfaits_accueil:hover{
	background-image: url(Gx/forfait_hover.jpg);
}

#le_pub{

	width:325px;
	height:150px;
	background-image: url(Gx/pub.jpg);
	cursor: pointer;
}

#le_pub:hover{
	background-image: url(Gx/pub_hover.jpg);
}

#left{
	width:550px;
	float: left;
}

#right{
	width:325px;
	float: right;
}

#right p a{
	font-size: 12px;
	color: #832e10;
	margin-bottom: 10px;
	text-decoration: none;
}

#right p{
	font-size: 12px;
	color: #696969;
	line-height: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}

#right img{
	margin-top: 2px;
}

#right h1{
	color: #832e10;
	background-image: url(Gx/belt.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#right p span a{
	color: #832e10;
}

#btPromo{
	margin-left:10px;
	height:315px;
}
#btPromo h1{
	margin-top:0px;
}

.hebergement{
	width: 98%;
	margin: 15px auto 0 auto;
}

.hebergement img{
	float: left;
}

.piece_desc{
	width: 480px;
	float: right;
	border-top: 1px solid #dedac0;
	margin-right: 10px;
	margin-top: 5px;
	padding-top:15px;
	line-height: 20px;
}

.piece_desc h3{
	margin-bottom: 20px;
}

.piece_desc li{
	list-style-position: inside;
}

.activite{
	width: 670px;
	float: right;
	border-top: 1px solid #dedac0;
	margin-right: 10px;
	padding-top:15px;
	line-height: 20px;
}

.activite h3{
	margin-bottom: 20px;
}

.activite li{
	list-style-position: inside;
}

#forfaits{
	width: 98%;
	margin: 0 auto;

}

#forfaits li{
	list-style-position: inside;
	margin-bottom: 10px;

}

#content_left{
	width: 400px;
	float: left;

}

#content_right{
	float: right;
	width: 425px;
}

#content_right iframe{
	float: right;
	border: 4px solid #ccc;
}

.date{
	color: #832e10;
	font-weight: bold;
}

#nextback{
	color: #832e10;
}

#nextback a{
	color: #832e10;
	font-weight: bold;
}
/*Form
----------------------------------------------------------------------------------------*/





/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{margin: 0 auto; color:#88806d; font-family:Arial; font-size:10px; height:50px; padding:0; width: 890px; background-image: url(Gx/bg_footer.gif); padding: 0 20px 0 20px;}
#piedPage a{color: #88806d; text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#copyrights{padding-top: 10px;}
#piedPage #copyrights a{}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#88806d;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #88806d;}
#menu_bottom a{margin-left: 20px; color: #d19758; font-size: 12px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 150px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 150px;
}
.bouton{
	background-color: #e9c683;
	border: 1px solid #7a745f;
	color: #7a745f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}

label{
	width: 150px;
	display: block;
}
.bouton:hover{color: #4b3721;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

.border2{
	border: 3px solid #dedede; 
	width: 328px; 
	height: 218px; 
	float: left;
}

.border3{
	border: 3px solid #dedede; 
	width: 158px; 
	height: 108px; 
	float: left;
}

.border4{
	border: 3px solid #dedede; 
	width: 308px; 
	height: 208px; 
	float: left;
}

.border5{
	border: 3px solid #dedede; 
	width: 408px; 
	height: 333px; 
	float: left;
}

.border6{
	border: 3px solid #dedede; 
	width: 548px; 
	height: 303px; 
	
}