img { max-width: 100%; }
ul {
	list-style: none;
	padding-left: 0;
}

.align_center {
	max-width: none;
	padding: 0 20px;
}
.contenu_full {
	margin: 20px 0;
}
.contenu_full, 
.contenu_sidebar {
	background: #fff;
}

.titre_info_produit {
    padding-left: 30px;
	font-size: 20px;
    line-height: 25px;
}

.accroche_categorie {
	font-size: 13px;
	margin: 0 0 30px 0;
}
.exception_accr_cat .produit_court_tarif {
	display: none;
}

.accroche_produit {
	font-size: 14px;
}

.bloc_contenu_page p {
	text-align: justify;
}
.bloc_contenu_page img {
	display: block;
}

.contenaire_moitie {
	margin: 20px 0;
}

.slide_trigger.slide_hidden {
    background-image: url(../images/fleche_bas.png);
}
.slide_trigger {
    background-image: url(../images/fleche_haut.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 25px;
}

.logo_vpn h3 { font-size: 20px; }

/* PICTOS */
.titre_info_produit {
	background-size: 25px;
	background-position: center left;
}

/* HEADER */
#header {
	color: #fff;
	height: 400px;
	position: relative;
	background-image: url(../images/bandeaux/croisiere_promenade_large.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
}
header {
	background-color: rgba(149, 158, 165, .9);
}
#header_top {
	border-bottom: 1px solid #fff;
	height: 30px;
}
#header_top .align_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#header_top .align_center > h1 {
	-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	display: inline-block;
    margin: 0;
    font-size: 18px;
	line-height: 30px;
}
#header_top .align_center > .right {
	-ms-flex-preferred-size: 62px;
				 flex-basis: 62px;
	position: relative;
}
#header_top .right > * { 
	display: none;
}
#header_top .right > #selection_langue_mobile {
    display: block;
    text-align: right;
	height: 16px;
    padding: 7px 0;
}
#selection_langue_mobile img {
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
    background-image: url(../images/fleche_bas.png);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 15px;
}
#selection_langue_mobile select {
    position: absolute;
    right: -10px;
    top: 0;
    opacity: 0;
    height: 30px;
    width: 62px;
    border: none;
    cursor: pointer;
}
#selection_langue { 
	display: none;
}

#logo_vpn_header {
    display: block;
    padding: 15px 0;
    text-align: center;
}
#logo_vpn_header h3 {
	margin: 0;
	/* font-size: 7vw; */
	font-size: 28px;
    position: relative;
    padding: 0 0 0 30px;
}
#picto_menu_mobile {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 5px;
	cursor: pointer;
	width: 24px;
	height: 18px;
	background-image: url('../images/pictos/picto_menu.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#menu_principal {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	padding: 16px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    background-color: #f78e77;
    border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#menu_principal ul {
	list-style: none;
    margin: 0;
    padding: 0;
}
#menu_principal ul ul {
    background-color: #fba693;
}
#menu_principal a {
	display: block;
    padding: 4px 20px;
}
#menu_principal ul ul a {
    padding-left: 40px;
}
#menu_principal span.active {
    border-bottom: 2px solid #fff;
}
#menu_principal .first_letter {
    display: inline-block;
}
#menu_principal .first_letter::first-letter {
    font-size: 120%;
}
#menu_principal li.index {
	display: none;
}

#titre_page_header {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
	background-color: rgba(247, 142, 120, .8);
}
#titre_page_header h2 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    white-space: pre-wrap;
     -webkit-box-pack: center;
        -ms-flex-pack: center;
      justify-content: center;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    height: 65px;
}

#page_index #header {
	height: 500px;
	background-image: url('../images/bandeaux/accueil_responsive.jpg');
	background-position: center;
}
#page_index header {
    background-color: transparent;
}
#page_index #logo_vpn_header h3 { 
	text-shadow: 2px 2px 2px rgba(100, 107, 113, 0.8);
}
#texte_best_price {
	margin-top: 5px;
	padding: 0 0 0 30px;
}
#page_index #menu_principal {
	color: #fff;
}

