html {
	background: url(./images/fond_mer.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body {
	margin:0px;
	padding:0px;
	background-color:#EEEEEE;
	font-family : "trebuchet ms",sans-serif;*/
	font-size : 14px;
        line-height: 1.2em;
	overflow:hidden;
	text-align:center; /* Centrage sous IE6 */
	}

body > img {
	width:100%;
	height:100%;
}

#oiseau {
        position:absolute;
        z-index:10;
        width:1065px;
        height:150px;
        top:0px;
        left:0px;
        text-align:center;
        }

#global {
	/*position:relative;*/
	position:absolute;
	/*margin:auto;*/
	background-image:url(./images/fond_dune.jpg);
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	background-repeat:no-repeat;
	/*top:10px;*/
	width:1065px;
	height:730px;
	left:50%; /* On centre horizontalement */
	top:50%; /* On centre verticalement */
	margin-top: -365px; /* moitié de la hauteur */
	margin-left: -515px; /* moitié de la largeur */
	background-repeat:no-repeat;
	-webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
	border-radius:10px;
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px; 
    	-webkit-border-radius: 10px; 	
	text-align:center;
	z-index:0;
}

#gauche {
	position:absolute;
	left:25px;
	top:230px;
	width:330px;
	text-align:center;
	z-index:10;
}

#droite {
	position:absolute;
	left:365px;
        top:230px;
	width:660px;
        margin-left:10px;
        text-align:center;
        z-index:10;
}

#activites {
	z-index:0;
	position:relative;
	top:0px;
	height:100px;
	border-radius:10px;
	border:2px solid #66AF27;
	background-color: rgba(225, 255, 125, 0.8);
	-webkit-box-shadow: 1px 1px 13px #666;	
	-moz-box-shadow: 1px 1px 13px #666;
}

#activites ul {
	padding-top:10px;
	width:290px;
}

.activites a:link {text-decoration: none; color:#666;}
.activites a:visited {text-decoration: none; color:#666;}
.activites a:active {text-decoration: none; color:#666;}
.activites a:hover {text-decoration: none; color:#AE1939;}

#vente {
	position:relative;
	top:0px;
	margin-top:20px;
	overflow:hidden;
	border-radius:10px;
	border:2px solid #66AF27;
	background-color: rgba(225, 255, 125, 0.8);
	-webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
}

#reservation {
        position:relative;
	top:0px;
	margin-top:20px;
	height:100px;
	border-radius:10px;
	border:2px solid #66AF27;
	background-color: rgba(225, 255, 125, 0.8);
	-webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
}

#wrapper {
	position:relative;
	height:430px;
	border-radius:10px;
        border:2px solid #66AF27;
	background-color: rgba(225, 255, 125, 0.8); 
        -webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
}

#header {
	position:relative;
	height:240px;
}

#footer {
	position:absolute;
	height:50px;
	width:100%;
        top:730px;
}

#langues {
	position:absolute;
	height:0px;
	left:550px;
	z-index:20;
}

#meteo {
	position:absolute;
        height:0px;
	right:100px;
	z-index:5;
}

#logo {
	position:absolute;
	top:0px;
	left:20px;
	height:150px;
	z-index:30;
}

#menu {
	position:absolute;
	top:-50px;
	text-align:right;
	margin-left:15px;
	height:30px;
}

#contenu, #contenupt {
	width:630px;
	margin-left:10px;
	text-align:justify;
        overflow-x:hidden;
}

#contenu {
	height:400px;
}

#contenupt {
	height:287px;
}

#contenu .lien {
	text-align:right;
}

#phototheque {
	position:absolute;
	overflow-y:hidden;
	left:2px;
	width:650px;
	bottom:2px;
	height:100px;
}

