.deco_titre_bleu, .deco_titre_blanc {
	background-repeat: no-repeat;
}
.deco_titre_bleu.gauche {  
    background-image: url(../images/titre_bleu_gauche.png);
	background-position: left center;
    padding-left: 100px;
}
.deco_titre_bleu.droite {  
    background-image: url(../images/titre_bleu_droite.png);
	background-position: right center;
    padding-right: 100px;
}
.deco_titre_bleu.centre {  
	background-image: url(../images/titre_bleu_gauche.png), url(../images/titre_bleu_droite.png);
	background-position: left center, right center;
	padding-left: 100px;
    padding-right: 100px;
	display: inline-block;
}
.deco_titre_blanc.gauche {  
    background-image: url(../images/titre_blanc_gauche.png);
	background-position: left center;
    padding-left: 100px;
}
.deco_titre_blanc.droite {  
    background-image: url(../images/titre_blanc_droite.png);
	background-position: right center;
    padding-right: 100px;
}
.deco_titre_blanc.centre {  
    background-image: url(../images/titre_blanc_gauche.png), url(../images/titre_blanc_droite.png);
	background-position: left center, right center;
	padding-left: 100px;
    padding-right: 100px;
	display: inline-block;
}

.mobile {
	display: none !important;
}

/* HEADER */
#header {
	background: url('../images/bandeaux/croisiere_promenade.jpg') center 0 no-repeat;
	color: #fff;
	position: relative;
	height: 510px;
}
header { background-color: rgba(149, 158, 165, .9); }
#titre_page_header {
	position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(247, 142, 120, .8);
    padding: 20px 0;
	text-transform: uppercase;
}

#page_index #header {
	background: url('../images/bandeaux/accueil.jpg') center 0 no-repeat;
	height: 700px;
}
#page_index header { background-color: transparent; }

#page_croisiere_promenade #header { 
	background: url('../images/bandeaux/croisiere_promenade.jpg') center 0 no-repeat; 
	-webkit-transition: background-image 1s ease; 
		 -o-transition: background-image 1s ease; 
			transition: background-image 1s ease;
}
#page_croisiere_promenade #header.nuit { background: url('../images/bandeaux/diner_croisiere_saveurs.jpg') center no-repeat; }

#header_top {
	height: 30px;
	border-bottom: 1px solid #fff;
}
#header_top > .align_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	 justify-content: space-between;
}
#header_top h1 {
	display: inline-block;
    font-size: 18px;
    line-height: 30px;
	margin: 0;
	font-weight: bold;
}
#header_top .right > a {
	font-size: 10px;
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px; /* modifié pour ajouter lien horaires */
}
/*#header_top .right > a:first-child { margin-right: 15px; }*/
#header_top .right .img_panier { 
	display: block;
	width: 18px; 
}
#selection_langue {
    height: 16px;
    padding: 1px 0;
    margin: 6px 0;
    border-left: 1px solid #fff;
	display: inline-block;
	margin-left: 15px;
}
#selection_langue a {
    display: inline-block;
	vertical-align: top;
	margin-left: 8px;
}
#selection_langue a:first-child { margin-left: 15px; }
#selection_langue img { display: block; }

#logo_vpn_header {
	display: inline-block;
	text-align: center;
}
#logo_vpn_header h3 { margin: 15px 0; }
#page_index #logo_vpn_header h3 { 
	margin: 15px 0 10px 0; 
	text-shadow: 2px 2px 2px rgba(100, 107, 113, 0.8);
}

#titre_page_header h2 { margin: 0; }

/* MENU PRINCIPAL */
#menu_principal {
	font-family: 'Cormorant', serif;
	font-size: 12px;
	float: right;
    padding: 20px 0 0 0;
}
#menu_principal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_principal > ul > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#menu_principal > ul > li > a{
	display: block;
	line-height: 25px;
	padding: 0 25px;
}
#menu_principal > ul > li > a:hover { font-weight: bold; }
#menu_principal > ul > li:first-child > a { padding-left: 0; }
#menu_principal > ul > li:last-child > a { padding-right: 0; }
#menu_principal > ul > li > a > span{
	display: block;
	padding: 0 2px;
}
#menu_principal > ul > li > a > span.active{ border-bottom: 2px solid #fff; }
#menu_principal > ul > li > ul {
	font-family: 'Merriweather', serif;
	text-transform: none !important;
	font-style: italic;
	display: none;
	position: absolute;
	min-width: 100%;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    padding: 10px;
	background-color: #fff;
	white-space: nowrap;
	color: #959ea5;
	z-index: 1;
}
#page_index #menu_principal > ul > li > ul {
	background-color: rgba(165, 165, 165, .6);
	color: #fff;
}
#menu_principal > ul > li:hover > ul { display: block; }
#menu_principal > ul > li > ul a {
	display: block;
    line-height: 25px;
}
#menu_principal > ul > li > ul a:hover { color: #1e3142; }
#menu_principal a.sans_lien { cursor: default; }

