@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700|Spinnaker);

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */
body {
    font-family: 'Raleway', sans-serif;
	background-color:#f1e8e3;
	line-height:1.5em;
	font-size:13px;
}

#page_mentions {
	background-color: #f1e8e3;
}

h1 {
	line-height:1.2em;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:36px;
}
h2 {
	line-height:1.4em;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:24px;
	margin:0 0 20px 0;
}
h2.title-decoration {
	text-align:center; padding-bottom:35px;
	background:url(../images/decoration/title_decoration_1.png) center bottom no-repeat;
}

h3 {
	line-height:1.2em;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:18px; font-weight:400;
	margin:0 0 15px 0;
}

h4 { 
	line-height:1.2em;
	font-size:14px; font-weight:700;
	margin:0 0 10px 0;
}

p { margin:0 0 10px 0; }
p.intro {
	font-weight:700;
	line-height:1.4em;
	font-size:16px;
	margin:0 0 20px;
}


/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
/* header */
#header {
	color:#fff;
	position:fixed;
	top:0; left:0; z-index:10;
	height:50px; width:100%;
	background-color:#19203f;
	-webkit-transition:background-color .4s, top .4s;
	-o-transition:background-color .4s, top .4s;
	transition:background-color .4s, top .4s;
}
#logo-header {
	padding:10px;
	background-color:#19203f;
	text-align:center;
	position:absolute;
	top:0; left:50%;
	margin-left:-100px;
	z-index:1; width:200px;
	 -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}
