@charset "utf-8";
/* CSS Document */

body
{
	width: 900px;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-attachment: scroll;
	font-family: 'Open Sans', Helvetica;
	font-size: 10px;
	text-align:left;
	color: #333333;
}

#logo
{
	position: absolute;
	width: 130px;
	margin-left: 17px;
	margin-top: 52px;
	color: #20235E;
	text-align: center;
}
.logo-archipel
{
	letter-spacing:0.05em;
	font-size: 13px;
	font-weight: 600;
	line-height: 12px;
}

.logo-since1962
{
	letter-spacing:0.04em;
	font-size: 11px;
	line-height: 12px;
}

#container-menus
{
	position: fixed;
	width: 900px;
	height: 124px;
	z-index:10;
	opacity:0.9;
	background-image: url(header-background.jpg);
	background-repeat: no-repeat;
}

 /* etiquette color������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������e pour mettre en valeur un texte ou un titre (old covid-19) */
  #etiquette-container
{
	float: left;
	width: 150px;
	height: auto;
	margin-left: 100px;
	margin-top: -10px;
	font-family: 'Open Sans', Helvetica;
	background-color: #0033CC;
}

.etiquette-container-titre 
{
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
		background-color: #32770d;
	-moz-border-radius: 0 0 10px;
	-webkit-border-radius: 0 0 10px;
	;
	border-radius: 0 0 10px;
}

#etiquette-container ul 
{
	list-style-type:none;
	text-align: left;
	line-height: 11px;
	padding-bottom: 8px;
	}

#etiquette-container li 
{
	float: left;
	letter-spacing: 1px;
}
 
#etiquette-container li a 
{
	text-decoration: underline;
}
  
#etiquette-container li a:hover 
{
	color: #ffffff;
	background-color: #04C63F;
}
  
#etiquette-container ul li ul {
	display: none;
	width: 600px;
	padding: 5px;
	margin-top: 20px;
	color: #293657;
	font-size: 11px;
	line-height: 12px;
	background-color: #98C9A9;
	/*arrondir les coins en haut droite et en bas gauche*/
	-moz-border-radius: 0px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	;
	border-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	opacity: 0.9;
}
 
#etiquette-container ul li:hover ul  /* fond sous menu*/
{
	display:block;
}

#etiquette-container li:hover ul li 
{
	float:none;
}

#etiquette-container li ul 
{
	position: absolute;
}
 /* fin etiquette color������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������e pour mettre en valeur un texte ou un titre*/

#menu1
{
	float: left;
	width: 900px;
	color: #afdaf2;
	font-size: 13px;
	margin-left: 150px;
	padding-top: 10px;
	padding-left: 340px;
}

#menu1 a
{
	color: #afdaf2;
	text-decoration: none;
}

#menu1 a:hover 
{
	color: #CCFFCC;
	font-weight: bold;
}

#menu2
{
	float: left;
	width: 900px;
	height:auto;
	margin-top: 32px;
	margin-left: 0px;
	margin-right: 0px;
}

#menu2 ul 
{
	list-style-type:none;
	text-align: left;
	font-family: 'Open Sans', Helvetica;
	font-size: 14px;
	line-height: 16px;
	padding-top: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;	
}

#menu2 li 
{
	float: left;
	letter-spacing: 1px;
}
 
#menu2 li a 
{
	display: block;
	position: relative;
	color:#ffffff;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 25px;
	padding-left: 16px;
	padding-bottom: 5px;
	white-space: nowrap;
	margin-right: 3px;
}
  
#menu2 li a:hover 
{
	color:#ffffff;
	background-color: #5aa0e1;

}
  
#menu2 ul li ul {
	display: none;
	font-weight: normal;
	color: #ffffff;
	background-color: #4f5461;
	padding-left: 0px;
	padding-bottom: 8px;
	font-size: 12px;
}
 
#menu2 ul li:hover ul 
{
	display:block;
}
 
#menu2 li:hover ul li 
{
 	float:none;

 }

#menu2 li ul 
{
	position:absolute;
 }
 /* fin du menu en haut de page*/


#container-corps
{
	position: relative;
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 122px;
	font-size: 13px;
}

#container-corps img
{
border: 0;
}

