body
{
	background:#bab3a3;
	font-family:helvetica,Arial,"Arial Black",sans-serif,Times,"Times New Roman";
	font-size:12px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	width:100%;
}

#global {
margin-left:auto;
margin-right:auto;
width:980px;}

.clr{
	clear:left;
}

li {
	list-style-image:none;
	list-style-type:none;
	background:url(image/puce3.png) no-repeat;
	}
.spanList {margin-left:25px;}


hr{clear:both;margin-top:5px;}

#baniere {
	background:#bab3a3 url('image/baniere.jpg') no-repeat scroll 0 0;
	/*border:1px solid #977643;*/
	height:150px;
	position:relative;}
	
#google_search{
	background:transparent url(image/img_search_google.png) no-repeat scroll 0 0;
	height:150px;
	left:804px;
	position:absolute;
	top:0;
	vertical-align:middle;
	width:190px;
}

#form_search{
	left:6px;
	position:relative;
	top:17px;
}

.bouton{
	background:#BAB3A3 url(image/bouton_off.png) no-repeat scroll 0 0;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	margin-left:27px;
	margin-top:15px;
	vertical-align:middle;
	width:100px;
	cursor:pointer;
}

.bouton:hover{
	background: #bab3a3 url(image/bouton_on.png) no-repeat;
	margin-left:27px;
	margin-top:15px;
}

.input_search_google{
	margin-top:23px;
}

#cse-search-results{
	margin-left:2px;
}

#longere {
	background:url(image/longere3copy.png);
	background-repeat:no-repeat;
	border-left:5px none;
	border-top:20px none;
	height:105px;
	width:400px;}
	
	
#titre {
	text-align: center;}
	
#titre_chambre {
	text-align: center;}
	
#titreHote {
	text-align:center;}
	
#texteTable {float:left;}


/* __________________________ Barre de mnu n° 2 ____________________________________*/
#menu {
	overflow:hidden;
	background:url(image/bg_barre.jpg) repeat-x scroll 0 0;
	border:1px solid #977643;
	font-family:Trebuchet,Comic,Verdana;
	font-size:15px;
	font-weight:bold;
	height:30px;
	letter-spacing:1px;
	margin-top:4px;
	/*margin-left:auto;
	margin-right:auto;*/
	width:973px;
}

.cellule {
	display:block;
	line-height:30px;
	vertical-align:middle;
	height:34px;
}

.cellule:hover {
	background:url(image/bg_barre-on.png) repeat-x;
	color:#977643;
}


#menu a {
	text-decoration:none;
}

#menu span.cellule a:hover{
	color:#977643;}

#menu span.cellule a {
	color:#ffffff;background:none;}


.menu{
	float:left;
	height:34px;
	text-align:center;
	width:150px;
}

#ssmenu1, #ssmenu2,#ssmenu3, #ssmenu4, #ssmenu5, #ssmenu6 {
	border-bottom:1px solid #977643;
	border-left:1px solid #977643;
	border-right:1px solid #977643;
	display:none;
	font-size:10px;
	margin-top:-22px;
	position:absolute;
	background:#a09583;
	z-index:1000;}


.ssmenu{
	line-height:30px;
	vertical-align:middle;
	display:block;
	height:30px;
	text-align:center;
	width:148px;
}

#menu span.ssmenu a{
	vertical-align:middle;
	color:#ffffff;
}

#menu span.ssmenu a:hover{
	color:#cdc7bc;
}
/*___________________________________________________________________________________________*/
/*______________________ FIN DU CSS DE LA BARRE DE MENU_________________________________________*/
/*___________________________________________________________________________________________*/
/*______________________ CSS DU MENU MEMBRE CONNECTE_________________________________________*/
#testPng{
	background:transparent url(image/test.png) repeat-x scroll 0 0;
	clear:both;
	margin-top:1px;
	height:15px;
	width:170px;
}
#menu_membre {
	background:#624F2F url(image/pointMarron.png) repeat-y scroll 0 0;
	border-right:2px solid #977643;
	float:left;
	margin-bottom:9px;
	width:168px;}

#google-gauche{
	margin-left:6px;
	margin-top:14px;
	/*position:absolute;
	top:337px;
	left:0px;*/
}

#liens {
	position:relative;
	margin:20px 0 0 10px;}
	
#liens a{
	text-decoration:none;
	color:#ffffff;}

#liens a:hover{
	color:#ffff8f;
	text-decoration:underline;}