.contenu a:link {text-decoration: none; color:#666;}
.contenu a:visited {text-decoration: none; color:#666;}
.contenu a:active {text-decoration: none; color:#666;}
.contenu a:hover {text-decoration: none; color:#AE1939;}


#photo a:link img{padding:2px; border:1px solid #CCCCCC;}
#photo a:visited img{padding:2px; border:1px solid #CCCCCC;}
#photo a:active img{padding:2px; border:1px solid #81bd26;}
#photo a:hover img{padding:2px; border:1px solid #81bd26;}

#photo img{height:100px; border:0px; margin-left:10px;}

#photo {
	text-align:left;	
}

#locationListe img { height:80px; border:0px; margin:10px;}
#locationListe a:link img{padding:2px; border:1px solid #CCCCCC;}
#locationListe a:visited img{padding:2px; border:1px solid #CCCCCC;}
#locationListe a:active img{padding:2px; border:1px solid #81bd26;}
#locationListe a:hover img{padding:2px; border:1px solid #81bd26;}

#menufiche {
	position:relative;
	width:560px;
	height:150px;
}


h1 {
	color:#67AF27;
	font-size:16px;
	font-weight:bold;
	margin:14px;
	text-shadow: 2px 2px 7px #FFFFFF;
}

h1:first-letter {
	float:left;
	width:20px;
	height:20px;
	padding:5px 0 0px 5px;
	margin:-10px 2px 0px 0px;
	font-size:25px;
	vertical-align:bottom;
	text-align:right;
	color:#FFFFFF;
	text-shadow:1px 2px 4px #666;
	background: orange no-repeat;
}

h2 {
        color:#67AF27;
        font-size:14px;
        font-weight:normal;
	font-style:italic;
        margin:-10px 0px 10px 40px;
        text-shadow: 2px 2px 7px #FFFFFF;
}

h3 {
	color:#d8007b;
	font-size:16px;
	text-align:right;
	margin-right:20px;
}

p {
	clear:both;
        color:black;
        font-size:14px;
	font-weight:normal;
	margin: 0px 20px 30px 30px;
	font-family: 'Quattrocento Sans', arial, serif;
}

.langues {
	position:relative;
	top:-44px;
	left:0px;
	color:#FFFFFF;
	font-weight:bold;
	list-style-type: none;
        list-style-position: inside;
        list-style-image: none;
	}

.langues a:link {text-decoration: none; color:#CCC;}
.langues a:visited {text-decoration: none; color:#CCC;}
.langues a:active {text-decoration: none; color:#CCC;}
.langues a:hover {text-decoration: none; color:#AE1939;}

.activites h1 {
        position:absolute;
        padding:5px;
        color:#67AF27;
        z-index:100;
        left:0px;
        top:0px;
	text-align:justify;
        text-shadow: 2px 2px 7px #FFFFFF;	
}

.activites h1:first-letter {
        float:left;
        width:20px;
        height:20px;
        padding:5px 0 0px 5px;
        margin:-10px 2px 0px 0px;
        font-size:25px;
        vertical-align:bottom;
        text-align:right;
        color:#FFFFFF;
        text-shadow:1px 2px 4px #666;
        background: #d8007b no-repeat;
}


.activites {
	text-align:justify;
	color:#666666;
	font-family: 'Quattrocento Sans', arial, serif;
	font-size:13px;	
}

.activites ul {	
	margin-top:30px;
	margin-left:20px;
	list-style-position: inside;
        list-style-image: none;
        list-style-type: circle;
}

.reservation h1 {
        position:absolute;
        padding:5px;
        color:#67AF27;
	font-weight:bold;
	font-underline:none;
        z-index:100;
        left:0px;
        top:0px;
        text-align:justify;
        text-shadow: 2px 2px 7px #FFFFFF;
}

.reservation h1:first-letter {
        float:left;
        width:20px;
        height:20px;
        padding:5px 0 0px 5px;
        margin:-10px 2px 0px 0px;
        font-size:25px;
        vertical-align:bottom;
        text-align:right;
        color:#FFFFFF;
        text-shadow:1px 2px 4px #666;
        background: #81bd26 no-repeat;
}


.reservation p {
	position:relative;
	top:45px;
	text-align:justify;
        color:#666666;
	font-size:11px;
    	}

.reservation .submit{
	position:absolute;
	height:45px;
	top:67px;
	left:260px;
	text-align:right;
     	/*background: transparent url('images/envoyer.png') no-repeat top right;
	*/
	}

.meteo {
	position:absolute;
	top:0px;
        right:0px;
}

.meteoOn {
	position:absolute;
	top:36px;
	right:0px;
	font-size:35px;
	color:#FFFFFF;
	z-index:10;
}

.meteoOff {
	position:absolute;
	top:15px;
	right:15px;
	width:80px;
	font-size:10px;
	color:#FFFFFF;
}

.meteoTitre {
	position:absolute;
        top:5px;
        right:-15px;
	width:150px;
        font-size:12px;
        color:#FFFFFF;
}

.meteo img {
	position:absolute;
	top:23px;
	right:80px;
	-webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
	border-radius:50px;	
	}

.promos {
	position:absolute;
	padding:5px;
	color:white;
	font-size:16px;
	font-weight:bold;
	z-index:100;
        left:-8px;
	top:25px;
	-webkit-transform:rotate(-25deg);
	-moz-transform:rotate(-25deg);
	background-color: rgba(251, 189, 23, 0.9);	
	-webkit-box-shadow: 1px 1px 13px #666;
	-moz-box-shadow: 1px 1px 13px #666;
}

.contenu ul {
        list-style-position: outside;
        list-style-image: url(./images/puce.png);
        list-style-type: square;
        margin-left:50px;
	font-family: 'Quattrocento Sans', arial, serif;
}

.picto {
	position:relative;
	float:right;
	top:-15px;
}

#nbpersonne, #terrasse, #surfacehabitable, #surfacejardin, #nbchambre {
	position:relative;
	margin-right:20px;
	margin-left:10px;
	padding-left:3px;
	width:52px;
	height:52px;
	font-size:30px;
	font-weight:bold;
	font-stretch:narrower;
	color:green;
	background-repeat:no-repeat;
	background-position:4 2;
	text-align:center;
}

#nbpersonne {
	background-image: url('./images/picto_nbpersonne.png');
}

#terrasse {
        background-image: url('./images/picto_terrasse.png');
}

#surfacehabitable {
        background-image: url('./images/picto_surfacehabitable.png');
}

#nbchambre {
	background-image: url('./images/picto_nbchambre.png');
}
.signature {
	position:relative;
	z-index:10;
	bottom:20px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	}

#herbe {
	position:absolute;
	z-index:0;
	width:1030px;
	height:100px;
	bottom:0px;
	left:-10px;
	text-align:center;
	}

