/* CSS Document */

body{
margin:0;
background: url(images/fond-page.jpg) repeat-x #B8E3F4;
}
#map{
	width:555px;
	height:300px;
		border:3px solid #B8E3F4; 
	padding:1px;
}
#conteneur{
	margin:auto;
	width:880px;
}
#logo{
	width:auto;
	height:108px;
	background:url(images/logo.jpg) no-repeat;
}
#menu{
	width:auto;
	height:27px;
	background:url(images/fond-menu.jpg) no-repeat;
	clear:both;
}
#menu ul{
	margin:0 0 0 67px;
	padding:3px 0 0 0;
}
#menu li{
	float:left;
	list-style-type:none;
	background:url(images/menu-on.png) no-repeat;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #005490;
	height:24px;
	width:89px;
	padding-right:5px;
	text-align:center;
	line-height:24px;
}
#menu li a{
	background:url(images/menu-off.png) no-repeat;
	display:block;
	height:24px;
	color: #fff;
	text-decoration:none;
}
#menu li a:hover{
	color: #005490;
	background:url(images/menu-on.png) no-repeat;
}













#contenu{
	width:861px;
	clear:both;

}
h1{
	background: url(images/fond-h1.png) no-repeat;
	font-family: Tahoma;
	font-size: 18px;
	color: #4195C2;
	height:55px;
	width:auto;
	font-weight: normal;
	line-height:55px;
	text-indent:25px;
	margin:0;
}
h2{
	font-family: Tahoma;
	font-size: 15px;
	color: #004D85;
}
#imageGauche{
	background:url(images/partie_gauche.jpg) no-repeat;
	height:505px;
	width:51px;
	float:left;
}
#partieDroite{
	width:810px;
	float:left;
	background:#fff;
	margin:0;
	padding:0;
}


#bloc1{
	width:581px;
	float:left;
}
#flashcontent{
	border:3px solid #B8E3F4; 
	padding:1px;
	width:555px !important;
}

#flashcontent li{
	line-height:20px;
}


#flashcontent2{
	border:3px solid #B8E3F4; 
	padding:1px;
}

#flashcontent2 p{
	margin:0;
	padding:7px;
	font-family: Tahoma;
	font-size: 12px;
	color: #00528C;
}
#flashcontent2 a{
	color:#004B84;
	text-decoration:underline;
}
#flashcontent2 a:hover{
	color: #000;
	text-decoration:none;
}

#bloc1Content{
	width:563px;
	margin:auto;
	padding:8px;
	height:auto;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #666666;
}

#bloc1Content ul{

}
#bloc1Content li{
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	list-style-type:square;
}
#bloc1Content p{
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}

#bloc2{
	width:20px;
	height:515px;
	background:url(images/sep-homepage.jpg) no-repeat;
	float:left;
}
#bloc3{
	width:209px;
	height:auto;
	background: url(images/fond-bloc3.png) no-repeat;
	float:left;

}
#drapeaux{
	width:auto;
	float:right;
	margin-right:20px;

}

#drapeaux ul{
	margin:0;
	padding:0;
}
#drapeaux li{
	float:left;
	padding:0;
	list-style-type: none;
}
.fr{
	background: url(images/flags/fr.png) no-repeat;
	height:42px;}
.uk{
	background: url(images/flags/uk.png) no-repeat;
	height:42px;}
.de{
	background: url(images/flags/de.png) no-repeat;
	height:42px;
}
.nl{
	background: url(images/flags/nl.png) no-repeat;
	height:42px;
	}
.es{
	background: url(images/flags/es.png) no-repeat;
	height:42px;
	display:none;}
.it{
	background: url(images/flags/it.png) no-repeat;
	height:42px;
	display:none;}
.dk{
	background: url(images/flags/dk.png) no-repeat;
	height:42px;
	display:none;}





#bloc3Menu{
	width:auto;
	height:auto;
	margin:70px 20px 0 0;

}
#bloc3Menu ul{
	margin:0;
	padding:0;
	height:400px;
}
#bloc3Menu li{
	list-style-type:none;
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #004D85;
	
	margin-bottom:2px;
	line-height:30px;
	text-indent:33px;
}
#bloc3Menu li a{
	color: #004D85;
	text-decoration:none;
}
#bloc3Menu li a:hover{
	color: #000;
	text-decoration:none;
}
#bloc3Menu li td{
	margin:0!important;
	padding:0 0 2px 0!important;
	height:15px!important;
	line-height:15px!important;
}
#bloc3Menu li table{
	margin-left:30px!important;
}

