/*----------éléments html et blocs principaux-------------*/
body{
	background-color: #65c9f7;
	font-family: Verdana;
	font-size:15px;
}

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

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

#content{
	background-color: #87C2EB;
	width:950px;
	margin:auto;
	margin-top:20px;	
}

#menu{
	width:173px;
	height:464px;
	background-color:#d8e75b;
	float:left;
	left:0;
	top:0;
	background-image: url('../image/menubas.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#center{
	width: 322px;
	top:0px;
	background-color:#87c2eb;
	float:left;
	padding-left: 20px;
	height:464px;
}

#footer{
	height:40px;
	padding-left:840px;
}

h1{
	color: #3a89c3;	
	font-size:25px;
	font-style:bold;
	font-family: Helvetica;
	margin-top:7px;
}

h2{
	color:#96b214;
	font-size:16px;
	border-bottom:1px solid #97b214;
	padding-left:13px;
	display:block;
	height:20px;
}

h3{
	color: white;
	font-size:15px;
	float:left;
	margin-top:15px;
	margin-bottom:10px;
}

/*----------header-------------*/

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


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

#menuhaut{
	background:transparent url('../image/menuhaut.png') no-repeat;
	color:#96b214;	
	width:160px;
	height:20px;
	padding-top:7px;

}

#menubas{
	

	
}

#menu p{
	margin-top:10px;
	margin-left:5px;	
}

.lacarte{
	color:#226fa7;
	font-size:11px;
	padding-left:7px;
	padding-right:5px;

}

ul{
	color:#003366;
	padding-left: 5px;	
	margin-bottom:7px;
}

li {
	vertical-align:middle;
	margin-top:7px;	
	text-align:left;
	padding-left:30px;
	font-size: 12px;
	height:26px;
}

li a:hover{
	color:#96b215;	
}

ul a{
	text-decoration:none;
	color:#347CB1;	
}

a{
	text-decoration:none;	
}

#manif{height:27px;background-image:url('../image/icone1.png');background-repeat:no-repeat;}
#prevision{	padding-top:5px;height:20px;background-image:url('../image/icone2.png');background-repeat:no-repeat;}
#conseil{background-image:url('../image/icone3.png');	background-repeat:no-repeat;height:30px;line-height:30px;}
#plage{height:27px;background-image:url('../image/icone4.png');background-repeat:no-repeat;}


a#survolvideo:hover{
	width:173px;
	height:61px;
	display:block;
	background:transparent url('../image/en/videos-blanc.gif') no-repeat;
}
a#survolvideo{
	width:173px;
	height:61px;
	display:block;
	background:transparent url('../image/en/videos.gif') no-repeat;
}

a#survolwebcam:hover{
	width:173px;
	height:68px;
	display:block;
	background:transparent url('../image/en/webcam-blanc.gif') no-repeat;
}
a#survolwebcam{
	width:173px;
	height:68px;
	display:block;
	background:transparent url('../image/en/webcam1.gif') no-repeat;
}

.infocarte{
	margin-top:15px;
}

/*---------centre---------------*/

hr{
	color: white;
	background-color: white;
	height: 1px;
	border: 0;	
}

#maree{
	margin-top:50px;	
}

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

#carte{
	color:#226fa7;	
	font-size:14px;
	width:400px;
}

#flash{
	margin-left: 524px;
	width: 425px;
	height:464px;
}

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

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

}

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

#source{
	color: #3a89c3;	
	font-size:10px;
	margin-bottom:10px;
}

#cadremeteo{
	clear:left;
	position:relative;
	width:200px;
	height:103px;	
	background-color:#71b3df;
	margin-bottom:15px;
	text-align:center;
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	margin-top:15px;
	padding:5px;
}

#cadremeteo td{
	width:95px;
	text-align:center;
	font-size:11px;
}

#nbplage{
	color:#cc3399;
	font-size:13px;
	height:16px;
	vertical-align:middle;	
}

/*-------Footer--------*/

.pied2{
	padding-left:0px;
	float:left;
}

#footer p{
	float:left;
	padding-top:10px;
	text-align:right;
	width:500px;
	font-size:11px;	
}


/*-----les trucs perdus------*/

p1{
	color:#da2795;
}
.bannierewebcam{
	padding-left:18px;	
}

.autorisation{
	float:left;
	padding-left:140px;
	padding-bottom:40px;
	color:#4199c4;	
	font-size:small;
	text-align:left;
}

#meteo1{
	float:left;
	padding-top:10px;
	padding-left:10px;
	
}

#meteo2{
	float:left;
	height:47px;
	padding-left:85px;
	margin-top:12px;
}

/*-------------------*/