@charset "utf-8";
/* CSS Document */

body {background-color: #006699; text-align:center;	font-family: "Times New Roman", Times, serif; color: #EDFBFF}

img {border-color:#EDFBFF; border-style:solid; border-width:1px}

h1 {font-size:32px; display:inline}
h2 {font-size:20px; text-align:center}	
h3 {font-size:16px; text-align:center}

.location {font-size:16px; font-weight:bold}
.center {text-align:center}
.gras {font-weight:bold}
.petit_s {font-size:12px; font-weight:normal; text-decoration:underline}
.black {color:#000000;}
.big {font-size:36px}
.smallcaps {font-variant:small-caps}
.floatr {float:right}
.floatl {float:left}
.left2pc {margin-left:2%}
.left12pc {margin-left:12%}
.justify {text-align:justify}
.line-through {text-decoration:line-through}

#contact {text-align:center;position:absolute; left:0px; right:0px}
#contact a {color:#EDFBFF}
#contact li {display:inline; padding-right:30px;}

#page {position: relative; width: 100%; padding: 40px 0 30px 0; text-align: left}
#page img {width:100%}

#bandeau {
	position: relative;
	width:100%;
	background-image: url(../img/bandeau_acc.jpg);
	background-position: left;
	background-repeat: repeat-y;
	height:80px;
	border-style:solid;
	border-width:1px;
	border-color: #EDFBFF;
	text-align:center;
}

#separe {
	background-color:#EDFBFF;
	position: relative;
	width:50%; height:1px; font-size: 1px; left: 25%}

#separe img {border:none; height: 1px}

#promo {background-color:#EDFBFF;width:90%;margin:0 15% 20px 5%;text-align:center}
#promo img {width:69px}
.promo a:link, .promo a:hover, .promo a:active, .promo a:visited  {font-size:18px; color:#FF0000; font-weight:bold}
.promo1 {float:left}
.promo2 {float:right}
.promo1, .promo2 {margin:15px 0 15px 0}

#info {
	color:#FFFF00;
	
	width:90%;
	margin:0 15% 20px 5%;
}

#info p {
	margin-top:4px; margin-bottom:4px;
	padding-top:4px; padding-bottom:4px
}

#dispo {text-align:center; color:#F00; background-color:#EDFBFF; border:#F00 solid 1px;padding:0 20px 0 20px;}


#piscine {background-color: #67A965; border:#EDFBFF solid 1px; width:320px; margin:auto; padding-bottom:10px; text-align:center; color:#FFF}
#piscine img {height:120px; width:auto; padding:6px}
#piscine p {margin:0}
#piscine a:link, #piscine a:visited, #piscine a:hover, #piscine a:active {color:#00F}

#contenu {
	position:relative;
	left:30%;
	margin-top: 30px;
	width: 40%;
}

#contenu a {text-decoration:none}

#description {
	font-size:14px;
	text-align: center;
}

#villa {
	position: relative;
	width: 60%;
	left: 20%;
	text-align:center;	
}

#gauche {
	position: absolute;
	width: 30%;
	top: 150px;
	text-align:center;
}

#gauche_haut {
	position:relative;
	left: 5%;
	width: 90%;		
}

#gauche_bas {
	position:relative;
	width: 70%;
	margin:40px 15% 0 15%;
}

#droite {
	position: absolute;
	width: 30%;
	right: 0px;
	top: 150px;
	text-align: center;	
}

#droite_haut {
	position:relative;
	left: 5%;
	width: 90%;	
}

#droite_bas {
	position:relative;
	width: 70%;
	margin:40px 15% 0 15%;
}

#webmaster {text-align:right; position:relative;top:15px; font-size:80%;}

#webmaster a {color:#EDFBFF;}

#part {
	padding-top:200px
}

#part table {text-align:center;}

#part img {border:none;}

#bonweb {width:88px;height:31px}

#1guide {width:88px;height:31px}

#sites-amis {background-color:#EDFBFF;margin-top:10px; padding:10px}
#sites-amis a:link, #sites-amis a:visited {text-decoration:none; color: #063}
#sites-amis a:hover, #sites-amis a:active {text-decoration:none; color:#06F}
#sites-amis h1 {color:#063; font-weight:bold; font-variant:small-caps;}