#logo-header > span { display:block; padding:20px 0; }
a#logo-header {
	min-height:50px;
	-webkit-transition:background .2s;
	-o-transition:background .2s;
	transition:background .2s;
}
/*a#logo-header:hover { background-color:#4e5883 }*/
a#logo-header:after {
	content: "";
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25,32,63,.8);
    /*background-image: url(../images/icones/ico_hp.svg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
a#logo-header:hover:after { opacity:1 }
#logo-header img {
	display:block;
	max-width:90%;
	margin:0 auto;
}
/* >>> langues */
.heading-lang {
	line-height:1.1em;
	position:absolute;
	right:0; top:0;
	font-size:13px;
	padding:8px;
	text-align:center;
	width:170px; height:50px;
	background-color:#ccad75;
}
.heading-lang strong { font-family: 'Spinnaker', sans-serif; font-weight:400; }
.heading-lang ul { margin-top:5px; }
.heading-lang ul li { display:inline; }
.heading-lang ul li:first-child:after { content:"|"; }
.heading-lang ul li a {
	display:inline-block;
	padding:0 5px;
	color:#19203f;
}
.heading-lang ul li a:hover { text-decoration:underline }
.heading-lang ul li.active a { color:#fff; font-weight:700; }

/* > menu principal */
#menu .menu-content {
	position:relative;
	max-width:1780px;
	margin:0 auto;
	padding:0 170px;
}
.menu-content > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	width:50%;
}
.menu-content > ul.left { padding-right:100px; }
.menu-content > ul.right { padding-left:100px; }
.menu-content > ul > li { 
	position:relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	text-align:center;
	vertical-align:middle;
	-webkit-transition:background .2s, color .2s;
	-o-transition:background .2s, color .2s;
	transition:background .2s, color .2s;
}
.menu-content > ul > li:hover { background-color:#4e5883; color:#fff; }
.menu-content > ul > li > a { 
	display:block; line-height:50px;
	text-transform:uppercase;
	padding:0 2%;
	font-size:12px;
}
.menu-content > ul > li.active > a { line-height:50px; color:#b7bede }
.menu-content > ul > li.active:hover { border-color:#19203f }

/* >>> fixed header & hompage */
.viewport-accueil #header { background-color:transparent; border-bottom:rgba(255,255,255,.14) 1px solid  }
.viewport-accueil #header:hover { background-color:rgba(0,0,0,.3); }
.viewport-accueil #logo-header { margin-left:-120px; width:240px; }
.viewport-accueil #logo-header > img { display:none; }
.viewport-accueil .menu-content > ul.left  { padding-right:120px; }
.viewport-accueil .menu-content > ul.right  { padding-left:120px; }
.viewport-accueil .menu-content > ul > li:hover { background-color:rgba(255,255,255,.14); }

.fixed_head.viewport-accueil #header { background-color:#19203f; border:none }
.fixed_head.viewport-accueil #logo-header { margin-left:-100px; width:200px; }
.fixed_head.viewport-accueil #logo-header > img { display:block; }
.fixed_head.viewport-accueil #logo-header > span { display:none; }
.fixed_head.viewport-accueil .menu-content > ul.left  { padding-right:100px; }
.fixed_head.viewport-accueil .menu-content > ul.right  { padding-left:100px; }
.fixed_head.viewport-accueil .menu-content > ul > li:hover { background-color:#4e5883; color:#fff; }

.fixed_head.hidden_head #header { top:-50px; }

/* > menu hamburger */
#menu-alt { z-index:12; }
#menu-alt .menu-icon-bar {
	background-color:#fff;
	margin:7px auto;
    height:1px;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-top { 
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:#d2d2d2;
	margin:15px auto;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-bottom {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color:#d2d2d2;
	margin:-24px auto;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-middle { opacity:0; background-color:#fff; }
#menu-overlay {
	display:none;
	position:fixed; z-index:11;
	top:0; left:0; right:0; bottom:0;
	background-color:rgba(44, 53, 61, .7); opacity:0;
	-webkit-transition:opacity .3s ease-out, background-color .3s ease-out;
	-o-transition:opacity .3s ease-out, background-color .3s ease-out;
	transition:opacity .3s ease-out, background-color .3s ease-out;
}

/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */
#breadcrumb { 
	padding:20px 0; margin:0 auto; 
	font-size:11px; text-align:center;
}
#breadcrumb li { 
	color:#767c96;
	display:inline;
	list-style:none;
	font-size:9px;
}
#breadcrumb li:before {
	vertical-align:middle;
	display:inline-block;
	margin:-2px 5px;
	content:"> ";
}
#breadcrumb li:first-child:before { display:none }
#breadcrumb li a { text-decoration:underline; }
#breadcrumb li a:hover { color:#19203f; }

/* > BOUTONS
-------------------------------------------------------------------------------------------------------------------------------- */
.bouton_1,
.bouton_2 {	
	display:inline-block;
	border-style:solid;
	border-width:1px;
    min-width: 100px;
	line-height:16px;
	padding:7px 15px;
    text-transform: uppercase;
    font-family: 'Spinnaker', sans-serif;
    font-size:14px;
    -webkit-transition: color .3s, background-color .3s, border-color .3s;
    -o-transition: color .3s, background-color .3s, border-color .3s;
    transition: color .3s, background-color .3s, border-color .3s;
}
.bouton_1.bt_arrow:after,
.bouton_1.bt_back:before,
.bouton_2.bt_arrow:after,
.bouton_2.bt_back:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:8px; height:20px;
	background-size:14px auto;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:-2px;
}
.bouton_1.bt_arrow:after,
.bouton_2.bt_arrow:after { margin-left:10px; }
.bouton_1.bt_back:before,
.bouton_2.bt_back:before { margin-right:10px; }
.bouton_1.bt_arrow:after { background-image:url(../images/icones/arrow_right_white.svg); }
.bouton_1.bt_back:before { background-image:url(../images/icones/arrow_left_white.svg); }
.bouton_2.bt_arrow:after { }
.bouton_2.bt_back:before { }

.bouton_1 {
	background-color: #ccad75;
	border-color:#ccad75;
	color:#fff;
}
.bouton_2 {
	background-color:transparent;
	border-color:#ccad75;
	color:#ccad75;
}
.bouton_1:hover,
.bouton_2:hover {
	background-color:#19203f;
	border-color:#19203f;
	color:#fff;
}

.bouton_3,
.bouton_4 {
	display:inline-block;
	border-style:solid;
	border-width:1px;
    min-width: 100px;
	line-height: 16px;
	padding: 7px 15px;
    text-transform: uppercase;
    font-family: 'Spinnaker', sans-serif;
    font-size:14px;
    -webkit-transition: color .3s, background-color .3s, border-color .3s;
    -o-transition: color .3s, background-color .3s, border-color .3s;
    transition: color .3s, background-color .3s, border-color .3s;
}
.bouton_1.bigger,
.bouton_2.bigger,
.bouton_3.bigger,
.bouton_4.bigger { padding: 10px 20px;}
.bouton_3 {
	background-color: transparent;
	border-color:#0d1c33;
	color:#0d1c33;
}
.bouton_4 {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.bouton_3:hover {
	background-color: #0d1c33;
	border-color: #0d1c33;
	color: #fff;
}
.bouton_4:hover {
	background-color: #ccad75;
	border-color: #ccad75;
	color: #fff;
}

/* --- */
.link_1,
.link_2 {
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:16px; padding:0 10px;
	min-width:160px;
	-webkit-transition:background .6s, color .4s;
    -o-transition:background .6s, color .4s;
    transition:background .6s, color .4s;
}
.link_1:after,
.link_2:after {
    content:"";
	width:90px;
	height:20px;
	display:block;
	margin:0 auto;
	background:url(../images/decoration/link_decoration_1.png) center no-repeat;
	background-size:90px 20px;
	/*-webkit-transition:opacity .6s, -webkit-transform .6s;
	transition:opacity .6s, -webkit-transform .6s;
	-o-transition:transform .6s, opacity .6s;
	transition:transform .6s, opacity .6s;
	transition:transform .6s, opacity .6s, -webkit-transform .6s;*/
}
.link_2:after { background-image:url(../images/decoration/link_decoration_2.png); }
.link_1:hover { color:#ccad75 }
.link_2:hover { color:#fff }
/*.link_1:hover:after,
.link_2:hover:after {
	-webkit-transform:scale(1.8, 0.4);
       -ms-transform:scale(1.8, 0.4);
           transform:scale(1.8, 0.4);
}*/

/* > IMAGES
-------------------------------------------------------------------------------------------------------------------------------- */
.thumbnails { overflow:hidden; background:#0d1c33; }
.thumbnails > img {
	display:block; width:100%;
	-webkit-transition:opacity .3s linear, -webkit-transform .6s;
	transition:opacity .3s linear, -webkit-transform .6s;
	-o-transition:transform .6s, opacity .3s linear;
	-o-transition:opacity .3s linear, -o-transform .6s;
	transition:transform .6s, opacity .3s linear;
	transition:transform .6s, opacity .3s linear, -webkit-transform .6s;
}
a:hover .thumbnails > img,
a.thumbnails:hover > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4;
}
.th_loading img { visibility:hidden }
.th_loading { background:#0d1c33 url(../images/common/th_preloader.gif) center no-repeat; }
.fig-border { position:relative; }
.fig-border img {
	display:block;
	position:relative;
	width:100%; z-index:0;
}
.fig-border:after {
	content:"";
	position:absolute;
	top:10px; left:10px;
	right:10px; bottom:10px;
	border:#fff 1px solid;
	pointer-events: none;
}

/* > MODULES
-------------------------------------------------------------------------------------------------------------------------------- */
/* >	actualites liste */
.news-date {
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif; 
	color:#19203f; 
}
.actualites-plus { font-size:13px; color:#19203f }
.actualites-plus:hover { color:#969696 }
#listing-actualites .actualite_els { border-color:#d2d2d2 }
#listing-actualites .actualite_els h2:after { display:none }
/* >	actualites fiche */
#news-details h1:after  { display:none }
#news-bread li { border-color:#e2e2e2; }
#news-bread .news-date { display:block; margin-bottom:10px; }
.rs-sharing li.rs-sharing-title {
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:14px;
	color:#b0b0b0; 
}
.rs-sharing li a:hover { background-color:#e2e2e2 }
/* >	realisations */
#gallery-list-content li .gallery-title-album { 
	background-color:rgba(44, 53, 61, 0.7);
	font-family: 'Spinnaker', sans-serif;
	color:#fff;
}
/* >	widget Gallery page */
.gallery-page { overflow:hidden }
.gallery-page-content, .partenaire-page-content { background-color: #eeeded; }
.gallery-page-content .gallery-page-list a { background-color:#19203f }
.gallery-page-nav-content {
	background-color: #eeeded;
	top:0; height:100%;
}
.gallery-page-prev { background:url(../images/icones/sprite_navigation_prev.png) 0 0 no-repeat; }
.gallery-page-next { background:url(../images/icones/sprite_navigation_next.png) 0 0 no-repeat; }
#gallery-fiche .content_row > p { margin:30px 15px 15px; }

/* >>> FORMULAIRES > panel contact ---------------- */
#asd-panel-contact {
	position:fixed;
	width:340px;
	background-color:#fff;
	right:-340px; top:120px;
	z-index:100;
	-webkit-transition:right .4s;
	-o-transition:right .4s;
	transition:right .4s;
}
#asd-panel-contact:hover { right:-330px; }
#asd-panel-contact.panel-open { right:0; }
#asd-panel-contact.panel-open:hover { right:0; }
#asd-panel-contact form { padding:30px 20px 20px; }
#asd-panel-contact form label { clear:left; }
#asd-panel-contact form label.wp50 { float:left; clear:none }
#asd-panel-contact form .text-center { padding-top:15px; }
#asd-panel-contact .bg-color1 { 
	text-align:center; 
	padding:20px 10px;
	font-size:12px;
}
#asd-panel-contact .bg-color1 h3 { font-size:16px; margin:0 0 10px; }
#panel-contact-infos a { 
	display:inline-block;
	padding-left:25px;
	margin:0 5px;
}
#panel-contact-infos a:hover { color:#ccad75 }
#panel-contact-infos .link-tel { background:url(../images/icones/ico_tel.svg) 0 center no-repeat; }
#panel-contact-infos .link-mail { background:url(../images/icones/ico_mail.svg) 0 center no-repeat; }
#asd-panel-contact .panel-action {
	position:absolute;
	left:-30px; padding:0;
	width:30px; height:160px;
	border-right:#e3dbd6 1px solid;
	background-color:#fff;
	text-transform:uppercase;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
}
#asd-panel-contact .panel-close {
	display:none;
	width:30px; height:30px;
	text-align:center;
	line-height:30px;
	font-size:11px;
	color:#ccad75;
	-webkit-transition:background-color .2s, color .2s;
	-o-transition:background-color .2s, color .2s;
	transition:background-color .2s, color .2s;
}
#asd-panel-contact.panel-open .panel-action:hover .panel-close { background-color:#ccad75; color:#fff; }
#asd-panel-contact.panel-open .panel-close { display:block }
#asd-panel-contact .panel-label {
	position:absolute;
	font-family: 'Spinnaker', sans-serif;
	bottom:-10px; left:0;
	display:block;
	width:120px;
	text-align:center;
	line-height:30px;
	font-size:11px;
    -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
         transform:rotate(-90deg);
	-webkit-transform-origin:left top;
        -ms-transform-origin:left top;
	     transform-origin:left top;
}
#asd-panel-contact.panel-open .panel-label { bottom:-20px; }

/*		>>> form fixes pages */
#aside-contact-form {
	position:absolute;
	right:50%; z-index:5;
	margin-right:-495px;
	max-width:330px;
	max-height:600px;
	width:33.33%;
	margin-top:-1px;
	top:0;
	-webkit-transition:top .4s;
	-o-transition:top .4s;
	transition:top .4s;
}
#aside-contact-form > h2 {
	padding:20px 0;
	margin:50px 0 0;
	background:#ccad75;
	text-align:center;
	font-size:16px;
	color:#fff;
}
#aside-contact-form.fixed > h2 { margin-top:0 }
#aside-contact-form form {
    border-left:#e1d4cd 1px solid;
	border-right:#e1d4cd 1px solid;
}
#aside-contact-form.fixed { 
	position:fixed; top:50px;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}
