body {
	margin:0;
	padding:0;
	font:11px Verdana;
	text-align:center;
	background-color:#000;
	padding:10px 0;
}

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

.clear {
	clear:both;
}

.hide {
	display:none;
}

#page_outer {
	background-color:#fff;
	margin:0 auto;
	width:755px;
	text-align:left;
}

/* --- Top --- */

#top {
	padding:4px;
	padding-bottom:0;
	overflow:hidden;
	border-bottom:1px solid #000;
	margin-bottom:2px;
}
/* MSIE! */
* html #top { width:100%; }


/*----------------------------------------------- Nouvelles modifs du 26.01.07 par Arnaud ----------------------------------*/
/* --- Logo --- */
#logo
	{
	text-align:left;
	height: 70px;
	
	background-image: url("../img/logo_b2c.jpg");
	background-repeat: no-repeat;
	}
#lien_retour_b2c, #lien_retour_b2b
	{
	margin-left: 5px;
	margin-top: 5px;
	text-align:left;
	}
#resa_b2c
	{
	margin-top: 10px;
	/*border: 1px solid black;*/
	}
#resa_b2c h1, #resa_b2c h2, #resa_b2c h3, #resa_b2c h4, #resa_b2c h5
	{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
#resa_b2c_start
	{
	padding: 0;
	height: 11px;
	width: 242px;
	margin-left: 8px;
	background-image: url("../img/resa_b2c_top.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	}
#resa_b2c_stop
	{
	margin-left: 8px;
	height: 11px;
	background-image: url("../img/resa_b2c_bottom.gif");
	background-repeat: no-repeat;
	}
#resa_b2c_data
	{
	margin-left: 8px;
	padding-right: 8px;
	text-align: right;
	background-color: #FFF;
	
	/*border: 1px dotted black;*/
	}
#resa_b2c_data h3
	{
	font-weight: bold;
	font-size: 14px; 
	}
	
#resa_b2c_data h4
	{
	font-size: 11px;
	}
#resa_b2c_data h5
	{
	font-style: italic;
	font-size: 9px; 
	}
#resa_b2c_data h3 a
	{
	color: #123123;

	text-decoration: none;
	}
#resa_b2c_data_form
	{
	text-align: center;
	}
#resa_b2c_data_form form
	{
	margin: 0;
	padding: 0;
	}
#resa_b2c_data_form_table
	{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;

	padding: 0;	
	border-collapse: collapse;
	}
#resa_b2c_data_form_table th
	{
	text-align: right;
	font-size: 10px; 
	}
#resa_b2c_data_form_table td, #resa_b2c_data_form select, #resa_b2c_data_form input
	{
	font-size: 10px; 
	}
#resa_b2c_data_form input {border: 1px solid black; }
.submit {font-size: 9px; }

/*------------ Cacher les calques selon la version --------------*/
#lien_retour_b2b
{display: none;}






/*-------------------------------------------------------------------------------------------*/
#top_left {
	float:left;
	width:365px;
	text-align:right;
	color:#7f7f7f;
}

/* --- Titre produit --- */

#top_left h1 {
	padding:0;
	margin:0;
	font:bold 22px Arial;
	padding-bottom:18px;
}

/* --- Titre formule --- */

#top_left h2 {
	padding:0;
	margin:0;
	font:bold 16px Arial;
}

/* --- Titre pays --- */

#top_left h3 {
	padding:0;
	margin:0;
	font:bold 15px Arial;
	padding-bottom:3px;
}

#top_left p {
	padding:0;
	margin:0;
	margin-left:20px;
}

#top_right {
	float:right;
	width:356px;
	height:350px;
}

/* --- Diaporama --- */

#slideshow {
	position:relative;
}

* html #diapo { position:absolute; }

#slideshow div.button-slideshow {
	position:absolute;
	z-index:100;
	bottom:0;
	width:90px;
	height:22px;
	text-align:center;
	background-repeat:no-repeat;
}

#slideshow div.button-slideshow a {
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	color:#fff;
	font:bold 10px Verdana;
}

/* --- Bouton diaporama precedent --- */

#left_slide {
	left:0;
	background-position:100% 0;
}

/* --- Bouton diaporama suivant --- */

#right_slide {
	right:0;
	background-position:0 -30px;
}

/* --- Pictogramme --- */
#picto {margin-top:20px;}
#picto img {margin-left:6px;}

/* --- Menu --- */
#menu {	padding:8px 0;	padding-left:10px;}
#menu ul li {
	display:inline;
	margin:0 4px;
	margin-bottom:4px;
	padding:4px 6px;
	}