/* OFFRE SPECIALE */
#offre_speciale {
    background-color: rgba(103, 124, 145, .8);
	padding: 10px;
	text-align: center;
	width: 50%;
}
#offre_speciale h2 {
	font-size: 2.6vw;
	line-height: 28px;
	margin: 0;
}
#offre_speciale h2 span {
    display: inline-block;
}
#offre_speciale a {
    display: block;
}
#offre_speciale a:last-child {
    margin-top: 8px;
}
#offre_speciale h3 {
	font-size: 16px;
	font-family: 'Cormorant', serif;
	margin: 0;
}
#offre_speciale h3 span {
	font-size: 26px;
    line-height: 0;
}
#offre_speciale h4 {
	font-size: 12px;
	margin: 0;
}
#offre_speciale h4 span {
	font-size: 16px;
}
#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: 8px auto;
}
#offre_speciale .separateur hr {
    margin: 4px 9px;
    display: inline-block;
    vertical-align: top;
    border: none;
    border-top: 1px solid #fff;
    width: 38%;
}
#offre_speciale .separateur hr.gauche { float: left; }
#offre_speciale .separateur hr.droite { float: right; }

/* 
#offre_speciale img, #promo_fdm img{
display:none;
} */

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

/* RESERVATION RAPIDE */
#texte_promo_web, 
#libelle_reservation_rapide { 
	display: none; 
}

#slide_resa_rapide { 
	color: #f78e77; 
	margin: 0;
	line-height: 25px;
	font-size: 17px;
	background-image: url(../images/fleche_haut_orange.png);
	font-weight: bold;
}
#slide_resa_rapide.slide_hidden { 
	background-image: url(../images/fleche_bas_orange.png);
}
#bloc_reservation_rapide {
	background-color: #283c51;
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#reservation_rapide { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
	margin-top: 20px;
	height: 640px;
}
#reservation_rapide .bloc_resa {
	background-color: #fff;
	border: 2px solid #293c51;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-ms-flex-preferred-size: 25%;
				 flex-basis: 25%;
}
#reservation_rapide .choix_resa {
	padding: 15px 5px 15px 40px;
	position: relative;
	cursor: pointer;
}
#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: 8px;
    line-height: 15px;
}
#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 {
	-ms-flex-preferred-size: 50%;
				 flex-basis: 50%;
	border: 0;
    background-color: transparent;
	margin: 0 -10px;
}
#reservation_rapide #bloc_express iframe {
    border: 0;
    width: 100%;
    height: 100%;
	display: block;
}

/* BLOC CROISIERE PROMENADE */
#bloc_cro_promenade {
	border-top: 2px solid #fff;
}
#bloc_cro_promenade .produit_court {
	background-color: #283c51;
	color: #fff;
	padding: 20px;
}
#bloc_cro_promenade .produit_court,
#bloc_cro_promenade h2 {
    margin-top: 0;
}
#bloc_cro_promenade .bloc_info_court {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px;
	  -ms-flex-pack: distribute;
	justify-content: space-around;
}
#bloc_cro_promenade .picto_info {
	-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	max-width: 25%;
	text-align: center;
}
#bloc_cro_promenade .picto_info img {
	width: 100%;
	max-width: 60px;
}
#bloc_cro_promenade .picto_info a {
	display: block;
	padding: 0 5px;
}
#bloc_cro_promenade .picto_info p {
	margin: 5px 0 0 0;
}

/* PRODUITS COURTS */
.img_produit_court {
    display: block;
    margin: 0 -20px;
}
.img_produit_court img {
    display: block;
}
.produit_court  {
	margin-top: 20px;
}
.produit_court.align_right {
    text-align: right;
}
.texte_prod_court h2 {
    font-size: 18px;
    margin: 10px 0 15px 0;
}
.texte_prod_court > h4 {
	font-size: 14px;
	margin: 15px 0;
}
.texte_prod_court > p {
	margin-bottom: 0;
}
.texte_prod_court .orange { 
	color: inherit;
}
.texte_prod_court .bouton {
	margin-top: 15px;
}

