/* CSS Document */
/*****************/
/* Style General */
/*****************/
body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background-color:#004f76;
	background-image:url(FileMMedia/Image/bg_body.jpg);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;
}

form{ margin:-6px 0px 0px 0px; padding:0px; }
img{ border:0px; }
a{ text-decoration:none; color:#eedda8; }
a:hover{ }


fieldset{
	color:#FFFFFF;
	border:2px solid #FFFFFF;
}

legend{
	padding:4px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

input,
textarea,
select{
	color:#000000;
	border:1px solid #004f76;
}

input[type=submit],
input[type=button],
input#submit{
	border:1px solid #004f76;
	background-color:#f1e1ad;
	font-weight:bold;
	color:#004f76;
}

/********/
/* Site */
/********/

#Site{
	margin:0px auto 0px auto;
	padding:0px;
	width:1024px;
}

/*************/
/* Promotion */
/*************/

#Promotion{
	position:absolute;
	margin:200px 0px 0px 260px;
	padding:10px;
	/*height:220px;*/
	width:461px;
	background-color:#FFFFFF;
	display:none;
	border:4px solid #003f60;
	color:#000000;
	z-index:1000;
}

#ReservationRIB{
	position:absolute;
	top:0px;
	margin:200px 0px 0px 260px;
	padding:10px;
	height:220px;
	width:461px;
	background-color:#FFFFFF;
	display:none;
	border:4px solid #003f60;
	color:#000000;
	z-index:1000;
}


/************/
/* Banniere */
/************/

#Banniere{
	margin:0px;
	padding:0px;
	height:158px;
	background-image:url(FileMMedia/Image/bg_banniere.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#Banniere .DrapeauFR{
	float:left;
	margin:40px 0px 0px 70px;
}
#Banniere .DrapeauEN{
	float:right;
	margin:40px 65px 0px 0px;
}
#Banniere .Lien{
	display:block;
	margin:0px;
	margin-left:140px;
	padding:0px;
	height:158px;
	width:750px;
	cursor:pointer;
}


/********/
/* Menu */
/********/

#Menu{
	margin:0px;
	padding:0px;
	float:left;
	height:350px;
	width:206px;
	background-position:top;
	background-repeat:no-repeat;
}

.Francais #Menu { background-image:url(FileMMedia/Image/bg_menu-FR.jpg); }
.English #Menu { background-image:url(FileMMedia/Image/bg_menu-EN.jpg); }

#Menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#Menu ul li{
	display:block;
	margin:0px;
	padding:0px;
	width:206px;
}

#Menu ul li a{
	display:block;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

.Francais #Menu ul li#Li_head{ height:31px; }
.Francais #Menu ul li#Li_accueil{ height:26px; }
.Francais #Menu ul li#Li_hotel-restaurant{ height:27px; }
.Francais #Menu ul li#Li_promos{ height:23px; }
.Francais #Menu ul li#Li_tarifs{ height:23px; }
.Francais #Menu ul li#Li_reservations{ height:25px; }
.Francais #Menu ul li#Li_contact{ height:24px; }
.Francais #Menu ul li#Li_la-ciotat{ height:23px; }
.Francais #Menu ul li#Li_activites-loisirs{ height:26px; }
.Francais #Menu ul li#Li_news{ height:25px; }
.Francais #Menu ul li#Li_acces{ height:22px; }
.Francais #Menu ul li#Li_liens-partenaires{ height:37px; }
.Francais #Menu ul li#Li_soiree{ height:130px; }

.Francais #Menu ul li a#Accueil:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_02.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Hotel-restaurant:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_03.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Promos:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_04.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Tarifs:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_05.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Reservations:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_06.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Contact:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_07.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#La-Ciotat:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_08.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Activites-loisirs:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_09.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#News:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_10.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Acces:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_11.jpg);background-repeat:no-repeat; }
.Francais #Menu ul li a#Liens-partenaires:hover{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_12.jpg);background-repeat:no-repeat; }

.Francais #Menu ul#Accueil li a#Accueil{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_02.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Hotel-restaurant li a#Hotel-restaurant{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_03.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Promos li a#Promos{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_04.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Tarifs li a#Tarifs{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_05.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Reservations li a#Reservations{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_06.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Contact li a#Contact{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_07.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#La-Ciotat li a#La-Ciotat{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_08.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Activites-loisirs li a#Activites-loisirs{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_09.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#News li a#News{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_10.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Acces li a#Acces{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_11.jpg);background-repeat:no-repeat; }
.Francais #Menu ul#Liens-partenaires li a#Liens-partenaires{ background-image:url(FileMMedia/Image/menu-FR/bg_menu-over_12.jpg);background-repeat:no-repeat; }