#container-corps a
{
	text-decoration: none;
	color: #333333;
}

#container-corps a:hover
{
	text-decoration: none;
	color: #003399;
}


#container-intro
{
	float: left;
	width: 900px; /*Center container on page*/
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 4px;
}
	
#container-intro-wrapper
{
	float: left;
	width: 100%;
}

#colonnes4-1
{
	width: 600px;
	margin-right: 350px;
	margin-left: 7px;
	margin-bottom: 7px;
	font-size: 13px;
}

#colonnes4-2
{
	float: left;
	width: 99px;
	margin-left: -286px;
font-size: 10px;
margin-top: 8px;
margin-bottom: 5px;
}

#colonnes4-3
{
float: left;
width: 99px; 
margin-left: -195px; 
font-size: 10px;
margin-top: 8px;
margin-bottom: 5px;
}

#colonnes4-4
{
	float: left;
	width: 99px;
	font-size: 10px;
	margin-left: -100px;
	margin-top: 8px;
	margin-bottom: 5px;
}

.style-4colonnes
{
	font-size: 11px;
	text-align: center;
	color: #666666;
	line-height: 11px;
	padding-top: 10px;
}

.style-4colonnes a
{
	color: #666666;
	text-decoration: none;
}

/* 1ere galerie photos: presentation du bateau */
#rollover-gallery-presentation
{
	float: left;
	width: 900px; 
	height: 475px;
	background-image: url(rollover-gallery-papier-1.jpg);
	background-repeat: no-repeat;
}

/* 2eme galerie photos: photos de croisieres */
#rollover-gallery-croisieres
{
	float: left;
	width: 900px;
	height: 501px;
	margin-top: 5px;
	background-image: url(rollover-gallery-papier-2.jpg);
	background-repeat: no-repeat;
}


#rollover-gallery-croisieres-plus-long
{
	float: left;
	width: 900px;
	height: 610px;
	background-image: url(rollover-gallery-papier-3.jpg);
	background-repeat: no-repeat;
}

#rollover-big-pic
{
	float: left;
	width: 550px;
	height: auto;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 20px;
}

#rollover-small-pic-100
{
	float: left;
	width: 310px;
	height: auto;
	padding-left: 15px;
	padding-bottom: 8px;	
	margin-top: 20px;
}

#rollover-small-pic-100 img
{
	width:100px; /* you can use % */
	height: auto;
	margin-bottom: 3px;
}

#rollover-small-pic
{
	float: left;
	width: 310px;
	height: auto;
	padding-left: 8px;
	padding-bottom: 8px;	
	margin-top: 15px;
}

#rollover-small-pic img
{
	width:70px; /* you can use % */
	height: auto;
	margin-bottom: 3px;
}

#rollover-very-small-pic
{
	float: left;
	width: 310px;
	height: auto;
	padding-left: 15px;
	padding-bottom: 8px;	
	margin-top: 20px;
}

#rollover-very-small-pic img
{
	width:55px; /* you can use % */
	height: auto;
	margin-bottom: 3px;
}

#rollover-legendes
{
	float: left;
	width: 550px;
	height: 60px;
	font-size: 11px;
	text-align:left;
	color: #CCCCCC;
	padding-top: 2px;
}

#rollover-small-pic-3
{
	float: left;
	width: 250px;
	height: auto;
	padding-left: 15px;
	padding-bottom: 8px;	
	margin-top: 20px;
}

#rollover-small-pic-3 img
{
	width:70px; /* you can use % */
	height: auto;
	margin-bottom: 3px;
}

#rollover-legendes-small-pic-3
{
	float: left;
	width: 550px;
	height: 60px;
	font-size: 11px;
	text-align:left;
	color: #333333;
	padding-top: 2px;
}

#rollover-legendes-gallery
{
	float: left;
	width: 550px;
	height: 60px;
	font-size: 11px;
	text-align:left;
	color: #CCCCCC;
	padding-top: 2px;
}