#menu a {
	font:bold 11px Verdana;
	color:#fff;
	text-decoration:none;
	}
#menu ul li.current-menu {border-bottom:4px solid #000;}


/* --- Contentu --- */
#content {
	margin:3px;
	overflow:hidden;
	background-position:100% 0;
	background-repeat:repeat-y;
	padding-left:57px;
}
/* MSIE! */
* html #content { height:100%; }


/* --- Contentu description --- */
#content_left {
	float:left;
	width:400px;
	margin:25px 0 20px 0;
	color:#4C4C4C;
	line-height:16px;
	}

#content_left h4 {
	margin:0;
	padding:0;
	padding-bottom:6px;
	font:bold 13px Verdana;
	}

#content_left p {
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-align:justify;
	}

div.to-top {clear:both;}

div.to-top a {
	display:block;
	float:right;
	color:#ccc;
	font:normal 10px Verdana;
	padding:1px 0;
	border:1px solid #ccc;
	width:80px;
	text-align:center;
	text-decoration:none;
	}

div.to-top a:hover {
	color:#333;
	border-color:#333;
	background-color:#f7f7f7;
	}

/*------------------------------------------ Contenu droit ----------------------- */
#content_right { float:right; width:250px;}
#content_right a { color:#fff;}
#content_right dl,
#content_right dd {	margin:0;	padding:0;}
#content_right dl {	margin-bottom:22px;}

#content_right dt {
	background: transparent url('../img/left_title.gif') no-repeat 100% 100%;
	padding: 22px 0 7px 20px;
	font: 12px Verdana;
	font-weight: bold;
	font-style: italic;
	line-height: 22px;
	}

#content_right ul li {
	padding-left: 20px;
	padding-bottom: 4px;
	color: #fff;
	}

#content_right ul li.txt-starter {
	padding-left:24px;
	color:#000;
	background:transparent url('../img/starter-right.gif') no-repeat 16px 6px;
	}

/*------------------------------------------ Pied de page ----------------------- */
#bottom {
	background:#000 url('../img/bg-bottom.jpg') repeat-x 0 0;
	padding:23px 30px 15px 0;
	text-align:right;
}

#bottom a {
	color:#fff;
	font:10px Verdana;
}

#bottom ul li {
	display:inline;
	background:transparent url('../img/starter-bottom.gif') no-repeat 0 50%;
	padding-left:8px;
}

/*--------------------------------------------
	Fiche REGION (reg)
--------------------------------------------*/
body.REGION #menu { background-color:#1e4e7f; }
body.REGION #top_left h1,
body.REGION #content_left h4,
body.REGION #content_right dt,
body.REGION #content_left b { color:#1e4e7f; }
body.REGION #left_slide,
body.REGION #right_slide { background-image:url('../img/bouton-diapo-REGION.gif'); }
body.REGION #content { background-image:url('../img/bg-content-REGION.gif'); }
body.REGION #top_left h1 {
	padding-top:35px;
	padding-bottom:8px;
}
body.REGION #top_left h2 {
	font-size:12px;
}

/*--------------------------------------------
	Ambiance Circuit croisiere
--------------------------------------------*/
body.CIR #menu { background-color:#B786A7; }
body.CIR #top_left h1,
body.CIR #top_left h2,
body.CIR #content_left h4,
body.CIR #content_left b { color:#B786A7; }
body.CIR #content_right dt,
body.CIR #resa_b2c_data,
body.CIR #resa_b2c_data h3 a,
body.CIR #lien_retour_b2c a,
body.CIR #top_left h3 { color:#FF498D; }
body.CIR #left_slide,
body.CIR #right_slide { background-image:url('../img/bouton-diapo-CIR.gif'); }
body.CIR #content { background-image:url('../img/bg-content-CIR.gif'); }

/*--------------------------------------------
	Ambiance Courts séjours
--------------------------------------------*/
body.CSJ #menu { background-color:#CD5446; }
body.CSJ #top_left h1,
body.CSJ #top_left h2,
body.CSJ #content_left h4,
body.CSJ #content_left b { color:#CD5446; }
body.CSJ #content_right dt,
body.CSJ #resa_b2c_data,
body.CSJ #resa_b2c_data h3 a,
body.CSJ #lien_retour_b2c a,
body.CSJ #top_left h3 { color:#DFA368; }
body.CSJ #left_slide,
body.CSJ #right_slide { background-image:url('../img/bouton-diapo-CSJ.gif'); }
body.CSJ #content { background-image:url('../img/bg-content-CSJ.gif'); }

