/* AUTEUR: Voyageurs du Monde */
/* DATE DE CREATION: 28/09/2006 */
*
{
		margin: 0px;
		padding: 0px;
}

body
{
		color: #000; 
		background-color: #fff; 
		margin: 0 auto;
		width: 79em;	
		text-align: center;	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;

}

a
{
		font-weight: bold;
		color: #9C9C9C;
		cursor: pointer;
		text-decoration: none;
}

a:hover
{
		text-decoration: underline;
}

.noclass
{
		font-weight: normal;
		font-size: 10px;
		color: black;
		text-decoration: none;		
}
.selection
{
		text-decoration: underline;
		color: #D6AD31;
}

h1
{
		font-family: Times, Serif;
		font-weight: normal;
		font-size: 23px;
		text-align: left;
		margin: 20px 0 10px 10px;
}

h2
{
		font-variant: small-caps;
		color: #D6AD31;
		font-size: 1.2em;
		text-align: left;
}

.contenu_miseenavant
{
		font-weight: bold;
}

.paragraphe
{
		padding-bottom: 1em;
		text-align: justify;
		line-height: 15px;
}

.image
{
		margin-bottom: 0.7em;
		margin-right: 0.7em;
		border: 1px solid black;
}

.bordure_image
{
		border: 1px solid #D6AD31;
}

div.contactsup
{
		float: left; 
		width: 295px; 
		margin-top: 15px; 
		margin-left: 2px;
}

.contact, .contact1
{
		float: left; 
		margin-top: 0px; 
		background-color: #fcfde6;
}

.contact 
{
		width: 100%; 
		margin: 0px 0px 0px 0px; 
		padding: 5px 3px 5px 3px; 
}

.contact1
{
		width: 100%; 
		padding: 5px; 
}

.center
{
		text-align: center;
}
/* Définition des classes de liens page suivante, page précédente du contenu */
.suivant
{
		background-image: url(/img/picto-lien-suivante.jpg);
		background-repeat: no-repeat;
		padding-left: 1.4em;
		color: #9C9C9C;	
		height: 1.1em;
		text-decoration: none;
}

.precedent
{
		background-image: url(/img/picto-lien-precedente.jpg);
		background-repeat: no-repeat;
		padding-left: 1.4em;
		color: #9C9C9C;	
		height: 1.1em;
		text-decoration: none;
}
/* Fin définition des classes de liens page suivante, page précédente */


/* Définition du menu de navigation */
.div_menu
{
		width: 79em;	
		height: 6em;
		top: 0;
		left: 0;	
		padding-top: 0.3em;	
		text-align: center; 
}

.div_menu_logo
{
		float: left;
		top: 0;
		left: 0;
		width: 16em;
		text-align: center;
		padding-left: 0.5em;
}

.menu_nav 
{
		padding-left: 20em;
		list-style-type: none;		
		text-align: left;
}

.menu_nav li.menu_actif a
{
		background-color: #d2ab39;
}

.menu_nav li
{
		float: left;		
}

.menu_nav li a
{
		display: block;
		margin: 0.1em 0.1em;
		height: 1.9em;
		width: 16em;
		font-family: Arial, sans-serif;
		font-size: 1.15em;
		background-color: #f8e48d;
		padding-left: 0.04em;
		padding-right: 0.04em;
		padding-top: 0.25em;		
		color: #000;
		text-decoration: none;
		text-align: center;
}

.menu_nav li a:hover
{
		background-color: #eacb4e;
}
/* Fin de définition du menu de navigation*/


/* Définition du menu de choix des langues*/
#menu_langue li
{
		background-image: url(/img/picto-nav-suivante.gif);
		background-repeat: no-repeat;
		height: 16px;
		list-style-type: none;
		text-align: left;
		margin: 0px 0px 0px 0px; padding: 0px 0px 5px 18px;
}

#menu_langue {
		padding : 5px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 120px;
}
/* Fin de définition du menu de choix des langues*/


/*  Zone chaude spécifique à la home (img du bateau)*/
.div_corps_home {
		width: 730px;
		height: 420px;
		text-align: left;
		padding : 0px 0px 0px 0px;
		margin: 0px 0px 0px -30px !important!; margin: 0px 0px 0px 0px;
}
#image_home {
		padding: 0px 0px 0px 0px;
		width: 520px; 
}
#paragraphe_home {
		width: 220px;
		text-align: center;
		line-height: 18px;
		margin: 40px 0px 0px 0px;
}
#paragraphe_home a {
		line-height: 25px;
}
#box {
margin: 0px 0px 0px 0px; height: 320px; width: 700px;
border: 1px solid #fff;
}

/*  Fin de la zone chaude spécifique à la home (img du bateau)*/


