html, body{
	padding: 0;
	margin: 0;
	border: 0;

	font-family: "Arial","times New Roman";
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	text-align: left;
	
	background-color: #453d35;
}
.centre{
	width: 900px;
	margin: 0 auto;
}
.col_gauche{
	float: left;
	width: 310px;
	margin-right: 50px;
	#padding-top: 20px;
}
.col_gauche ul, .col_gauche li{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.contenu{
	float: left;
	width: 520px;	/* max 950 - 273 = 677 */
	#padding-top: 20px;
}


.maj{
	text-transform: uppercase;
}
.survol{

}
a{
	text-decoration: none;
	outline: 0;
	color: #000;
}
a:hover{
	text-decoration: underline;
}
h1, h2, h3{
	color: #533b0d;
}
strong{
	color: #533b0d;
}

input{
	width: 60%;
	margin-right: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family:Verdana;
	font-weight:bold;
	color:#453d35;	
}

input:focus{outline:1px;}

select.list{margin-bottom:5px;}

label{
	font-weight: bold;
	color:#3366cc;
	font-size:12px;
	margin-top:10px;
}
label.label-light{
	font-weight: normal;
}
input#rester_informe{
	width: 10px;
}
input#valide{
	width: 90px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-top:5px;
}
input#rech_ok{
	width: 30px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
input#form_rech{
	margin-top: -1px;
	width: 50%;
	border: 0;
	padding: 3px 5px 3px 5px;
}
form#find{
	margin-bottom: 15px;
}
fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
select{
	margin-top: 10px;
}

input#courriel{
	border:none;
	background-color:white;
	margin-bottom:10px;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
input#nom{
	border:0;
	background-color:white;
	margin-bottom:5px;
	margin-top:5px;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
input#email{
	border:0;
	background-color:white;
	margin-bottom:5px;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
textarea{
	border:0;
	background-color:white;
	margin-bottom:5px;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:Verdana;
	font-weight:bold;
	color:#453d35;
	
}

.rechercher{
	display:block;
	height:20px;
	width:100px;
	margin-top:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#443a31;
	background-color:white;
	border:0;
}

#tetiere{
	height: 205px;
	width: 100%;
	background: #fef7ec url('img/bandeau.jpg') 50% 0 no-repeat;	
}
#tetiere a{
	display: block;
	height: 206px;
	width: 100%;
	text-decoration: none;	
	cursor: pointer;	
}
#menu{
	font-family: Futura;
	background-color: #52BFFE;
	height: 40px;
	width: 900px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#menu a{
	display: block;
	float: left;
	height: 40px;
	width: 125px;
	
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	color: #fef7ec;
	text-decoration: none;
}
#menu a:hover{
	color: #453d35;
	background: #52BFFE url('img/onglet_hover.gif') 50% 100% no-repeat;

	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#menu ul, #menu li{
	display: inline;
	margin: 0;
	padding: 0;
}



/* #########
 CONTAINER 
 ######### */


#container{
	color: #000;
	background-color: #fef7ec;
	_margin-top: -1px;
	padding-bottom: 20px;
}

/* #########
 SOMMAIRE CONTENU
 ######### */

.sommaire{
	margin-top: 10px;
	color: #533b0d;
}
.sommaire h3{
	margin: 0 5px 0 0;
	float: left;
	font-size: 13px;
}
.sommaire h3 span{
	font-size: 12px;
	font-weight: normal;
}
.sommaire h3.h3-top{
	margin-top: 15px;
}
.sommaire_contenu{
	float: right;
	width: 848px; /* 860 - 12 de padding */
	padding: 12px 0 12px 12px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	background-color: #f5eed8;
}
.sommaire_contenu div{
	width: 272px; /* 848 sommaire_contenu divise par 3 - margin-right */
	margin-right: 10px;
	_width: 282px;
	_margin-right: 0px;
	float: left;
}
.sommaire_contenu ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}


#sejour .sommaire_contenu, #sejour.sommaire{
	min-height: 171px;
}
#decouvrir .sommaire_contenu, #decouvrir.sommaire{
	min-height: 141px;
}
#asuivre .sommaire_contenu, #asuivre.sommaire{
	min-height: 111px;
}