/*--------------------------------------------
	Ambiance Prestige
--------------------------------------------*/
body.PRE #menu { background-color:#C7AC4C; }
body.PRE #top_left h1,
body.PRE #top_left h2,
body.PRE #content_left h4,
body.PRE #content_left b { color:#C7AC4C; }
body.PRE #content_right dt,
body.PRE #resa_b2c_data,
body.PRE #resa_b2c_data h3 a,
body.PRE #lien_retour_b2c a,
body.PRE #top_left h3 { color:#002391; }
body.PRE #left_slide,
body.PRE #right_slide { background-image:url('../img/bouton-diapo-PRE.gif'); }
body.PRE #content { background-image:url('../img/bg-content-PRE.gif'); }

/*--------------------------------------------
	Ambiance Caraibes - Ocean indien
--------------------------------------------*/
body.COI #menu { background-color:#3AB5F9; }
body.COI #top_left h1,
body.COI #top_left h2,
body.COI #content_left h4,
body.COI #content_left b { color:#3AB5F9; }
body.COI #content_right dt,
body.COI #resa_b2c_data,
body.COI #resa_b2c_data h3 a,
body.COI #lien_retour_b2c a,
body.COI #top_left h3 { color:#7CE3E3; }
body.COI #left_slide,
body.COI #right_slide { background-image:url('../img/bouton-diapo-COI.gif'); }
body.COI #content { background-image:url('../img/bg-content-COI.gif'); }

/*--------------------------------------------
	Ambiance Séjour
--------------------------------------------*/
body.SJR #menu { background-color:#8EDC36; }
body.SJR #top_left h1,
body.SJR #top_left h2,
body.SJR #content_left h4,
body.SJR #content_left b { color:#8EDC36; }
body.SJR #content_right dt,
body.SJR #resa_b2c_data,
body.SJR #resa_b2c_data h3 a,
body.SJR #lien_retour_b2c a,
body.SJR #top_left h3 { color:#15C5FF; }
body.SJR #left_slide,
body.SJR #right_slide { background-image:url('../img/bouton-diapo-SJR.gif'); }
body.SJR #content { background-image:url('../img/bg-content-SJR.gif'); }

/*--------------------------------------------
	Ambiance Thalasso
--------------------------------------------*/
body.THA #menu { background-color:#46BFCD; }
body.THA #top_left h1,
body.THA #top_left h2,
body.THA #content_left h4,
body.THA #content_left b { color:#46BFCD; }
body.THA #content_right dt,
body.THA #resa_b2c_data,
body.THA #resa_b2c_data h3 a,
body.THA #lien_retour_b2c a,
body.THA #top_left h3 { color:#CDB87A; }
body.THA #left_slide,
body.THA #right_slide { background-image:url('../img/bouton-diapo-THA.gif'); }
body.THA #content { background-image:url('../img/bg-content-THA.gif'); }


/*--------------------------------------------------------------------------------------*/
/* PAGES TIV (qui sommes nous, mentions,...)											*/
/*--------------------------------------------------------------------------------------*/
#static_main
	{
 	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;

	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 473px;

	background-color: #FFFFFF;
	}

#static_head
	{
	height: 110px;

	background-image: url("../img/logo.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#static_content
	{
	width: 473px;

	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	}
#static_main_titre
	{
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 3px;

	text-align: right;
	font-family: Tahoma;
	font-size: 22px;
	font-style: italic;
	color: #A9DB18;
	}
.static_content_center
	{
	padding-left: 27px;
	padding-right: 27px;

	text-align: left;
	background-color: #1EABD4;
	}

.static_bloc_titre
	{
	padding-top: 20px;

	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	}
.static_bloc_datas
	{
	background-repeat: no-repeat;
	background-position: bottom;

	font-family: Arial, Helvetica;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url("../img/statique_bloc_datas_end.gif");
	color: #204794;
	}
.static_bloc_datas_img
	{
	padding-top: 15px;
	text-align: center;
	}

.static_bloc_datas h1
	{
	margin: 0;
	padding: 0;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 18px;

	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	}

.static_bloc_datas a {font-size: 11px;}

body.TIV #sommaire {
	padding:20px 0;
}

body.TIV #sommaire ul {
	list-style:square;
	color:#fff;
	padding-left:20px;
}

body.TIV #sommaire ul li {
	padding-bottom:6px;
}

body.TIV #sommaire a {
	color:#fff;
}

.to-top-tiv {
	text-align:right;
	padding-right:10px;
}

.to-top-tiv a {
	font:10px Arial;
	color:#fff;
	text-decoration:none;
}