/* OFFRE SPECIALE */
#offre_speciale {
	display: inline-block;
	vertical-align: top;
	background-color: rgba(103, 124, 145, .8);
	color: #fff;
	max-width: 540px;
	margin-top: 170px;
	margin-left: 42px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px; 
}
#offre_speciale h2 {
    font-family: 'Cormorant', serif;
    font-size: 32px;
    margin: 0 0 15px 0;
    line-height: 36px;
}
#offre_speciale h2 span { display: inline-block; }
#offre_speciale h3 {
	font-family: 'Cormorant', serif;
	font-size: 20px;
	margin: 12px 0 0 0;
}
#offre_speciale h3 span {
    font-size: 35px;
    line-height: 0;
}
#offre_speciale h4 {
	font-size: 16px;
	margin: 0;
	font-style: normal;
}
#offre_speciale h4 span { font-size: 22px; }
#offre_speciale .separateur {
    border: none;
    background-image: url(../images/deco_rond_blanc.png),url(../images/deco_rond_blanc.png);
    background-position: left center, right center;
    background-repeat: no-repeat;
    height: 9px;
    width: 80%;
    margin: 0 auto;
}
#offre_speciale .separateur hr {
    margin: 4px 9px;
    display: inline-block;
    vertical-align: top;
    border: none;
    border-top: 1px solid #fff;
    width: 40%;
}
#offre_speciale .separateur hr.gauche { float: left; }
#offre_speciale .separateur hr.droite { float: right; }
#offre_speciale a:hover {
    color: #f78e77;
}
#offre_speciale .ss_hover a:hover {
    color: #293c51;
}

/* PROMO EVENEMENT */
#promo_evenement.index {
	background-color: #f78e78;
	margin-top: 15px;
}
#promo_evenement.croisiere_promenade {
	background-color: rgba(247, 142, 120, .9);
	margin-top: 15px;
	margin-left: 10px;
	max-width: 420px;
	text-align: center;
}
#promo_evenement a:hover {
	color: #2a3c51;
}
#promo_evenement.index h3 {
	margin: 0;
	padding: 0 0 8px 0;
}
#promo_evenement.croisiere_promenade h3 {
	padding: 15px 0 8px 0;
	margin: 0;
	line-height: 22px;
}
#promo_evenement.index img {
	margin-top: 5px;
	margin-left: 5px;
}
#promo_evenement.croisiere_promenade img {
	margin-top: 0;
	margin-left: 15px;
}
#promo_evenement p {
	font-size: 20px;
	font-family: "Cormorand", serif;
	margin: 0;
	padding: 0 0 8px 0;
}
#promo_evenement p span {
    font-size: 9px;
	font-family: "Merriweather", serif;
}

/* RESERVATION RAPIDE */
#bloc_reservation_rapide {
	background-color: #283c51;
	padding: 0 0 20px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#libelle_reservation_rapide {
    text-align: center;
    position: relative;
    padding: 10px 0;
    margin: 0 2px;
}
#libelle_reservation_rapide h3 {
	color: #a9b6bf;
    display: inline-block;
    margin: 0;
    width: 675px;
    background-color: #293c51;
	font-size: 17px;
	line-height: 22px;
	position: relative;
	z-index: 1;
}
#libelle_reservation_rapide hr {
    border: none;
    border-top: 1px solid #a9b6bf;
    position: absolute;
    width: 100%;
    top: 21px;
    margin: 0;
    z-index: 0;
}
#bloc_reservation_rapide .slide_resa_rapide { overflow: hidden; }
#reservation_rapide { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	/* padding: 0 0 0 30px;
	margin: 0 -10px 0 0; */
	margin: 0 -10px;
}
#reservation_rapide .bloc_resa {
	background-color: #fff;
	border: 2px solid #293c51;
	border-left-width: 12px;
    border-right-width: 12px;
	/* flex-basis: 25%; */
	max-width: 25%;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	min-height: 170px;
}
#reservation_rapide .choix_resa {
	padding: 20px 5px 20px 40px;
	position: relative;
	cursor: pointer;
    background-image: url('../images/pictos/promo_web.png');
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: 98% 65%;
}
#reservation_rapide #billet_open.choix_resa { color: #283c51; }
#reservation_rapide #billet_avantage.choix_resa {
	background-color: #959ea5;
	color: #fff;
}
#reservation_rapide .choix_resa h2 { margin: 0; }
#reservation_rapide .choix_resa h2.decalage { margin-left: -23px; }
#reservation_rapide .choix_resa h2 > span { font-size: 15px; }
#reservation_rapide .choix_resa > span { 
	font-size: 12px;
    display: inline-block;
    margin-top: 3px;
    margin-left: -20px;
    line-height: 20px;
}
#reservation_rapide .choix_resa p {
	margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 28px;
}
#reservation_rapide input {
	position: absolute;
	opacity: 0;
}
#reservation_rapide .bloc_radio {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 40px;
}
#reservation_rapide .align_vertical {
    display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#reservation_rapide .custom_radio {
    display: inline-block;
	vertical-align: middle;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	margin: 0 10px;
}
#reservation_rapide #billet_open .custom_radio { border: 3px solid #293c51; }
#reservation_rapide #billet_avantage .custom_radio { border: 3px solid #fff; }
#reservation_rapide .custom_radio:after {
    content: "";
    position: absolute;
    display: none;
}
#reservation_rapide input:checked ~ .custom_radio:after { display: block; }
#reservation_rapide .custom_radio:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    top: 3px;
    left: 3px;
}
#reservation_rapide #billet_open .custom_radio:after { background: #293c51; }
#reservation_rapide #billet_avantage .custom_radio:after { background: #fff; }
#reservation_rapide #bloc_express {
	/* flex-basis: 50%; */
	max-width: 50%;
	width: 100%;
	border: 0;
    background-color: transparent;
}
#reservation_rapide #bloc_express iframe {
    border: 0;
    width: 100%;
    height: 100%;
	display: block;
}

