/************************************************************
	FONTS
************************************************************/
body {
    background-color: #000;
    color:#fff;
	font-family: 'Raleway', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}
h2 {
    font-size: 35px;
    font-weight: 500;
}
h3 {
    font-weight: 800;
    font-size: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .menu-item {font-family: 'Raleway', "Helvetica Neue",Helvetica,Arial,sans-serif;}
/************************************************************
	MARGIN / PADDING
************************************************************/
hr.space-between-section {
    border: 0px;
    padding-top: 80px;
    margin: 0px;
}
/************************************************************
	COLORS
************************************************************/
a:focus, a:hover {
    color: #ffd200;
}
.primary {
	color: #d8bb6a;/* Couleur des textes */
}
.primary:hover {
	color: rgb(0, 76, 224); /* Couleur de texte hover */
}
.bg-primary {
	color: #fff; /* Couleur texte */
	background-color: #d8bb6a;/* Couleur de fond */
}
.btn.bg-primary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffd200; /* Couleur de fond hover */
}
.bg-secondary {
	color: #000; /* Couleur texte */
	background-color: #ffd200;/* Couleur de fond */
}
.btn.bg-secondary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffc000; /* Couleur de fond hover */
}
.bg-third {
    background-color: #efefef;
    padding: 80px 0px;
}
/************************************************************
	MENU COLORS
************************************************************/
/* CUSTOM EQS : MENU */
nav#main-menu {
        background-color: #000;/* COULEUR DE FOND  */
}
.menu-item a {
        color: #fff; /* COULEUR DE BASE  */
        padding: 20px 13px; /* ADAPTER LA TAILLE DE LA BARRE VIA PADDING LINK  */
}
.menu-item a:hover {
        color: #d8bb6a; /* COULEUR AU HOVER  */
}
.menu-item.current-menu-item > a, .current_page_ancestor > a {
        color: #d8bb6a; /* COULEUR ACTIF  */
}


.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
    background:#d8bb6a;
    color: #fff;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target{
    color: #fff;
}
/************************************************************
	MOBILE-MENU
************************************************************/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before, i.burger:before {
    color: #d8bb6a /* Couleur icone mobile nav  */
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 26px 20px;
}
/************************************************************
	HEADER
************************************************************/
	/*LOGO*/
img#icon-brand-icon {
	height: 180px; /* = hauteur de la navbar */
	padding: 10px; /* marges du logo par rapport à la navbar */
}
/************************************************************
	LINKS & BUTTONS
************************************************************/
a {
    color: #d8bb6a;
}

