@charset "UTF-8";
/* CSS Document */
* {margin:0px; padding:0; font-size:100%; list-style:none; text-decoration:none;}


Body{
Background:url(Design/Fond.jpg) no-repeat #3bd3f3;
background-position:50% 0%;
margin-left:auto;
margin-right:auto;
width:1200px;
font-family:calibri, verdana, Sans-serif;}

#design{
width:1198px;
margin:auto;}

/*Liens*/
#liens{
width:100%;
text-align: right;}

a{
color:#1005f8;
background:#ba69ce;
padding: 0 15px 0;
border-radius:5px ;}

/* menu */
#menu{
width:100%;}
nav { 
	display:block; 
	margin:469px 0 20px 0px;
	padding:0 2px;
	position:relative;}

nav ul {height:40px;}	
nav li {position:relative;
	float:left;}
nav ul ul {display:none;
	width:100%;
	position:absolute;
	left:0;}
nav ul li {list-style:none;
	float:left;
	padding:0; margin:0;
	position:relative;}
nav ul li a {float:left;
	padding:0 24px 0 23px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 1px #b1e5f9;
	-webkit-transition: color 0.4s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	border-right:1px solid #3b5888;
	border-left: 1px solid #3b5888;}
nav li a {display:block;}

nav ul li:first-child a {border-left:none;}
nav ul li:last-child a {border-right:none;}
nav ul li a:hover {background: #b581f6;
	background: -moz-linear-gradient(top, #b581f6 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2573f5), color-stop(100%,#0d63d9));
	color:#fff;}
nav ul li ul {position:absolute;
	top:40px;
	left:0;
	border:none;
	background:#8b939f;
	height:auto;
	width:130px;
	padding:1px 0 0 0; margin:0;
	-moz-border-bottom-right-radius: 10px; 
    	-webkit-border-bottom-right-radius: 10px; 
    	border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px; 
    	-webkit-border-bottom-left-radius: 10px; 
    	border-bottom-left-radius: 10px;}
   	nav ul li ul:before { 
	border-top: none; }
nav ul li ul li a {color:#02020fb;
	padding:0 0 0 22px; margin:0;
	width:111px; height:30px; line-height:30px;
	border:none;
	border-top:1px solid #2a323f;}
nav ul li ul li a:hover {color:#fff;
	background: #b581f6;
	background: -moz-linear-gradient(top, #b581f6 0%, #000000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6e59), color-stop(100%,#b64f40)); 
	border-top:1px solid #f28d7c;
	box-shadow: 0 0px 8px #3b3b3b;
	-moz-box-shadow: 0 0px 8px #3b3b3b;
	-webkit-box-shadow: 0 0px 8px #3b3b3b;}
nav ul li ul li:last-child a {
	-moz-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	border-bottom-right-radius: 10px;}

h1{text-align:center;
background:#f3b1f9;
border-radius:0px 0 45px;
width:100%;}

h2{text-align:center;
width:100%;}

h5{text-align:center;
font-size:250%;}

q, blockquote{text-decoration:blink;
color:#fe021a;
font-weight:bold;}

q1, blockquote{text-decoration:blink;
color:#fd02dd;
font-weight:bold;}

q2, blockquote{text-decoration:blink;
color:#0415fc;
font-weight:bold;}

.flottant{float:left;}

.flottant1{float:left;
margin:-670px 330px 0;}

.flottant2{float:left;
margin:-400px 330px 0;}

.flottant3{float:left;
margin:-200px 330px 0;}

.flottant4{float:left;
margin:-450px 330px 0;}

.flottant5{float:left;
margin:-250px 330px 0;}

.flottant7{float:right;
margin:-65px -10px 0;}

.flottant8{float:right;
margin:-190px -20px 0;}

.flottant9{float:left;
margin:-390px 340px 0;}

#cont_677aed153f07c50ab9b30b331854bf9c{
margin:5px 5px 0 5px;}

#immobilier{width:21%;
margin:10px 10px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:center;
border:3px solid #04b1b7;}

#presentation{width:50%;
margin:-930px 300px 0 ;
border-radius:10px 10px 10px 10px;
text-align:left;}

#bateaux{width:21%;
margin:15px 300px 0 ;
border-radius:10px 10px 10px 10px;
text-align:center;
background:#a7c9fc;
border:3px solid #04b1b7;}

#meteo{width:15%;
margin:-300px 580px 0 ;
border-radius:10px 10px 10px 10px;
text-align:center;
background:#a7c9fc;
border:3px solid #04b1b7;}

#location{width:21%;
margin:-800px 930px 0;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#video{width:24%;
margin:50px 900px 0;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#footer{width:100%;
height:53px;
margin:255px 0px 10px 0;
background:#09b2f1;
text-align:center;
color:#000;
font-size:90%;}

#footerloc{
width:100%;
margin:0px 0px 0;
background:#09b2f1;
text-align:center;
color:#000;
font-size:90%;}

#appartements{
width:25%;
margin:10px 15px 0px 25px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements1{
width:25%;
margin:-915px 0px 0px 370px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements2{
width:25%;
margin: 10px 0px 0px 370px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements3{
width:25%;
margin: 15px 0px 10px 370px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements4{
width:25%;
margin: -885px 0px 100px 710px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements5{
width:25%;
margin: -80px 0px 0px 710px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#appartements6{
width:25%;
margin: 10px 0px -28px 710px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#detail{
width:95%;
margin:30px 30px 50px 30px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:center;
border:3px solid #04b1b7;}

#Prix{
font-size: 350%;
text-align:center;
margin:0px 0px 150px 30px;}

#Prix1{
font-size: 350%;
text-align:center;
margin:0px 0px 50px 30px;}

#Prix2{
font-size: 350%;
text-align:center;
margin:0px 0px 0px 30px;}

#Prix3{
font-size: 350%;
text-align:center;
margin:0px 0px 50px 30px;}

#PrixV{
font-size: 300%;
text-align:center;
margin:-30px 0px 0px 30px;}

#Villas{
width:25%;
margin:35px 15px 0px 25px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#Villas1{
width:25%;
margin:-260px 15px 0px 355px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#Villas2{
width:25%;
margin:-260px 15px 0px 700px;
border-radius:5px 5px;
background:#a7c9fc;
text-align:center;
border:3px solid #04b1b7;}

#formulaire{
width:98%;
margin: 53px 0px 5px;
text-align:center;}

#formulaire1{
width:98%;
margin: 62px 0px 5px;
text-align:right;}