body.hidden_head #aside-contact-form.fixed { 
	top:0;
	-webkit-transition:top .4s;
	-o-transition:top .4s;
	transition:top .4s;	
}
#aside-contact-form.fixed.fixed-bottom,
#aside-contact-form.fixed-bottom { position:absolute; bottom:0; top:auto; }
#aside-contact-form form { padding:30px 20px 20px; background:#fff }
#aside-contact-form form h3 {
	margin:0 0 20px;
	text-transform:none;
	text-align:center;
	font-size:11px; 
}
#aside-contact-form form label { clear:left; }
#aside-contact-form form label.wp50 { float:left; clear:none }
#aside-contact-form form label input,
#aside-contact-form form label select,
#aside-contact-form form .button,
#aside-contact-form form .submit { height:34px }
#aside-contact-form form .text-center { padding-top:15px; }
#aside-contact-form .bg-color1 { 
	text-align:center; 
	padding:20px 10px;
	font-size:12px;
}
#aside-contact-form .bg-color1 h3 { font-size:16px; margin:0 0 10px; }
#aside-contact-form .price-infos { line-height:30px; }
#aside-contact-form .price-infos .wp50 {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2em;
	margin:0 -0.2em;
	padding:0 5px;
}
#aside-contact-form .price-infos strong { 
	font-size:13px; font-weight:300;
	font-family: 'Spinnaker', sans-serif;
	text-transform:uppercase;
}
#aside-contact-form .price-infos span { font-size:10px; color:#8b90a8; }
.tooltip-helper {
	border-radius:50%;
	background-color:#ccad75;
	display:inline-block;
	vertical-align:middle;
	width:14px; height:14px;
	line-height:15px; color:#fff;
	text-align:center;
	font-size:11px;
	margin-left:3px;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
}
.tooltip-helper:hover { background-color:#19203f }

#form-contact-infos a { 
	display:inline-block;
	padding-left:25px;
	margin:0 5px;
}
#form-contact-infos a:hover { color:#ccad75 }
#form-contact-infos .link-tel { background:url(../images/icones/ico_tel.svg) 0 center no-repeat; }
#form-contact-infos .link-mail { background:url(../images/icones/ico_mail.svg) 0 center no-repeat; }

/* POLITIQUE DE CONFIDENTIALITE > contact.php ------------------------------------------------------------------------------------------------ */
#privacy{}
#privacy h2,
#privacy h3,
#privacy h4,
#privacy h5 {
	margin: 1.5em 0 1em 0;
}
#privacy h5 {
	font-weight: bold;
}
#privacy ul li {
	list-style-type: initial;
    list-style: inside;
}
#privacy a {
	text-decoration: underline;
}
#privacy a:hover {
}
#privacy td {
	
}
#privacy th {
	
}
#privacy_checkbox a { text-decoration: underline; }
#privacy_checkbox,
#privacy_disclaimer {
	text-align: justify;
}
#privacy_checkbox label {
	display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
}
#privacy_disclaimer {
	font-size: 10px;
    line-height: 14px;
    font-style: italic;
    margin: 10px 0 0 0;
	text-align: center;
}
#privacy_checkbox {
	margin-bottom: 10px !important;
}
#content-fiche-yacht #privacy_checkbox input,
#content-fiche-tour #privacy_checkbox input,
#page_yachtowner #privacy_checkbox input {
	height: auto;
}
#content-fiche-yacht #privacy_disclaimer,
#content-fiche-tour #privacy_disclaimer, 
#page_yachtowner #privacy_disclaimer {
	margin-top: 20px;
	text-align: justify;
}
#privacy_checkbox_news label {
	width: 100% !important;
	margin-top: 20px;
}
#content-fiche-yacht .content_row p a {
	text-decoration: underline;
	color: #bd954c;
}
#content-fiche-yacht .content_row p a:hover { color: #767c96 }
#content-fiche-yacht .content_row p em,
#content-fiche-yacht .content_row p i { color: #767c96 }