#texte_promo_web {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
	z-index: 1;
	display: none;
}

/* CONTENU PAGE */
.contenu_gauche {
    -ms-flex-preferred-size: 975px;
				 flex-basis: 975px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	padding: 30px 60px 30px 0;
	overflow: hidden;
}
.contenu_gauche a:hover { color: #f78e78; }

.sidebar {
    -ms-flex-preferred-size: 305px;
				 flex-basis: 305px;
	background-color: #959ea5;
	color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.sidebar { padding: 30px 0 30px 20px; }
.sidebar > div > *:first-child{ margin-top: 0; }
.sidebar > div > *:last-child{ margin-bottom: 0; }
.sidebar p { font-style: normal; }

.sidebar h4 .smooth_link {
	display: block;
    margin-left: -35px;
    padding-left: 35px;
}

.titre_sidebar { 
	font-family: "Cormorant", serif; 
	font-size: 24px;
	padding-left: 35px;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 30px;
}
#e_billet .titre_sidebar {
	background-image: url('../images/pictos/picto_ticket.png');
}
#reservation_groupe .titre_sidebar { 
	background-image: url('../images/pictos/picto_groupes.png');
}
#privatisation_croisiere .titre_sidebar { 
	background-image: url('../images/pictos/picto_bateau_blanc.png');
}
#reservation_scolaire .titre_sidebar { 
	background-image: url('../images/pictos/picto_scolaire.png');
}

#reservation_groupe { overflow: hidden; }
.bloc_express_sidebar { margin: 0 -10px; }

.bloc_info_sidebar .info_e-billet > b { padding-left: 20px; }

.sidebar > hr { 
    border: 1px solid #fff;
    margin: 35px auto 30px auto;
    width: 80%;
}

#reservation_groupe .ligne_tarif_grp span { font-size: 150%; }

.bloc_info_sidebar {
	padding: 10px;
	color: #293d52;
	background-color: #adb6be;
}
.bloc_info_sidebar > *:first-child { margin-top: 0; }
.bloc_info_sidebar > *:last-child { margin-bottom: 0; }

.bloc_express_sidebar iframe {
	border: none;
	width: 100%;
	height: 300px;
}

.contenu_full, .contenu_sidebar { 
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #959ea5)); 
	background: -webkit-linear-gradient(left, #fff 50%, #959ea5 50%); 
	background: -o-linear-gradient(left, #fff 50%, #959ea5 50%); 
	background: linear-gradient(90deg, #fff 50%, #959ea5 50%); 
}
.contenu_full .contenu_gauche { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

#contenu_croisiere_promenade > .align_center,
#contenu_privatisation > .align_center { display: -webkit-box; display: -ms-flexbox; display: flex; }

/* PAGE ACCUEIL */
#titre_voir_cro h4 { margin: 50px 0; }
#titre_voir_cro h4 a:hover { color: #f78e77; }

/* PAGE PRODUIT */
#fil_ariane {
	font-size: 12px;
    position: absolute;
    top: 0;
}
#fil_ariane a { text-decoration: underline; }

#contenu_produit .contenu_gauche { padding-bottom: 50px; }

#bloc_accroche_produit { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	margin-top: 20px;
}
#bloc_accroche_produit .accroche_produit { 
	-webkit-box-flex: 1; 
			-ms-flex: 1; 
				flex: 1;
	margin: 0;
	padding-right: 30px;
}
#bloc_tarif_produit { 
	-webkit-box-flex: 1; 
			-ms-flex: 1; 
				flex: 1;
	max-width: 430px; 
	padding-left: 30px;
	position: relative;
}
#bloc_tarif_produit.offre_speciale { padding-left: 80px; }
#bloc_tarif_produit .bloc_flotant_droite {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	float: none;
	margin: 0;
	padding-left: 30px;
}
#bloc_tarif_produit .bloc_flotant_droite .vignette_offre_spe {
	position: absolute;
	left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
#bloc_tarif_produit .bloc_flotant_droite h4 { 
	-webkit-box-flex: 1; 
			-ms-flex: 1; 
				flex: 1;
	margin: 0;
	font-size: 18px;
}
#bloc_tarif_produit .bloc_flotant_droite h4 span { font-size: 25px; }
#bloc_tarif_produit .bloc_flotant_droite h4 s { font-size: 18px; }
#bloc_tarif_produit .bloc_flotant_droite h4 .a_partir_de { font-size: 14px; }
#bloc_tarif_produit .bloc_flotant_droite .bouton { 
	-ms-flex-preferred-size: auto; 
				 flex-basis: auto; 
	margin-left: 20px;
	border-color: #ccc;
}