#Annonces{
width:24%;
margin:10px 10px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:center;
border:3px solid #04b1b7;}

#Annonces1{
width:24%;
margin:-878px 350px 780px ;
border-radius:10px 10px 10px 10px;
text-align:center;
background:#a7c9fc;
border:3px solid #04b1b7;}

#Annonces2{
width:24%;
margin:-770px 350px 620px ;
border-radius:10px 10px 10px 10px;
text-align:center;
background:#a7c9fc;
border:3px solid #04b1b7;}

#Annonces3{
width:24%;
margin:-605px 350px 460px ;
border-radius:10px 10px 10px 10px;
text-align:center;
background:#a7c9fc;
border:3px solid #04b1b7;}

#ape{
width:95%;
margin:30px 30px 380px 30px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:center;
border:3px solid #04b1b7;}

#adresse{
width:95%;
margin:30px 30px 45px 30px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:center;
border:3px solid #04b1b7;}

#agenda{
width:60%;
margin:30px 20px 320px 170px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#campings{
width:45%;
margin:10px 30px 41px 30px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#campings1{
width:45%;
margin:35px 30px 41px 320px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#hotels{
width:65%;
margin:10px 30px 70px 230px;
background:#71fcb2;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#campings1{
width:45%;
margin:-780px 30px 590px 630px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Locations{
width:46%;
margin:10px 20px;
padding:0 10px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Locations1{
width:46%;
margin:-795px 610px;
padding:0 10px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Locations2{
width:46%;
margin:840px 610px 260px ;
padding:0 10px;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#NosLiens{
width:34%;
margin:15px 0 0 80px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#NosLiens1{
width:34%;
margin:-940px 0px 0 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#NosLiens2{
width:34%;
margin:20px 0px 330px 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#NosLiens3{
width:34%;
margin:-315px 0px -250px 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Itineraire1{
width:34%;
margin:-700px 0px 0px 600px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Itineraire2{
width:34%;
margin:20px 0px 540px 600px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Loc_Bateaux{
width:90%;
margin:10px 0px 150px 50px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Loisirs{
width:90%;
margin:20px 0px 28px 50px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Visites{
width:90%;
margin:20px 0px 50px 50px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Restaurants{
width:90%;
margin:10px 0px 0px 30px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Formulaire{
width:80%;
margin:10px 60px 170px 60px;
padding:50px ;
background:#dbbcfb;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#FormulaireContact{
width:80%;
margin:10px 60px 230px 60px;
padding:50px ;
background:#dbbcfb;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Plan{
width:40%;
margin:10px 0px 10px 50px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Plan1{
width:40%;
margin:-815px 0px 0px 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Plan2{
width:40%;
margin:10px 0px 10px 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}

#Plan3{
width:40%;
margin:10px 0px 640px 650px;
padding:10px ;
background:#a7c9fc;
border-radius:5px 5px;
text-align:left;
border:3px solid #04b1b7;}


#Accuse{
width:80%;
margin:30px 0px 770px 80px;
padding:20px 50px 20px 50px;
background:#76797a;
border-radius:5px 5px;
text-align:center;
font-size:130%;
border:3px solid #04b1b7;}