/************************************************************
	CONTENT - gallery
************************************************************/
.gallery img{ border:2px solid #fff !important; }

/***** IMG IN POST ******/
img.alignright {float:right; margin:10px 0 10px 15px}
img.alignleft {float:left; margin:10px 15px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 0 10px 15px}
a img.alignleft {float:left; margin:10px 15px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/************************************************************
	STYLES
************************************************************/
body {
    padding: 45px 0px 100px 0px;
}
html {
    background-color: #000;
}
p{text-align: justify;}

h2{color:#d8bb6a;text-transform: uppercase;}

#contact h2{ font-size:1.5em;}

.page-template-page-offer h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
	margin-bottom: 30px;
}

.bloc-info{margin-top:20px;}
#ariane ul li{display: inline;}
#ariane ul{ margin-left : 0px; margin-top: 20px;}

hr{color:#d8bb6a;}

#content_description ul li{margin-bottom: 10px; border-bottom: 1px solid #000;  }

#main_menu_top {margin-bottom: 20px;} 
#main_menu_top li a{text-transform: uppercase; font-size: 19px; font-weight: 400;}

.margin-bottom-30{margin-bottom:30px;}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.link-blog h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
}
.link-blog hr {
    border-color: #d8bb6a;
}
.info-txt {
    color: #fff;
}
.bloc-center-text {
    max-width: 620px;
}
p {
    font-size: 16px;
    line-height: 28px;
}
img.arrow {
    width: 54px;
}
/************************************************************
	FOOTER
************************************************************/

/************************************************************
	FADE
************************************************************/
body {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/************************************************************
	BLOCS TITLES
************************************************************/
.bloc-line .bloc-title:before, .bloc-line .bloc-title:after {
    content: ".";
    border-bottom: solid 2px #cfbb70;
    position: absolute;
    line-height: 50%;
    width: 100%;
}
.bloc-line{margin-bottom: 20px;}
.bloc-line {
    border-left: solid 2px #cfbb70;
    border-right: solid 2px #cfbb70;
	border-bottom: solid 2px #cfbb70;
}
.bloc-line.type-2 {
	border-bottom: 0px;
}
.bloc-line .bloc-title, .bloc-title-end {
    position: relative;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    bottom: 8px;
    color: #cfbb70;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    margin-bottom: 4px;
}
.bloc-title-end {
    bottom: -9px;
}
.bloc-line .bloc-title:before, .bloc-title-end:before {
    margin-left: -100%;
}
.bloc-line p:hover{ color: #cfbb70;}

.bloc-title-end:before, .bloc-title-end:after {
    content: ".";
    border-bottom: solid 2px #cfbb70;
    position: absolute;
    line-height: 50%;
    width: 100%;
}
p.price {
    font-size: 110px;
    font-weight: 800;
    letter-spacing: -3px;
    text-align: center;
    line-height: 47px;
    margin-top: 20px;
}
p.price span {
    font-size: 46px;
    text-transform: uppercase;
}
.bloc-line.type-2 {
    max-width: 350px;
    margin: 0 auto;
}
/************************************************************
	OFFER INFORMATION
************************************************************/
div#offer_information {
    margin-top: 70px;
    max-width: 830px;
}
div#offer_information h3 {
    border-bottom: 2px solid #d8bb6a;
	padding-bottom: 10px;
}
/************************************************************
	LIST
************************************************************/
.wp-content ul {
    list-style-type: none;
}
.wp-content li {
    font-size: 20px;
	position: relative;
}
.wp-content li:after {
    content: "";
	width: 30px;
	border-bottom: 1px solid #d8bb6a;
}
.wp-content li:after {
    content: "";
    width: 30px;
    border-bottom: 1px solid #d8bb6a;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 38px);
}
.wp-content li:last-child:after {
    display: none;
}
/************************************************************
	UNDERLINE MENU
************************************************************/
#nav-container {
	height: 60px;
	margin: 50px 0px;
}
ul#main_menu_top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
}
.underbar {
  width: 0;
  bottom: 5px;
  position: absolute;
  -webkit-transition: 0.5s ease;
    background: #cfbb70;
	 height: 1px;
}
#menu-item-32.current-menu-item ~ .underbar{
    left: 0;
    width: 80px;
}
#menu-item-31.current-menu-item ~ .underbar{
    left: 85px;
    width: 85px;
}
#menu-item-30.current-menu-item ~ .underbar{
	left: 174px;
    width: 160px;
}
#menu-item-29.current-menu-item ~ .underbar{
	left: 339px;
    width: 80px;
}
#menu-item-28.current-menu-item ~ .underbar{
	left: 427px;
    width: 103px;
}


#menu-item-32:hover ~ .underbar{
    left: 0;
    width: 80px;
}
#menu-item-31:hover ~ .underbar{
    left: 85px;
    width: 85px;
}
#menu-item-30:hover ~ .underbar{
	left: 174px;
    width: 160px;
}
#menu-item-29:hover ~ .underbar{
	left: 339px;
    width: 80px;
}
#menu-item-28:hover ~ .underbar{
	left: 427px;
    width: 103px;
}
.separator {
    background-color: #d8bb6a;
    height: 1px;
    margin: 60px auto;
}
#contact-section input, #contact-section textarea {
    background-color: #171717;
    border: 1px solid #d8bb6a;
    padding: 13px;
    width: 100%;
    color: #fff;
}
#contact-section label, #contact-section input.wpcf7-form-control.wpcf7-submit {
	font-weight: 800;
    font-size: 14px;
    line-height: 1.4;
	text-transform: uppercase;
}
#contact-section input.wpcf7-form-control.wpcf7-submit {
    background-color: #d8bb6a;
    color: #fff;
}

.dropdown-container {
    width: 100%;
    position: relative;
}

select {
    width: 100%;
    height: 50px;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    background-color: #171717;
    border: none;
    border: 1px solid #d8bb6a;
    width: 100%;
    color: white;
    appearance: none;
    padding: 10px;
    padding-right: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}

    /* For IE <= 11 */
    select::-ms-expand {
      display: none; 
    }