.accroche_categorie {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.accroche_produit { 
	font-size: 18px;
	margin-top: 0;
}
.descr_court_produit { 
    font-size: 20px;
    line-height: 25px;
    font-family: "Cormorant", serif;
	color: #f78e78;
	margin-top: 0;
	text-align: justify;
}
.titre_info_produit {
	padding-left: 55px;
	font-size: 22px;
	margin-top: 0;
	line-height: 40px;
	background-size: 40px;
}

.descriptif p { 
	line-height: 23px; 
	text-align: justify;
}
.descriptif b { 
	color: #f78e78;
	font-size: 14px;
}
.descriptif hr { 
	margin-top: 35px;
	border: 0;
	border-top: 1px solid #f78e78;
}
.descriptif ul {
	line-height: 27px;
	font-size: 14px;
	padding-left: 18px;
}
#descr_produit ul {
	padding: 0;
	list-style: none;
}
.descriptif li {
    padding-left: 0;
}
#descr_produit li {
    background-image: url(../images/pictos/picto_coeur.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: 15px 5px;
}
#descr_produit ul.simple {
	list-style: disc;
	padding-left: 18px;
}
#descr_produit ul.no_style li,
#descr_produit ul.simple li {
    background: none;
    padding-left: 0;
}
#descr_produit ul.no_style li::before { content: '- '; }
.descriptif li a { 
	color: #f78e78; 
	text-decoration:underline;
}
/* .descriptif li b { color: inherit; } */
#plan_circuit_produit { 
	max-width: 100%; 
	display: inline-block;
    vertical-align: top;
}
#bloc_plan_parcours { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	margin-top: 40px;
}
#infos_plan_parcours,
#bloc_plan_parcours .map {
	-ms-flex-preferred-size: 50%;
				 flex-basis: 50%;
}
#infos_plan_parcours {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#img_plan_produit { margin-top: 40px; }
#img_plan_produit img { max-width: 100%; }

#bloc_horaires, #bloc_diapo_produit { margin-top: 40px; }
#bloc_diapo_produit { 
	width: 100%;
	display: block; 
}

#titre_horaires { background: url('../images/picto_horaires_2.png') no-repeat; }
#calendrier_horaires {
    width: 100%;
    height: 360px;
	border: none;
	padding-left: 55px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#liste_monuments { margin: 40px 0; }
.bloc_monument { margin-top: 40px; }
.bloc_monument:first-child { margin-top: 0; }
.bloc_monument h4 { font-size: 18px; }
.bloc_monument h4 img { padding-right: 15px; }
.bloc_monument > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
.bloc_monument .img_monument {
	-ms-flex-preferred-size: 45%;
				 flex-basis: 45%;
	height: 150px;
}
.bloc_monument p { 
	-ms-flex-preferred-size: 55%; 
				 flex-basis: 55%;
	padding-left: 20px; 
	text-align: justify;
	line-height: 22px;
}

#bloc_descr_produit .align { display: -webkit-box; display: -ms-flexbox; display: flex; }
#bloc_descr_produit #descr_produit {
    -webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
    padding-right: 30px;
}
#bloc_descr_produit #image_produit {
    -webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	max-width: 550px;
    overflow: hidden;
    padding-left: 30px;
}
#bloc_descr_produit #image_produit img {
    width: 100%;
    display: block;
}
#bloc_descr_produit #image_produit .contour_image {
    border: 1px solid #b2b2b2;
	text-align: center;
}
#bloc_descr_produit #image_produit a { display: block; }
#bloc_descr_produit #image_produit #titre_diapo_loupe {
    margin: 5px 0;
    padding: 0 35px 0 0;
    display: inline-block;
    vertical-align: middle;
	background-image: url(../images/pictos/picto_loupe.png);
	background-position: center right;
	background-size: auto;
}

#bloc_plan_point_depart_produit .map {
	height: 350px;
}
#bloc_plan_circuit_produit #plan_circuit { text-align: center; }

#bloc_resa_prod iframe {
	padding-left: 55px;
	width: 100%;
	max-width: 1055px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.bloc_contenu_produit { margin-top: 30px; }