/* PAGE CROISIERE PROMENADE */
#contenu_croisiere_promenade > .align_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	   -ms-flex-direction: column-reverse;
	       flex-direction: column-reverse;
}
#contenu_croisiere_promenade .sidebar {
    margin: 0 -20px;
    padding: 0 20px;
    background-color: #959ea5;
	color: #fff;
}
#contenu_croisiere_promenade .sidebar > hr,
.sidebar #e_billet, .sidebar #reservation_scolaire, .sidebar #privatisation_croisiere {
    display: none;
}
.sidebar #reservation_groupe {
	padding: 20px 0;
	overflow: hidden;
}
.sidebar .bloc_express_sidebar {
	margin: 0 -10px;
}
.sidebar #reservation_groupe iframe {
	border: none;
    width: 100%;
    height: 300px;
}
.sidebar #reservation_groupe h4 {
    margin: 0;
    line-height: 25px;
	text-transform: uppercase;
	font-size: 14px;
}
.sidebar #reservation_groupe h4 br {
	display: none;
}

#calendrier_horaires {
	width: 100%;
	height: 700px;
	border: none;
}
.ss_titre_horaires { 
	margin: 0 0 5px 0;
	font-size: 18px;
}
.ss_titre_departs { 
	display: none; 
}

#img_plan_produit {
	margin-top: 10px;
}

/* PAGE PRODUIT */
#contenu_produit.contenu_full {
	margin-top: 0;
}

#bloc_accroche_produit .bloc_flotant_droite,
#fil_ariane,
#lien_diapo_produit {
	display: none;
}
.bloc_flotant_droite.mobile,
.produit_court_tarif {
	margin: 0 -20px;
	margin-top: 20px;
    padding: 10px 20px;
    background-color: #959ea5;
    color: #fff;
	text-align: center;
}
.bloc_flotant_droite.mobile {
	margin-top: 0;
	position: relative;
}
.bloc_flotant_droite.mobile .vignette_offre_spe {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 65px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.bloc_flotant_droite.mobile h4,
.txt_tarif_court h4 {
	font-size: 18px;
	margin-right: 5px;
	margin: 0;
}
.bloc_flotant_droite.mobile h4 .a_partir_de,
.txt_tarif_court p .a_partir_de {
	font-size: 14px;
}
.bloc_flotant_droite.mobile span,
.txt_tarif_court p {
	font-size: 22px;
}
.bloc_flotant_droite.mobile .bouton_resa,
.bouton_tarif_court {
	margin-top: 8px;
}
.bloc_flotant_droite.mobile .bouton_resa .bouton,
.bouton_tarif_court .bouton {
	min-width: 50%;
	font-weight: bold;
}

.descriptif hr { 
	margin-top: 35px;
	border: 0;
	border-top: 1px solid #f78e78;
}
.descriptif ul {
	line-height: 20px;
	font-size: 14px;
	list-style: initial;
    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: 25px;
    background-position: 0 1px;
}
#descr_produit ul.no_style li {
    background: none;
    padding-left: 0;
}
#descr_produit ul.no_style li::before { content: '- '; }
.descriptif li a {
    color: #f78e78;
}
.descriptif b {
	color: #f78e78;
	font-size: 14px;
}
.descr_court_produit {
	color: #f78e78;
}

#image_produit img,
#plan_circuit_produit {
	display: block;
}

.leaflet-container {
	height: 220px;
	margin-top: 10px;
}
#bloc_plan_point_depart_produit .leaflet-container {
	margin-left: -20px;
	margin-right: -20px;
}

/* PAGE CATEGORIE */
#contenu_categorie.contenu_full {
	margin: 20px 0 0 0;
}
#contenu_categorie .img_produit_court {
    margin: 0;
}
.txt_tarif_court > * {
	display: inline-block;
	margin: 0;
}

/* PAGE PRIVATISATION BATEAUX */
#page_location_bateaux #titre_page_header h2 {
	font-size: 18px;
}
#contenu_privatisation .contenu_gauche > .descr_court_produit {
	color: inherit;
}
#contenu_privatisation .sidebar {
	display: none;
}
.bloc_infos_bateau {
	border: 1px solid #959ea5;
    padding: 10px 5px;
    text-align: right;
}
.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;
}
.bloc_privat_bateau > h3,
.ss_titre_priv_bateaux {
	padding-left: 0;
}
.titre_priv_bateaux { 
	font-size: 25px;
	margin: 30px 0 20px 0;
}
.titre_priv_bateaux.first { 
	margin-top: 20px;
}

.nav_diapo {
    padding: 10px 0;
    margin: 0 0 10px 0;
}
.nav_diapo li.actif {
	color: #f78e78;
}
.nav_diapo li a {
	display: block;
    text-decoration: underline;
	padding: 5px 0;
}

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