.select-icon {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 30px;
    height: 36px;
    pointer-events: none;
    border: 0px;
    padding-left: 5px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
    .select-icon svg.icon {
      transition: fill 0.3s ease;
      fill: white;
    }

    select:hover,
    select:focus {
      color: #d8bb6a;
    }
    select:hover ~ .select-icon svg.icon,
    select:focus ~ .select-icon svg.icon {
      fill: #d8bb6a;
    }
	#contact-section input, #contact-section textarea, #contact-section select {
    margin-bottom: 20px;
}
.grecaptcha-badge {
	visibility: hidden; 
}
/************************************************************
	MOBILE
************************************************************/
div#shiftnav-toggle-main-button {
    background-color: #000;
    border-radius: 0px;
}
.shiftnav-main-toggle-content.shiftnav-toggle-main-block a {
    display: none;
}
/************************************************************
	SVG LOGO
************************************************************/
svg#logo-svg {
    width: 420px;
}


path#mask-ae {
    opacity: 0;
}
.page-template-page-accueil path#mask-ae {
    opacity: 1;
}
.page-template-page-accueil path#mask-ae {
    stroke-dasharray: 1000;
    stroke-dashoffset: -1000;
	animation-name: drawingAE;
	animation-duration: 1.2s;
	animation-delay: 0s;
}
@keyframes drawingAE {
	from {    stroke-dashoffset: 0;}
	to {    stroke-dashoffset: -1000;}
	}
.page-template-page-accueil ellipse#round_1_ {
    stroke-dasharray: 1150;
    stroke-dashoffset: -1150;
	animation-name: drawingRound;
	animation-duration: 1.2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes drawingRound {
	from {    stroke-dashoffset: -1150;}
	to {    stroke-dashoffset: 0;}
	}
.page-template-page-accueil g#aelia {
    opacity: 0;
	animation-name: aelia;
	animation-duration: 1.2s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}
@keyframes aelia {
	from {    opacity: 0;}
	to {    opacity: 1}
	}
	
.page-template-page-accueil g#dutyfree {
    opacity: 0;
	animation-name: dutyfree;
	animation-duration: 1.2s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}
@keyframes dutyfree {
	from {    opacity: 0;}
	to {    opacity: 1}
	}
	
.page-template-page-accueil path#trait {
    stroke-dasharray: 1710;
    stroke-dashoffset: -1710;
	animation-name: drawingTrait;
	animation-duration: 0.7s;
	animation-delay: 2.2s;
	animation-fill-mode: forwards;
}
@keyframes drawingTrait {
	from {    stroke-dashoffset: -1710;}
	to {    stroke-dashoffset: 0;}
	}
.page-template-page-accueil g#for-diplomats {
	opacity: 0;
	animation-name: diplomats;
	animation-duration: 2s;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}
@keyframes diplomats {
from {    opacity: 0;}
to {    opacity: 1}
}
.page-template-page-accueil section#accueil, .page-template-page-accueil div#nav-container {
	opacity: 0;
	animation-name: accueil;
	animation-duration: 2s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}
@keyframes accueil {
from {    opacity: 0;}
to {    opacity: 1}
}

/************************************************************
	MEDIAS QUERIES
************************************************************/
@media(min-width:1200px) {
	.grid-container {
    max-width: 90%;
}
}
@media(min-width:1400px) {
	.grid-container {
    max-width: 1300px;
    width: 100%;
}
}
@media(max-width:1200px) {

}
@media(max-width:959px) {
	
}
@media(max-width:639px) {
    #nav-container {
	display: none;
    }
    #accueil{margin-top: 30px;}
    #offer{margin-top: 30px;}
    #page-container{margin-top: 30px;}
    #content{margin-top: 30px;}
    #contact{margin-top: 30px;}
    #content-default{margin-top: 30px;}
    #contact iframe{margin-bottom: 30px;}
    
     svg#logo-svg {
        width: 90%;
    }
    
    .page-template-page-offer h2 {
        font-size: 35px;
    }
    
    #accueil,  #offer, #content, #contact {
        padding: 0px 20px;
    }
    h2 {
        font-size: 25px;
    }
    
    @keyframes drawingAE {
	from {    stroke-dashoffset: -1000;}
	to {    stroke-dashoffset: -1000;}
	}
    @keyframes drawingRound {
	from {    stroke-dashoffset:  0;}
	to {    stroke-dashoffset: 0;}
	}
        @keyframes drawingTrait {
	from {    stroke-dashoffset: 0;}
	to {    stroke-dashoffset: 0;}
	}
}
@media(max-width:400px) {
	
}