.signature a:link {text-decoration: none; color:#FFFFFF;}
.signature a:visited {text-decoration: none; color:#FFFFFF;}
.signature a:active {text-decoration: none; color:#FFFFFF;}
.signature a:hover {border-bottom:1px solid white;text-decoration: none; color:#FFFFFF;}

#reservationformfull, #contactform {
        color:black;
        font-size:14px;
        font-weight:normal;
        margin: 0px 20px 30px 30px;
	border:1px solid #81bd26;
	padding:20px;
}

#reservationformfull .col1, #contactform .col1 {
	width:200px;
	font-weight:normal;
	vertical-align:top;
}

#reservationformfull .col2 input, #contactform .col2 input {
	width:200px;
}

#reservationformfull textarea, #contactform textarea {
	width:200px;
	height:80px;
}

#reservationformfull select, #contactform select {
	width:200px;
	padding-left:5px;
}

#reservationformfull #checkboxEmail, #reservationformfull #checkboxCourrier, #reservationformfull #checkboxNewsletter {
        text-align:justify;
}


#reservationformfull #checkboxCondition {
	text-align:justify;
	font-size:11px;
}

#reservationformfull .submit, #contactform .submit {
	text-align:right;
}

#contact a:link img{padding:2px; border:1px solid #CCCCCC;}
#contact a:visited img{padding:2px; border:1px solid #CCCCCC;}
#contact a:active img{padding:2px; border:1px solid #81bd26;}
#contact a:hover img{padding:2px; border:1px solid #81bd26;}

.ui-datepicker {
    font-size: 11px !important;
}