/* CSS Document */
/* border:1px solid black;*/

body{
	margin:0;
	padding:0;
	text-align:center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#contener{/*height:589px;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	text-align:left;
	width:928px;
	background-image:url(media/img/logo.gif);
	background-repeat:no-repeat;
	background-position:center top;
}


/* NAV */

#navgch {
	float:left;
	margin-bottom:12px;
	}

#navdrt {
	float:right;
	margin-bottom:12px;
	}

#navgch img, #navdrt img {
	border:1px solid #abada1;
	margin:14px;
}

#navgch a, #navdrt a {
	border:1px solid #abada1;
	float:left;
	margin:27px 9px 0 9px;
	padding:0;
}

#navgch a:hover, #navdrt a:hover {
	background-color:#d7d8d3;
}

.fix {
	border:1px solid #abada1;
	float:left;
	margin:27px 9px 0 9px;
	padding:0;
	background-color:#d7d8d3;
}	
	
/* CENTRE FONDS */

#center {
	clear:both;
	margin:0 9px 0 9px;
	padding:14px 14px 0 14px;
	background-color:#d7d8d3;
	border:1px solid #979a89;
	}
#center #fondblc {height:392px;
	background-color:white;
	border-left:1px solid #acad9f;
	border-right:1px solid #acad9f;
	margin:0;
}

#center p.copy {
	color:white;
	font-size:0.7em;
	text-align:center;
	margin:0 0 2px 0;
	padding:0;
	vertical-align:center;}
	
#center p.copy a {color:white;
	text-decoration:none;
	}
#center p.copy a:visited {
	color:white;
	}
#center p.copy a:hover {
	color:#555555;
	}


	/* CENTRE FOND - CONTENU */
	
#center #fondblc #contenu #contgch {overflow:auto;
	float:left;
	height:350px;
	width:380px;
	border:1px solid #c1c2b9;
	margin:20px 0 20px 25px;
	font-size:0.7em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#center #fondblc #contenu #contdrt {
	float:right;
	height:350px;
	width:380px;
	padding:0;
	border:1px solid #c1c2b9;
	margin:20px 25px 20px 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#center #fondblc #contenu .index {
	background-image:url(media/img/logoGiteFrance.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

	/* CENTRE FOND - CONTENU - TXT */

#center #fondblc #contenu #contgch p {
	margin:15px 20px 0 20px;
	text-indent:15px;
	line-height:20px;
	
}
#center #fondblc #contenu #contgch p.first:first-letter{
	line-height:20px;
	font-style:italic;
	font-weight:normal;
	font-size:2em;}

#center #fondblc #contenu #contgch table.gite {
	height:70px;
	}
#center #fondblc #contenu #contgch table td.lien {width:20px}
#center #fondblc #contenu #contgch table td.vide {width:130px;padding-left:25px;}
#center #fondblc #contenu #contgch table td.lien a {text-decoration:none;}

#center #fondblc #contenu #contgch .italic{
	text-indent:0;
	font-style:italic}
	
#center #fondblc #contenu #contgch .gras {
	font-size:1.1em;
	font-style:italic;
	text-decoration:underline;}

#center #fondblc #contenu #contgch .petit {
	text-align:center;
	font-size:0.9em;
	line-height:normal;
	text-indent:0;}
	
#center #fondblc #contenu #contgch .chambre {
	text-indent:0;
	border-top:1px solid #c1c2b9;
	border-bottom:1px solid #c1c2b9;
	}

#center #fondblc #contenu #contgch .centrer{
	text-indent:0;
	text-align:center;
	line-height:14px;
	font-style:italic;
	margin-top:10px;
	}
#center #fondblc #contenu #contgch .tarifs{
	text-indent:0;
	line-height:16px;
	margin:3px 20px 0 20px;
	}

#center #fondblc #contenu #contgch table.prix{
	margin-left:20px;
	margin-bottom:0px;
	width:320px;
	font-size:0.9em;
	border-size:0px;
}

