/* AUTEUR: Voyageurs du Monde */
/* DATE DE CREATION: 19/09/2005 */
* {
		font-family: verdana, "sans serif";
		font-size: 10px;
		margin: 0px;
		padding: 0px;	
}

body {
		color: #000; 
		background-color: #fff; 
		margin: 0 auto;
		width:760px;	
		text-align: center;	
}

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

a:hover {
		text-decoration: underline;
}

h1 {
		font-family: Times, Serif;
		font-weight: normal;
		font-size: 23px;
		text-align: left;
		padding-top: 12px;
}

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


.contenu_miseenavant {
		font-weight: bold;
		text-align: left;
}

.paragraphe {
		padding-bottom: 10px;
		text-align: left;
}

.centre {
		text-align: center;
}

.right {
		text-align: right;
}

#contact  {
		width:330px; height: 55px;
		line-height:16px; 
		position:relative;
		padding: 5px 3px 5px 3px;
		margin: 10px 0px 20px 0px; 
		background-color: #f4ebd1;
}
#contact_blc  {
		width:330px; height: 55px;
		line-height:16px; 
		position:relative;
		padding: 5px 3px 5px 3px;
		margin: 10px 0px 20px 0px; 
		background-color: #ffffff;
}

div.contactsup {
		margin: 12px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		line-height:16px;
}

.main_pro_tarif {
		float: left; 
		width: 135px;
}

.pro_tarif, .pro_tarif_fond {
		width: 125px; 
		margin: 0; 
		margin-left: 10px; 
		margin-bottom: 10px;
		padding: 2px; 
		float: left;
}

.pro_tarif_fond
{
		background-color: #fcfde6;
}

/* 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;
}
.suivantnoir {
		background-image: url(../img/picto-lien-suivanteN.gif);
		background-repeat: no-repeat;
		padding-left: 14px;
		color: #404040;	
		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 */
.div_menu {
		width: 780px; height: 100px;
		top: 0px;
		left: 0px;	
		padding-top: 3px;	
		text-align: left;
}
.div_menu_logo {
		float: left;
		padding: 6px 0px 0px 3px;
		margin: 0;
		width: 180px; 
}
.menu_nav {
		padding-left: 196px; 
		list-style-type: none;
		text-align: left;
		margin-top: 25px;
		margin-top: 31px !important!; /*pour IE7*/		
}
.menu_nav li.menu_actif a {
		background-color: #DE9B02;
}
.menu_nav li {
		float: left;		
}
.menu_nav li a {
		display: block;
		margin: 1px 1px;
		height: 19px;
		width: 170px;
		font-family: Arial, sans-serif;
		font-size: 11px;
		background-color: #F7EFC6;
		padding-left: 4px;
		padding-top: 2px;		
		color: #000;
		text-decoration: none;
		text-align: center;
}
.menu_nav li a:hover {
		background-color: #CFAC51;
}
/* 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) !important;
		background-repeat: no-repeat;
		padding: 0px 0px 0px 18px;
		margin: 0px 0px 0px 0px;
		height: 16px;
		width: 180px;
		list-style-type: none;
		text-align: left;
}

.menu_langue {
		padding : 0px 0px 0px 0px;
		margin: 20px 0px 0px 5px;
		text-align:left;
}
/* Fin de définition du menu de choix des langues*/


/*  Zone chaude spécifique à la home (img du bateau)*/
.div_corps_home {
		width: 710px;
		height: 370px;
		margin: 0px 0px 0px 0px !important; margin: 0px 0px 0px -50px;
		padding: 0px 0px 0px 0px;
		}
#image_home {
		position:relative;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		width: 630px;
}

#paragraphe_home {
		font-weight: bold;
		text-align:center;
		line-height: 20px;
		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: 780px;
		overflow: auto;		
		text-align: left; 
}

.div_titre {
		width: 582px;
		height: 55px;
		background-image: url(../img/logo2.jpg);
		background-repeat: no-repeat;
		margin-left: 16px;
		padding-left: 162px;
		text-align: left;
}

.div_contenu_entier {
		width: 760px;
		padding-bottom: 30px;
		padding-top: 15px;
		line-height:15px;
}

.div_contenu_moitie {
		float: left;
		width: 365px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
		padding-left: 5px;
		text-align: left;
}

.div_contenu_tiers {
		float: left;
		width: 225px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
		padding-left: 5px;
		line-height: 15px;
}

.div_contenu_2tiers {
		float: left;
		width: 505px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
		padding-left: 5px;
		line-height: 15px;
}

.contenu_tiers_photo {
		float: left;
		width: 280px;
		padding-top: 10px;
		text-align: left;
}
/* 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;
		font-family: verdana, "sans serif";
		font-size: 9px;
		
}

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

		



/* définition des listes à puces*/
.list_contenu {
		list-style-image: url(/img/puce-contenu.gif);
		list-style-position: inside;
		margin: 0px;
		padding-bottom: 2px;
}

.list_contenu1 {
		list-style-type: none;
}

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

/* Définition du footer*/
.div_footer
 { 
 		width: 710px;
		position: relative;
		left: 5px !important; left: -20px;
		padding-top: 4px;
		padding-bottom: 2px;
		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*/
 
/*style page depuis l'étranger*/
.etranger
{
		width: 30em;
		height: 23em; 
		text-align: center;
		margin-top: 1em;
		font-weight: bold;
}
/*fin style page depuis l'étranger*/

.float_left
{float:left}

/* 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; }
#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;
}

/* ------------------ Fin style MILKBOX ---------------------- */