/*TARIFS*/
#bloc-tarifs-itineraires
{
	float: left;
	width: 885px;
	height: 390px;
	font-size: 13px;
	background-image: url(bloc-style-voile.jpg);
	background-repeat: no-repeat;
	margin-bottom: -50px;
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#bloc-tarifs-itineraires-haut-450
{
	float: left;
	width: 885px;
	height: 600px;
	font-size: 13px;
	background-image: url(bloc-style-voile-haut-450.jpg);
	background-repeat: no-repeat;
	margin-bottom: -150px;
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#bloc-tableau-tarifs
{
	float: left;
	width: 650px;
	font-size: 13px;
	margin-left: 5px;
}

#bloc-tableau-tarifs a
{
	text-decoration: none;
	color: #1c6e7d;
	font-weight: 600;
}
/*Fin Tarifs*/

/*BLOC ITINERAIRES*/
#bloc-itineraires
{
	float: left;
	width: 895px;
	height: 670px;
	background-image: url(bloc-style-voile-670.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 20px;
}

#bloc-itineraires a
{
	text-decoration: none;
	color: #2959BB;
}

#bloc-itineraires-700
{
	float: left;
	width: 895px;
	height: 700px;
	background-image: url(bloc-style-voile-haut-700.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 20px;
}

#bloc-itineraires-700 a
{
	text-decoration: none;
	color: #2959BB;
}

/*Fin bloc itineraires*/

/*AGENCEMENT INTERIEUR BATEAU (3 colonnes)*/
#bloc-agencement-bateau
{
	float: left;
	width: 885px;
	height: 350px;
	font-size: 13px;
	background-image: url(bloc-style-voile.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
}

#container-agencement-interieur
{
	float: left;
	width: 318px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}

#container-wrapper-agencement-interieur
{
	float: left;
	width: 100%;
}

#colonnes1
{
	width: 178px;
	margin-right: 590px;
	margin-bottom: 8px;
}

#colonnes2
{
	float: left;
	width: 140px; 
	margin-left: -160px;
	margin-bottom: 8px;
}


.style-agencement-interieur
{
	font-size: 12px;
	text-align: left;
	color: #333333;
	line-height: 12px;
}

.style-agencement-interieur a
{
	color: #CC0033;
}
/*FIN agencement-bateau)*/

/*FAQ*/
#bloc-faq
{
	float: left;
	width: 885px;
	height: 450px;
	background-image: url(bloc-style-voile-haut-450.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 20px;
}

#bloc-faq a
{
	text-decoration: none;
	color: #2959BB;
}


#bloc-faq-scroll
{
	width: 880px;
	height: 380px;
	overflow: auto;
	padding-bottom: 2px;
}

#bloc-faq-wrapper
{
	float: left;
	width: 860px;
	height: auto;
}

#bloc-faq-col-1
{
	float: left;
	width: 400px;
	height: auto;
	margin-left: 10px;
	margin-top: 20px;
}

#bloc-faq-col-2
{
	float: left;
	width: 400px;
	height: auto;
	margin-left: 10px;
	margin-top: 20px;
	padding-left: 15px;
}


#bloc-circuit-mini-croisiere
{
	float: left;
	width: 900px;
	height: 1140px;
}

/* FAQ 2 ou 1 colonnes dans les pages bateaux et cabine*/

#container-2colonnes
{
	float: left;
	width: 900px;
}

#container-wrapper-2colonnes
{
	float: left;
	width: 100%;
	margin-left: -150px;
}

#colonnes2-1
{
	width: 400px;
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 4px;
}

#colonnes2-1 li
{
	list-style-image: url(fleche-faq.jpg);
}

#colonnes2-2
{
	float: left;
	width: 425px;
	margin-left: 50px;
}

#colonnes2-2 li
{
	list-style-type: disc;
	list-style-position: outside;
}

.style-2colonnes
{
	font-size: 12px;
	text-align: left;
	color: #333333;
	line-height: 14px;
}
/*FIN FAQ dans les pages bateaux*/


/* FAQ 2 colonnes dans la page faq*/
#bloc-page-faq
{
	float: left;
	width: 900px;
	height: auto;
	font-size: 12px;
}

.margin10
{
	margin-top: 10px;
}

#ligne-faq
{
	float: left;
	width: 800px;
	margin-left: 30px;
}


#colonnes2-1
{
	float: left;
	width: 330px;
	margin-left: 190px;
}

#colonnes2-1 li
{
	list-style-image: url(fleche-faq.jpg);
}

#colonnes2-2
{
	float: left;
	width: 330px;
}

#colonnes2-2 li
{
	list-style-image: url(fleche-faq.gif);
}

.style-2colonnes
{
	font-size: 12px;
	text-align: left;
	color: #333333;
	line-height: 14px;
}


#bloc-titre-rubriques
{
	width: 700px;
	margin-left: 190px;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #c3cdb8;
}


/*FIN FAQ 2 colonnes dans la page faq*/


#quick-message
{
	float: right;
	width: 200px;
	height: 320px;
	text-align: left;
	margin-right: 15px;
	font-size: 11px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.3);
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 8px;
}

#quick-message-haut-450
{
	float: right;
	width: 200px;
	height: 430px;
	text-align: left;
	margin-right: 15px;
	font-size: 11px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.3);
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 8px;
}

.remarque
{
	display: none;
}

#bloc-question-reponse
{
	float: right;
	width: 200px;
	height: 325px;
	font-size: 11px;
	text-align: left;
	margin-right: 15px;
	padding: 6px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.1);
}

#bloc-question-reponse li
{
	list-style-position: inside;
	list-style-type: none;
	font-size: 13px;
	list-style-image: url(fleche-faq.gif);
}

/* pages index: listing bateaux */
#bloc-style-voile-coin-wrapper
{
	float: left;
	width: 900px;
	height: auto;
}

#bloc-style-voile-coin
{
	float: left;
	width: 885px;
	height: 360px;
	font-size: 13px;
	background-image: url(bloc-style-voile-coin.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
}

#bloc-style-voile-simple
{
	float: left;
	width: 885px;
	height: 390px;
	font-size: 13px;
	background-image: url(bloc-style-voile.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 5px;
}

#bloc-style-voile-265
{
	float: left;
	width: 265px;
	height: 373px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 3px;
	margin: 0px;
	background-image: url(bloc-style-voile-265.jpg);
	background-repeat: no-repeat;
}


#bloc-style-voile-900
{
	float: left;
	width: 875px;
	height: auto;
	background-image: url(bloc-style-voile-900.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding-left: 25px;
	background-attachment: fixed;
}

#bloc-infos-pratiques
{
	float: left;
	width: 702px;
	height: auto;
	background-image: url(bloc-style-voile-718.jpg);
	background-repeat: repeat;
	font-size: 13px;
	line-height: 16px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: 5px;
}

#bloc-infos-pratiques a
{
	text-decoration: underline;
}

#bloc-infos-pratiques li
{
	margin-bottom: 5px;
	margin-left: -13px;
}


#descriptif-bateau
{
	float: left;
	width: 845px;
	height: 240px;
	margin-left: 40px;
	margin-top: 18px;
}

#descriptif-bateau-big-pic
{
	float: left;
	width: 400px;
	height: auto;
}

#descriptif-bateau-photo-small-pic
{
	float: left;
	width: 85px;
	height: auto;
	margin-left: 6px;
	padding-top: 20px;
}

#descriptif-bateau-photo-small-pic img
{
	width:80px; /* you can use % */
	height: auto;
}


#descriptif-bateau-texte-gauche
{
	float: left;
	width: 116px;
	height: auto;
	text-align: left;
	line-height: 19px;
	margin-left: 5px;
}

#descriptif-bateau-texte-droite
{
	float: left;
	width: 226px;
	height: auto;
	text-align: left;
	line-height: 19px;
}

#descriptif-bateau-vignettes-liens
{
	float: left;
	width: 150px;
	height: auto;
	text-align: left;
	margin-left: 0px;
	padding-top: 0px;
}

#infos
{
	float: right;
	width: 70px;
	height: 70px;
	vertical-align: bottom;
}

#bloc-gauche
{
	float: left;
	width: auto;
	height: auto;
}

#bloc-droite
{
	float: droite;
	width: auto;
	height: auto;
}

#bloc-50
{
	float: left;
	width: 50px;
	height: auto;
}

#bloc-140
{
	float: left;
	width: 140px;
	height: auto;
}

#bloc-165
{
	float: left;
	width: 165px;
	height: auto;
}

#bloc-180
{
	float: left;
	width: 180px;
	height: auto;
}

#bloc-200
{
	float: left;
	width: 200px;
	height: auto;
}

#bloc-180-droite
{
	float: right;
	width: 180px;
	height: auto;
	margin-left: 710px;
	position: absolute;
}

#bloc-240
{
	float: left;
	width: 240px;
	height: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 3px;
}

#bloc-290
{
	float: left;
	width: 290px;
	height: auto;
	margin: 0px;
}

#bloc-290-20
{
	float: left;
	width: 290px;
	height: 30px;
	background-color: #e65e00;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 3px;
}

#bloc-335
{
	float: left;
	width: 335px;
	height: auto;
	margin-left: 6px;
	margin-right: 6px;
}

#bloc-335 li
{
	margin-left: 12px;
}

#bloc-420
{
	float: left;
	width: 420px;
	height: auto;

}

#bloc-450
{
	float: left;
	width: 450px;
	height: auto;

}

#bloc-500
{
	float: left;
	width: 500px;
	height: auto;
}

#bloc-580
{
	float: left;
	width: 580px;
	height: auto;
}


#bloc-615
{
	float: left;
	width: 615px;
	height: auto;
}

#bloc-620
{
	float: left;
	width: 620px;
	height: auto;
}

#bloc-640
{
	float: left;
	width: 640px;
	height: auto;
}

#bloc-690
{
	float: left;
	width: 690px;
	height: auto;
}

#bloc-700
{
	float: left;
	width: 699px;
	height: auto;
}

#bloc-700 a
{
	text-decoration: none;	
}

#bloc-885
{
	float: left;
	width: 885px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#bloc-900
{
	float: left;
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;;
}

#bloc-900 a
{
text-decoration: none;
	color: #2959BB;
}

#bloc-droite
{
	float: right;
	width: auto;
	height: auto;
}

#bloc-defilant-270
{
	float: left;
	width: 270px;
	height: 1550px;
	margin-bottom: 5px;
	overflow: auto;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #dc7428;
	padding-left: 4px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #dc7428;
}

/* PIED DE PAGE */
#pied-de-page-fr
{
	width: 900px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-image: url(../interface/footer-background-fr.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
}

#pied-de-page-en
{
	width: 900px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-image: url(../interface/footer-background-en.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
}


#pied-de-page-wrapper
{
	float: left;
	width: 100%;
}

#pied-de-page-colonne1
{
	width: 175px;
	margin-right: 350px;
	padding-left: 32px;
	margin-top: 81px;
}

#pied-de-page-colonne2
{
	float: left;
	width: 160px;
	margin-left: -640px;
	margin-top: 81px;
}

#pied-de-page-colonne3
{
float: left;
width: 195px; 
margin-left: -438px; 
	margin-top: 81px;
}

#pied-de-page-colonne4
{
	float: left;
	width: 160px;
	margin-left: -203px;
	margin-top: 81px;
}

.style-colonnes-pied-de-page
{
	font-family: 'Open Sans', Helvetica;
	font-size: 13px;
	text-align: center;
	color: #0c3d75;
	line-height: 18px;
	letter-spacing: 0.05em;
	font-weight: 600;
}

#corps-carnet-voyage-1-fr
{
	width: 900px;
	height: 435px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-1-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-1-en
{
	width: 900px;
	height: 435px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-1-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-2-fr
{
	width: 900px;
	height: 478px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-2-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-2-en
{
	width: 900px;
	height: 478px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-2-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-3-fr
{
	width: 900px;
	height: 485px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-3-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-3-en
{
	width: 900px;
	height: 482px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-3-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-5-fr
{
	width: 900px;
	height: 425px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-5-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-5-en
{
	width: 900px;
	height: 425px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-5-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-6-fr
{
	width: 900px;
	height: 462px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-6-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-6-en
{
	width: 900px;
	height: 462px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-6-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-7-fr
{
	width: 900px;
	height: 455px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-7-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-7-en
{
	width: 900px;
	height: 455px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-7-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-8-fr
{
	width: 900px;
	height: 455px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-8-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-8-en
{
	width: 900px;
	height: 455px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-8-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-9-fr
{
	width: 900px;
	height: 469px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-9-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-9-en
{
	width: 900px;
	height: 469px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-9-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#corps-carnet-voyage-10-fr
{
	width: 900px;
	height: 478px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-carnet-voyage-10-fr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#corps-booking-index
{
	width: 900px;
	height: 573px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(corps-booking-index.jpg);
	background-repeat: no-repeat;
}

h1
{
	font-family: 'Montserrat', Helvetica;
	font-size: 16px;
	color: #28374d;
	letter-spacing:0.04em;
	font-weight: 600;
	margin-bottom: 1px;
}

h2
{
	font-family: 'Montserrat', Helvetica;
	font-size: 14px;
	color: #2e668d;
	font-weight: 600;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

h3
{
	font-family: 'Montserrat', Helvetica;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
	margin-bottom: 4px;
}

h3 a
{
	text-decoration: none;
	color: #000066;
}

h4
{
	font-family: 'Open Sans', Helvetica;
	color: #333333;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
	margin-bottom: 5px;
}

.li
{
	margin-left: 30px;
}

.background-grise
{
	background-color: #66c2cc;
}


.font-playfair
{
	font-family: 'Playfair Display SC', Helvetica;
	font-size: 13px;
}

.gris
{
	color: #666666;
}

.font-size-11
{
	font-size: 11px;
	line-height: 12px;
}

.font-size-11-gris
{
	font-size: 11px;
	line-height: 12px;
	color: #666666;
}

.font-size-11-bleu
{
	font-size: 11px;
	line-height: 12px;
	color: #0033CC;
}

.font-size-11-bleu-pale
{
	font-size: 11px;
	line-height: 12px;
	color: #ace1dd;
}

.font-size-12
{
	font-size: 12px;
	line-height: 15px;
}

.font-size-9em
{
	font-size: 0.9em;
	line-height: 13px;
}


.font-size-13
{
	font-size: 13px;
}

.font-size-14-blanc
{
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 600;
}

.font-size-14
{
	font-size: 14px;
}

.font-size-14-blanc
{
	font-family: 'Open Sans', Helvetica;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 14px;
	margin-bottom: 3px;
	letter-spacing: 0.8px;
}

.font-size-16
{
	font-size: 16px;
}

.font-size-15-h3
{
	font-family: 'Open Sans', Helvetica;
	font-size: 15px;
	color: #0d2d66;
	font-weight: 600;
	line-height: 16px;
	margin-bottom: 3px;
	letter-spacing: 0.8px;
}

.font-blanc
{
	color: #FFFFFF;
}


.font-turquoise
{
	color: #189f9d;
}

.bold-600
{
	font-weight: 600;
}

.bleu-11-bold
{
	font-size: 11px;
	color:#66FFFF;
	font-weight: 600;
}

.bleu-canard-normal
{
	color:#1c6e7d;
	font-weight: 500;
	font-style: normal;
	line-height: 17px;
}

.bleu-canard-normal a
{
	color: #1c6e7d;
	text-decoration: none;
}

.bleu-bold-italique
{
	color:#1c6e7d;
	font-weight: 600;
	font-style: italic;
	line-height: 15px;
}

.image-no-border
{
	border: 0px;
}

.separate-line-dotted-red
{
	float: left;
	width: auto;
	height: auto;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #990000;
	padding-left: 6px;
}

.ligne
{
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: #FF3333;
}

.espace-2 
{
line-height: 2px;
}

.espace-3 
{
line-height: 3px;
}

.espace-5 
{
line-height: 5px;
}

.espace-10 
{
line-height: 10px;
}

.espace-15 
{
line-height: 15px;
}

.espace-20 
{
line-height: 20px;
}

.espace-30 
{
line-height: 30px;
}

.espace-40 
{
line-height: 40px;
}

.espace-50 
{
line-height: 50px;
}

.espace-60 
{
line-height: 60px;
}

.espace-80 
{
line-height: 80px;
}

.espace-100 
{
line-height: 100px;
}

.espace-110 
{
line-height: 110px;
}

.espace-120 
{
line-height: 120px;
}

.espace-500 
{
line-height: 500px;
}