/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
.bg-noir   { background-color:#19203f; }
.bg-gris   { background-color:#f1e8e2; }
.bg-color1 { background-color:#19203f; }
.bg-color2 { background-color:#ccad75; }
.bg-color3 { background-color:#f1e8e2; }



/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */

/* >>> CONTENT RULES ----------------------- */
._page {
	padding-top:50px;
	position:relative;
/*	margin-bottom:300px;*/
	min-height:100vh;
	background-color:#fff;
	color:#19203f;
	z-index:1;
}

._page #content .divide { max-width:930px; margin:0 auto 15px; }
._page #content > h1 { 
	max-width:930px; 
	padding:20px 30px;
	margin:0px auto;
}
._page #content > h1:after { left:30px; }

.content_row { max-width:990px; }

label input, textarea { font-family: 'Raleway', sans-serif; }
.content_block .wp100.padTB0 { padding-top:0; padding-bottom:0; }

.bg-noir,
.bg-color1 { color:#fff; }
 
 /* >	content editables */
.content_block.edit_content ul,
.content_block.edit_content ol { margin:20px 0 10px }
.content_block.edit_content ul li {
	line-height:1.4em;
	background:url(../images/common/list_puce_1.png) 0 5px no-repeat;
	padding-left:15px;
	font-size:13px;
	margin:8px 0;
}
.content_block.edit_content ol li {
	margin:8px 0 8px 15px;
	line-height:1.4em;
	font-size:13px;
}
.content_block.edit_content p strong,
.content_block.edit_content li strong  { color:#19203f; }
.content_block.edit_content p a,
.content_block.edit_content li a { color:#19203f; text-decoration:underline; }
.content_block.edit_content p a:hover, 
.content_block li a:hover { color:#bd954c; }

/* >	tableau --------------------- */
.content_block table tr th { background-color:#19203f; color:#fff; }
.content_block table tr td { color:#969696 }
.content_block table tr:nth-child(2n+0) td { background:#f8f8f8; }
.content_block table th { font-weight:bold; }

/* >	headings --------------------- */
/* >	headings pages */
.heading_page {
	text-align:center;
	position:relative;
	padding:20px;
	overflow:hidden;
	line-height: 50vh;
}
.heading_page .fig_background {
	position:absolute;
	top:0; left:0;
	height:100%;
	width:100%;
}
.heading_page .fig_background.loaded { opacity:1; }
.heading_page h1 {
	display: inline-block;
	max-width:580px;
	position:relative;
	z-index:1;
	vertical-align: middle;
}
.heading_page .heading_content {
	display: inline-block;
	line-height: 1em;
	max-width:580px;
	position:relative;
	z-index:1;
	vertical-align: middle;
}
.heading_page .heading_content h1 { margin-bottom: 30px; }
.heading_page .heading_content p { line-height: 1.4em }
/* >	headings fiches */
.heading-fiche {
	position:relative;
	background-color:#19203f;
	margin-top:-50px;
	width:100%;
	height:100vh;
}
.heading-fiche.no-pic { height:auto; }
.heading-fiche-gallery {
	padding-top:50px;
	width:100%; height:85%;
}
.heading-fiche .gallery-photo-slider { height:100%; width:100% }
.heading-fiche .heading-content {
	padding:0;
	max-width:990px;
	height:15%; 
	color:#fff;
	margin:0 auto;
}
.heading-fiche.no-pic .heading-content { padding-top:50px; height:auto; }
.heading-fiche .heading-content .content_table { padding:0; height:100%;  }
.heading-fiche .heading-content .heading-text,
.heading-fiche .heading-content .heading-infos { vertical-align:middle; padding:20px; }
.heading-fiche .heading-text h1 { font-size:24px; }
.heading-fiche .heading-content .heading-text p { 
	font-size:12px;
	line-height:1.4em;
	margin:10px 0 0 
}
.heading-fiche .heading-text ul { line-height:10px; margin-top:10px; }
.heading-fiche .heading-text li {
	text-transform:uppercase;
	display:inline-block;
	margin:0 10px 0 0;
	font-size:11px;
}
.heading-fiche .heading-text ul li:first-child { margin-left:0 }
.heading-fiche .heading-text li:before { display:inline-block; margin-right:10px }
.heading-fiche .heading-text ul li:first-child:before { display:none }
.heading-fiche .heading-infos { 
	background-color:#ccad75;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:20px;
	text-align:center;
}
/* >>> slider */
.heading-fiche .gallery-photo-slider { position:relative; }
.heading-fiche .gallery_slider_count,
.heading-fiche .gallery_slider_nav {
	width:40px; height:40px;
	line-height:40px;
	position:absolute;
	right:0; z-index:3;
	text-align:center;
	font-size:11px;
}
.heading-fiche .gallery_slider_nav {
	border:#fff 1px solid;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition:background-color .3s, border-color .3s;
	-o-transition:background-color .3s, border-color .3s;
	transition:background-color .3s, border-color .3s;
}
.heading-fiche .gallery_slider_count { background-color:#fff; color:#19203f; }
.heading-fiche .gallery_slider_nav:hover { background-color:#19203f; border-color:#19203f }
.heading-fiche .nav_prev { top:40px; background-image:url(../images/icones/arrow_left_white.svg) }
.heading-fiche .nav_next { top:80px; background-image:url(../images/icones/arrow_right_white.svg) }


/* >>> ACCUEIL ---------------------------- */
#page_accueil { padding-top:0; }
#page_accueil h2.title-decoration { font-size: 30px; }
#heading-home {
	background-color:#19203f;
	position:relative;
	min-height:740px;
	padding:50px 0;
	height:100vh;
}
#heading-home .heading-content {
	position:relative;
	max-width:880px;
	text-align:center;
	margin:0 auto;
	padding:20% 0;
	z-index:3;
}
#heading-home h1 { color:#fff; margin-bottom:20px; }
#heading-home form { position:relative; padding-right:105px; }
#heading-home #search-submit {
	position:absolute;
	top:5px;
	margin-left:5px;
}
#heading-home form label { width:20%; float:left; }
#hp-introduction { 
	padding: 60px 20px; 
	text-align:center; 
}
#hp-introduction .content_row:first-child { max-width:880px; }
#hp-introduction .content_row:first-child p {
	max-width: 740px;
	line-height: 1.6em;
	margin: 0 auto;
}
#hp-introduction .wp20 p { max-width:120px; margin:0 auto }
/* --- */
#hp-testimonials {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#hp-testimonials figure {
	width:16.66%;
	margin:0;
	background-position: center;
	background-size: cover;
}
#hp-testimonials figure img {
	visibility: hidden;
	display: block;
	width: 100%; 
}
#hp-testimonials .slider-testimonials {
	position:relative;
	z-index:1;
	width:33.33%;
	background:#ccad75;
}
/* --- */
#hp-yacht-charter {
	padding: 60px 20px;
	text-align:center;
}
#hp-yacht-charter .content_row  { max-width: inherit; }
#hp-yacht-charter .content_row > p { 
	max-width: 700px;
	margin: 0 auto;
}
#hp-yacht-charter .slider-yacht { 
	 margin: 3% auto 30px;
	 max-width: 1400px;
}
#hp-yacht-charter .yacht-els .thumbnails > img { }
#hp-yacht-charter .yacht-els .yacht-content > h3 { 
	font-size: 16px;
	padding: 10px;
}
#hp-yacht-charter .yacht-els .yacht-content {
	height: 80px;
}
/* --- */
#hp-destination {
	text-align:center;
	overflow:hidden;
	background:url(../images/decoration/bg_decoration_1.gif) center 0 no-repeat;
}
#hp-destination .destinations_inner {
	max-width: 1280px;
	margin: 0 auto;
}
/* --- */
#hp-itineraries {
	position:relative;
	text-align:center;
	background:#0d1c33 url(../images/decoration/bg_stars_1.jpg) center bottom no-repeat fixed;
	background-size:100% auto;
	padding: 60px 0;
	color:#fff;
}
#hp-itineraries .content_row { z-index:1; }
#hp-itineraries .slider-itineraries {
	position:relative;
	margin:5% auto; 
	color:#0d1c33; 
}
#hp-itineraries .content_row > p { 
	max-width:720px; 
	margin:0 auto 4%;
	color: #f0e8e3;
}
#hp-itineraries .link_1 { color:#ccad75 }
#hp-itineraries .link_1:hover { color:#fff }
#hp-itineraries .bouton_4:hover {
	background-color: #fff;
	border-color: #fff;
	color: #0d1c33;
}
/* --- */
#hp-collections {
	position:relative;
	text-align:center;
	background-color:#f1e8e2;
	padding-top: 60px;
}
#hp-collections p { max-width:720px; margin: 0 auto; }
#collections-content { margin-top: 60px; }
/* --- */
#hp-partners { text-align:center; padding:50px 20px; }
#hp-partners h2 { color:#cdc3bd; font-size:18px; }
/* >>> newsletter */
#asd-newsletter {
	padding:50px 20px 20px;
	/*background:#0d1c33 url(../images/decoration/bg_stars_2.jpg) center 0 no-repeat;
	background-size:100% auto;*/
	background-color: #19203f;
	text-align:center;
	color:#fff;
}
#asd-newsletter ul {
	margin-bottom:40px;
	text-align:left;
	display:table;
	width:100%;
}
#asd-newsletter ul li {
	display:table-cell;
	vertical-align:top;
	background:url(../images/decoration/puce_1.png) 0 0 no-repeat;
	line-height:20px; padding-left:30px;
}
#asd-newsletter form {
	position:relative;
	padding-bottom:40px;
}
#asd-newsletter label {
	width:28%; float:left;
	padding:0 5px 0 0;
}
#asd-newsletter-submit:hover { background-color:#ccad75; color:#19203f; }
#asd-newsletter .submit { float:right; width:16%; padding:0; }
#asd-newsletter .newsletter-registered { padding:40px 0 }
#asd-newsletter .newsletter-registered label,
#asd-newsletter .newsletter-registered .submit { display:none }
#asd-newsletter #asd-newsletter-succes,
#asd-newsletter #asd-newsletter-erreur { 
	display:none;
	position:absolute;
	left:0; bottom:0;
	text-align:center;
	line-height:20px;
	width:100%;
}
#asd-newsletter #asd-newsletter-erreur { color:#d10045; }
#asd-newsletter #asd-newsletter-succes { bottom:30px; }
#asd-newsletter #asd-newsletter-succes em,
#asd-newsletter #asd-newsletter-erreur em { display:none; }


/* >>> GALLERIE YACHTS --------------------------------- */
/* > recherche */
#search-yachts { 
	background:#f1e8e3; 
	padding:30px 20px;
	overflow: hidden;
}
#search-yachts .content_row { 
	padding:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}