.ss_titres_bloc_horaires {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 55px;
}
.ss_titres_bloc_horaires h4 { 
	margin-top: 0;
	font-size: 18px;
}
.ss_titre_horaires { width: 418px; }
.ss_titre_departs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/* PRODUIT COURT */
.bloc_produits { background-color: #fff; }
.bloc_produits .produit_court { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	margin-top: 50px;
}
.produit_court.align_left {
	text-align: left; 
}
.produit_court.align_right { 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: reverse; 
	   -ms-flex-direction: row-reverse; 
	       flex-direction: row-reverse;
	text-align: right; 
}
.texte_prod_court { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.texte_prod_court h2 { font-size: 22px; }
.texte_prod_court p { line-height: 20px; }
.texte_prod_court .orange { color: inherit; }
.produit_court.align_left .texte_prod_court { margin-left: 5%; }
.produit_court.align_right .texte_prod_court { margin-right: 5%; }
.img_produit_court {
    -webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	max-width: 545px;
}
.img_produit_court img {
	display: block;
	width: 100%;
}
.produit_court .bouton { margin-top: 20px; }
.produit_court .offre_speciale {
	display: inline-block;
    vertical-align: top;
    background-image: url('../images/pictos/promo_web.png');
	background-repeat: no-repeat;
	background-size: 65px;
    height: 65px;
}
.produit_court.align_left .offre_speciale { 
	padding-right: 75px; 
	background-position: right;
}
.produit_court.align_right .offre_speciale { 
	padding-left: 75px; 
	background-position: left;
}
.produit_court .offre_speciale .bouton {
	height: 35px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 32.5px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
}

/* PRODUIT COURT (VERSION TARIF) */
.bloc_produits  .bloc_produit_tarif:first-child  .produit_court { margin-top: 0; }
.bloc_produit_tarif { display: -webkit-box; display: -ms-flexbox; display: flex; }
.bloc_produit_tarif .produit_court { 
	-ms-flex-preferred-size: 975px; 
				 flex-basis: 975px; 
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #fff;
}
.bloc_produit_tarif .produit_court_tarif { 
	-ms-flex-preferred-size: 305px; 
				 flex-basis: 305px; 
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #959ea5;
	color: #fff;
}
.bloc_produit_tarif .produit_court,
.bloc_produit_tarif .produit_court_tarif {
	margin-top: 0;
	padding-top: 65px;
}
.bloc_produits .bloc_produit_tarif:first-child .produit_court,
.bloc_produits .bloc_produit_tarif:first-child .produit_court_tarif {
	padding-top: 30px;
}
.bloc_produits .bloc_produit_tarif:last-child .produit_court,
.bloc_produits .bloc_produit_tarif:last-child .produit_court_tarif {
	padding-bottom: 30px;
}
.bloc_produit_tarif .img_produit_court { max-width: 420px; }
.bloc_produit_tarif .produit_court_tarif h4 { font-size: 18px; }
.bloc_produit_tarif .produit_court_tarif p { font-size: 25px; }
.bloc_produit_tarif .produit_court_tarif p span { font-size: 16px; }
.bloc_produit_tarif .produit_court_tarif s { font-size: 18px; }

/* BLOC PROMENADE ACCUEIL */
#bloc_cro_promenade {
	background: url('../images/croisiere_promenade_accueil.jpg') center no-repeat;
	color: #fff;
}
#bloc_cro_promenade .half-right {
    background-color: rgba(40, 60, 81, .75);
    width: 50%;
    margin: auto 0 auto auto;
}
#bloc_cro_promenade .texte_prod_court {
    display: block;
    width: auto;
    padding: 30px;
    max-width: 670px;
    height: 500px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	-webkit-box-flex: 0;
			-ms-flex: none;
				flex: none;
}
.bloc_info_court {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
}
.bloc_info_court .picto_info {
	margin-right: 55px;
	text-align: center;
	width: 110px;
}
.bloc_info_court .picto_info:hover { color: #f78e78; }
.bloc_info_court .picto_info:last-child { margin-right: 0; }
.bloc_info_court .picto_info img { width: 60px; }
.bloc_info_court a { 
	display: block; 
	height: 100%;
}
.bloc_info_court p {
    margin: 5px 0 0 0;
    line-height: 20px;
}

/* PAGE HISTORIQUE */
.bloc_contenu_page { margin-top: 50px; }
.bloc_contenu_page:first-child { margin-top: 0; }
.bloc_contenu_page .contenaire_moitie { margin-bottom: 30px; }
.bloc_contenu_page .contenaire_moitie:last-child { margin-bottom: 0; }
.contenaire_moitie { display: -webkit-box; display: -ms-flexbox; display: flex; }
.contenaire_moitie .bloc_gauche, 
.contenaire_moitie .bloc_droite { 
	-ms-flex-preferred-size: 50%; 
				 flex-basis: 50%; 
	text-align: justify;
}
.contenaire_moitie .bloc_gauche { padding-right: 30px; }
.contenaire_moitie .bloc_droite { padding-left: 30px; }
.contenaire_moitie > div > *:first-child { margin-top: 0; }
.contenaire_moitie > div > *:last-child { margin-bottom: 0; }

#contenu_historique .contenaire_moitie > div p {
	font-size: 15px;
    line-height: 25px;
}
#contenu_historique .contenaire_moitie > div > img { max-width: 100%; }

/* PAGE PARTENAIRES */
#contenu_partenaires .bloc_contenu_page { margin-top: 60px; }
#contenu_partenaires .bloc_contenu_page:first-child { margin: 0; }
#contenu_partenaires .bloc_gauche img { 
	display: block; 
	max-width: 100%;
}

