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

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

a img {border: 0}

h1 {font-size:20px; text-align:center}	

h2 {font-size:18px}

li {list-style:none}

.center {text-align:center}

.slink {color: #EDFBFF}

#contact {text-align:center;position:absolute; left:0px; right:0px}

#contact a {color:#EDFBFF}

#contact li {display:inline; padding-right:20px;}

#page {
	position: relative;
	text-align: left;  /* pour annuler l'heritage de text-align:center de BODY */
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding:40px 0px 30px 0px;
}

#bandeau {
	position:relative;
	width:800px;
	background-image: url(../img/bandeau.jpg);
	background-position: left;
	background-repeat: repeat-y;
	height:80px;
	border-style:solid;
	border-width:thin;
	border-color: #EDFBFF;
	overflow: hidden;
}

#titre {
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:250px;
	font-size:48px;
	font-variant:small-caps;
	font-weight: bold;
}




/*----------------------------------------------------------------------------------------------*/
/*-------------------------------------------- MENU --------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/



.nav a:link, .nav a:visited {
	color:#006699;
	background-color:#EDFBFF;
	text-decoration:none;
} 

.nav a:hover, .nav a:active {
	color: #EDFBFF;
	background-color:#006699;
	border:solid #EDFBFF;
	border-width:1px;
	text-decoration:none;
}

/*-------------------- HAUT --------------------*/

#nav_haut {
	position: relative;
	top:5px;
	background-color:#EDFBFF;
	color:#006699;
	font-size: 85%;
	border:none;
}

#nav_haut li {display: inline}

#nav_haut li a {padding: 0 0.5em 0em 0.5em}

.coche {text-align:left; font-weight: bold}

.coche img {float:left}

/*-------------------- GAUCHE --------------------*/

#gauche {
	position: relative;
	width: 150px;
	margin-left:0px;
	padding-left:0px;
	float: left;
	top: 50px;
}

#gauche a {display: block;}

#nav_gauche {
	position: relative;
	text-align: center;
	line-height: 2em;
	padding:0em;
	width: 150px;
}

#nav_gauche a {line-height:32px; width: 150px}

#nav_gauche ul, #nav_gauche_2 ul, #nav_gauche_3 ul {margin:0px; padding:0px}

#nav_gauche li, #nav_gauche_2 li, #nav_gauche_3 li {padding:8px 0 8px 0}


.navg a:link, .navg a:visited {background-image:url(../img/bouton1.jpg)} 

.navg a:hover, .navg a:active {background-image:url(../img/bouton2.jpg)}

.navg a:link, .navg a:visited, .navg a:hover, .navg a:active, .navg_2 a:link, .navg_2 a:visited, .navg_2 a:hover, .navg_2 a:active, .navg_3 a:link, .navg_3 a:visited, .navg_3 a:hover, .navg_3 a:active {
	color:#EDFBFF;
	background-repeat:no-repeat;
	text-decoration:none;
} 

#nav_gauche_2 a {line-height:21px; width: 150px}

#nav_gauche_2 {
	position: relative;
	text-align: center;
	line-height: 21px;
	padding:0em;
	width: 150px;
}

.navg_2 a:link, .navg_2 a:visited {background-image:url(../img/bouton1.2.jpg)} 

.navg_2 a:hover, .navg_2 a:active {background-image:url(../img/bouton2.2.jpg)}

#nav_gauche_3 {
	position: relative;
	text-align: center;
	line-height: 2em;
	padding:0em;
	width: 150px;
}

#nav_gauche_3 a {line-height:25px; width: 150px}

.navg_3 a:link, .navg_3 a:visited {background-image:url(../img/bouton1.3.jpg)} 

.navg_3 a:hover, .navg_3 a:active {background-image:url(../img/bouton2.3.jpg)}

/*-------------------- BAS --------------------*/

#nav_bas {
	position: relative;
	background-color: #EDFBFF;
	margin-left: auto;
	margin-right: auto;
	color:#006699;
	font-size: 85%;
	border:none;
	width: 800px;
	clear: both;
	top: 20px;
}

