/*****************************************/
/*SITE  Pré de la mer -  §  
/*****************************************/

/*****************************************/
/*layout suite  Pré de la mer -  - */
/*****************************************/
#navigation
{	
	float:left;
	width:380px;
	height:478px;
	background:#a3a3a8;
}
#adresse
{
	position:absolute;
	margin-top:360px;
}
#fdvnav
{	
	position:absolute;
	width:380px;
	height:360px;
}
#vnav
{
	position:absolute;
}
#vnav UL
{
	margin:0;
	padding:0;
	margin-top:1px;
}
#vnav LI
{
	list-style-type:none;
	margin-bottom:1px;
}
#vnav LI A
{
	display:block;
	background:black;
	color:white;
	width:218px;
	height:20px;
	font-weight:bold;
	text-align:right;
}
#vnav LI A SPAN
{
	display:block;
	padding-top:3px;
	padding-right:10px;
}
#vnav LI A:hover,#vnav LI.current A
{
	color:#39f; /*bleu*/
	text-decoration:none;
}
#vnav LI.current A
{
	cursor:text;
}

#fdcontenu
{
	float:left;
	width:700px;
	background:white;
}
html.MSIE #fdcontenu
{
	width:698px;
}

#contenu
{
	float:left;
	width:620px;
	margin-right:40px;
}
html.MSIE #contenu
{
	margin-right:20px;
}

#letexte
{
	float:left;
	width:360px;
	margin:40px 38px 0 0;
	text-align:justify;
	border:1px solid white;
}
#letexte IMG
{
	border:5px solid #c8c8cb;
}
html.MSIE #letexte
{
	
}
#contenu H1
{
	margin-top:0;
}

#lesimages
{
	float:left;
	width:220px;
	background:#c8c8cb;
	overflow:hidden;
}
#lesimages A:link IMG
{	
	border:2px solid #c8c8cb;
}
#lesimages A:hover IMG
{	
	border:2px solid #a3a3a8;
}
#lesimages A
{	
	color:#c8c8cb;
}
#lesimages A:hover
{	
	color:#a3a3a8;	
}
#lesimagesContent
{
	margin-top:40px;
	margin-right:2px;
	margin-bottom:10px;
	width:210px;
	text-align:center;
	overflow:hidden;
}
#pagebas
{
	margin:10px 40px;
}