/* PAGE RECRUTEMENT */
.offre_emploi { position: relative; }
.offre_emploi > * { padding-right: 220px; }
.bloc_flotant_droite {
	background-color: #959ea5;
	padding: 15px 20px;
	color: #fff;
}
.bloc_flotant_droite > * { margin-top: 0; }
.bloc_mailto_recrutement {
    position: absolute;
    top: 0;
    right: 0;
	width: 200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* PAGE ACTUALITES */
.actualite { display: -webkit-box; display: -ms-flexbox; display: flex; }
.actualite > * { margin-top: 20px; }
.actualite .image_actu { 
    -ms-flex-preferred-size: 33%; 
				 flex-basis: 33%;
    max-width: 400px;
	-ms-flex-negative: 0;
	      flex-shrink: 0;
	padding-right: 20px;
}
.actualite .image_actu img { 
	display: block;
	max-width: 100%;
}
.actualite h2 {
	text-transform: uppercase;
	margin-top: 0;
}
.actualite .contenu_actu p {
	text-align: justify;
	font-family: "Trebuchet MS", serif;
}
.actualite .date_creation_actu { 
	-ms-flex-preferred-size: 200px; 
				 flex-basis: 200px;
    -ms-flex-negative: 0;
          flex-shrink: 0;
	padding-left: 20px;
}
.actualite .date_creation_actu p {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	text-align: center;
}

/* PAGE PRIVATISATION BATEAUX */
#contenu_privatisation .contenu_gauche > .descr_court_produit {
	color: inherit;
}
.titre_priv_bateaux { 
	font-size: 28px; 
	margin: 80px 0 30px 0;
}
.titre_priv_bateaux.first { 
	margin-top: 20px;
}
.descr_privat_bateau .align {
	position: relative;
}
.bloc_privat_bateau {
    border: 1px solid #d7d7d7;
	padding: 5px 10px;
	margin-bottom: 20px;
}
.bloc_privat_bateau p {
    margin-bottom: 5px;
}
.bloc_privat_bateau > h3, .ss_titre_priv_bateaux { padding-left: 0; }
.bloc_infos_bateau {
    border: 1px solid #959ea5;
    padding: 10px;
    text-align: right;
    width: 320px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
}
.texte_infos_bateau ul {
	padding-right: 335px;
}
.bloc_infos_bateau .titre_tarif_privat {
    color: #959ea5;
    font-style: italic;
    padding-left: 20px;
    line-height: 25px;
	background-image: url('../images/pictos/picto_euro.png');
    background-size: 13px;
    background-position: left 6px;
    background-repeat: no-repeat;
    font-size: 12px;
	text-align: left;
	margin: 0;
}
.bloc_infos_bateau h3 {
	font-family: "Cormorand", serif;
    font-size: 22px;
    margin: 5px 0 20px 0;
}
.bloc_infos_bateau h3.shorter {
	margin-bottom: 5px;
}
.bloc_infos_bateau span {
	color: #959ea5;
    font-style: italic;
    font-size: 13px;
    font-family: "Cormorand", serif;
}
.bloc_infos_bateau .btn_contact {
	margin: 10px 0 0 0;
	font-style: normal;
	text-align: right;
}

.img_profil_bateau {
	background-color: #f78e78;
	height: 200px;
	margin-bottom: 30px;
}

#bloc_contact_privat, .bloc_exemple_privat { padding: 10px; }
#bloc_contact_privat h4, .bloc_exemple_privat h4 { margin-top: 0; }
#bloc_contact_privat { 
	background-color: #425465; 
}
#bloc_contact_privat p { 
	color: #f78e78; 
}
#titre_exemple_privat {
	margin: 110px 0 15px 0;
	font-size: 17px;
}
#ss_exemple_privat ul {
	list-style-image: url('../images/pictos/picto_valider_petit.png');
	padding-left: 20px;
}
.bloc_exemple_privat {
	background-color: #adb6be;
	margin-top: 30px;
}
.bloc_exemple_privat h4 { 
	font-size: 20px; 
	margin-bottom: 15px;
}
.bloc_exemple_privat ul {
	font-size: 12px;
	list-style: none;
	padding: 0;
	color: #283c51;
}
.bloc_exemple_privat ul ul { margin-left: 10px; }
.bloc_exemple_privat span { font-size: 160%; }

.bloc_diapo_priv {
	margin-top: 30px;
}
.nav_diapo {
    padding: 5px 0;
    margin: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nav_diapo li {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
     -webkit-box-flex: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
	padding: 5px;
}
.nav_diapo li:last-child {
    margin-right: 0;
}
.nav_diapo li.actif {
	color: #f78e78;
}
.nav_diapo li a {
    text-decoration: underline;
}

.bloc_aff_bateau.hidden {
	height: 0;
	overflow: hidden;
}

/* PAGE CONTACT */
#contenu_contact .contenu_gauche > div {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	min-height: 250px;
}

#infos_acces_contact .bloc_gauche { -ms-flex-preferred-size: 60%; flex-basis: 60%; }
#infos_acces_contact .bloc_droite { -ms-flex-preferred-size: 40%; flex-basis: 40%; }

.infos_acces ul {
	list-style: none;
	padding: 0;
}
.infos_acces li { padding-bottom: 10px; }
.infos_acces .logo_vpn h3 {
	margin-bottom: 0;
	font-size: 25px;
}
.infos_vpn li { padding-bottom: 5px; }
.infos_vpn img{
	height: 20px;
	vertical-align: middle;
}

#bloc_form_resa { margin-top: 30px; }

