/* FONT PALATINO */
@font-face {
    font-family: 'Palatino';
    src: url('../fonts/pala.ttf') format('truetype'),
		 url('../fonts/pala.eot?#iefix') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    src: url('../fonts/palai.ttf') format('truetype'),
		 url('../fonts/palai.eot?#iefix') format('opentype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    src: url('../fonts/palab.ttf') format('truetype'),
		 url('../fonts/palab.eot?#iefix') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    src: url('../fonts/palabi.ttf') format('truetype'),
		 url('../fonts/palabi.eot?#iefix') format('opentype');
    font-weight: bold;
    font-style: italic;
}

/* PALETTE COULEURS */
.gris_clair { color: #959ea5; }
.gris { color: #86929e; }
.gris_fonce { color: #273c51; }
.gris_plus_fonce { color: #1e3142; }
.orange { color: #f78e78; }

/* CSS */
body {
	margin: 0;
	background-color: #fff;
	font-family: 'Merriweather', serif;
	font-size: 13px;
	color: #283c51;
}
h1 { font-family: 'Cormorant', serif; }
h2 { font-size: 20px; }
h4 { font-size: 15px; }
h1, h2, h3, h4 { 
	font-weight: normal;
	font-style:italic;
	margin-top: 20px;
	margin-bottom: 20px;
}
p { font-style:italic; }
a {
	text-decoration: none;
	color: inherit;
}
input[type=submit]{
  -webkit-appearance: none;
  border-radius: 0;
}

.align_center {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}
.text_center { text-align: center; }

.bouton {
    font-family: 'Cormorant', serif;
    font-size: 20px;
    padding: 5px 15px;
    display: inline-block;
	cursor: pointer;
}
.bouton.type_1 {
	border: 1px solid #f78e78;
    background-color: #f78e78;
	color: #fff;
}
.bouton.type_1:hover {
	border: 1px solid #f78e78;
    background-color: #fff;
	color: #f78e78;
}
.bouton.type_2 {
    border: 1px solid #293c51;
    background-color: #293c51;
    color: #fff;
}
.bouton.type_2:hover {
	border: 1px solid #293c51;
    background-color: #fff;
	color: #293c51;
}
.bouton.type_3 {
    border: 1px solid #fff;
    background-color: #fff;
    color: #85919d;
}
.bouton.type_3:hover {
	border: 1px solid #fff;
    background-color: #85919d;
	color: #fff;
}

.logo_vpn h3 {
	font-family: 'Palatino-light', serif;
	font-size: 30px;
	letter-spacing: 1px;
}
.logo_vpn h3 sup {
    font-family: "Arial", sans-serif;
	font-size: 16px;
}

.first_letter::first-letter { font-size: 150%; }

.marker_mapbox { background-image: url('../images/marker-icon.png'); }

/* BEST PRICE HEADER */
#texte_best_price > div {
    display: inline-block;
	background-repeat: no-repeat;
	width: 9px;
	height: 28px;
}
#texte_best_price .bande_header_gauche {
	background-image: url('../images/bande_header_gauche.png');
}
#texte_best_price .bande_header_droite {
	background-image: url('../images/bande_header_droite.png');
}
#texte_best_price h4 {
    font-family: 'Cormorant', serif;
	margin: 0;
    font-size: 15px;
    background-color: #fff;
	display: inline-block;
	height: 28px;
	line-height: 28px;
    padding: 0 8px;
	color: #f78e78;
}
#texte_best_price h4 span { display: inline-block; }
#texte_best_price h4 .first_letter::first-letter { font-size: 140%; }
#texte_best_price > * { vertical-align: middle; }

/* BLOC DIAPO PRODUIT */
#diapo_produit.zoom-gallery {
	margin: -8px;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 8px;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit.bloc_1 {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit.bloc_1 a {
	/* flex-basis: 50%; */
	max-width: 50%;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit.bloc_2 a {
	/* flex-basis: 33.33%; */
	max-width: 33.33%;
}
#diapo_produit.zoom-gallery .bloc_diapo_produit a.no_display {
	display: none !important;
}
#lien_diapo_produit {
	text-align: center;
	border-bottom: 1px solid #989e9e;
	cursor: pointer;
}

_::-webkit-full-page-media, _:future, #diapo_produit.zoom-gallery .bloc_diapo_produit {
	display: initial;
	font-size: 0;
}
_::-webkit-full-page-media, _:future, :root #diapo_produit.zoom-gallery .bloc_diapo_produit a {
	display: inline-block !important;
	vertical-align: top;
}

