@charset "UTF-8";

/*Theme Name: Chabé 

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème de Chabé 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:100%;
    box-sizing: border-box;
    
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    font-family: 'Euclid Circular A';
    font-weight: 500;
    font-style: normal;
    font-size:0.95rem;
	line-height:1.35;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#061E3A;    
    overflow-x: hidden;
}

#ltr *, .ltr * {direction: ltr;}

hr {height:1px;border:0;background-color:#061E3A;display: block;margin:20px 0;}

img {max-width:100%;height:auto;max-height:100%;width:auto;}
a img {border:0;}

.alignleft {float:left;margin:0 20px 20px 0;}
.alignright {float:right;margin:0 0 20px 20px;}
.aligncenter {display: block;margin:20px auto;}

a {text-decoration: none;color:#DE2B4E;}
a:hover {}

strong {font-weight:700;}

.clear {clear:both;}

.container {position: relative;}


.wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child {
    margin-bottom: auto !important;
}

.full_height {min-height: 100vh !important;}

.hide {display: none;}

blockquote {font-style:italic;font-size:0.8rem;}


/* ------------------------------ HEADER ------------------------------ */


header {
    position: fixed;
    height:80px;
    width:100%;
    z-index:900;
    background: #FFF;
    text-align: center;
}
.sous_header {height:80px;}

.logo_header { height:40px;margin:20px auto;}

#btn_menu, #btn_search {
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    top:20px;
    left:20px;
    width:40px;
}
.trait {
    height:1px;
    width:40px;
    background-color: #061E3A;
    margin:7px 0;
}
#btn_search {
    left:80px;
    top:25px;
}
#btn_langues {
    position: absolute;
    z-index: 1000;
    top:27px;
    left:120px;
    width:70px;
}
#btn_langues ul {margin:0;padding:0;}
#btn_langues li  {display: table-cell;border-left:1px solid #061E3A;padding:0 5px;margin:0;}
#btn_langues li a  {font-size:1.2rem;color:#061E3A}
#btn_langues li:first-child {border: 0;}


/*#menu-item-16120-it, #menu-item-16120-de {display: none !important;}
#menu-item-16120-es {display: none !important;}*/

#loupe {cursor: pointer;height:30px;width:30px;background: url('img/loupe.svg') no-repeat;background-size:contain;}
#nl_btn {cursor: pointer;}

.close_btn {cursor: pointer;height:40px;width:40px;background: url('img/close_bleu.svg') no-repeat;background-size:contain;display: inline-block;margin:30px 0 0 0;}

.form_recherche, .form_nl {margin:25px auto;width:500px;position: relative;}
.form_recherche label {display: none;}
.form_recherche form {width: 100%;margin-top:15px;}
.form_recherche input[type=text] {width:65%;display: inline-block;box-sizing: border-box;}
.form_recherche input[type=submit] {
    cursor: pointer;
    box-sizing: border-box;
    width:33%;
    display: inline-block;
    margin-left:1%;
    background-color: #061E3A;
    border:1px solid #061E3A;
    color:#FFF;
    padding:10px 10px;
    border-radius: 0;
    text-transform: uppercase;    
    font-family: 'Euclid Circular A';
    font-size: 0.8rem;
    outline: none;
    -webkit-appearance: none;
}

.fond_popup {
    display: none;
    position: fixed;
    background-color: rgba(255,255,255,0.7);
    top:80px;left:0;
    width:100%;
    height:calc(100% - 80px);
    z-index:500;
    overflow-y: scroll;
}
.resultats {display: flex;justify-content: space-between;flex-wrap: wrap;}
.resultats .col {width:45%;}