.form_utilisateur label { 
	display: block; 
	padding: 8px 0;
	font-size: 18px;
}
.form_utilisateur > div { margin-top: 20px; }
.form_utilisateur .bloc_input  { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-pack: justify; 
	   -ms-flex-pack: justify; 
	 justify-content: space-between;
}
.form_utilisateur .bloc_input > div { 
	-webkit-box-flex: 1; 
			-ms-flex: 1; 
				flex: 1; 
	margin-right: 20px;
}
.form_utilisateur .bloc_input > div:last-child { margin-right: 0; }
.form_utilisateur input,
.form_utilisateur select { padding: 15px 5px; }
.form_utilisateur input,
.form_utilisateur textarea { 
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	border: 1px solid #959ea5;
}
.form_utilisateur select { font-size: 16px; }
.form_utilisateur textarea { 
	padding: 5px;
	height: 150px; 
}
.form_utilisateur .bloc_envoi { text-align: right; }
.form_utilisateur .bouton { 
	width: 315px; 
	font-size: 20px;
}
.form_utilisateur label.rouge { color: #dc0000; }
.form_utilisateur input.rouge { border: 2px solid #dc0000; }

.form_utilisateur input.champs_nb_pax  { width: 114px; }

.form_utilisateur ::-webkit-input-placeholder { opacity: 0; }

.form_utilisateur :-ms-input-placeholder { opacity: 0; }

.form_utilisateur ::-ms-input-placeholder { opacity: 0; }

.form_utilisateur ::placeholder { opacity: 0; } /* Chrome, Firefox, Opera, Safari 10.1+ */
.form_utilisateur :-ms-input-placeholder { color: transparent; } /* Internet Explorer 10-11 */
.form_utilisateur ::-ms-input-placeholder { opacity: 0; } /* Microsoft Edge */

/* PAGE RETOUR RESA */
.cadre_alerte_spam {
	border: 2px solid #f78e77;
    padding: 0 10px;
}

/* PAGE PANIER */
#titre_panier { text-align: center; }

/* PAGE LIENS */
ul.navLiens {
	list-style: none;
	margin: 0;
	padding: 20px 0;
	width: auto;
	display: inline-block;
	max-width: 960px;
	height: 100%;
}
ul.navLiens li {
	clear: none;
	float: left;
	width: auto;
	padding: 0;
}
ul.navLiens a, ul.navLiens a:visited {
	float: left;
	text-decoration: underline;
	width: auto;
	padding: 0;
	margin: 0 20px 0 0;
	border: 0;
}
ul.navLiens a:hover, ul.navLiens a:active, ul.navLiens a:focus,
ul.navLiens a.lien_clic.actif { color: #d85641; }

ul.liens_affichage { 
	display: none; 
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.liens_affichage.actif { display: block; }
ul.liens_affichage li { padding: 5px 0; }
ul.liens_affichage a { text-decoration: underline; }

/* BLOC SUGGESTIONS */
#bloc_suggestions {
	background-color: #e6e7eb;
	text-align: center;
	color: #293d52;
	padding: 40px 0;
}
#bloc_suggestions .align_center > h3 {
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 16px;
	text-transform: uppercase;
}
#bloc_suggestions .align_center > h3::first-letter {
	font-size: 130%;
}
#bloc_suggestions #liste_suggestions { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-pack: space-evenly; 
	   -ms-flex-pack: space-evenly; 
	 justify-content: space-evenly;
}
#bloc_suggestions .suggestion { 
	-webkit-box-flex: 1; 
			-ms-flex: 1; 
				flex: 1; 
	padding: 0 30px;
	max-width: 30.5%;
}
#bloc_suggestions .suggestion:first-child { padding-left: 0; }
#bloc_suggestions .suggestion:last-child { padding-right: 0; }
#bloc_suggestions .suggestion h2 {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 14px;
	min-height: 40px;
}
#bloc_suggestions .suggestion h2.deco_titre_bleu.centre {
    display: block;
	background-position: left 12px, right 12px;
    background-size: 60px;
    padding: 0 70px;
}
#bloc_suggestions .suggestion img {
    width: 100%;
	display: block;
}
#bloc_suggestions .suggestion p { margin-bottom: 0; }

/* BLOC PRIVATISATION */
#bloc_priv_bateaux {
	background: url('../images/bandeaux/fond_privatisation_bateaux.jpg') no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
	padding: 40px 0;
}
#bloc_priv_bateaux > p{
	color: #293d52;
	font-size: 18px;
	margin: 40px 0 35px 0;
}
#accroche_priv_bateaux { font-size: 25px; }
#titre_priv_bateaux {
	font-family: "Cormorant", serif;
	font-size: 26px;
}
#bloc_priv_bateaux .image_priv { 
	margin: 40px auto; 
	position: relative;
}
#bloc_priv_bateaux .image_priv img {
	display: inline-block;
    vertical-align: top;
	max-width: 100%;
}
#bloc_priv_bateaux .texte_diapo {
	position: absolute;
	top: 55%;
	width: 100%;
}
#bloc_priv_bateaux .texte_diapo h2 { font-size: 22px; }
#bloc_priv_bateaux .texte_diapo p { 
    line-height: 24px;
    font-size: 15px;
}

#bloc_priv_bateaux.sans_diapo {
    height: 440px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    padding: 82.5px 0;
    background-position: center -35px;
}
#bloc_priv_bateaux.sans_diapo {
    height: 440px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    padding: 82.5px 0;
    background-position: center -35px;
}
#bloc_priv_bateaux.sans_diapo hr { margin: 20px auto 20px auto; }
#bloc_priv_bateaux.sans_diapo a:hover { font-weight: bold; }

/* BLOC PARTENAIRES */
#bloc_partenaires .align_center { max-width: none; }

#titre_nos_partenaires h4 { margin: 40px 0; }

.liste_partenaires {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    padding: 0 0 40px 0;
}
.img_partenaire {
	display: block;
    /* flex-basis: 220px; */
	-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
    padding: 0 20px;
}
.img_partenaire img {
	width: 100%;
	display: block;
}
.img_partenaire:first-child { padding-left: 0; }
.img_partenaire:last-child { padding-right: 0; }

/* FOOTER */
footer { font-size: 12px; }
#footer_top {
	background-color: #283c51;
	color: #fff;
	padding: 40px 0;
}
#footer_top a:hover { color: #959ea5; }
#footer_top .align_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
     justify-content: space-between;
}
#footer_top ul {
	list-style: none;
	padding: 0;
	margin:  15px 0 0 0;
}
#footer_top li { line-height: 20px; }
#footer_top ul > span {
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
}
#footer_top li a { display: block; }
.menu_footer li { font-style: italic; }