#corps {
	background:#ECE9D8;
	border:1px solid #977643;
	margin:-14px 0 5px 175px;
	text-align:justify;
	width:798px;
	min-height:630px;
	font-size:17px;}
	
	
#corps_membre {
	/*float:left;*/
	width:782px;
	/*margin-top:9px;*/
	margin-left:189px;}

h1, h2 {
	text-align : center;}

p {
	padding: 5px;}

.center {
	text-align: center;
	color: blue;}
	
.centreImage  {
	margin-left : auto;
	margin-right :auto;}



.champ_rouge {
	background: #f14242;}

/* ______________________________________PAGINATION DU TABLEAU DES TARIFS________________________________________________*/

/* _________________________________________FIN DE PAGINATION____________________________________________*/
/*___________________________________CSS DE LA PAGE  LE GITE_______________________________________________*/

.section{
border-left:1px solid #AFB07F;
border-top:1px solid #AFB07F;
height:auto;
margin-bottom:59px;
margin-left:15px;
margin-top:20px;
width:750px;
}

h2.titre{
background:transparent url(image/titre.png) no-repeat scroll 0 0;
color:#006083;
font-size:15px;
height:20px;
margin-left:15px;
position:relative;
text-align:center;
top:20px;
width:220px;
}

#photo-index {
float:left;
/*height:196px;*/
margin-left:30px;
margin-right:10px;
margin-top:25px;
/*width:270px;*/}

#photoTable {
	float:left;
	margin-left:5px;}

#texteTable {
	/*float:left;*/
	/*position:relative;
	top:-311px;*/
	width:350px;}

#chambre1 {
	float: left;
	background: #cecece;
	width:169px;
	height:225px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 15px;
	border: 1px solid white;}

#chambre1 :hover {
	cursor: hand;
	border: 1px solid #0080ff;}

#texteChambre1{
	height:200px;
	font-size:17px;
	margin-left:180px;}
	
.bt a {
background:transparent url(image/btPhoto.png) no-repeat scroll 0 0;
/*border-left:2px solid #F6F7FB;
border-top:2px solid #F6F7FB;*/
color:white;
float:left;
height:20px;
margin-left:5%;
margin-right:6.5px;
margin-top:20px;
text-align:center;
text-decoration:none;
width:20px;}

.bt :hover {
	background: #a1a09e;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: center;}
	
#bt{
}
	
#photo{
height:500px;
text-align:center;
width:550px;
}

#boutonOn a {
	float:left;
	width:20px;
	margin-left:5%;
	margin-top: 20px;
	margin-right:6.5px;
	height:20px;
	background: #a1a09e;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color : #ff0000;
	text-decoration:none;
	text-align: center;}
	
#cuisine {
	float: right;
	background: #cecece;
	width:200px;
	height:150px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid white;}

#cuisine :hover {
	cursor: hand;
	border: 1px solid #0080ff;}
	
#texteCuisine {
	height:20%;
	font-size:17px;}

#salon{
	float: left;
	background: #cecece;
	width:200px;
	height:150px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid white;}

#salon :hover {
	cursor: hand;
	border: 1px solid #0080ff;}

#sdb {
	float: left;
	background: #cecece;
	width:200px;
	height:150px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 20px;
	border: 1px solid white;}

#sdb :hover {
	cursor: hand;
	border: 1px solid #0080ff;}

#texteSdb{
	font-size:17px;
	margin-left:210px;}

#texteExt{
	font-size:17px;
	margin-right:210px;}

#ext {
	float: right;
	background: #cecece;
	width:200px;
	height:113px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid white;}

#ext :hover {
	cursor: hand;
	border: 1px solid #0080ff;}

#chambre2 :hover {
	cursor: hand;
	border: 1px solid #0080ff;}

#chambre2 {
	float: right;
	background: #cecece;
	width:200px;
	height:150px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid white;}
/*______________________________________________________________________________________________________________*/


#pied {
	clear:left;
	padding: auto auto;
	margin-top:5px;
	height:50px;
	width:980px;
	background: #ece9d8 url('image/bg_footer.jpg') repeat-x;
	border: 1px solid #977643;}
	
#pied  div.piedTotal {margin:17px auto;font-size:12px;color:#ffffff;width:100%;text-align:center;}

#pied a{
	text-decoration:none;
	color:#ffffff;}
	
.contact, .petits-travaux {
	margin-left:20px;}
	
#piedTotal {}
#pied a:hover {
	text-decoration:underline;
	color:#ffff8f;}
/*____________________________________________CSS de la page CONTACT________________________________________________*/

