/* AUTEUR: Voyageurs du Monde */
/* DATE DE CREATION: 19/12/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 {
		color: #9c9c9c;
		cursor: pointer;
		text-decoration: none;
		font-weight: bold;		
}
a:hover {
		text-decoration: underline;
}
.noclass
{
		font-weight: normal;
		font-size: 10px;
		color: black;
		text-decoration: none;		
}
.selection
{
		text-decoration: underline;
		color: #713c51;
}
h1 {
		font-family: Times, Serif;
		font-weight: normal;
		font-size: 23px;
		text-align: left;
		margin: 15px 0px 15px 0px;
		line-height: 28px;
}
h2
{
		font-variant: small-caps;
		color: #775d4f;
		font-size: 12px;
		text-align: left;
}
h3
{
		font-variant: small-caps;
		color: #000000;
		font-size: 10px;
		text-align: left;
}
.contenu_miseenavant
{
		font-weight: normal;
}

.paragraphe
{
		padding-bottom: 1em;
		text-align: justify;
		padding-right: 1em;
}

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

.center
{
		text-align: center;
}

.bordure_image
{
		border: solid 1px #713c51;
}

.no_border
{
border: none;
}

.clear
{
		clear: both; 
}

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

.contact 
{
		width:  115px; 
		margin-right: 9px; 
		padding: 5px 3px 5px 3px; 
}

.contact1
{
		width: 155px; 
		padding: 5px; 
		background-color: #efe9df;
}
div.contactsup
{
		float: left; 
		width: 295px; 
		margin-top: 15px; 
		margin-left: 2px;
}

/* 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: 14px;
		color: #9C9C9C;	
		height: 11px;
		text-decoration: none;
}

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


/* Définition du menu de navigation */
#nav-tarifs {
position: absolute; width:200px; margin: -23px 0px 0px 580px; font-family: Times, Serif; font-size: 12px;  color:#000000; text-decoration:none;
}

.div_menu {
		width: 740px;
		height: 90px;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

.div_menu_logo {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 190px;
}

.menu_nav {
		float: right;
		margin: 25px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;		
		height: 35px;
		align: right;
		width: 515px; 
}

.menu_nav li.menu_actif a {
		background-color: #f8f2e7;
}
.menu_nav li { float: left; padding: 0px 0px 10px 0px;}
.menu_nav li a {
		display: block;
		margin: 4px 0px 0px 0px;
		padding: 8px 0px 0px 0px;
		height: 27px; height: 35px !important!;		
		width: 130px;
		font-family: Times, Serif;
		font-size: 15px;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
		background-color: #FFFFFF;			
		color: #000000;
		text-decoration: none !important;
		text-align: center;
		font-weight: bold;
}
.menu_nav li a:hover {
		border-top: 1px dashed #040404;
		border-bottom: 1px dashed #040404;
		background-color: #f8f2e7;	
}
/* 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;
		padding-left: 18px;
		height: 16px;
		list-style-type: none;
		text-align: left;
}

.menu_langue
{
		padding-top : 10px;
				margin-left: 6px;
}
/* Fin de définition du menu de choix des langues*/


/*  Zone chaude spécifique à la home */
.div_corps_home
{
		width: 740px; 
		height: 370px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
/*  Fin de la zone chaude spécifique à la home (img du bateau)*/


/* Contenants de la zone chaude */
.div_corps {
		position: relative;
		width: 750px;
		overflow: auto;		
		text-align: left;
}

.div_contenu_entier
{
		width: 79em;
		padding-bottom: 15px;
		padding-top: 15px;
}

.div_contenu_tiers {
		float: left;
		width: 195px;
		padding : 0px 0px 0px 0px;
		margin : 0px 0px 0px 0px;
		text-align: left;
		line-height: 16px;
}

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

.div_contenu_2tiers {
		float: left;
		width: 500px; width: 500px !important;
		padding : 0px 0px 0px 20px;
		margin : 0px 0px 0px 0px;
		line-height: 16px;
		text-align:justify;
		border-left: 1px solid #c6c6c6;
}

.div_contenu_moitie {
		float: left;
		width: 36em;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 15px;
		padding-left: 10px;
		text-align: left;
}


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

.contenu_tiers_photo
{
		float: left;
		width: 270px;
		text-align: left;
		line-height: 15px;
}

.plan
{
		float: left;
		width: 590px;
		padding-top: 1em;
		padding-bottom: 15px;
}
/* Fin des contenants de la zone chaude */


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


.tab {
		border-spacing: 0px;
		font-size: 9px;
}
.tab td{
		border-bottom: 1px solid #775d4f;
		border-left: 1px solid #775d4f;
		border-spacing: 0px;
		padding: 0.20em;
}
.tab1 td {
padding: 2px 2px 2px 2px;
background-color:#efe9df;
font-size: 10px;
}
.tab2 td {
padding: 5px 5px 5px 5px;
background-color:#efe9df;
}
/* 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.1em;
		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;
		color: #9C9C9C;
 }
 
.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: #713c51;
		text-decoration: underline;
}

.nav_interne li {
		float: left;		
		border-right: 1px solid #713c51;
		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: #713c51;
		text-decoration: underline;
}
/*Définition du menu de navigation des pages des chambres*/

/*style page depuis l'étranger*/
.pop {
		width: 30em;
		height: 30em; 
		text-align: center;
		margin-top: 1em;
		font-weight: bold;
}
/*fin style page depuis l'étranger*/
/* style page pop up de confirmation d'envoi de webmail*/
.global
{
		width: 415px;
		margin-top: 1em;
		text-align: center;
}
/* fin de style page pop up de confirmation d'envoi de webmail*/

.bando {
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
}

/* MILKBOX */

#box {
	position: absolute;
	background-color: #b9b9b9;
	margin: 1px 0px 0px 548px; margin: -1px 0px 0px 552px !important!;
	padding: 2px 2px 2px 2px;
	text-align: center;
	width: 185px;
}
#box a {
	color: #FFFFFF;
}


#box-en {
	position: absolute;
	background-color: #b9b9b9;
	margin: 1px 0px 0px 548px; margin: -1px 0px 0px 547px !important!;
	padding: 2px 2px 2px 2px;
	text-align: center;
	width: 185px;
}
#box-en a {
	color: #FFFFFF;
}


#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%; left: 50% !important!;
	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; }
#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;
}
/* ------------------ Fin style MILKBOX ---------------------- */