#search-yachts label { width:20%; }
#search-yachts #search-submit {
	margin: 5px 0 5px 5px;
}
#search-yachts #url-personnalisee {
	padding:0 0 10px 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 100%;
}
#url-personnalisee strong {
	padding: 5px;
	color:#19203f;
	width: 100%;
}
#url-personnalisee input[type="text"] {
	margin-left: 5px;
	width: calc(100% - 275px);
	display:inline-block;
}
#url-personnalisee input[type="button"] {
	margin-left:10px;
	display:inline-block;
	width:260px;
}
/* **** */
.filter-alt-display.bt-filter {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border: #ccad75 1px solid;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #ccad75;
	height: 40px;
	margin: 20px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.bt-filter .ico-filter-left {
	width: 20px;
	height: 20px;
	fill: #ccad75;
	margin: 10px;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.bt-filter .ico-filter-right {
	fill: #ccad75;
	margin: 13px;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.filter-alt-display.bt-filter:hover { background-color: #ccad75; color: #fff }
.bt-filter:hover .ico-filter-left,
.bt-filter:hover .ico-filter-right { fill: #fff }

#result-yachts-content .filter-alt-display { 
	display:none;
	z-index:1;
	margin: 0 0 0 auto;
 	width:40px;  height:40px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/icones/ico_close.svg);
	background-size:20px 20px;
	right:0; top:50px;
}
#result-yachts-content .filter-alt-display:hover { background-color:#f1e8e3 }

/* > fixed */
body.search-yachts-fixed #search-yachts {
	position:fixed;
	padding-top:10px;
	padding-bottom:10px;
	top:50px; left:0;
	width:100%;
	z-index:10;
	-webkit-transition:top .4s;
	-o-transition:top .4s;
	transition:top .4s;
}
body.search-yachts-fixed.hidden_head #search-yachts { top:0 }
body.fixed_head.search-yachts-fixed #content { padding-top:120px; }

/* colonne de filtre */
#yachts-list-content { position:relative; padding:0; }
#yachts-list-content .yachts-col-left {
	display:table-cell;
	vertical-align:top;
	padding:0 30px 30px;
	width:20%;
}
#result-yachts { padding:20px 0; text-align:center; }
#result-yachts h2 { font-size:20px; margin-bottom:10px; }
#filters-actions { margin-bottom: 20px;}
#result-yachts #reset {
    height:30px; padding:0 10px;
}
#result-yachts #apply {
	display: none;
	height:30px; padding:0 10px;
}

#result-yachts fieldset { text-align:left; margin-bottom:20px; }
#filters-collection { padding:20px; border:#e6d9d2 1px solid; }
.yacths-desc-content { text-align:justify }

/* liste des yachts */
#yachts-list-content .yachts-col-right {
	display:table-cell;
	vertical-align:top;
	background:url(../images/decoration/shadow_left.png) 0 0 repeat-y;
	width:80%; padding:20px 20px 90px;
}
p.no-result {
	padding:10% 0;
	text-align:center;
	font-size:1.6em;
}
/* --- pagination status --- */
.page-load-status {
	display:none;
	position:absolute;
	width:80%; height:70px;
	right:0; bottom:0;
	padding:0;
	z-index:3;
	border-top:#e4dad3 1px solid;
	background-color:rgba(255,255,255,.75);
}
.loader-ellips {
	font-size:16px;
	position:relative;
	width:4em;
	height:1em;
	margin:20px auto;
}
.loader-ellips__dot {
  display: block;
  width:1em;
  height:1em;
  border-radius:0.5em;
  background:#b29259;
  position: absolute;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) { left:0; }
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@-webkit-keyframes reveal {
  from { -webkit-transform: scale(0.001); transform: scale(0.001); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes reveal {
  from { -webkit-transform: scale(0.001); transform: scale(0.001); }
  to { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes slide {
  to { -webkit-transform: translateX(1.5em); transform: translateX(1.5em) }
}
@keyframes slide {
  to { -webkit-transform: translateX(1.5em); transform: translateX(1.5em) }
}
.loader-ellips__dot:nth-child(1) { -webkit-animation-name: reveal; animation-name: reveal; }
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) { -webkit-animation-name: slide; animation-name: slide; }
.loader-ellips__dot:nth-child(4) {
  -webkit-animation-name: reveal;
          animation-name: reveal;
  animation-direction: reverse;
}
.yacth-sroll-top {
	display:block;
	height:50px; width:100px;
	margin:10px auto;
	background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0NBRDc1O30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0yNi41LDIwLjNMMjYsMjAuOEwxNS42LDEwLjNjLTAuMi0wLjItMC4zLTAuMi0wLjUsMEw0LjcsMjAuOGwtMC41LTAuNUM0LDIwLjIsNCwyMCw0LjIsMTkuOQ0KCUwxNS4xLDljMC4yLTAuMSwwLjMtMC4xLDAuNSwwbDEwLjksMTAuOUMyNi41LDIwLDI2LjUsMjAuMiwyNi41LDIwLjNMMjYuNSwyMC4zeiIvPg0KPC9zdmc+DQo=");
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transition:background .3s;
	-o-transition:background .3s;
	transition:background .3s;
}
.yacth-sroll-top:hover { background-color:#f1e8e3; }
/* --- pagination infos --- */
.yacht-pagination-infos { display:none }
/* --- */
#help-message {
	border:#e4dad3 1px solid;
	background-color:#fff;
	text-align:center;
	padding:5% 20px;
}
#help-message span.tel { color:#b29259 }
#help-message a { color:#b29259; }
#help-message a:hover { color:#c2c2c2; }

/* > FICHE YACHT ----------------------------------------------------------- */
#heading-fiche-yacht .gallery-photo-slider,
#heading-fiche-yacht .gallery-photo-list { height:100%; float:left; }
#heading-fiche-yacht .gallery-photo-slider { 
	width:calc(50% + 165px); 
}
.heading-fiche-gallery.on-pic .gallery-photo-slider,
#heading-fiche-yacht .heading-fiche-gallery.on-pic .gallery-photo-slider { width:100%; }
#heading-fiche-yacht .gallery-photo-list   { 
	width:calc(50% - 165px); 
}
#heading-fiche-yacht .gallery_slider_count { background-color:#ccad75; color:#fff }
/* >>> thumbstack */
#heading-fiche-yacht .gallery-photo-list { position:relative; background:#f1e8e3; }
.gallery-photo-wrapper {
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	padding:10px;
	overflow:hidden;
}
.gallery-photo-wrapper ul {
	max-height:100%;
	padding:10px;
	overflow:auto;
}
.gallery-photo-wrapper li {
	width:33.33%;
	float:left;
	padding:5px;
}
.gallery-photo-wrapper li figure { position:relative; overflow:hidden; }
.gallery-photo-wrapper li img {
	position:relative;
	display:block;
	width:100%;
}
.gallery-photo-wrapper li figcaption {
	position:absolute;
	width:100%; bottom:0;
	background:rgba(25, 32, 63, .6);
	color:#fff; font-size:11px;
	text-align:center;
	padding:6px; opacity:0;
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;
}
.gallery-photo-wrapper li:hover figcaption { 
	opacity:1;
	-webkit-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
}
/* >>> scrollbar (chrome) */
.yacht-photo-wrapper ul::-webkit-scrollbar { width:10px; }
.yacht-photo-wrapper ul::-webkit-scrollbar-track { background: #fff; }
.yacht-photo-wrapper ul::-webkit-scrollbar-thumb { 
	background: #ccad75;
	-webkit-transition:background-color .4s;
	-o-transition:background-color .4s;
	transition:background-color .4s;
}
.yacht-photo-wrapper ul::-webkit-scrollbar-thumb:hover { background: #a6864b; }
/* >>> commons > fiches --- */
.wrapper-contact-zone { position:relative; }
.wrapper-contact-zone .content_block { padding:60px 0; }
.wrapper-contact-zone .content_row { padding:20px 360px 20px 20px; }
.wrapper-contact-zone #breadcrumb { text-align:left }
.wrapper-contact-zone #breadcrumb ul {
	display:inline-block;
	margin-left:20px;
	vertical-align:middle;
}
.wrapper-contact-zone .charter-include li {
	float:left;
	text-transform:uppercase;
	text-align:center;
	line-height:12px;
	font-size:10px;
	margin:0 3.5%;
	width:12%;
}
.wrapper-contact-zone .charter-include li img { max-width:100%; }
.wrapper-contact-zone .charter-include li.include-baner { margin:0 4% 0 0; width:20%; }
/* --- */
#content-fiche-yacht .specification-list {
	border:#e8dbd5 1px solid;
	margin:60px 0;
	padding:30px 20px;
}
#content-fiche-yacht .specification-list h3 { padding:0 10px; }
#content-fiche-yacht .specification-list ul {
	width:50%; float:left;
	padding:0 10px;
	font-size:11px;
}
#content-fiche-yacht .specification-list li {
	display:table; width:100%;
	padding:10px 0;
	border-top:#f1e9e5 1px solid;
}
#content-fiche-yacht .specification-list li span,
#content-fiche-yacht .specification-list li strong {
	display:table-cell;
	vertical-align:middle;
	line-height:1.1em;
}
#content-fiche-yacht .specification-list li span { padding-right:10px; text-transform:uppercase; }
#content-fiche-yacht .specification-list li strong { width:40%; }
/* --- */
#list-advantages { border:#d5c3b9 1px solid; padding:30px; }
#list-advantages li {
	line-height:1.4em;
	background:url(../images/common/list_puce_1.png) 0 5px no-repeat;
	padding-left:15px;
	font-size:13px;
	margin:8px 0;
}
#list-tenders { padding:10px 0 10px 30px; }
#list-tenders li {
	line-height:1.4em;
	background:url(../images/common/list_check_1.png) 0 1px no-repeat;
	padding-left:24px;
	font-size:13px;
	margin:8px 0;
}
/* --- */
#yachts-tours {
	position:relative;
	text-align:center;
	background:#091b36 url(../images/decoration/bg_stars_1.jpg) center bottom no-repeat fixed;
	background-size:100% auto;
	padding:5% 20px;
	color:#fff;
}
#yachts-tours .link_1 { color:#ccad75 }
#yachts-tours .link_1:hover { color:#fff }
#yachts-tours .slider-itineraries {
    position: relative;
	max-width:990px;
    margin: 5% auto;
    color: #0d1c33;
}
/* --- */
#similar-yachts {
    padding: 5% 0 30px;
    text-align: center;
}
#similar-yachts .slider-yacht {
	position: relative;
	max-width:990px;
    margin: 5% auto;
    color: #0d1c33;
}
#similar-yachts p.fs-12 { margin:3% 0 0 0; }
/* --- */
.enhance-advantages { 
	padding:5% 20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#enhance-advantages-yachts { background-image:url(../images/decoration/bg_yacht.jpg) }
.enhance-advantages .content_row { padding:0; }
.enhance-advantages .bg-color2 {
	position:relative;
	margin:0 0 0 auto;
    background: #d3ae6d;
	max-width:380px;
    padding: 20px;
	width:50%;
	color:#fff;
}
.enhance-advantages-content {
    border: #e8dac9 1px solid;
	text-align:center;
	padding:20px 15%;
}
.enhance-advantages-content h3 {
	font-size:14px;
	font-weight:700;
	text-transform:none;
	font-family: 'Raleway', sans-serif;
	color:#0d1c33
}
.enhance-advantages-content ul {
	text-align:left;
	margin:20px auto 0;
}
.enhance-advantages-content li {
	line-height:1.4em;
	background:url(../images/common/list_check_2.png) 0 1px no-repeat;
	padding-left:24px;
	font-size:13px;
	margin:8px 0;
}

/* >>> TOURS / ITINERAIRES > yacht-charter-tours.php 
------------------------------------------------------------------------------------------------ */
#page_tours .edit_content {
	padding:40px 0;
	text-align:center;
	background:#f1e8e3;
	font-size:13px;
}
#page_tours .edit_content .content_row { 
	padding-top:0;
	padding-bottom:0;
	max-width:1030px
}

