@charset "UTF-8";
/* CSS Document */

body{
	margin-left:auto;
	margin-right:auto;
	background:#fff  url(../images/fond.jpg) top center no-repeat;
	padding:0;
	margin: 0;
	}

#contain{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
	


#contain_top{
	width:690px;
	
}


/**banniere**/
#titre{
	margin-top: 15px;
	height:50px;
	float: right;	
}


/**Menu**/

#menu{
	width: 920px;
	z-index: 10;
	padding: 0px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 44px;
	display:block;
	font-family:"Tahoma";
}
	
	
#menu ul{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-variant: small-caps;
}


#menu li{
	background: url(../images/menu.png) top left no-repeat;
	width: 152px;
	height: 44px;
	float: left;
	padding: 0;
	text-align: center;
	margin: 0;
	list-style-type: none;
	
}


#menu a{
	color: white;
	text-decoration: none;
	font-size: 14px;
}




#menu a:link, #menu a:visited {
		float: left;
		line-height:44px;
		margin: 0;
		padding-left: 22px;		
		text-decoration: none;
		color: #fff;
}
	
#menu a.current, #menu a:visited.current, #menu a:hover {
	padding-bottom: 2px;
	color: #ddf4ff;
	
}
	
#menu a:hover { 
	color: #ddf4ff; 
	padding-bottom: 2px;

}



/**flash**/
#flash{
	float:left;
	height:395px;
	width: 904px;
	padding-top: 30px;
}





/**Corps**/
#corps{
	height:auto;
	background:#FFF;
	width:904px;
	z-index: 10;
	float: left;
	padding-bottom: 30px;
}



#index{
	padding-top:30px;
	padding-left: 5px;
	padding-bottom:50px;
	text-align: justify;
	width: 500px;
	font-family:"Tahoma", Trebuchet MS, Arial;
	font-size:12px;
	color:#222;
	float: left;
}


#flash2{
padding-top:30px;
	padding-left: 5px;
	padding-bottom:50px;
	height:600px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#bateaux{
	padding-top:30px;
	padding-left: 5px;
	padding-bottom:50px;
	text-align: justify;
	width: 350px;
	font-family:"Tahoma", Trebuchet MS, Arial;
	font-size:12px;
	color:#222;
	float: left;
}

#text{
	width: 500px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	color: #FFF;
	font-family:"Tahoma", Trebuchet MS, Arial;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
}

h1{
	margin:0;
	padding: 0;
	font-family:"Tahoma", Trebuchet MS, Arial;
	font-size:20px;
	font-weight:bold;
	color:#66ccff;
	font-variant: small-caps;
}


#image {
	float: right;
	margin-top:20px;
}

#resa {
	float: right;
	margin-top:20px;
	width: 320px;
	font-family:Tahoma;
	font-size: 12px;
}



.lien {
	text-decoration: none;
	color: #66ccff;
}


.style1{
	text-decoration: none;
	color: #66ccff;

}

.tab{
	color: #fff;

}


.texte{

	font-variant: small-caps;
	font-size:  15px;
	font-family: Tahoma;

}

.texte2{

	font-variant: small-caps;
	font-size:  15px;
	font-family: Tahoma;
	color: #fff;

}

.tabl{border : 1px solid #a9a394; padding : 10px 10px 10px 10px; margin-right: auto; margin-left: auto;}

.photo{padding: 3px; border: 1px solid #a9a394; margin-right:10px; float: left; margin-bottom:10px;}

/**footer**/

#footer {
	background: url(../images/footer2.jpg) top center no-repeat;
	height: 50px;
	width: 920px;
	float: left;

}



#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;

}