#form{
	width:503px;
	margin-left:auto;
	margin-right:auto;}

#form_contact {
	width: 533px;
	margin-left:auto;
	margin-right:auto;}
	
#form_contact_haut{
	width: 530px;
	height:20px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background:#E1E6B6 url(image/haut-form-contact.png) no-repeat;
}

#form_contact_bas{
	width: 528px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	background:#E1E6B6 url(image/bas-form-contact.png) no-repeat;
}

#form_contact #fieldset{
	margin-left:1px;
	width:533px;
}

.fieldset {
	border-left:2px solid #977643;
	border-right:2px solid #977643;
	border-bottom:none;
	border-top:none;
	height:255px;
	background:#e1e6b6;}
	
fieldset legend {text-align:right;color: #977643;font-size:15px;margin-left:366px;
	margin-top:-47px;}



#civilite, #mail, #sujet, #message {
	width: 100px;
	float: left;}

#rCivilite1, #rCivilite2 {
	margin-left: 2px;}

#champMail, #champSujet, #champMessage {
	margin-top: 2px;}
/*______________________________________________________________________________________________________________*/	
/*____________________________________________CSS de la page INDEX________________________________________________*/

#text .emailConn{
	text-align:right;
	font-size: 2px;}
/*______________________________________________________________________________________________________________*/	

span.lienPart{font-size:15px;margin-left:10px;margin-right:5px;}

#flashcontent2{
border-left:1px solid #AFB07F;
border-top:1px solid #AFB07F;
margin:20px 0 5px 15px;
width:760px;}

img.img_retz {
float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;}

p.paraf_retz {
margin-right:10px;
width:640px;}
	
#video {
height:520px;
left:849px;
position:absolute;
top:240px;
width:156px;}

span.video1 {
	display:block;
	float:left;
	background: url(image/decouvrir.png) no-repeat;
	height:52px;
	width:111px;}
	
span.video2 {
	display:block;
	float:left;
	background: url(image/divertir.png) no-repeat;
	height:52px;
	width:111px;}
	
span.video3 {
	display:block;
	float:left;
	background: url(image/relaxer.png) no-repeat;
	height:52px;
	width:111px;}

#listDivertissement {
	left:0;
	position:absolute;
	top:14px;
	width:260px;
}

#listDivertissement .ssMenu {
	display:block;
	margin-left:126px;
	width:150px;
	height:20px;
}

#listDivertissement .ssMenu:hover{
	background:grey;
}

.spanDiver{
	color:#ffffff;
	width:200px;
}

.spanDiver:hover{
	background:grey;
}

/*________________NAUTISME.PHP_____________________*/
#nautique {
	margin-left:5px;
	margin-right:5px;
	font-family:trebuchet, helvetica,Arial,"Arial Black",sans-serif,Times,"Times New Roman";
	font-size:16px;
}

#nautique h2 {
	color:#0a76de;
	size:18px;
	font-family:trebuchet, helvetica,Arial,"Arial Black",sans-serif,Times,"Times New Roman";
}
img.plage {
	height:187px;
	margin-left:20px;
	margin-top:20px;
	position:absolute;
	width:270px;}

div.texteNautisme {
margin-left:300px;
}

#nautique div.cadre h4 {
color:blue;
margin-left:300px;
text-align:center;}


/*________________ACTIVITE-PLEIN-AIR.PHP_____________________*/

div.loisir {
	margin-top:66px;}

p.textIntro {
	color:#006083;
	margin-left:15px;
	margin-right:15px;}

.cadre {
	border-left:1px solid #AFB07F;
	border-top:1px solid #AFB07F;
	height:auto;
	margin:20px 0 0 15px;
	width:754px;}

img.carteRando {
	height:140px;
	left:782px;
	position:absolute;
	top:486px;
	width:140px;}
	
p.texteCheval{
	width:506px;}

img.cheval {
	height:118px;
	left:722px;
	margin-top:76px;
	position:absolute;
	width:219px;}

h2.titreH2Cheval{
	background:transparent url(image/banLoisir.png) no-repeat scroll 0 0;
	color:#7B6C4F;
	height:68px;
	line-height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:595px;
}

.hautDiv{
	background:url('image/haut-div.png') no-repeat;
	width:600px;
	height:25px;
}

.close{
	color:#FFFFFF;
	font-family:"trebuchet MS";
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin-right:15px;
	text-align:right;
	vertical-align:middle;
	cursor:pointer;
}
.croix:hover{
color:#ff8000;
}