#center #fondblc #contenu #contgch td.longue{
	width:270px;
}


	
#center #fondblc #contenu #contgch table.acces {
	margin-top:6px;
	margin-left:60px;
	height:60px;
	}
	
#center #fondblc #contenu #contgch table td {width:180px}

#center #fondblc #contenu #contgch a{color:#555555}
#center #fondblc #contenu #contgch a:visited{color:#555555}
#center #fondblc #contenu #contgch a:hover{color:#c1c2b9}
	
	/* CENTRE FOND - CONTENU - LIENS UTILES */

#center #fondblc #contenu #contdrt #liens {
	width:380px;
	height:350px;
	text-align:center;
	font-size:0.8em;
	background-color:#edede8;
	
}
#center #fondblc #contenu #contdrt #liens h1 {font-size:0.9em;
 	text-align:left;
 	font-weight:bold;
	padding:8px 0 0 10px;
	color:#555555;
	margin:0 0 6px 0;
	border-bottom:1px dotted #777777;
}


#center #fondblc #contenu #contdrt #liens a{
	line-height:20px;
	color:#777777;
	text-decoration:none;
}
#center #fondblc #contenu #contdrt #liens a:vsited{
	text-decoration:none;
	color:#777777;}
#center #fondblc #contenu #contdrt #liens a:hover{
	text-decoration:underline;
	color:#c1c2b9}


	/* CENTRE FOND - CONTENU - REMERCIEMENTS */

#center #fondblc #contenu #contdrt p.remerc {
	margin-top:100px;
	font-size:0.8em;
	text-align:center;
	line-height:40px;}




/* NAV BAS */

#navbas p {
	text-align:center;
	font-size:0.7em;
	margin:2px 0 0 0;
}

#navbas p .ital {
	font-style:italic;
}
#navbas p a{
	color: #555555;
	text-decoration:none;
}
#navbas p a:visited{
	color: #555555;
}
#navbas p a:hover{
	color:#777777;
	font-style:italic;
	text-decoration:underline;
}
	
	
/* POP UP  */

#pop {
	border:1px solid #c1c2b9;
	width:366px;
	height:336px;
	background-color:#d7d8d3;
	padding:14px 0 0 14px;
	font-size:0.8em;
}

#pop #lesamis {
	border:1px solid #c1c2b9;
	width:350px;
	height:320px;
	background-color:white;
	}

#pop #lesamis h1{
	text-align:left;
}
	
#pop #lesamis a{
	line-height:20px;
	color:#777777;
	text-decoration:none;
}
#pop #lesamis a:vsited{
	text-decoration:none;
	color:#777777;}
#pop #lesamis a:hover{
	text-decoration:underline;
	color:#c1c2b9}
	

/* FORMULAIRE  */
td.right {text-align:right;}
td.left {text-align:left;}
div #form {width:380px;height:348px;background-color:#edede8;color:#777777;font-size:0.7em;padding-top:2px;}
table {margin-left:10px;padding:0;border-collapse:collapse;font-size:1em}
.tablo{width:350px;}
td{margin:0px;padding:0;font-size:1em}
div #form .dessus {background-color:#fffeee}
div #form .hors {background-color:white}
div #form .ital {font-style:italic;}
div #form input {font-size:1em;color:#444444;border-width:1px;text-align:left;margin:2px;padding:0 }
div #form label {cursor:help}
div #form textarea {border:1px solid #777777;font-family:verdana; font-size:1em}
div #form #commentaires {text-align:center;}
div #form #commentaires p {font-size:0.9em;margin:0;width:380px;}
div #form #commentaires p input{padding:0;margin:5px 0 -2px 0}
div #form p.envoi {text-align:center;margin-top:8px;}
div #form p.envoi input {background-color:white;border:1px solid #777777;font-size:1em;text-align:center}
div #form p.envoi input:active {background-color:#edede8;}

div #form h1, #center #fondblc #contenu #contgch h1, #pop #lesamis h1{font-size:1.1em;font-weight:bold;padding-left:10px;color:#555555;margin:7px 0 3px 0;border-bottom:1px dotted #777777}