/* PAGE HISTORIQUE */
#contenu_historique .contenaire_moitie > div > img {
	display: block;
	margin: 10px 0;
}
#contenu_historique .contenaire_moitie > div > br {
	display: none;
}

/* PAGE LIENS */
ul.navLiens {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
ul.navLiens a, ul.navLiens a:visited {
	text-decoration: underline;
	padding: 5px 0;
	display: block;
}
ul.navLiens a:hover, ul.navLiens a:active, ul.navLiens a:focus,
ul.navLiens a.lien_clic.actif { color: #f78e78; }

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

/* PAGE CONTACT */
.form_utilisateur label.rouge { color: #dc0000; }
.form_utilisateur input.rouge { border: 2px solid #dc0000; }
.form_utilisateur input.rouge::-webkit-input-placeholder { color: #dc0000; }
.form_utilisateur input.rouge:-ms-input-placeholder { color: #dc0000; }
.form_utilisateur input.rouge::-ms-input-placeholder { color: #dc0000; }
.form_utilisateur input.rouge::placeholder { color: #dc0000; } /* Chrome, Firefox, Opera, Safari 10.1+ */
.form_utilisateur input.rouge:-ms-input-placeholder { color: #dc0000; } /* Internet Explorer 10-11 */
.form_utilisateur input.rouge::-ms-input-placeholder { color: #dc0000; } /* Microsoft Edge */

.infos_acces li {
    padding: 3px 0;
}
.infos_acces li.logo_vpn {
    padding: 0;
}

.infos_vpn img {
    height: 18px;
    vertical-align: middle;
	display: initial;
}

/* FORMULAIRE */
.form_utilisateur > div,
.form_utilisateur > div.bloc_input > div  {
    margin: 10px 0;
}
.form_utilisateur label {
	margin: 10px 5px;
    margin-left: 0;
    display: inline-block;
	vertical-align: middle;
}
.form_utilisateur label.input_text {
	display: none;
}
.form_utilisateur input, 
.form_utilisateur textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 2px;
}
.form_utilisateur textarea {
    display: block;
    width: 100%;
    height: 60px;
}
.form_utilisateur a {
	text-decoration: underline;
}
.form_utilisateur .bloc_envoi {
	margin-top: 20px;
}
.form_utilisateur .lien_popup {
	display: none;
}

/* PAGE RECRUTEMENT */
.offre_emploi {
	margin: 20px 0 30px 0;
}
.offre_emploi p {
	text-align: initial;
}
#bloc_offre_emploi_defaut * {
    text-align: center;
}

.bloc_mailto_recrutement {
    background-color: #959ea5;
    color: #fff;
    padding: 10px 20px;
    margin: 0 -20px;
    text-align: center;
}
.bloc_mailto_recrutement p {
	margin-top: 0;
	text-align: center;
}

/* PAGE ACTUALITES */
#contenu_actualites {
	margin-bottom: 0;
}
.actualite {
	margin: 20px 0 30px 0;
}
.actualite:last-child {
	margin-bottom: 0;
}
.actualite .bloc_flotant_droite {
    background-color: #959ea5;
    color: #fff;
    padding: 10px 20px;
    margin: 0 -20px;
    text-align: center;
}

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

/* BLOC SUGGESTIONS */
#bloc_suggestions {
	background-color: #e6e7eb;
	padding: 20px 0;
}
#bloc_suggestions .align_center {
	padding: 0 15%;
}
#bloc_suggestions .align_center > h3 {
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
}
.suggestion {
    margin: 20px 0;
}
.suggestion h2 {
    font-size: 18px;
	margin: 10px 0 15px 0;
}
.suggestion img {
    display: block;
}
.suggestion:last-child,
.suggestion:last-child p {
    margin-bottom: 0;
}
.separateur_sugg {
	background-image: url(../images/titre_bleu_gauche.png), url(../images/titre_bleu_droite.png);
    background-position: right center, left center;
    background-repeat: no-repeat;
    padding: 5px 0;
    width: 75%;
    margin: 0 auto;
}

/* BLOC PRIVATISATION */
#bloc_priv_bateaux {
	background: url(../images/bandeaux/fond_privatisation_bateaux.jpg) no-repeat;
	text-align: center;
	color: #fff;
	padding: 20px;
}

#titre_priv_bateaux {
	margin-top: 0;
}
#bloc_priv_bateaux .bloc_lightSlider.diapo {
	margin: 25px 0 10px 0;
}

#bloc_priv_bateaux.sans_diapo {
    padding: 60px 0;
    background-position: -100px top;
    background-size: auto 100%;
}
#titre_priv_bateaux {
	font-family: "Cormorant", serif;
	font-size: 26px;
}
#accroche_priv_bateaux {
	font-size: 25px;
}