/* > filtres */
#itineraries-list-content { background:#f1e8e3; }
#itineraries-filter-list {
	display:table;
	background:#f1e8e3;
	border-top:#dccfc6 1px solid;
	border-bottom:#dccfc6 1px solid;
	position:relative;
	height:70px;
	width:100%;
}
#itineraries-filter-list ul {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:5px 20px;
}
#itineraries-filter-list ul li {
	margin:5px 0 5px -0.3em;
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
	font-size:12px;
}
#itineraries-filter-list ul li a {
	border-left:#ccad75 1px solid;
	display:block;
	padding:2px 10px;
	-webkit-transition:background-color .3s, color .3s;
	-o-transition:background-color .3s, color .3s;
	transition:background-color .3s, color .3s
}
#itineraries-filter-list ul li:first-child a { border:none }
#itineraries-filter-list ul li:hover a { color:#ccad75; }
#itineraries-filter-list ul li.active a { background-color:#ccad75; color:#fff; }
#itineraries-filter-list ul li.view-all a { 
    text-transform: uppercase;
    margin: 2px 0 0;
    font-weight: 700; 
    font-size: 10px; 
}
#itineraries-filter-list ul li.view-all.active a { background-color:transparent; color:#ccad75; }
/* > fixed */
body.filter-tours-fixed #itineraries-filter-list {
	position:fixed;
	top:50px; left:0;
	width:100%;
	z-index:10;
	-webkit-transition:top .4s;
	-o-transition:top .4s;
	transition:top .4s;
}
body.filter-tours-fixed.hidden_head #itineraries-filter-list { top:0 }
body.fixed_head.filter-tours-fixed #itineraries-list-content { padding-top:70px; }

/* >>> TOURS FICHES ----------------------------------------------------- */
#introduction-tour { min-height:420px; }
#introduction-tour p { text-align: justify; }
#introduction-tour #breadcrumb { margin-bottom:30px; }
#introduction-tour ul.charter-include { margin-top:30px; }
/* --- */
#suggested-itinerary { padding:40px 0; }
/* ---- */
#selection-yachts { padding: 5% 0; text-align: center; }
#selection-yachts .slider-yacht {
	position: relative;
	max-width:990px;
    margin: 5% auto;
    color: #0d1c33;
	height:400px;
}
/* --- */
#enhance-advantages-tours { background-image:url(../images/decoration/bg_tours.jpg) }

/* >>> DESTINATIONS ------------------------------------------------------ */
#page_destinations #content { background:#f1e8e3; }
/*#page_destinations p.intro { margin-bottom:0 }*/
/* --- */
#destinations-scroll {
	background:#f1e8e3;
	line-height:50px;
	border-bottom:#dccfc6 1px solid;
	text-align:center;
}
#destinations-scroll ul {
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}
#destinations-scroll li { display:inline; } 
#destinations-scroll li a {
	margin:5px 0;
	padding:0 20px;
	display:inline-block;
	text-transform:uppercase;
 	border-left:#d3b788 1px solid;
	font-family: 'Spinnaker', sans-serif;
	font-size:14px;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
