#all{
	width:950px;	
	margin:auto;
}

body{
	background-color: #65c9f7;
	font-family: Verdana;
	font-size:12px;
}

h1{
	color: white;	
	font-size:25px;
	font-style:bold;
	font-family: Helvetica;
}

.date{
	color:#da2795;
	font-size:14px;
/*	border-bottom:1px solid #da2795;*/
	display:block;
	height:20px;
}

#header {
	position:relative;
	width:950px;	
	margin:auto;
	margin-bottom:20px;
}

img.cadre{
border:2px solid white;
}

.titre{
	color:#da2795;
	font-size:large;	
}

.logo{
	width:950px;
	height:40px;
	margin-top:10px;
	margin-bottom:7px;
	background :transparent url('image/plageslandes.gif') top left no-repeat ;
	display:block;
	text-align:right;
	font-style:italic;
	font-size:13px;
	color:#ffea00;
	padding-top:40px;
}

#content{
	background-image:url('image/menuderoulent.gif');
	background-repeat:repeat-y;
	width:950px;

	display:table-cell;
	height:1%;
	overflow:auto;

}

#menu{
	width:54px;
	background-color:#d8e75b;
	float:left;
	left:0;
	top:0;
}

#center{
	width: 896px;
	top:0px;
	float:left;
}

.rose{
	color:#d7319a;	
	font-size:12px;
}

.vert{
	color:#5f5e5f;
	font-size:11px;
	font-style:italic;
	text-align:right;
	width:320px;
	display:block;
}

#lienwebcam{margin-left:5px;}
.droite{
	width:280px;
	margin-left:40px;	
	float:left;
	padding-top:10px;
}


#menuhaut{
	background-image: url('image/menudetaillehaut.gif');
	background-image:no-repeat;
	color:#96b214;	
	width:54px;
	height:26px;
	padding-left: 0px;
}

#news{
	padding-left:2px;
	margin:5px 0;
}

.ciel{
	margin-top:5px;
}

#plage li{
	border-top:1px solid white;
	padding-top:7px;
	margin-top:10px;
}

#plage p{
	font-size:12px;	
}

#plage{
	width:320px;
	padding:0px;
	margin-top:30px;
	}

.360{
float:left;
}

#info{
	width:320px;
	float:left;
	padding-top:10px;
	margin-left:20px;
}

#centre{
background-color: #a3ccea;
	width:162px;
	margin-left:30px;
	margin-top:10px;
	float:left;
}

#meteo{
	background-color: #87C2EB;
	width:165px;
	height:auto;
	padding-left:7px;
	padding-bottom:5px;
}

ul{
	padding-top:10px;
}

#info p{
	padding-top: 6px;
	color:#003366;	
	max-width:320px;
	font-size: 12px;
}

hr{
	color: white;
	background-color: white;
	height: 1px;
	width:350px;
	margin-right:600px;
	border: 0;	
}

.prevision{
	font-size:11px;	
	color:#003366;
}
#titreplage{float:left;margin-bottom:7px;}




.chien{
	margin-left:5px;
}

h2{
	color:#669933;
	padding-left:4px;

}

.mareemontante{
	background-image: url('image/fleche3.gif');
	background-repeat:no-repeat;
	padding-left:30px;
	height:20px;
	margin-top:10px;
	font-size:13px;
	color:#003366;

}

.mareedescendante{
	background-image: url('image/fleche4.gif');	
	background-repeat:no-repeat;
	padding-left:30px;
	height:20px;
	font-size:13px;
	color:#003366;

}

.coef{
	clear:left;
	margin-bottom:10px;
	color:white;	
	font-size:12px;
}

h3{
	color: white;
	font-size:15px;
	margin:10px 0;
}

.bleu{
	color:#003366;
	margin-left:5px;
	margin-right:5px;
	font-size:12px;
}

.nuage{
	float:left;
	margin-left:5px;
	margin-top:5px;	
	margin-right:5px;
}

#air{
	margin-left:15px;
	margin-top:15px;	
	color:white;	
	font-size:14px;
	float:left;
}

a{
	text-decoration:none;
	color:#003366;	
}



#footer p{
	float:left;
	margin-top:45px;
	text-align:right;
	height: 27px;
	width:950px;

}

#footer{
	width:950px;
	clear:both;
	background-repeat:no-repeat;
	background-image:url('image/footer.gif');
	height:80px;
	font-size:x-small;
}

#arrondi {
	width:950px;
	height:24px;
	background: url('image/arrondi.gif') no-repeat;
}

/* --------btn pratique --------*/
a#survolnewsletter:hover{
	width:163px;
	height:53px;
	display:block;
	background:transparent url('image/newsletter-blanc.gif') no-repeat;
}
a#survolnewsletter{
	width:163px;
	height:53px;
	display:block;
	background:transparent url('image/newsletter.gif') no-repeat;
}

a#survolimpression:hover{
	width:163px;
	height:33px;
	display:block;
	background:transparent url('image/imprimer-blanc.gif') no-repeat;
}
a#survolimpression{
	width:163px;
	height:33px;
	display:block;
	background:transparent url('image/imprimer.gif') no-repeat;
}

a#survolami:hover{
	width:163px;
	height:34px;
	display:block;
	background:transparent url('image/ami-blanc.gif') no-repeat;
}
a#survolami{
	width:163px;
	height:34px;
	display:block;
	background:transparent url('image/ami.gif') no-repeat;
}

/* --------menu mini --------*/

a#survolmenu1{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone1.gif') no-repeat;
}

a#survolmenu1:hover{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone1-blanc.gif') no-repeat;
}

a#survolmenu2{
	width:54px;
	height:31px;
	display:block;
	background:transparent url('image/icone2.gif') no-repeat;
}

a#survolmenu2:hover{
	width:54px;
	height:31px;
	display:block;
	background:transparent url('image/icone2-blanc.gif') no-repeat;
}

a#survolmenu3{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone3.gif') no-repeat;
}

a#survolmenu3:hover{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone3-blanc.gif') no-repeat;
}

a#survolmenu4{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone4.gif') no-repeat;
}

a#survolmenu4:hover{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone4-blanc.gif') no-repeat;
}

a#survolmenu5{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone5.gif') no-repeat;
}

a#survolmenu5:hover{
	width:54px;
	height:32px;
	display:block;
	background:transparent url('image/icone5-blanc.gif') no-repeat;
}

a#survolmenu6{
	width:54px;
	height:37px;
	display:block;
	background:transparent url('image/icone6.gif') no-repeat;
}

a#survolmenu6:hover{
	width:54px;
	height:37px;
	display:block;
	background:transparent url('image/icone6-blanc.gif') no-repeat;
}



a#pano {
	width:67px;
	height:49px;
	display:block;
	float:left;
	background:transparent url('image/360.gif') no-repeat;
}

a#pano:hover {
	width:67px;
	height:49px;
	display:block;
	float:left;
	background:transparent url('image/360-blanc.gif') no-repeat;
}

a#ciel {
	margin-left:20px;
	width:153px;
	height:49px;
	display:block;
	float:left;
	background:transparent url('image/ciel.gif') no-repeat;
}

a#ciel:hover {
	margin-left:20px;
	width:153px;
	height:49px;
	display:block;
	float:left;
	background:transparent url('image/ciel-blanc.gif') no-repeat;
}