span.lienListe {
color:#0000ff;
cursor:pointer;
margin-left:200px;
text-align:center;
text-decoration:underline;
width:300px;}

span.lienListe:hover {
color:#7d4bff;}

.titreDiv {
color:#ffffff;
float:left;
display:block;
font-weight:normale;
font-size:13px;
margin-left:20px;
letter-spacing:1px;
}

.contentDiv{
border-bottom:2px solid #977643;
border-left:4px solid #977643;
border-right:4px solid #977643;
width:592px;
padding-bottom:5px;
text-align:left;
height:325px;
overflow-x:hidden;
overflow-y:scroll;}

#adrActivite{
background:#ded4b5 none repeat scroll 0 0;
display:none;
margin-left:10px;
overflow:hidden;
position:absolute;
top:948px;
width:600px;}

#adrVelo{
background:#DED4B5 none repeat scroll 0 0;
display:none;
margin-left:47px;
overflow:hidden;
position:absolute;
top:462px;
width:600px;}

h2.ssTitre{
background:#DBDAC3 none repeat scroll 0 0;
color:#00376B;
font-size:12px;
text-align:center;
width:370px;
margin-left:102px;
margin-top:-24px;}

.textGauche, .textDroit {
border-left:1px solid #afb07f;
border-top:1px solid #afb07f;
float:left;
margin-left:15px;
margin-right:15px;
width:350px;
padding-left:5px;}

div.textGauche span.cpVille, div.textDroit span.cpVille {
color:#7B6C4F;
}


span.present{
color:#444142;
height:auto;}

h3.titre {
color:#00376B;
font-size:15px;
}



#activite{
	overflow:hidden;}
	
p.texteRando{
margin-left:60px;
margin-top:50px;
text-align:center;
width:500px;
}
	
h4.velocean{
color:#006083;
left:73px;
position:relative;
top:68px;}

img.velo{
left:370px;
position:relative;
top:14px;
}

img.velo2{
left:29px;
position:relative;
top:-17px;
}

img.velo3{
left:37px;
position:relative;
top:-32px;
}

.articleRando {
border-left:1px solid #AFB07F;
border-top:1px solid #AFB07F;
margin-left:57px;
margin-right:30px;
margin-top:10px;}

.articleRando2 {
margin-left:195px;
margin-top:-76px;}


.ligne1{
color:#00376B;
font-family:sans-serif;
font-size:15px;
letter-spacing:0.01em;}


.ligne2{
color:#7F7C3D;
font-size:12px;}

.adr{
float:left;
margin-left:10px;
margin-top:20px;
width:272px;}

span.titre {
color:#00376B;
font-weight:bold;}

span.cpVille{
color:#FFFFFF;
font-size:12px;}

span.adresse, .tel, .fax, .mail, .web{
	font-size:12px;}

/*________________________TARIF.PHP____________________*/
#tarif {
	background:transparent url(image/haut-tab-tarif.png) no-repeat scroll 0 0;
	margin-left:auto;
	margin-right:auto;
	width:500px;
}

#tarifBas {
	background:transparent url(image/bas-tab-tarif.png) no-repeat scroll 0 0;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:20px;
}

#tarif table {
	border-collapse: collapse;
	text-align: center;
	margin-top:14px;
	width:498px;
	border-left:2px solid #977643;
	border-right:2px solid #977643;}

#tarif tbody tr {
	height:25px;
	background:#ffe0b1;
}
	
#tarif thead tr th {
	border-right: 1px solid #977643;
	color: black;
	background: #e0dfe3;
	font-size: 12px;
	font-family : Arial, "Times New Roman", "Arial Black", Times, sans-serif;}

#tarif tbody td {
	color: blue;
	font-size: 12px;
	border-right: 1px solid #977643;
	border-top: 1px solid #977643;}

.tableau {
	background: #ffe0b1;}

/*________________________PARTENAIRE___________________________*/
#partenaire {
	margin-top:10px;
	margin-left:15px;}
	
div.lignePart a {
	margin-left:10px;
	margin-right:10px;}
	
div.lignePart li {
	padding-bottom:15px;
}
/*________________________________________________________________*/

#vid {
height:520px;
left:860px;
position:absolute;
top:275px;
width:156px;}

.img_decouvr {
margin-top:-8px;
border:none;}

.img_decouvr_bas {
margin-top:-6px;}

p.paraf_acc {
width:700px;}

#texte {
border-left:1px solid #afb07f;
border-top:1px solid #afb07f;
height:auto;
margin-left:15px;
margin-top:15px;
width:746px;}