#destinations-scroll li a:hover { color:#ccad75 }
#destinations-scroll ul li:first-child a { border:none }
/* ---- */
#destinations-zones { padding-bottom: 20px; }
#destinations-zones .destination-zone { padding:20px 20px 80px; }
.destination-zone .fig-border { float:left; width:calc(50% - 20px); }
.destination-zone .destination-zone-content { 
	padding:0 0 0 40px;
	float:left; width:calc(50% + 20px);
}
.destination-zone .destination-zone-content h2 { margin:0 0 20px; }
.destination-zone ul { margin:20px -10px 0; }
.destination-zone li { display:inline-block; margin:5px; }
.destination-zone li a {
	display:inline-block;
	font-family: 'Spinnaker', sans-serif;
	text-transform:uppercase;
	font-size:10px; padding:5px 10px;
	border:#d6bd92 1px solid;
	-webkit-transition:background-color .7s;
	-o-transition:background-color .7s;
	transition:background-color .7s;
}
.destination-zone li a:hover { 
	background-color:#d6bd92;
	-webkit-transition:background-color .3s;
	-o-transition:background-color .3s;
	transition:background-color .3s;
}
#destinations-zones .destination-zone:nth-child(2n) .destination-zone-content { padding:0 40px 0 0; }
#destinations-zones .destination-zone:nth-child(2n) .fig-border { float:right; }

/* >>> DESTINATION FICHES ----------------------------------------------------- */
/* >>> inner navigation */
#content-fiche-destination #aside-contact-form { border:none }
#content-fiche-destination #aside-contact-form h3 {
    margin: 0;
    color: #fff;
    padding: 10px 20px;
    background-color: #ccad75;
    text-align: center;
    font-size: 16px;
    display: none;
}
#nav-inner-destinations { background:#fff; }
#nav-inner-destinations .destination-nav { padding:30px 30px 80px; }
.destination-nav { position:static; } 
.destination-nav li a {
	display:block;
	text-transform:uppercase;
	font-size:14px; padding:5px 5px;
	border-bottom:#e1d4cd 1px solid;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
.destination-nav li a:hover { color:#ad8f5a }
.destination-nav li.active a { background-color:#f1e8e3; cursor: default }
.destination-nav a.detination-change {
	position:absolute;
	display:block;
	margin:0 -30px;
	width:100%;
	bottom:0;
	padding:30px;
	text-transform:uppercase;
	font-size:13px; font-weight:700;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
.destination-nav a.detination-change.text-left:before,
.destination-nav a.detination-change.text-right:after {
	content:"";
	margin-top:-2px;
	display:inline-block;
	vertical-align:middle;
	width:20px; height:20px;
	background:url(../images/icones/arrow_small_left.svg) center no-repeat;
	background-size:auto 14px;
}
.destination-nav a.detination-change.text-right:after { background-image:url(../images/icones/arrow_small_right.svg); }
.destination-nav h4 {
    display:none;
	text-transform:uppercase;
	font-size:13px; font-weight:700;
    margin-bottom: 20px;
}
.destination-nav a.detination-change:hover { color:#ccad75 }
/* --- */
#content-fiche-destination { background-color:#f1e8e3; }
#content-fiche-destination > .content_row > p { text-align:justify; }
#destination-experiences { padding:20px 0; }
#destination-experiences > p { text-align:justify; }
#destination-experiences h2  { font-size:20px; }
#destination-experiences h3 { font-size:14px; }
/* >>> collapsible */
#destination-spots { padding:20px 0 40px; }
#destination-spots h2  { font-size:20px; }
.collapsible { border-top:#d5c3b9 1px solid; }
.collapsible h3 {
	cursor:pointer;
	font-size:16px;
	position:relative;
	padding:15px 30px 15px 0;
	margin:0;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
.collapsible h3:after {
	position:absolute;
	font-family: 'Raleway', sans-serif;
	content:"+"; font-size:1.8em;
	width:30px; line-height:30px;
	text-align:center;
	right:0; top:50%;
	margin-top:-15px;
	font-weight:300;
	color:#19203f;
}
.collapsible h3:hover { color:#ccad75 }
.collapsible-content { padding:0 0 30px; display:none; }
.collapsible.start-open h3:after,
.collapsible.collapsible-open h3:after { content:"-"; }
.collapsible.start-open .collapsible-content { display:block; }

/* >>> COLLECTIONS
------------------------------------------------------------------------------------------------ */
#page_collections #content {
	padding-top:40px;
	background:#f1e8e3;
}
#collections-list-content { background:#f1e8e3; }

/* >>> COLLECTION FICHES ----------------------------------------------------- */
/* >>> inner navigation */
#content-fiche-collection #aside-contact-form { border:none }
#content-fiche-collection #aside-contact-form h3 {
    margin: 0;
    color: #fff;
    padding: 10px 20px;
    background-color: #ccad75;
    text-align: center;
    font-size: 16px;
    display: none;
}
#nav-inner-collections { background:#fff; }
#nav-inner-collections ul { padding:30px; }
#nav-inner-collections li a {
	display:block;
	text-transform:uppercase;
	font-size:13px; padding:10px 5px;
	border-bottom:#e1d4cd 1px solid;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
#nav-inner-collections li a:hover { color:#ad8f5a }
#nav-inner-collections li.active a { background-color:#f1e8e3; cursor: default }
/* --- */
#content-fiche-collection { background-color:#f1e8e3; }
#content-fiche-collection .edit_content { padding:20px 0 40px; }
#content-fiche-collection .edit_content p,
#content-fiche-collection .edit_content ul { margin-bottom:20px; }
#content-fiche-collection .edit_content p.intro { margin-bottom:30px; }

/* >>> GUIDES ----------------------- */
#page_guide > #content > .edit_content > .content_flex > .wp50 > p { text-align:justify; }
#page_guide .content_block.edit_content.text-justify { padding-bottom: 10px }
.edit_content.collapsible { max-width: 950px; margin: 0 auto; }
.edit_content.collapsible h4 { font-weight: 700; margin-bottom: 10px; }
/* >>> contact */
#contact-guide {
    margin: 80px 0 0 0;
    /*background: #19203f url(../images/decoration/bg_stars_3.jpg) center top no-repeat fixed;
    background-size: 100% auto;*/
	background-color:#19203f;
    padding: 60px 20px 80px;
}
#simple-contact { padding:0 25px; max-width: 590px; }
#simple-contact > p { margin-bottom: 30px; }
#simple-contact #message { min-height: 170px; }

/* >>> YACHTOWNER ------------------- */
#content-yachtowner .content_block.edit_content .content_row,
#content-yachtowner .content_block.edit_content .content_flex { padding-right: 360px; }
#content-yachtowner .content_block.edit_content h2,
#content-yachtowner .content_block.edit_content h3 { text-align:left; }
#content-yachtowner .content_block.edit_content .content_row p,
#content-yachtowner .content_block.edit_content .content_flex p { text-align: justify !important }
#widget-testimonials { padding: 60px 0; min-height:440px; }

/* >>> ABOUT ------------------------ */
#page_about #contact-guide { margin:0 }
#page_about .content_block.edit_content .wp50 p { text-align:justify; }
#page_about .content_block.edit_content h4 { text-align:center; }
/* >>> contact */
#contact-about {
    margin:0;
    /*background: #19203f url(../images/decoration/bg_stars_3.jpg) center top no-repeat fixed;
    background-size: 100% auto;*/
	background-color: #19203f;
    padding: 60px 20px 80px;
}

/* >>> LANDING PAGES ------------------ */
/*#page_landing .heading_page h1 { color:#fff; }*/
#page_landing .content_block.edit_content .content_flex .wp50 { text-align:justify; }
#page_landing .content_block.edit_content .content_flex .wp50 h2,
#page_landing .content_block.edit_content .content_flex .wp50 h3,
#page_landing .content_block.edit_content .content_flex .wp50 ul { text-align:left }

/* >>> CONTACT ------------------------ */
#page_contact #content { background-color:#f1e8e3; padding:80px 0; }
#page_contact .content_block.edit_content { padding:0; }
#contact { padding:30px 0 50px; }
#contact-about #contact-submit:hover { background-color: #ccad75; color:#19203f; }

/* >>> Mentions légales ---------------- */
#page_mentions #content {
	padding-top:60px;
	background-color:#f1e8e3;
}
#page_mentions #content h3 { font-size:16px; text-transform:none; }

/* >>> 404 ----------------------------- */
#page_404 {
	min-height:calc(100vh - 52px);
	background:url(../images/bg_404.jpg) center no-repeat;
	background-size:cover;
	padding:25% 20px 40px;
}
#content-404 { position:relative; background-color:#fff; }
#page_404 h3 { font-size:16px; }
#content-404:after {
	position:absolute;
	top:10px; left:10px;
	right:10px; bottom:10px;
	border:#cfb27d 1px solid;
	pointer-events: none;
	content:"";
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

/* > FANCYFRAME
-------------------------------------------------------------------------------------------------------------------------------- */
.fancybox-slide--iframe .fancybox-close-small { right:0; }
.fancybox-slide--iframe .fancybox-close-small:after, 
.fancybox-slide--image .fancybox-close-small:after { color:#CBB6A7 }
.fancybox-slide--iframe .fancybox-close-small:hover:after, 
.fancybox-slide--image .fancybox-close-small:hover:after { color:#19203f }

.fancybox-slide--iframe .fancybox-content { max-width:600px; }
._fancy #content { max-width:600px; padding:40px; color:#19203f }
._fancy #content #simple-contact { padding:0; }
._fancy #content #simple-contact h3 { padding:0 5px; margin-bottom:10px; }


/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	z-index:0;
/*	height:300px;*/
	position:relative;
	font-family: 'Spinnaker', sans-serif;
	background-color:#19203f;
	padding:0; color:#fff;
}
#footer-content {
	/*position:fixed;
	bottom:0; left:0;
	width:100%; height:220px;
	z-index:0;*/
	background-color: #19203f;
	width: 100%;
}
#prefooter { 
	position:relative;
	margin:0 auto; z-index:1;
	/*border-top:#31435f 1px solid;
	border-bottom:#31435f 1px solid;*/
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;
	background-color:#19203f;
	text-transform:uppercase;
	font-size:14px;
}
#prefooter .content_row,
#prefooter .content_table {
	font-size: 12px;
	padding:0; 
}
#prefooter .wp30 {
	display: table-cell;
	text-align:center;
	/*border-left:#31435f 1px solid;*/
	border-left:#fff 1px solid;
	vertical-align:middle;
	padding:10px;
}
#prefooter a.wp20 {
	width: 100px;
	display: table-cell;
	padding: 10px 30px;
	vertical-align: middle;
	text-align: center;
	/*border-left: #31435f 1px solid;*/
	border-left: #fff 1px solid;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#prefooter .wp30.rs-link {
	min-width: 250px;
}
#prefooter a.wp20:hover { background-color: #31395b }
#prefooter .wp30 img { 
	width:20px; height:20px;
	vertical-align:middle;
}
#prefooter .wp30 span { color:#ccad75; padding:0 15px; }
#prefooter .content_row .wp30:first-child { border-left:none }
#prefooter .rs-link li { display:inline; }
#prefooter .rs-link li.share-title { display:inline-block; margin-right:10px; }
#prefooter .rs-link li a {
	display:inline-block;
	width:30px; height:30px;
	text-align:center;
	border-radius:50%;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