/* PICTOS */
.titre_info_produit { background-repeat: no-repeat; }

#titre_naissance{
	background-image: url('../images/pictos/picto_bouee.png');
}
#titre_debuts{
	background-image: url('../images/pictos/picto_vagues.png');
}
#titre_maturite{
	background-image: url('../images/pictos/picto_bateau.png');
}
#titre_developpement{
	background-image: url('../images/pictos/picto_fusee.png');
}
#titre_frontieres{
	background-image: url('../images/pictos/picto_carte_france.png');
}
#titre_passe{
	background-image: url('../images/pictos/picto_regard.png');
}
#titre_contact{
	background-image: url('../images/pictos/picto_email.png');
}
#titre_plan_parcours {
    background-image: url('../images/pictos/picto_parcours.png');
}
#titre_horaires {
    background-image: url('../images/picto_horaires_2.png');
}
#titre_reservation { 
	background-image: url('../images/pictos/picto_calendrier.png'); 
}
#titre_diapo { 
	background-image: url('../images/picto_diapo_2.png'); 
}
#titre_descriptif_produit {
	background-image: url('../images/pictos/picto_bateau.png');
}
#titre_plan_point_depart {
    background-image: url('../images/picto_plan_2.png');
}
ul.capacite_bateau {
    background-image: url(../images/pictos/picto_capacite.png);
}
ul.dimmensions_bateau {
    background-image: url(../images/pictos/picto_dimensions.png);
}
ul.tarif_bateau {
    background-image: url(../images/pictos/picto_euro.png);
}

/* BOUTON FIXE RESA RAPIDE */
#bouton_resa_fixe {
    display: inline-block;
    position: fixed;
    bottom: -65px;
    width: 100%;
    text-align: center;
    z-index: 1010;
    right: 0;
	font-size: 30px;
    line-height: 50px;
	border: none;
	border-top: 2px solid #fff;
    -webkit-transition: bottom .2s ease-in;
		 -o-transition: bottom .2s ease-in;
			transition: bottom .2s ease-in;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#bouton_resa_fixe:hover { border-color: #f78e77; }
#bouton_resa_fixe.visible {
    bottom: 0;
    -webkit-transition: bottom .2s ease-out;
		 -o-transition: bottom .2s ease-out;
			transition: bottom .2s ease-out;
}
footer.resa_fixe { padding-bottom: 60px; }

/* BLOC APPLI MOBILE */
#bloc_application {
	display: block;
	text-align: center;
	color: #283c51;
	background-color: #eee;
	padding: 5px 0 0 0;
}
#bloc_application h3 { font-style: normal; }
#bloc_application .google_play {
	width: 170px;
	padding: 0 5px 10px 0;
}
#bloc_application .app_store {
	width: 170px;
	padding: 0 0 10px 5px;
}

/* SLIDE CONTENT SCRIPT */
.slide_trigger { cursor: pointer; }
.slide_trigger.slide_hidden { margin-bottom: 0; }
.slide_content.slide_hidden { display: none; }

/* EXCEPTIONS FIREFOX */
@-moz-document url-prefix() {
    span.first_letter::first-letter,
	#texte_best_price h4 span.first_letter::first-letter,
	#titre_page_header h2.first_letter::first-letter { 
		font-size: inherit; 
	}
}