.sommaire h3.heberg{
	background: url('img/som-ico-hebergement.png') transparent right bottom no-repeat;
	padding-right: 36px;
}
h3.activites{
	background: url('img/som-ico-activite.png') transparent right bottom no-repeat;
	padding-right: 29px;
}
.sommaire h3.coeur{
	background: url('img/som-ico-coeur.png') transparent right bottom no-repeat;
	padding-right: 21px;
}


.sac_de_plage{
	clear: left;

}
.sac_de_plage li{
	padding-left: 28px;
	line-height: 28px;
}
.sac_de_plage a{
	color: #533b0d;
}

.anim, .even, .fies, .vera{
	background: url('img/som-ico-animation.png') transparent left center no-repeat;
}
.mete, .weat, .tiem, .wett{
	background: url('img/som-ico-meteo.png') transparent left center no-repeat;
}
.mare, .tide, .geze{
	background: url('img/som-ico-maree.png') transparent left center no-repeat;
}
.webc{
	background: url('img/som-ico-webcam.png') transparent left center no-repeat;
}
.cont{
	background: url('img/som-ico-contact.png') transparent left center no-repeat;
}
.good{
	background: url('img/som-ico-goodies.png') transparent left center no-repeat;
}


#diaporama ul, #diaporama li{
	list-style: none;
	display: inline;
	
}
.icono-venir img{
	margin-bottom: -4px;
}





/* #########
 PAGES GENERALES AUTRES QUE SOMMAIRE
 ######### */




.col_gauche a{
	color: #533b0d;
}
.col_gauche fieldset, .encart_bleu{
	padding: 15px 20px 15px 20px;
	background-color: #52BFFE;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.col_gauche select{
	width: 160px;
}
.col_gauche input{
	margin-left: 0px;
	margin-left: 0;
}
.col_gauche .nuage{
/*	clear: both;*/
	padding: 15px 20px 15px 20px;
	background-color: #F5EED8;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.col_gauche .brochure h3{
	padding-bottom: 5px;
	border-bottom: 1px solid #533b0d;
}
.col_gauche .brochure ul, .col_gauche .brochure li{
	color: #533b0d;
	list-style: disc;
	margin-left: 10px;
}
.col_gauche h3.activites{
	float: left;
}


.contenu div{
	margin-top: 15px;
}
.contenu.liste div{
	border-bottom: 1px solid #000;	
}

.contenu.liste.none div{
	border-bottom: none;	
}


.contenu div.pagination{
	border-bottom: 0;
}
.contenu p{
	margin-top: 8px;
	margin-bottom: 8px;
}
.contenu div img.visuel{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.contenu div .ico_suiv{
	margin-bottom: 15px;
}
.contenu div .ico_suiv img{
	margin-bottom: -4px;
}
.contenu h4{
	float: left;
	margin: 3px 10px 7px 0;
}


.contenu .menu-detail_description{
	float: right;
}
.contenu .menu-detail_description ul, .contenu .menu-detail_description li{
	display: inline;
	list-style: none;
}
.contenu .menu-detail_description ul li a{
	margin-left: 15px;
}
.contenu .menu-detail_description ul li a:hover{
	font-weight: bold;
}


.contenu .description, .contenu .texte{
/*	clear: both;*/
	padding: 15px 20px 15px 20px;
	background-color: #FFF;

	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.contenu .plus_photos img{
	margin-right: 10px;
}


.contenu .descriptif{
	font-style: italic;
}


/*------------------------------Html-----------------------------*/

h1{margin-top:10px;margin-bottom:20px;font-size:18px;}
h3{margin-top:10px;margin-bottom:10px;}




/* #########
 PIED DE SITE
 ######### */

#pied{
	font-family: helvetica;
	color: #fff;	
	text-align: center;
	font-size:	11px;
}
#pied .centre{
	margin-top: 10px;
	margin-bottom: 10px;
}
#pied a{
	text-decoration: none;
	color: #fff;
}

h1 a, h2 a, h3 a { 
	color:#533B0D;
	}

.artlong {
	display:table-cell;
	_display:block; /* ie */
	height:1%;
	width:1%;
	overflow:hidden;
}
.sac_de_plage a {
font-size:16px;
}
.description, .description p {text-align:justify; }