#prefooter .rs-link li a:hover { background-color:#1f385e; }
#prefooter .rs-link li a img {
	margin:2px;
	width:26px; 
	height:26px 
}
#footer .divide { padding:15px 0 0 0; border-bottom:#31435f 1px solid; }
#nav-footer { display:block; text-align:center; }
#nav-footer li { display:inline; }
#nav-footer li a {
	margin:0 20px;
	font-size:10px;
	vertical-align:middle;
	display:inline-block;
	text-transform:uppercase;
	-webkit-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}
#nav-footer li a:hover { color:#d3ae6d; }
#nav-footer li.menu-foot-home a,
#nav-footer li.menu-foot-home span {
	position:relative;
	width:70px; height:70px;
}
#nav-footer li.menu-foot-home img { vertical-align:middle }
#nav-footer li.menu-foot-home a:after {
	content:"";
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color:rgba(25,32,63,.8);
	background-image:url(../images/icones/ico_hp.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:30px 30px;
	opacity:0;
	-webkit-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
}
#nav-footer li.menu-foot-home a:hover:after { opacity:1 }

#footer #baseline-nav {
	padding-bottom:30px;
	text-align:center;
	font-size:12px;
	color:#606672;
}
#footer #baseline-nav li { display:inline; }
#footer #baseline-nav li a {
	display:inline-block;
	text-decoration:underline;
	margin:0 10px;
}
#footer #baseline-nav li a:hover { color:#fff; }
#footer .baseline-footer {
	text-align:center;
	font-size:10px;
	color:#606672;
}
#footer .baseline-footer a:hover { text-decoration:underline }



/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc   { color:#ffffff; }
.fc-gris    { color:#969696; }
.fc-noir    { color:#2c353d; }
.fc-color1  { color:#19203f; }

.fc-color4  { color:#a7acb1; }

/* > fonts family ----------------------------------------------- */
.font-default { font-family: 'Raleway', sans-serif; }
.font-title-1 { font-family: 'Spinnaker', sans-serif; }
.font-title-2 { font-family: 'Spinnaker', sans-serif; }


/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}
/* ANIMATES ------------------------------------------------------------------- */
.scroll-animate {
	position: relative;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.delay100, .scroll-animate.delay100 {
	-webkit-transition-delay:100ms;
	-o-transition-delay:100ms;
	   transition-delay:100ms;
}
.delay200, .scroll-animate.delay200 {
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	   transition-delay:200ms;
}
.delay300, .scroll-animate.delay300 {
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	   transition-delay:300ms;
}
.delay400, .scroll-animate.delay400 {
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	   transition-delay:400ms;
}
.delay500, .scroll-animate.delay600 {
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	   transition-delay:600ms;
}
.delay800, .scroll-animate.delay800 {
	-webkit-transition-delay:800ms;
	-o-transition-delay:800ms;
	   transition-delay:800ms;
}
.delay1000, .scroll-animate.delay1000 {
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	   transition-delay:1000ms;
}
/* animation keyframes */
.scroll-animate.bounce-top {
	-webkit-animation-name:bounce-top;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:1s;
	animation-name:bounce-top;
	animation-play-state:paused;
	animation-fill-mode:both;
	animation-duration:1s;
}
.scroll-animate.bounce-top.in-view {
	webkit-animation-play-state:running;
	-webkit-animation-play-state:running;
	        animation-play-state:running;
}
@-webkit-keyframes bounce-top {
	0%   { -webkit-transform:translateY(-5em); transform:translateY(-5em); }
	50%  { -webkit-transform:scale(-3em); transform:scale(-3em);	   }
	100% { -webkit-transform:scale(0); transform:scale(0);	       }
}
@keyframes bounce-top {
	0%   { -webkit-transform:translateY(-5em); transform:translateY(-5em); }
	50%  { -webkit-transform:scale(-3em); transform:scale(-3em);	   }
	100% { -webkit-transform:scale(0); transform:scale(0);	       }
}
/* animation transitions */
.scroll-animate.fade-in { 
	opacity: 0;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	   transition-duration:1s;
}
.scroll-animate.slide-up {
	opacity: 0;
	-webkit-transform: translateY(5em);
	-ms-transform: translateY(5em);
	    transform: translateY(5em);
}
.scroll-animate.grow-up {
	opacity: 0;
	-webkit-transform: scale(0.4);
	 -ms-transform: scale(0.4);
	     transform: scale(0.4);
}

.scroll-animate.fade-in.in-view { opacity: 1; }
.scroll-animate.slide-up.in-view {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	    transform: translateY(0px);
}
.scroll-animate.grow-up.in-view {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}