#bloc3Menu table{
	width:70%;

}
#bloc3Menu form{
	margin:0;

}
.homepage{
	background:url(images/icon-home.png) no-repeat #EDF7FC;
	height:32px;
	width:auto;
}
.contact{
	background:url(images/icon-contact.png) no-repeat #EDF7FC;
	height:32px;
	width:auto;
}
.resa{
	background:url(images/icon-resa.png) no-repeat #EDF7FC;
	height:32px;
	width:auto;
}

.situation{
	background:url(images/icon-situation.png) no-repeat #EDF7FC;
	height:32px;
	width:auto;
}
.information{
	background:url(images/information.png) no-repeat #EDF7FC;
	height:32px;
	width:auto;
}
.paiement{
	background:url(images/icon-payment.png) no-repeat #EFF0F1;
	height:32px;
	width:auto;
}
.brochure{
	background:url(images/icon-brochure.png) no-repeat #EFF0F1;
	height:32px;
	width:auto;
}
.recommand{
	background:url(images/recommand.png) no-repeat ;
	height:20px;
	width:auto;
	font-weight:normal !important;
}
.fav{
	background:url(images/icon-fav.png) no-repeat ;
	height:20px;
	width:auto;
	font-weight:normal !important;
}
.sepmenudroite{
	background:url(images/fond-fav.png) no-repeat;
	height:25px !important;}
.logo{
	height:40px !important;
	width:150px !important;
	margin:15px 0 10px 0 !important;
	padding:0 !important;
	
}
#basPage{
	width:810px;
	height:18px;
	background:url(images/fin-page.png) no-repeat #B8E3F4;
	clear:both;
	padding-bottom:20px;
}
#footer{
	font-family: Tahoma;
	font-size: 10px;
	color: #666666;
	width:auto;
	margin:10px;
	border-top:1px dashed #ccc;
	padding-top:15px;
	text-align:center;
	clear:both;
}
#footer a{
	color: #666666;
}
#footer a:hover{
	text-decoration:none;
}





/*Habillage Pages de suite........................................................*/

h4{
	clear:both;
	margin:10px 0 10px 0;
	background:url(images/fond-h4.png) no-repeat;
	height:35px;
	width:564px;
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: #666;
	line-height:35px;
	text-indent:15px;
}
h5{
	clear:both;
	margin:10px 0 10px 0;
	background:url(images/fond-h5.png) no-repeat;
	height:35px;
	width:564px;
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: #000000;
	line-height:35px;
	text-indent:15px;
}
h6{
	clear:both;
	margin:10px 0 10px 0;
	background:url(images/fond-h6.png) no-repeat;
	height:35px;
	width:564px;
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: #fff;
	line-height:35px;
	text-indent:15px;
}
.Boutonreserver{
	height:30px;
	background:#B1DEF3 url(images/icon-resa2.png) no-repeat 2px 50% !important;
	clear:both;
	float:left;
	color:#004D85;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:30px;
	padding:3px 3px  3px 25px;
}
.Boutonreserver a{
	color:#004D85;
	text-decoration:none;
}
.Boutonreserver a:hover{
	color:#000;
	text-decoration:none;
}
.Boutonreserver2{
	height:30px;
	background:#B1DEF3 url(images/icon-resa2.png) no-repeat 2px 50% !important;
	margin-bottom:10px;
	margin-top:10px;
	color:#004D85;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:30px;
	padding:3px 3px  3px 25px;
}
.Boutonreserver2 a{
	color:#004D85;
	text-decoration:none;
}
.Boutonreserver2 a:hover{
	color:#000;
	text-decoration:none;
}


.Boutonbrochure{
	background:url(images/icon-brochure.png) no-repeat #EFF0F1 0px 50%;
	height:28px;
	width:150px;
	float:left;
	margin-right:10px;
	color:#999;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:30px;
	text-indent:35px;
	border:1px dashed #ccc;
}
.Boutonbrochure a{
	color:#666666;
	text-decoration:none;
}
.Boutonbrochure a:hover{
	color:#000000;
	text-decoration:none;
}

.Boutonretour{
	background:#F4F4F4 url(images/icon-retour.png) no-repeat 1px 50%;
	height:28px;
	width:130px;
	float:left;
	margin-left:30px;
	color:#999;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:30px;
	text-align:center;
	text-indent:10px;
	margin-bottom:70px;
	border:1px dashed #ccc;
}
.Boutonretour a{
	color:#999;
	text-decoration:none;
}
.Boutonretour a:hover{
	color:#000;
	text-decoration:none;
}
#bloc1Content table{
	width:100%;
	margin-bottom:15px;
	color:#666666 !important;
	clear:both;
}
#bloc1Content td{
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	padding:5px;
	border-bottom:1px dashed #ccc;
	border-right:1px dashed #E2F3FA;
}
#bloc1Content th{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	padding:5px;
	text-align:left;
	background:#9CD5F0;
}
.reserver{
	background:#B1DEF3 url(images/icon-resa2.png) no-repeat !important;
	padding:0;
	height:20px;
	line-height:20px;
	text-indent:18px;
	text-align:center !important;
}
.Fondreserver{
	background:#B1DEF3 !important;
}
.reserver a{
	color:#004D85;
	text-decoration:underline;
}
.reserver a:hover{
	color:#000;
	text-decoration:none;
}
#contenuttexte{
	margin:0;
	padding:7px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
