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

body{
	background-color: #65c9f7;
	font-family: Lucida Grande, Verdana;
	font-size:15px;
}
img {
	border:0;
}

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



.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{
	width:950px;
	margin:auto;
	margin-top:20px;
		
}

#menu{
	background:#d8e75b url('image/menuhaut.png') top left no-repeat;
	
	padding-top:0;
	width:173px;
	float:left;

}

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

#center{
	width: 755px;
	top:0px;
	/*background-color:#87c2eb;*/
	float:left;
	padding-left: 20px;

}

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

.lacarte{
	color:#226fa7;
	font-size:15px;
}




h3.ui-accordion-header{
	font-size:13px;
}

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

.marees{
	float:left;
}

.fleches{
	float:left;
	padding-top:10px;
}

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

.mareemontante{
	background-image: url('image/fleche1.gif');
	background-repeat:no-repeat;
	padding-left:30px;
	height:20px;
	line-height:20px;
}

.mareedescendante{
	background-image: url('image/fleche2.gif');	
	background-repeat:no-repeat;
	padding-left:30px;
	height:20px;
	line-height:20px;
}

#maree{
	margin-top:30px;	
}

#coef{
	clear:left;
	margin-bottom:25px;
	color:white;	
	width:200px;
}

.bleu{
	color:#3982b6;
	margin-left:10px;
}

.bannierewebcam{
	padding-left:18px;	
}



.littoralnord {
	color:white;
	text-align:left;
	padding-left:6px;
	float:left;	
	margin-left:10px;
}





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

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

#cadremeteo{
	float:left;
	width:280px;
	height:110px;	
	background-color:#71b3df;
}

#footer{
	clear:both;
	height:40px;
	font-size:x-small;
}

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

#footer p{
	padding-top:10px;	
}

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

h1{
	color: #3a89c3;	
	font-size: xx-large
}



p1{
	color:#da2795;
}

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

li {
	vertical-align:middle;
	margin-top:7px;	
	text-align:left;
	padding-left:30px;
}

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

#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{line-height:27px;height:27px;background-image:url('image/icone4.png');background-repeat:no-repeat;}

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


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

a{
	text-decoration:none;	
}


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

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

}

#menubas{
	background-image: url('image/menubas.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	width:173px;
	height:26px;
	position:relative;
	bottom:0;
}

#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:22px;
}

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

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

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;}
#plage{padding-top:5px;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/videos-blanc.gif') no-repeat;
}
a#survolvideo{
	width:173px;
	height:61px;
	display:block;
	background:transparent url('image/videos.gif') no-repeat;
}

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

.infocarte{
	margin-top:15px;
}