#nav_bas ul, #nav_bas li {display: inline; padding-bottom:50px}

#nav_bas li a {padding: 0 0.5em 0em 0.5em}

#spacer {position:relative; top:20px}



/*-----------------------------------------------------------------------------*/
/*-------------------------------- FIN DU MENU --------------------------------*/
/*-----------------------------------------------------------------------------*/



#contenu {
	position:relative;
	float:right;
	width: 640px;
	top:15px;
}


/*--------------- ACCUEIL DE CHAQUE LOCATION ---------------*/


td {padding:20px 5px 10px 10px}

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

#table {
	width:640px;
	text-align:center;
	margin-left:10px;
}

.left {float:left}

.right {float:right}

.clear {clear:both;	text-align: center}



/*--------------- DESCRIPTION ---------------*/

#desc {padding:20px; text-align:justify}

.plan_lnk {float:right; font-size:12px}

.plan_lnk a:link, .plan_lnk a:visited {
	color: #EDFBFF;
	background-color:#006699;
	border:solid #EDFBFF;
	border-width:1px;
	text-decoration:none;
}

.plan_lnk a:hover, .plan_lnk a:active {
	color: #006699;
	background-color:#EDFBFF;
	border:solid #EDFBFF;
	border-width:1px;
	text-decoration:none;
}

.list li {list-style-type: circle}

.strong {font-weight:bold}

.underligne {text-decoration:underline}


/*--------------- DIAPORAMA ---------------*/

#diap {padding:20px; text-align:center}

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

.ss_titre {text-align:left; font-weight:bold}

#ico img {border:none; float:left}

.petit_j {font-size:12px; font-weight:lighter; color:#FFFF66}

.petit_j a:link, .petit_j a:visited   {
	color: #FFFF66;
	background-color:#006699;
	border:solid #FFFF66;
	border-width:1px;
	text-decoration:none;
}

.petit_j a:hover, .petit_j a:active {
	color: #006699;
	background-color:#FFFF66;
	border:solid #FFFF66;
	border-width:1px;
	text-decoration:none;
}

#vid_c {
	background-image:url(../img/videos.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:55px;
	margin-bottom:20px;
}

#vid_t {padding:1px 0px 1px 70px}

#vid_t h2{text-align:left}

#vid_t a:link, #vid_t a:visited, #vid_t a:active {color: #EDFBFF; text-decoration:none;}

#vid_t a:hover {
	color: #006699;
	background-color:#EDFBFF;
	text-decoration:none;
}


/*--------------- VIDEOS ---------------*/

#video_1, #video_2 {
	position:relative;
	margin:20px auto 0 auto;
	width:600px;
	height:450px;
	border:solid;
	border-width:thin;
	border-color:#EDFBFF;
	overflow: hidden;
}


/*--------------- PLAN ---------------*/

#plan {margin:20px 10px 20px 10px}

.txt {margin:30px; text-align:justify}

.let_spac {letter-spacing: 4px}


/*--------------- RESERVATIONS ---------------*/

#reza {margin-top:50px}

#tarifs {margin:20px 0px 50px 0px}

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

.contact {
	text-align:center;
	font-size:90%;
	font-weight: bold;
}

.contact a:link, .contact a:visited, .contact a:active {color: #EDFBFF;	text-decoration:none}

#last {margin-left:16px; margin-right:16px; text-align:center; color:#F00; background-color:#EDFBFF; border:1px solid #F00}

/*------------------ SITUATION -------------------*/

#googlemap {text-align:center}



/*------------------ CONSTRUCTION -------------------*/

#constr {position:absolute; left:25px; top:120px}

#constr img {border-color:#EDFBFF; border-width:thin; border-style:solid}

#space {position:relative; width:2px; height:540px}


/*-------------------- FOOTER ---------------------*/

#footer {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:center;
	position:relative;
	padding-top:10px;
	font-size:80%;
}

#footer table {text-align:center; border:none; width:800px; cellspacing:0}

#footer a {color:#EDFBFF}


/*-------------------- PARTENAIRES ---------------------*/

#part {padding-top:50px}


#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;}