#bloc_priv_bateaux .image_priv { 
	margin: 20px auto; 
	position: relative;
}
#bloc_priv_bateaux .image_priv img { display: block; }
#bloc_priv_bateaux .texte_diapo {
	position: absolute;
	top: 55%;
	width: 100%;
}
#bloc_priv_bateaux .texte_diapo h2 {
	font-size: 15px;
	margin: 0 10px;
}
#bloc_priv_bateaux .texte_diapo p { 
	font-size: 12px;
	margin: 8px 0;
	line-height: normal;
}

/* BLOC PARTENAIRES */
#bloc_partenaires {
	margin: 20px 0;
}
#bloc_partenaires h4 {
	margin: 0;
}

#titre_nos_partenaires {
	padding: 0 20px;
	margin-bottom: 20px;
}

.liste_partenaires {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -5px;
}
.liste_partenaires .align_center {
	overflow: hidden;
}

.img_partenaire {
	-ms-flex-preferred-size: 50%;
				 flex-basis: 50%;
}
.img_partenaire img {
    display: block;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* FOOTER */
footer {
	font-size: 12px;
}

#footer_top {
    background-color: #283c51;
    color: #fff;
    padding: 40px 0;
	text-align: center;
}
#footer_top ul {
    list-style: none;
	padding: 0;
	margin: 30px 0;
}
#footer_top ul > span {
	text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
	cursor: pointer;
}
#footer_top li a {
    display: block;
}
#footer_top .logo_vpn h3 {
    margin-top: 0;
}

#infos_vpn_footer {
	margin-top: 50px;
}
#infos_vpn_footer li,
.menu_footer li a {
	padding: 3px 0;
}
#infos_vpn_footer p img {
	margin: 0 6px;
}
#bloc_footer_3 br {
	display: none;
}

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

/* BOUTON FIXE RESA RAPIDE */
#bouton_resa_fixe {
    background-color: #f75331;
    font-size: 28px;
}
#bouton_resa_fixe:hover {
	background-color: #fff;
    color: #f75331;
	border-color: #f75331;
}


/* CSS RESPONSIVE */
@media only screen and (max-width: 480px) {
	
	/* HEADER */
	#header {
		height: 300px;
	}
	#header_top .align_center > h1 {
		font-size: 4.2vw;
	}
	#header_top .align_center > .right {
		-ms-flex-preferred-size: 45px;
					 flex-basis: 45px;
	}
	#logo_vpn_header h3 {
		font-size: 6.8vw;
	}
	#logo_vpn_header h3 sup {
		font-size: 4vw;
	}
	
	/* OFFRE SPECIALE */
	#offre_speciale {
		width: auto;
	}
	#offre_speciale h2 {
		font-size: 4.4vw;
	}
	
	/* PAGE PRIVATISATION */
	.bloc_privat_bateau > h2 {
		font-size: 20px;
	}
	
	/* PAGE CONTACT */
	.g-recaptcha {
			-ms-transform: scale(0.77);
				transform: scale(0.77);
		-webkit-transform: scale(0.77);
			-ms-transform-origin: 0 0;
				transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	
	/* BLOC HORAIRES */
	#calendrier_horaires {
		height: 560px;
	}
	
	/* BLOC PRIVATISATION */
	#bloc_priv_bateaux > h2 {
		font-size: 4.7vw;
	}
	#bloc_priv_bateaux .texte_diapo h2 {
		font-size: 3.8vw;
	}
	#bloc_priv_bateaux .bouton {
		font-size: 4.2vw;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	/* BLOC SUGGESTIONS */
	#bloc_suggestions .align_center {
		padding: 0 20px;
	}
	
	/* FOOTER */
	#footer_bottom > .lien_footer_pdc {
		display: none;
	}
}