.bloc_header {
    position:absolute;
    top:0;
    right:0;
    height:80px;
    width:130px;
    text-transform: uppercase;
    font-size:0.7rem;
}
.bloc_header.fond_bleu {right:130px;}
.bloc_header a {display: block;padding:10px 14px;color:#FFF;}
.bloc_header div {text-align: center;}
.bloc_header i {font-size:1.8rem;margin-bottom:5px;}

nav {
    position: fixed;
    z-index:1000;
    width:300px;
    height:100%;
    top:0;
    bottom:0;
    left:-300px; 
    background-color:#061E3A;
    text-transform: uppercase;
    padding:20px;
    transition: all ease 500ms;
    overflow-y: auto;
}
#close {cursor: pointer;height:40px;width:40px;background: url('img/close_blanc.svg') no-repeat;background-size:contain;}
#langues {position:absolute;top:30px;right:20px;}
#langues ul {margin:0;}
#langues li  {display: inline-block;border-left:1px solid #FFF;padding:0 5px 0 7px;margin:0;}
#langues li a  {font-size:1rem;}
#langues li:first-child {border: 0;}

nav ul {list-style-type: none;padding:0;}
nav li.big {margin: 0;}
nav li {margin:0 0 4px 0;}

nav .big a {color:#FFF;font-size:1.5rem;border-top:1px solid #FFF;padding:4px 0;}
nav .big:first-child a {border-top:0}
nav .barre a {border-top:1px solid #FFF;padding:10px 0 0 0;}
nav  a {display: inline-block;color:#FFF;font-size:0.8rem;}

nav .mb a {margin-bottom: 6px;}

.current-menu-item > a, .current-menu-parent > a {color:#DE2B4E !important;}   

/*.menu-item-has-children > a:after {
    content:'';
    padding-left:30px;
    background: url('img/arrow_down.png') no-repeat;
    background-size: 16px;
    background-position:  center;
}

.menu-item-has-children.ouvert > a:after {
    content:'';
    padding-left:30px;
    background: url('img/arrow_up.png') no-repeat;
    background-size: 16px;
    background-position:  center;

}*/

.chevron_nav {
    width: 40px !important;
    height: 10px;
    background-image: url(img/arrow_down.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-right: 0 !important;
    cursor: pointer;
}
.chevron_nav.ouvert {
    background-image: url(img/arrow_up.png);
    background-repeat: no-repeat;
}

.sub-menu {display: none;margin:10px 0 10px 25px;}

/* ------------------------------ ANIMATION LOGO ------------------------------ */

.logo_anime {width:355px;height:355px;margin:-177px auto 0 auto;z-index:500;position: relative;}
.logo_centre {position: absolute;width:135px;height:135px;top:110px;left:110px;}

.logo_anime2 {width:500px;height:500px;margin:0 auto;position: relative;}
.texte_centre {position: absolute;width:100%;top:50%;text-align: center;transform: translateY(-50%);}
.texte_centre p {margin-top: 0;letter-spacing: 0.04rem;}
.texte_centre p:last-child {margin:0;}

#anim_centenary {width:480px;margin:0 auto;display: block;}

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

.container {padding:0 50px;}

.image_top {height:600px !important;}

h2, h3, h4, h5 {line-height:1.15;}
.titre_entete p {color:#DE2B4E;text-transform: uppercase;margin-top: -5rem;font-size: 5rem;line-height:1;}
h1, h2 {text-transform: uppercase;font-size:3rem;}
h3 {text-transform: uppercase;font-size:2rem;}
h4 {text-transform: uppercase;font-size:1rem;margin-top:30px;}

.taille3 {font-size:3rem;}
.taille2 {font-size:2rem;}

h5, .sur_titre {color:#DE2B4E;font-size:1.6rem;line-height: 1.8rem;}
h5 + h2 {margin:5px 0 60px 0;;}
h4 + p {margin-top:10px}

.bloc_texte {padding:50px;box-sizing: border-box;position: relative;}

.espace {padding:50px 0;}
.espace_double {padding:100px 0;}
.espace_triple {padding:150px 0;}

.rouge {color:#DE2B4E;}
.bleu {color:#061E3A;}

.fond_rouge {background-color:#DE2B4E;color:#FFF;background-position: center !important;}
.fond_bleu  {background-color:#061E3A;color:#FFF;background-position: center !important;}
.fond_blanc {background-color:#FFF;color:#061E3A;background-position: center !important;}

.job a {color:#FFF;text-decoration: underline;}

a.fleche, a.map {text-transform: uppercase;color:#DE2B4E;}
a.map:after {font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left:10px;font-size:1.5rem;content: "\f3c5";}

a.fleche {
    padding-right:34px;
    background-image: url('img/fleche_4.png');
    background-repeat:  no-repeat;
    background-position:  center right;
    background-size: contain;
    transition: all ease 300ms;
}
a.fleche:hover {padding-right:39px;}

a.more {cursor: pointer;}

.cache {display: none;}

.liste_agences a {color:#061E3A;}
.liste_agences a:hover {color:#DE2B4E;}

.logo_grand {width:250px;height:auto;}
.logo_petit {width:70px;height:auto;}

.valeur {padding:100px 100px;box-sizing: border-box;}

.slider {padding:0 50px;}
.slider_demi .slide {width:95%;margin:0 auto;}

.slide {background-color:#FFF;color:#061E3A !important;padding: 50px 50px;text-align: center;width:500px;margin:50px auto !important;}
.slide h4 {margin:0 0 10px 0;}
.slide li {text-align: left;}

#home_fr_bloc1, #home_fr_bloc2, #home_fr_bloc3, #home_fr_bloc4 {cursor: pointer}

/* ------------------------------  SLIDER ACTUALITES -----------------------------*/
.bg_centre {background-position: center;}

.slider_actu {padding:50px 50px 200px 50px;}

.slider_actu .ca-equal-height .owl-item>.gcp-post, .slider_actu .ca-equal-height .owl-item>.vc_row, .slider_actu .ca-equal-height .owl-item>.wpb_row {
    margin: 0 20px;
    display: flex;
    align-items: center;
    background-color: #FFF;
    height: 250px;
}

.gcp-caption-excerpt {
    text-align: center;
    color:#061E3A;
    padding:40px !important;
    box-sizing:border-box;
    width: 100%;
}
.gcp-post-title {text-transform: uppercase;font-size: 1rem;}

.gcp-design-image .gcp-post-title+.gcp-post-content {margin: 10px 0;}
.gcp-caption-wrapper h4 {margin: 0 !important;}

.owl-nav div::before, .owl-prev::before, .owl-next::before {content: '' !important;}

.owl-nav .owl-prev {background: transparent url(img/prev-blanc.png) no-repeat center center !important;}
.owl-nav .owl-next {background: transparent url(img/next-blanc.png) no-repeat center center !important;}
.carousel_bleu .owl-nav .owl-prev {background: transparent url(img/prev-bleu.png) no-repeat center center !important;}
.carousel_bleu .owl-nav .owl-next {background: transparent url(img/next-bleu.png) no-repeat center center !important;}
.owl-nav .owl-prev, .owl-nav .owl-next { 
    outline:none !important;
    color: rgba(0,0,0,0) !important; 
}
 .owl-nav div {height: 50px !important;margin-top: -15px !important;}

.owl-nav, .owl-theme .owl-nav {margin-top: 0 !important;}

.owl-ca-carousel .owl-item img {max-width: 100%;width: auto;}

/* ------------------------------  GRILLE ACTUS -----------------------------*/

.vc_grid-filter-bordered {background:#061E3A;color:#FFF !important;margin: 0 !important;padding: 0 50px 50px 50px  !important;}
.vc_grid-filter-bordered .vc_grid-filter-item {
    background-color: transparent !important;
    border:0 !important;
    /*display: list-item !important;*/
    padding:0px 10px !important;
    margin:5px 0 !important;
    border-left:1px solid #FFF !important;
}
.vc_active > span {color: #DE2B4E !important;}

.vc_gitem-zone-a.grille_actu {border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.vc_gitem-post-data-source-post_categories {text-align: left !important;}
.vc_gitem_row .vc_gitem-col {
    padding: 30px !important;
}
.grille_actu h3, .content_carre_actu h3 {font-size:1.7rem;/*margin-top:60px;*/position: absolute;
    top: 40%;}

.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top {bottom:0;}
.vc_gitem-col {height:100%;}
.vc_gitem-post-data-source-post_date, .content_carre_actu .date_actu {position:absolute;bottom:15px;text-transform: uppercase;font-size:1rem;}


.vc_gitem-zone-b {color:#FFF;}
.vc_gitem-zone-b:before {
    background-color: #DE2B4E;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.8;
}

.vc_grid .vc_pageable-load-more-btn {
    margin: 0 !important;
    padding:50px;
    background: url('img/fond_actu_bleu_2.png') repeat center #061E3A;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 1.2rem !important;
    padding: 20px 40px !important;
}
.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 0 !important;
}

.case_mosaique p { margin:0;}
.case_mosaique a {
    height:50vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    text-transform: uppercase;
    font-size: 2.5rem;
    transition: all ease 0.2s;
    margin:0 -7.5px;
}
.case_mosaique a:hover {background-color: rgba(0,0,0,0);}

.case_mosaique .wpb_wrapper {margin-bottom: 0 !important;}


/* ------------------------------  Page ACTU -----------------------------*/

.page_actu h2 {margin-bottom:5px;}
.date_actu {}
.cat_actu {margin-bottom:50px;}
.nav_actu {margin:50px 0;}
.gauche {width:50%;float:left;padding-right:15px;clear:both;font-weight: 400;}
.droite {width:50%;float:right;padding-left:15px;font-weight: 400;}

.content_actu {width:66%;float:left;text-align: justify;}
.recent_actu {width:34%;float:right;padding-left:50px;}
.recent_actu div {border-bottom:1px solid #ddd; padding:25px 0;}

.carres_actu {display: flex;flex-wrap: wrap;border-top: 1px solid #ddd;}
.carre_actu {position: relative; width:33.3333%;}
.carre_actu::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.carre_actu a {position: absolute; top:0;bottom:0;right:0;left:0;cursor:pointer;z-index:5;}
.content_carre_actu {position: absolute; top:0;bottom:0;right:0;left:0;z-index:4;padding:25px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.face_b {  color:#FFF !important;opacity:0;filter: alpha(opacity=0);background-color:#DE2B4E;}
.carre_actu:hover .face_b  {opacity:1;filter: alpha(opacity=100);}

/* ------------------------------  GRILLE EXCURSIONS -----------------------------*/

.more {text-transform: uppercase;}
.more::after {
	position: relative;
	border-style: solid;
	border-width: 1px 1px 0 0;
    border-color:#DE2B4E;
	content: '';
	display: inline-block;
	height: 15px;
	width: 15px;
	left: 20px;
	top: -6px;
    transform: rotate(135deg);
    transition:ease all 300ms;
	vertical-align: top;
}
.more.active::after {
    transform: rotate(-45deg);
    top: 6px;

}
.excursions {display: flex;flex-wrap: wrap;padding-bottom:50px;}
.excursion {width:50%;padding:20px;}
.excursion h3 {font-size:1.7rem;margin:20px 0;}
.excursion p {text-align: justify;}
.excursion .devis {margin-top:25px;}

h4.vc_tta-panel-title {font-size:2rem;text-transform: uppercase;}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #061E3A !important;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon {
    height: 40px !important;
    width: 40px !important;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
    border-width: 0 1px 1px 0 !important;
    left: 13px !important;
    right: 13px !important;
    top: 13px !important;
    bottom: 13px !important;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border:1px solid #FFF;
    border-radius: 50%;
}
/* ------------------------------  GRILLE FLOTTE -----------------------------*/

.vehicules {display: flex;flex-wrap: wrap;margin-top:50px;}
.vehicule {width:23%;padding:20px;margin:1%;background-color: #F5F5F5;}
.vehicule img {background-color: #FFF;}
.vehicule h4 {margin: 30px 0 0 0;color:#061E3A !important;}
.vehicule .pdf {margin:20px 0 !important;}
.wpb_text_column .vehicules .vehicule:last-child {margin-bottom:1% !important;}


.wpb_text_column .owl-carousel {margin-top:/*50px*/ 0 !important;margin-bottom:50px !important;}
.owl-carousel .owl-stage {display: flex;}
.owl-carousel .vehicule {width:90%;margin:5%;height: 100%;}
.wpb_text_column .owl-item:last-child {margin-bottom:0 !important;}

.owl-dots {margin-top:20px !important;}
.fond_bleu .owl-dot span {background-color: #FFFFFF !important;}
.owl-dot span {background-color: #061e3a !important;}
.owl-dot.active span {background-color: #DE2B4E !important;}

.flotte_carousel .owl-nav {text-align: left;position: absolute;right:10px;top:-48px;}
.flotte_carousel .owl-nav .owl-prev, .flotte_carousel .owl-nav .owl-next {
    display: inline-block;cursor: pointer;height:40px;width:40px;background-image: url('img/up.svg') !important;background-repeat:  no-repeat ;background-size:40px 40px;
    transform: rotate(-90deg);
}
.fond_bleu .flotte_carousel .owl-nav .owl-prev, .fond_bleu .flotte_carousel .owl-nav .owl-next {background-image: url('img/nav.svg') !important;}

.flotte_carousel .owl-nav .owl-next {transform: rotate(90deg);}

/* ------------------------------  GRILLE MEMBRE COMITES -----------------------------*/

.grille_membres {display: flex;flex-wrap: wrap;margin-top:50px;align-items: stretch;}
.flex_start {align-items: start;}

.membre {width:23%;padding:20px;margin:10px 1%;background-color: #F5F5F5;}
.membre:last-child {margin-bottom: 10px !important;}
.sous_photo {position: relative;}
.membre h3 {margin:5px 40px 0 0;color: #DE2B4E;font-size:1.2rem;}
.membre h4 {margin:0 40px 0 0;font-size:0.9rem;}

.plus, .moins {cursor: pointer;width:30px;height:30px;position: absolute;right:0;top:5px;background: url("img/up.svg");background-size: contain;}
.plus {transform: rotate(180deg)}
.details, .moins {display: none;}
.details {text-align: justify;}
/* ------------------------------  CARRIERE EMPLOIS -----------------------------*/

.poste {padding:50px 50px 50px 0;cursor: pointer;position: relative;}
.poste p {margin:10px 0 0 0;}
.infos {display: none;padding-bottom:50px !important;}
.description {width:50%;margin:0 auto;padding:0 0 50px 0;}

.chevron {
    position: absolute;
    top: 48px;
    right: 0px;
    width:40px;
    height:40px;
}
.chevron::before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 13px;
    right: 13px;
    top: 13px;
    bottom: 13px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg) translate(-25%,-25%);
    transform: rotate(45deg) translate(-25%,-25%);
    transition: all .2s ease-in-out;
}    
.chevron.open::before {
    -webkit-transform: rotate(225deg) translate(-25%,-25%);
    transform: rotate(225deg) translate(-25%,-25%);
}   
.chevron::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border:1px solid #FFF;
    border-radius: 50%;
}
.fond_blanc .chevron::before, .fond_blanc .chevron::after {border-color:#061E3A;}

/* ------------------------------  EQUIPE -----------------------------*/
.equipe h4 {text-transform: none;}

/* ------------------------------  DOCUMENTATION -----------------------------*/

.bloc_bleu .vc_column-inner {background-color:#061E3A;color:#FFF;}
.bloc_bleu p {margin-top: 0;}

/* ------------------------------  STORY  -----------------------------*/

#story {position: relative;width:500px;height:500px;margin:0 auto;padding:20px;box-sizing: border-box;
        /*animation: grow 2s 1;*/
}
.dates {position: absolute;width:500px;height:500px;border: dashed 1px #DE2B4E;
    	border-radius: 50%;text-align: center;top:0;left:50%;margin-left:-250px;padding-top:212px;}

#story.story_rtl li {direction: ltr;}

#story li {position: absolute;top: 50%; left: 50%;margin: -12px 0 0 14px;cursor: pointer;width:240px;}
#story li .story_event {display: none;position: absolute;width:100%;top:25px;left:10px;text-align: left;text-transform: uppercase;}
#story li .story_date {transition: font-size ease 200ms;position: absolute;width:100%;top:0;text-align: left;}
#story li:hover .story_date  {font-size:1.1rem;color:#DE2B4E;}
#story li:hover .story_event {display: block;}

.r0{transform:  rotate(90deg) translate(250px) rotate(-90deg);}
.r30{transform: rotate(120deg) translate(250px) rotate(-120deg);}
.r40{transform: rotate(130deg) translate(250px) rotate(-130deg);}
.r60{transform: rotate(150deg) translate(250px) rotate(-150deg);}
.r80{transform: rotate(170deg) translate(250px) rotate(-170deg);}
.r90{transform: rotate(180deg) translate(250px) rotate(-180deg);}
.r120{transform: rotate(210deg) translate(250px) rotate(-210deg);}
.r150{transform: rotate(240deg) translate(250px) rotate(-240deg);}
.r160{transform: rotate(250deg) translate(250px) rotate(-250deg);}
.r180{transform: rotate(270deg) translate(250px) rotate(-270deg);}
.r200{transform: rotate(290deg) translate(250px) rotate(-290deg);}
.r210{transform: rotate(300deg) translate(250px) rotate(-300deg);}
.r240{transform: rotate(330deg) translate(250px) rotate(-330deg);}
.r270{transform: rotate(0deg) translate(250px) rotate(-0deg);}
.r280{transform: rotate(10deg) translate(250px) rotate(-10deg);}
.r300{transform: rotate(30deg) translate(250px) rotate(-30deg);}
.r320{transform: rotate(50deg) translate(250px) rotate(-50deg);}
.r330{transform: rotate(60deg) translate(250px) rotate(-60deg);/*animation : appear 3.75s 1;*/}

[data-aos="fondu"] {opacity: 0;}
[data-aos="fondu"].aos-animate {opacity: 1;}

#story li .date_gauche {transform :translate(-270px);text-align: right;}
.story_haut {transform :translateY(-12px);}
.story_bas {transform :translateY(12px);}


/* ------------------------------  FOOTER -----------------------------*/

.mPS2id-highlight {display: inline-flex;}

footer .container {display:flex;justify-content: center;padding:50px;flex-wrap: wrap;}
footer .nl {align-items: center;}
footer .last {padding:20px 50px;}
.col_4 {flex: 1;}
.col_2 {flex: 2;}


footer a {color: #FFF;}
footer a i {color: #061E3A;font-size:2rem;margin:0 15px 0 0;}

.social {display: flex;align-items: center;justify-content: flex-end;}

.up {display: inline-block;cursor: pointer;height:40px;width:40px;background: url('img/up.svg') no-repeat;background-size:contain;}

footer .logo {text-align: right;}
footer .logo img {width:50px;}

footer ul {list-style-type: none;padding:0 5px 0 0;}
footer li {margin:5px 0;}

.sep {border-top:1px solid #FFF;}

.cn-button.bootstrap {
    background: #DE2B4E !important;
    border-radius: 0;
    text-transform: uppercase;
    padding:10px 30px !important;
}
.cn-text-container {margin: 20px  !important;}

/* ------------------------------  CHAT PLUGIN  -----------------------------*/

.agentChatContainer .message {background-color: #DE2B4E !important;}
    
#cookie-notice {z-index:2000000001;} 

/* ------------------------------  WHATSAPP  -----------------------------*/

.glow-wa {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  right: 100px;
}

.glow-wa img {
  width: 90px;
  transition: .2s;
}

.glow-wa img:hover {transform: scale(1.2);}

.glow-wa a {
  display: block;
  z-index: 99999;
  position: absolute;
}

.glow-wa p {
  position: absolute;
  bottom: -30px;
  text-align: center;
  width: 100%;
  border: 1px solid rgb(200,200,200);
  border-radius: 25px;
  margin: 0;
  background: white;
  z-index: 1111;
  font-size: 14px;
  line-height: 2;
}

div.glow {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  margin: 30px;
}

div.glow:before, div.glow:after, div.glow span {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-shadow: 0 0 15px #0dc143;
  animation: glow-grow 2s ease-out infinite;
}

div.glow:after {animation-delay: .66s;}

div.glow span{animation-delay: 1.33s;}

@keyframes glow-grow {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@media screen and (max-width: 767px) {

  .glow-wa {

    right: 80px;
  }

  .glow-wa img {
    width: 70px;
  }

  .glow-wa p {
    width: 110%;
    left: calc(0px - 5%);
    line-height: 1.5;
    bottom: -21px;
  }

  div.glow {
    height: 70px;
    width: 70px;
  }

}
/* ------------------------------  CONTACT FORM -----------------------------*/

.cols_contact {text-align: center;}
.col_contact {display: inline-block;text-align: center;margin: 25px 5%;position: relative;}
.icone_contact {
    display: inline-block; 
    width:180px;height:180px;
    background-size:contain;background-repeat: no-repeat;background-position: center;}
.icone_chat { background-image: url("img/icone_chat.svg");}
.icone_tel { background-image: url("img/icone_telephone.svg");}
.icone_mail { background-image: url("img/icone_mail.svg");}

.wpcf7 form, .form_contact {
    background: #FFF;
    padding:30px;
    color:#061E3A;
    margin:25px 10%;
    margin-bottom:50px !important;
    border:1px solid #061E3A;
}
.wpb_text_column .wpcf7 form {margin-bottom:50px !important;}
#searchform {background: #FFF;padding:30px;color:#061E3A;border:1px solid #061E3A;}

.fond_popup form {margin:25px 0 !important;}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=file], select, textarea, .field {
    display: block;
    padding: 10px /*0px*/;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    border: 1px solid #dedede;
    /*border-width: 0 0 1px 0;*/
    -moz-transition: all .24s ease-in-out;
    -o-transition: all .24s ease-in-out;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    box-sizing: border-box;
    font-family: 'Euclid Circular A';
    font-size: 1rem;
    color:#061E3A;    
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

.intl-tel-input {display: block !important;}

.wpcf7-not-valid, input[type=text].wpcf7-not-valid {    border: 1px solid #DE2B4E !important;}
.wpcf7-checkbox.wpcf7-not-valid {    border: none !important;}

optgroup option {padding-inline-start:0;margin:0;padding:0;}

select {
    padding-right:30px;
    background: url("img/open_select.svg") no-repeat;
    background-position: top 15px right 10px;
    background-size: 18px 12px;
}
option {    font-family: 'Euclid Circular A' !important;}

.wpcf7 input[type=submit], .form_contact input[type=submit] {
    cursor: pointer;
    box-sizing: border-box;
    background-color: #061E3A;
    border:1px solid #061E3A;
    color:#FFF;
    padding:10px 40px;
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Euclid Circular A';
    font-size:1rem;
    outline:0;
    -webkit-appearance: none;
    display: block;
    margin:0 auto;
}
.captcha {text-align: center;color:#061E3A;}
.captcha input {width:100px;display: inline-block;border-width: 1px;}

.wpcf7 label {cursor: pointer;}

.wpcf7-list-item {
    display: flex;
    align-items:flex-start;
}

label .wpcf7-not-valid-tip {margin-left:40px;}

.wpcf7-list-item input[type=checkbox] {margin-right:10px;}

.wpcf7-response-output { padding: 15px !important;color:#061E3A;font-size:1.1rem;border: 2px solid #061E3A !important;text-align: center;}

.invalid .wpcf7-response-output { color:#DE2B4E;border: 2px solid #DE2B4E !important;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #061E3A;
  opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #061E3A;}
::-ms-input-placeholder { /* Microsoft Edge */color: #061E3A;}

.mce_inline_error { color:#DE2B4E;}
#mce-error-response { color:#DE2B4E;}
#mce-success-response { color:forestgreen;}

.grecaptcha-badge { visibility: hidden; }


#tawkchat-minified-box {right:45px !important;}

#btn_menu_langues {display: none;}

/* ------------------------------  RESPONSIVE -----------------------------*/
@media (max-width: 1200px) {
    .membre {width:31%;margin:1%;}
}
@media (max-width: 1000px) {
    .carre_actu {width:50%;}
    .grille_actu h3 {font-size:1.2rem;margin-top:10px;}

}
@media (max-width: 780px) {
    header {height:60px;}
    .sous_header {height:100px;}
    #btn_menu {top: 10px;}
    #btn_search {top: 15px;}
    #btn_langues {
        top:17px;
        left:auto;
        right:20px;
    }
    #btn_menu_langues {
        display: block;
        font-size: 1.2rem;
        color: #061E3A;
        text-transform: uppercase;
        cursor: pointer;
    }
    #menu-langues {
        display: none;
        position: absolute;
        top:43px;
        border:1px solid #061E3A;
        background: #FFF;
        padding:5px !important;
    }
    #menu-langues li {display: block;border: 0;margin:5px 0;}
    
    .logo_header {height:30px;margin:15px auto;}
    
    .bloc_header {top:60px;height:40px;width:50%;right:0;font-size: 0.8rem;}
    .bloc_header a {padding:12px;}
    .bloc_header.fond_bleu {left:0;}
    .bloc_header i {display: none;}
    
    .valeur {padding: 50px 50px;}
    
    .excursion {width:100%;padding:20px 0;}
    .excursion h3 {font-size:1.6rem;}

    .vehicule {width:46%;margin:2%;padding:10px;}
    .vehicule h4 {font-size:1.2rem;}
    
    .membre {width:46%;margin:2%;}

    .description {width:100%;}
    
    .grille_actu h3 {font-size:1rem;margin-top:10px;}

    .membre {width:46%;margin:10px 2%;}

    
}
@media (min-width: 641px) {
    .mobile {display: none !important;}
}
@media (max-width: 640px) {
    .desktop {display: none !important;}
    
    .container {padding:0 15px;}

    .image_top {height:auto !important;min-height:400px;}

    .titre_entete p {margin-top: -3rem;margin-bottom:3rem !important;font-size: 3rem;}
    h1, h2 {font-size:2rem;}
    h3 {font-size:1.6rem;}
    h4 {font-size:1.2rem;}

    .taille3 {font-size:2rem;}
    .taille2 {font-size:1.6rem;}

    h5 {font-size:1.6rem;}
    h5 + h2 {margin:5px 0 30px 0;;}

    .bloc_texte {padding:40px;}

    .espace, .espace_double, .espace_triple {padding:40px 0;}
    
    a.fleche, a.fleche:hover {
    padding-right:0;
    background-image: none;
    }


    .slider_actu {padding:50px 0px 200px 0px;}
    .owl-nav {display: none;}
    .flotte_carousel .owl-nav {display: block;}

    .logo_anime {width:290px;height:290px;margin:-145px auto 0 auto;}
    .logo_centre {position: absolute;width:120px;height:120px;top:85px;left:85px;}
    .logo_anime2 {width:290px;height:290px;}
    .texte_centre {position: absolute;width:100%;top:50%;text-align: center;transform: translateY(-50%);}
    .texte_centre p, .texte_centre p:last-child {margin: 0 auto;width: 140px;}

    .slider {padding:0px;}
    .slide {width: 90%;}

    .valeur {padding: 25px;}

    .equipe h2 {margin-top:40px;}
    
    .vehicule {width:100%;margin:0 0 20px 0;padding:20px;}

    .content_actu {width:100%;float:none;}
    .recent_actu {display: none;}
    .carre_actu {width:100%;}
    
    .vc_responsive .vc_grid-filter {display: block !important;}
    .vc_grid-filter-select {display: none !important;}
    .grille_actu h3 {font-size:1.7rem;margin-top:60px;}

    .wpcf7 form { margin:25px 0;}
    
    form .gauche, form .droite {width:100%;padding:0;}
    
    .form_recherche, .form_nl {width:100%;margin:0;}

    .form_recherche input[type=text] {width:55%;}
    .form_recherche input[type=submit] {width:40%;}

    .col_contact {display: block;margin: 25px auto;}

    .resultats .col {width:100%;}

    footer .container {padding:40px 15px;}
    .col_4, .col_2 {flex:auto;width:50%;}
    .nl .col_4 {flex:auto;width:100%;}
    .social {justify-content: center;margin-top:15px;}
    
    input[type=date] {
        -webkit-appearance: textfield;
        padding-right:30px;
        background: url("img/calendar.svg") no-repeat;
        background-position: top 12px right 10px;
        background-size: 18px 18px;
        min-height:40px;
    }


    /* ------------------------------  STORY  -----------------------------

    #story_cercle {width:250px;height:250px;}
    
    #story {width:250px;height:250px;}
    #story li .story_event, #story li .story_date {font-size:0.8rem;}
    
    .dates {width:250px;height:250px;margin-left:-125px;padding-top:100px;}
    .dates h3 {font-size:1.3rem;}
    
    .r0{transform:  rotate(90deg) translate(125px) rotate(-90deg);}
    .r30{transform: rotate(120deg) translate(125px) rotate(-120deg);}
    .r60{transform: rotate(150deg) translate(125px) rotate(-150deg);}
    .r90{transform: rotate(180deg) translate(125px) rotate(-180deg);}
    .r120{transform: rotate(210deg) translate(125px) rotate(-210deg);}
    .r150{transform: rotate(240deg) translate(125px) rotate(-240deg);}
    .r180{transform: rotate(270deg) translate(125px) rotate(-270deg);}
    .r210{transform: rotate(300deg) translate(125px) rotate(-300deg);}
    .r240{transform: rotate(330deg) translate(125px) rotate(-330deg);}
    .r270{transform: rotate(0deg) translate(125px) rotate(-0deg);}
    .r300{transform: rotate(30deg) translate(125px) rotate(-30deg);}
    .r330{transform: rotate(60deg) translate(125px) rotate(-60deg);}/*animation : appear 3.75s 1;*/

    /* ------------------------------  STORY  -----------------------------*/

    #story {position: relative;width:auto;height:auto;margin:0 auto;border: 0;padding:0 15px;}            
    .dates {position: relative;width:auto;height:auto;border: 0;text-align: center;top:auto;left:auto;margin-left:0;padding:0 15px;}
    .dates h3 {font-size:1.3rem;}

    #story li {position: relative;top: auto;left: auto;margin: 10px 0;cursor: pointer;width:auto;list-style-type: none;transform: none !important;}
    #story li .story_event {display: block;position: relative;width:auto;top:auto;left:auto;text-align: center;}
    #story li .story_date {transition: font-size ease 200ms;position: relative;width:auto;top:auto;color:#DE2B4E;text-align: center;}
    #story li:hover .story_date  {font-size:0.95rem;}

    /*.r0,.r30,.r60,.r90,.r120,.r150,.r180,.r210,.r240,.r270,.r300,.r330{transform: none;}*/

    [data-aos="fondu"] {opacity: 0;}
    [data-aos="fondu"].aos-animate {opacity: 1;}

    .date_gauche,.story_haut,.story_bas {transform :none !important;}
}
@media (max-width: 480px) {
    .membre {width:100%;margin:20px 0;}
}