/* Contenants de la zone chaude */
.div_corps
{
		position: relative;
		width: 79em;
		overflow: auto;		
		text-align: left;
		padding-top: 1.5em;
		border: 0px !important;	
}

.div_contenu_entier
{
		width: 79em;
}

.div_contenu_moitie
{
		float: left;
		width: 36em;
		padding: 1em 1.5em 0 1em;
		text-align: left;
}

.contenu_petit_tiers
{
		float: left;
		width: 15em;
		padding: 1em 1.2em 0 0.5em;
		text-align: left;
}

.div_contenu_tiers
{
		float: left;
		width: 23em;
		padding: 1em 1.5em 0 0.5em;
		text-align: left;
}
.contenu_tiers_fin
{
		float: left;
		width: 26em;
		padding: 1em 1.5em 0 0.5em;
		text-align: left;
}

.div_contenu_2tiers
{
		float: left;
		width: 50em;
		padding: 1em;
}

.deux_tiers_grand
{
		float: left;
		width: 59em;
		margin-left: 1em;
}

.plan
{
		float: left;
		width: 59em;
		padding-top: 1em;
}

.contenu_tiers_photo
{
		float: left;
		width: 29.5em;
		text-align: left;
		border: 0px !important;
}
/* Fin des contenants de la zone chaude */


/* Définition des tableaux de coordonnées*/
.tableau_prix
{
		border: 1px solid #D6AD31;
		border-collapse: collapse;
}

.td
{
		border-bottom: 1px dashed #D6AD31;
		border-spacing: 0px;
		padding: 0.25em;
}

.bordure
{
		border-right: 1px solid #D6AD31;
}
/* Fin de définition des tableaux de coordonnées*/


/* définition des listes à puces*/
.list_contenu
{
		list-style-type: none;
}

.list_contenu li
{
		background-image: url(/img/puce-contenu.gif);
		background-repeat: no-repeat;
		background-position: 0em 0.5em;
		padding-left: 1em;
		padding-top: 0.1em;
		margin-bottom: 0.5em;
		text-align: justify;
}
/* fin de définition des listes à puces*/

/* Définition du footer*/
.div_footer
 { 
 		width: 77em;
		position: relative;
		left: 0.5em;
		margin-top: 1em;
		padding-top: 0.2em;
		padding-bottom: 1em;
		border-top: 1px solid #9C9C9C;
		text-align: left;
 }

.footer_texte
 {
 		color: #9C9C9C;
		font-size: 0.9em;
 }
 
.footer_texte a
 {
		text-decoration: none;
		font-weight:normal;
 }
 
.footer_texte a:hover
 {
 		text-decoration: underline;
 }
 /* Fin de définition du footer*/
   
/*Définition du menu de navigation des pages des chambres*/
.nav_interne
{
		list-style-type: none;		
		padding-left: 0.2em;
}

.nav_interne li.menu_actif a
{
		color: #d2ab39;
}

.nav_interne li
{
		float: left;		
		border-right: 1px solid #D6AD31;
		padding: 0 0.2em;
		margin-bottom: 1em;
}

.nav_interne li a
{
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;		
		color: #000;
		text-decoration: none;
		font-weight: normal;
}

.nav_interne li a:hover
{
		color: #D6AD31;
		text-decoration: underline;
}
/*Définition du menu de navigation des pages des chambres*/

/*style page depuis l'étranger*/
.pop
{
		width: 30em;
		height: 20em; 
		text-align: center;
		margin-top: 1em;
		font-weight: bold;
}
/*fin style page depuis l'étranger*/
/* style pour photo dans page tarifs et réservations, contacts pour pouvoir faire des exceptions ie pour que ça tombe pile poil avec le contenu */
.img_contact
{
		height: 417px;
}
/* fin de style*/



/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000;
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 48%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 10px solid #fff;/* set the Milkbox border */
	margin: 0px; padding:0px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(../img/diaporama/loading.gif) no-repeat center; }

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden;}

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #585858;
	line-height: 1.4em;
	text-align: left;
	padding-top:3px;
	margin:0;
}

/* navigation */
#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px; padding-right: 2px;
	float:right;
	text-align:right;
	font-size:9px; 
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:21px; padding-top: 3px;}
#mbPrevLink{ background: transparent url(../img/diaporama/prev.gif) no-repeat; margin-top: 2px;  }
#mbNextLink{ background: transparent url(../img/diaporama/next.gif) no-repeat; margin-top: 2px;  }

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(../img/diaporama/play-pause.gif) no-repeat; }


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink { width:37px; background: transparent url(../img/diaporama/close.gif) no-repeat; }

/* description */
#mbDescription{
	margin-right:27px; color: #585858;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}