.English #Menu ul li#Li_head{ height:31px; }
.English #Menu ul li#Li_accueil{ margin-top:5px; height:16px; }
.English #Menu ul li#Li_hotel-restaurant{ margin-top:5px; height:22px; }
.English #Menu ul li#Li_tarifs{ margin-top:5px; height:19px; }
.English #Menu ul li#Li_reservations{ margin-top:5px; height:19px; }
.English #Menu ul li#Li_contact{ margin-top:5px; height:16px; }
.English #Menu ul li#Li_la-ciotat{ margin-top:5px; height:19px; }
.English #Menu ul li#Li_activites-loisirs{ margin-top:5px; height:20px; }
.English #Menu ul li#Li_news{ margin-top:5px; height:21px; }
.English #Menu ul li#Li_acces{ margin-top:5px; height:17px; }

.English #Menu ul li a#Accueil:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_02.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Hotel-restaurant:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_03.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Tarifs:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_04.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Reservations:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_05.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Contact:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_06.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#La-Ciotat:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_07.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Activites-loisirs:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_08.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#News:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_09.jpg);background-repeat:no-repeat; }
.English #Menu ul li a#Acces:hover{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_10.jpg);background-repeat:no-repeat; }

.English #Menu ul#Home li a#Accueil{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_02.jpg);background-repeat:no-repeat; }
.English #Menu ul#Hotel-restaurant li a#Hotel-restaurant{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_03.jpg);background-repeat:no-repeat; }
.English #Menu ul#Rates li a#Tarifs{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_04.jpg);background-repeat:no-repeat; }
.English #Menu ul#Reservations li a#Reservations{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_05.jpg);background-repeat:no-repeat; }
.English #Menu ul#Contact li a#Contact{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_06.jpg);background-repeat:no-repeat; }
.English #Menu ul#La-Ciotat li a#La-Ciotat{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_07.jpg);background-repeat:no-repeat; }
.English #Menu ul#Leisure-Activities li a#Activites-loisirs{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_08.jpg);background-repeat:no-repeat; }
.English #Menu ul#News li a#News{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_09.jpg);background-repeat:no-repeat; }
.English #Menu ul#Access li a#Acces{ background-image:url(FileMMedia/Image/menu-EN/bg_menu-over_10.jpg);background-repeat:no-repeat; }



/************/
/* Rubrique */
/************/
#Rubrique{
	margin:0px;
	margin-left:210px;
	padding:0px;
}

#Rubrique ul li{ list-style:url(FileMMedia/Image/Puce.png); background-repeat:no-repeat; }

#Rubrique table.tbTarif{
	margin:30px 0px 30px 0px;
}
#Rubrique table.tbTarif th{	
	border:1px solid #004f76;
	background-color:#f1e1ad;
	font-weight:bold;
	color:#004f76;
}
#Rubrique table.tbTarif td{	
	border:1px solid #004f76;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#004f76;
}


#Rubrique table tr td#Contenu{
	margin:0px;
	padding:23px 35px 20px 10px;
	height:100%;
	width:549px;
	text-align:justify;
}


#Rubrique #Fond{
	margin:0px;
	margin-left:11px;
	padding:0px;
	height:30px;
	width:206px;
	color:#FF0000;
	background-image:url(FileMMedia/Image/bg_panneau.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#Rubrique .Diapo{
	overflow:hidden;
	margin:0px;
	padding:0px;
	height:257px;
	width:206px;
	padding:2px;
	background-color:#FFFFFF;
}
#Rubrique .Diapo img{
	height:257px;
	width:206px;
}

#Rubrique .Diapo2{
	overflow:hidden;
	margin:0px;
	padding:0px;
	height:257px;
	width:206px;
	padding:2px;
	background-color:#FFFFFF;
}
#Rubrique .Diapo2 img{
	height:257px;
	width:206px;
}

#Rubrique .Diapo3{
	overflow:hidden;
	margin:0px;
	padding:0px;
	height:257px;
	width:206px;
	padding:2px;
	background-color:#FFFFFF;
}
#Rubrique .Diapo3 img{
	height:257px;
	width:206px;
}



#Rubrique #Plan{
	margin:0px;
	padding:0px;
	height:135px;
	width:206px;
	background-image:url(FileMMedia/Image/bg_plan.png);
}

#Rubrique .tbActivitesLoisirs td{ height:20px; }
#Rubrique .tbActivitesLoisirs a{ font-size:14px; font-weight:bolder; color:; }

#Rubrique .News .Admin{ text-align:right; margin:7px; }
#Rubrique .News .Titre{ font-weight:bold; font-size:14px; padding:4px; }
#Rubrique .News .Texte{ padding:0px 7px 0px 7px; }
#Rubrique .News .Heure{ float:right; padding:4px; font-size:10px; }
#Rubrique .News .Date{ float:right; padding:4px; font-size:10px; }
#Rubrique .News .Auteur{ float:right; padding:4px; font-size:10px; }
#Rubrique .News .Submit{ padding:4px; }

/************/
/* PiedPage */
/************/

#PiedPage{
	margin:0px auto 0px auto;
	padding:0px;
	width:1024px;
	color:#FFFFFF;
	clear:both;
	text-align:center;
	font-size:11px;
}

#PiedPage a{
	color:#FFFFFF;
}