#flashcontent p{
	margin:0;
	padding:7px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
#flashcontent a{
	color:#666666;
	text-decoration:underline;
}
#flashcontent a:hover{
	color: #000000;
	text-decoration:none;
}
#descriptif{
	width:auto;
	margin-bottom:20px;
	padding-bottom:15px;
}
.descriptifVignettePrincipale{
	float:left;
	border:3px solid #B8E3F4;
	padding:2px;
	margin-bottom:15px;
}
.descriptifVignettePrincipale img{
	width:260px;
	height:175px;
}
#descriptifVignettes {
	float:left;
	width:70px;
	margin:0 5px 0 5px;
}
#descriptifVignettes ul{
	margin:0;
	padding:0;
}
#descriptifVignettes li{

	margin-bottom:2px !important;
	list-style-type:none;
	padding-bottom:1px;
}
#descriptif li img{
	border:1px solid #B8E3F4;
	padding:1px;	
	width:40px;
	height:28px;	
}
#descriptifTexte{
	float:left;
	width:205px;
	margin:0 0 0 5px;
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}
#descriptifTexte ul{
	margin-top:10px;
}
#descriptifTexte li{
	padding:-5px;
	list-style-type:square;
}
.descriptifTitre{
	border-bottom:1px dashed #ccc;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
}

/*SERVICES........................................................*/
#OngletService{
	clear:both;
	width:auto;
	height:45px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}
#OngletService ul{
	margin:0;
	padding:0;
}
#OngletService li{
	float:left;
	text-align:center;
	list-style-type:none;
	color:#666666;
	font-family: Tahoma, Arial, Verdana;
	font-size: 20px;
	margin-right:3px;
	width:176px;
	height:44px;
	line-height:40px;
}
#OngletService li a{
	color:#666666;
}
#OngletService li a:hover{
text-decoration:none;
}
.OngletServiceOn{
	background:url(images/onglet-service-on.jpg) no-repeat;
}
.OngletServiceOff{
	background:url(images/onglet-service-off.jpg) no-repeat;
}

.wifi{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/wifi.gif) no-repeat;
	margin-bottom:5px;
}
.tv{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/tv.gif) no-repeat;
	margin-bottom:5px;
}
.sport{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/sport.gif) no-repeat;
	margin-bottom:5px;
}
.bebe{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/bebe.gif) no-repeat;
	margin-bottom:5px;
}
.machine{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/machine.gif) no-repeat;
	margin-bottom:5px;
}
.euro{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/euro.gif) no-repeat;
	margin-bottom:5px;
}
.glace{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/glace.gif) no-repeat;
	margin-bottom:5px;
}
.lit{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/lit.gif) no-repeat;
	margin-bottom:5px;
}
.cabine{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/cabine.gif) no-repeat;
	margin-bottom:5px;
}
.letter{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/lettre.gif) no-repeat;
	margin-bottom:5px;
}
.journal{
	list-style-type:none !important;
	height:26px;
	line-height:30px;
	padding-left:35px;
	background:url(images/icon/journal.gif) no-repeat;
	margin-bottom:5px;
}

/*formulaires........................................................*/

input{
	border:1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
#calendar{
	width:320px;
	margin:15px auto 15px auto;
}
























#TitreAgenda{
	margin-top:10px;
	clear:both;
	background:url(img/icon-agenda-fiche.gif) no-repeat;
	width:auto;
	height:25px;
	line-height:25px;
	padding-left:30px;
	font-size: 14px;
	font-weight: bold;
}
#TitreAgenda a{
	color:#000000;
}
#TitreAgenda a:hover{
	text-decoration:none;
}


#modele1{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
}
#modele2{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
}
#modele3{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
}
#modele4{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
}
#modele5{
	clear:both;
	width:auto;
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	text-align:left !important;
}

.fermetureDiv{
	background:#CCCCCC;
	padding:5px;
	float:right;
	font-size:10px;
	margin-bottom:10px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
}
.fermetureDiv a{
	color:#000;

}
.fermetureDiv a:hover{
	text-decoration:none;

}

#agendaContent table{
	width:auto;
	clear:both;
}


#liens{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	white-space:nowrap;
	width:160px !important;
}
#liens td{
	padding:3px 0 3px 0;
}
#liens a{
	color:#000;
	line-height:25px;
}
#liens a:hover{
	text-decoration:none;
}