html,body {

height:100%;
}
body {
margin:0;
padding:0;
background-color:#003B77;
}

#conteneur {
	padding:0;
	margin:0 auto;
	width: 950px;
	height:800px;
}

#conteneur2 {
	margin:auto;
	width: 950px;
	overflow:hidden;
	outline:none;
}
.fond {
	background-image:url(icono/fond.jpg);
	background-repeat:no-repeat;
}

.fond-detente {
	background-image:url(icono/fond-detente.jpg);
	background-repeat:no-repeat;
}
.fond-tarifs {
	background-image:url(icono/fond_tarifs.gif);
	background-repeat:repeat-y;
}
.fond-alentours {
	background-image:url(icono/fond-alentours.jpg);
	background-repeat:no-repeat;
}
.fond-location {
	background-image:url(icono/fond-location.jpg);
	background-repeat:no-repeat;
}
.fond-soirees {
	background-image:url(icono/fond-soirees.jpg);
	background-repeat:no-repeat;
}
.fond-activite {
	background-image:url(icono/fond-activite.jpg);
	background-repeat:no-repeat;
}
#menu {
	width:157px;
	height: 270px;
	float:left;
}
#menu1 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm1.gif);
	background-repeat:no-repeat;
}
#menu2 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm2.gif);
	background-repeat:no-repeat;
}
#menu3 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm3.gif);
	background-repeat:no-repeat;
}
#menu4 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm4.gif);
	background-repeat:no-repeat;
}
#menu5 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm5.gif);
	background-repeat:no-repeat;
}
#menu6 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm6.gif);
	background-repeat:no-repeat;
}
#menu7 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm7.gif);
	background-repeat:no-repeat;
}
#menu8 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm8.gif);
	background-repeat:no-repeat;
}
#menu9 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm9.gif);
	background-repeat:no-repeat;
}
#menu10 {
	width:157px;
	height: 30px;
	background-image:url(icono/fm10.gif);
	background-repeat:no-repeat;
}


#textemenu {
padding-top:3px;
	width:143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
}
#textemenu a{
padding-top:3px;
	width:143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	text-decoration:none;
}

#textemenu a:hover{
	padding-top:3px;
	width:143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	text-decoration:none;
	font-weight: normal;
	font-style: italic;
}
#droite {
	margin:0;
	padding:0;
	width:550px;
	height: 800px;
	float:left;
}
#droite2 {
	margin:0;
	padding:0;
	width:550px;
	float:left;
}

#gauche {
	margin:0px;
	padding:0px;
	width:290px;
	height: 800px;
	float:left;
}

#gauche2 {
	margin:0px;
	padding:0px;
	width:200px;
	height: 800px;
	float:left;
}
#baseline {
	margin:0px;
	padding:0px;
	width:87px;
	height: 800px;
	float:left;
}

#bloc-texte {
	padding:10px;
	width:280px;
	height:200px;
	float:left;
}

#bloc-texte3 {
	padding:10px;
	width:500px;
	height:200px;
	float:left;
}
#bloc-texte4 {
margin-top:5px;
	padding:10px;
	width:530px;
	height:190px;
	float:left;
	overflow:auto;
	overflow-x:hidden;
}
#bloc-texte2 {
	padding:10px;
	width:700px;
	height:500px;
	float:left;
	overflow:auto;
}

#bloc-texte5 {
	padding:10px;
	width:700px;
	height:auto;
	overflow:hidden;
	outline:none;

}
#bloc-actu {
	padding:4px 0 0 20px;
	width:200px;
	height:180px;
	float:left;
}
#wifi {
	padding:4px 0 0 225px;
	width:auto;
	height:60px;
	float:left;
}
#wifi-index {	
	width:380px;
	height:100px;
	float:left;
}
#bt2 {
padding: 90px 0 0 10px;
}
#pied {
	padding:10px;
	width:auto;
	height:auto;
	clear:both;
}


.soustitre {
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	font-style: italic;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 2px;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: justify;
}
.texte a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration:none;
}
.texte a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration:underline;
}
.texteactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
.textejaune {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	text-align: justify;
}
.texte_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.texte_blanc a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;
}
.texte_blanc a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #006599;
}

.texte-p_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
}
.texte-p_blanc a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-decoration:none;
}
.texte-p_blanc a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-decoration:underline;
}

.txtsmall #textemenu{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	letter-spacing:-0.05em;
	padding-top:3px;
	text-align:right;
	text-decoration:none;
	width:149px;
}