#logo_vpn_footer h3 { margin-top: 0; margin-bottom:10px;}

#infos_vpn_footer { margin-top: 30px; }
#infos_vpn_footer p { margin-bottom: 0; }
#infos_vpn_footer p img { padding-right: 5px; }

#footer_bottom {
	background-color: #1e3142;
	color: #959ea5;
	text-align: center;
	padding: 20px 0;
	font-size: 12px;
}
#footer_bottom a:hover { color: #fff; }
#footer_bottom > .lien_footer_pdc {
	display: block; 
	margin-top: 25px; 
	font-size: 10px;
}

/* PICTOS PROCESS RESA */
.info_e-billet.formulaire{
	background: url('../images/pictos/picto_crayon.png') no-repeat;
}
.info_e-billet.valider{
	background: url('../images/pictos/picto_valider.png') no-repeat;
}
.info_e-billet.regler{
	background: url('../images/pictos/picto_euro.png') no-repeat;
}
.info_e-billet.impr{
	background: url('../images/pictos/picto_imprimer.png') no-repeat;
}
.info_e-billet.presenter{
	background: url('../images/pictos/picto_smartphone.png') no-repeat;
}
.info_e-billet.formulaire, .info_e-billet.valider, .info_e-billet.regler, .info_e-billet.impr, .info_e-billet.presenter{
	background-size:14px;
}

/* EXCEPTIONS FIREFOX */
@-moz-document url-prefix() {
    #menu_principal > ul > li > a:hover { font-weight: normal; }
}


/* CSS RESPONSIVE TABLETTE */
@media only screen and (max-width: 1300px) {
    
	.contenu_full { background: #fff; }
	.contenu_full .contenu_gauche { padding-right: 0; }
	#contenu_categorie.contenu_full { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #959ea5)); background: -webkit-linear-gradient(left, #fff 50%, #959ea5 50%); background: -o-linear-gradient(left, #fff 50%, #959ea5 50%); background: linear-gradient(90deg, #fff 50%, #959ea5 50%); }
	
	.contenu_gauche { 
		overflow: initial; 
		-ms-flex-preferred-size: 950px; 
					 flex-basis: 950px;
		padding-right: 30px;
	}
	#contenu_privatisation .contenu_gauche,
	#contenu_croisiere_promenade .contenu_gauche { overflow: hidden; }
	.sidebar { -ms-flex-preferred-size: 380px; flex-basis: 380px; } /*AVANT 330px*/
	
	/* HEADER */
	#header_bottom > .align_center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		   -ms-flex-align: center;
		      align-items: center;
	}
	#logo_vpn_header {
		text-align: left;
		-ms-flex-negative: 0;
		      flex-shrink: 0;
		 -webkit-box-flex: 1;
	    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
	#menu_principal {
		float: none;
		padding-top: 0;
		padding-left: 20px;
	}
	#menu_principal > ul > li > a,
	#menu_principal > ul > li:first-child > a {
		padding: 0 15px;
	}
	
	/* RESERVATION RAPIDE */
	#reservation_rapide .choix_resa h2.decalage { margin-left: -30px; }
	#reservation_rapide .choix_resa > span { margin-left: 0; }
	
	/* BLOC PROMENADE */
	#bloc_cro_promenade .texte_prod_court { height: auto; }
	
	.bloc_info_court .picto_info {
		width: 100%;
		max-width: 25%;
		margin-right: 0;
	}
	.bloc_info_court .picto_info > a { padding-right: 5px; }
	.bloc_info_court .picto_info:last-child > a { padding-right: 0; }
	
	/* FOOTER */
	#footer_top > .align_center > div { padding: 0 10px; }
	#footer_top > .align_center > div:first-child { padding-left: 0; }
	#footer_top > .align_center > div:last-child { padding-right: 0; }
	#certificat_trip_advisor img { width: 100%; }
	
}

/* FIX IFRAMES */
@media only screen and (max-width: 1280px) {

	#calendrier_horaires {
		width: 100%;
		height: 700px;
		border: none;
	}
	
	.bloc_express_sidebar iframe { height: 320px; }
	
	.ss_titre_departs { display: none; }
	
}

@media only screen and (max-width: 1050px) {
    
	/* FIX RESERVATION RAPIDE */
	#reservation_rapide {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: -10px;
	}
	#reservation_rapide .bloc_resa {
		border: 12px solid #293c51;
		max-width: 50%;
		width: 100%;
		min-height: 190px;
	}
	#reservation_rapide #bloc_express {
		max-width: none;
		width: 100%;
		border: 12px solid #293c51;
		border-left: none;
		border-right: none;
	}
	
	/* FIX PRIVATISATION BATEAUX */
	.texte_infos_bateau ul {
		padding-right: 0;
	}
	.bloc_infos_bateau {
		position: initial;
		margin: 0 auto;
	}
}

/* HACKS SAFARI */
_::-webkit-full-page-media, _:future, :root #reservation_rapide {
	display: initial;
	font-size: 0;
	padding: 0;
	margin: 0;
}
_::-webkit-full-page-media, _:future, :root #reservation_rapide .bloc_resa {
	display: inline-block;
	vertical-align: top;
}
_::-webkit-full-page-media, _:future, :root #reservation_rapide #bloc_express iframe {
	min-height: 190px;
}
_::-webkit-full-page-media, _:future, :root #texte_promo_web {
	display: none;
}