@charset "UTF-8";
@import "_quickcss.css";
@import "https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;600&family=Montserrat:wght@400;600&display=swap";

/* CUSTOM CSS CODE FROM HERE */
body{ font-family: 'Montserrat', sans-serif; font-weight: 400; color: #43352a; }
body:not(.i){background-color: #30353c }
img{ width: 100%}
/* DIVERS */
h1,h2,h3,h4,h5,h6{ font-family: 'Abhaya Libre', serif}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 400}
h2,h3{column-span: all;}
.o-triptyque-feature-container h4{ font-weight: 600}
b,strong{ font-weight: 600}

.fieldset > label{ font-weight: inherit;max-width: 90%; line-height: 1.3}
.fieldset > label.is-invalid-label{ font-weight: bold;}
footer{ width: 100%; font-size: .8rem; text-align: center; padding: 30px 15px 90px;
  background-color: #30353c;
  color: #F7F7F7;
}
a{color: #9ebdc2;transition: color .2s ease-out;-webkit-transition: color .2s ease-out; border-radius: 3px}
{ color: }
a:hover{ color: #43352a;}
.button{ border-radius: 3px; background-color: #98999e;transition: background-color .2s ease-out;-webkit-transition: background-color .2s ease-out;}
.button:hover{ background-color: #85868B;}

.o-brand-logo {
    margin: auto;
    max-width: 230px;
    margin-bottom: 60px;
}
footer a:hover{ color: #699498}

ul.pagination li> a{ border-radius: 3px}
ul.pagination li> a:hover,
ul.pagination li> a.is-active{  color:#5186a0 !important;}
.o-sticky-magellan-pageancors{
  z-index: 1;
  position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-color: #F7F7F7;
}

#o-video-block-397d747b4309552{ padding-top: 60px}

.menu.dropdown{ position: initial}
.menu.dropdown .dropdown-pane{ border:none}
.mega-menu .dropdown-pane {
    width: 90%;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 0 60px 30px 0 rgba(0, 0, 0, 0.3), 150px 180px 120px 0 rgba(0, 0, 0, 0.2);
    padding-top: 90px;
    padding-bottom: 60px;
}
.menu-magelan-container{padding: 15px;}
.menu-magelan-container ul{margin: 0;}
.is-dropdown-submenu-parent{background-color: #FFF;}
.is-dropdown-submenu{ border: none;  z-index: 3;box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.34);
border-radius: 2px;}
.date-time{
  color: #98999e;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

#home-page-link {
    height: 52px;
}

#views-top-bar-header .navbar-brand {
    text-align: center;
    display: block;
    font-size: 1.3rem;
    padding-bottom: 60px;
}

.o-blog-social-share{text-align: center;padding: 30px; border-top: 1px solid #edf4f8;border-bottom: 1px solid #edf4f8; margin: 60px 0}
.o-blog-social-share a.button{color: #929eb6; margin: 0}
.actions-buttons a.button{color: #929eb6; border-color: #929eb6;padding-right: 5rem;}
.actions-buttons{text-align: center;padding: 30px;}

.tabs-content{ border: none}

.renderFlags {margin-left: 15px;}
.renderFlags .flag-icon{border-radius: 50%;opacity: .3}
.renderFlags .flag-icon:hover,
.renderFlags .show_langues.active .flag-icon{opacity: 1}

.o-form, .o-tabs{ padding: 60px 0}
body.contact .o-form{ padding:0 0 60px}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week],
select,
textarea
{ border-radius: 3px}
fieldset{ width: 100%; position: relative;}

section{ background-color: #fff}
.menu li a{ font-weight: 400; color:#859fa3}
.menu li a:hover{ color:#43352a}
.menu>li.is-active>a{ color: #30353c !important; background: none !important}


.pagefeature-container{ background-color: #dddce1; padding: 30px;min-height: 390px;position: relative;}
.pagefeature-container .button{ position: absolute; bottom: 30px; left: 30px;background-color: #FFF;color: #929eb6;}
.pagefeature-container .button:hover{background-color: rgba(255,255,255,.7);color: #30353c;}

/* ORBIT SLIDER */
/*.orbit-slide, .orbit-slide img{ min-height: 420px}*/
.orbit .orbit-controls{ opacity: 0;transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;}
.orbit:hover .orbit-controls{ opacity: 1}
.orbit-next, .orbit-previous{background-color: rgba(10,10,10,0); color: #929eb6; font-size: 200%; padding: 100px}
.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover{ background-color: rgba(10,10,10,0); cursor: pointer; color: #30353c;}
.orbit-slide figcaption{ position: absolute; z-index: 1;}
.orbit-slide figcaption h1{ line-height: normal; font-size: 190%}



.orbit-controls button{ transition: background-color .2s ease-out;-webkit-transition: background-color .2s ease-out;}
.orbit-controls button:hover{}
.orbit-bullets button {margin: 0.3rem}

.orbit-slide-0 .p1 { line-height: 1.1; color: #fff; padding: 20px; width: 60%; top:30%; left: 20%;}
.orbit-slide-0 .p2 { line-height: 1.1; color: #fff; background-color: #43352a; padding: 20px; width: 60%; top:60%;left: 20%}
.orbit-slide-0 .p2 p { margin: 0}
.orbit-slide:not(.orbit-slide-0) .p1 { padding: 15px; width: 60%; top:30%; left: 20%;text-align: center;}
.orbit-slide:not(.orbit-slide-0) .button { background-color: #43352a}
.orbit-slide:not(.orbit-slide-0) .button:hover { background-color: rgba(68,53,42, .8)}


.orbit-slide:not(.orbit-slide-0) img{ opacity: .5;}

/* TRIBULLET */
.o-tribullets{ padding: 60px 0px; background-color: #dddce1}
.o-tribullets h2{ text-align: center; margin: 60px auto}
.tribullet-card{ padding:30px; background-color: #FFF; color: #333; min-height: 250px;font-size: 0.9rem;}

/* SIMPLE BLOG */
.article-card{ background-color: #F4F4F4; border-radius: 3px; overflow: hidden;min-height: 590px;}
.article-card .edito-simpleblog{ padding:15px 30px}
  .article-card h3{ font-size: 1.3rem; color: #43352a; font-weight: 400; margin: 15px 0;}
  .article-card a{ background-color: #43352a; color: #dfdad7}
  .article-card a:hover{ background-color: rgba(68,53,42, .8)}

.simpleblog{ padding-bottom: 60px}

/* MENU */
#home-page-link img{ width:190px }
#home-page-link img:hover{ cursor: pointer; }
.title-bar-title img{ width:130px}
.title-bar{ background-color:#FFF;padding: 1.5rem 2rem;}

.top-bar{padding: 2rem 0.5rem;}
.top-bar a { text-transform: uppercase; font-weight: bold; font-size: .9rem}
.top-bar, .top-bar ul{ background-color: inherit;}
.menu-icon{ width: 60px;}
.menu-icon::after{
  background: #000000;
  -webkit-box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
  box-shadow: 0 7px 0 #000000,0 14px 0 #000000;
}

/* FORM */
label {font-weight: bold}

/* col-i-ii */
.col-i-ii,
.col-i{ padding: 60px 0}
#col-i-QsvGAWUqH7eXRcK{ padding-bottom: 0}
#o-form-HWfSnbJ3hy1zaTN{ padding-top: 0}

/* PAGE TITLE */
.o-page-title{ padding: 90px 30px; text-align: center;}
.o-page-title h1{
  font-size: 2.2rem;
  max-width: 590px;
  margin: auto;
  line-height: 2.2rem;
  font-weight: 400;
}
.o-page-title.sinstance-V6UvkKpa2ErMPCw{ background-color: #929eb6; color: #dfdad7}
.o-page-title.sinstance-w9LORz8gDpXbJfr{ background-color: #98999e; color: #dddce1}
.o-page-title.sinstance-LPuxOpZt98kIcvM{ background-color: #dfdad7; color: #43352a}

#o-form-HWfSnbJ3hy1zaTN .grid-container{ background-color: #9ebdc2;}
#o-form-HWfSnbJ3hy1zaTN .grid-container h3{ padding-top: 60px}

.grid-simpleblog > .grid-simpleblog-item{ margin-bottom: 30px}
.grid-simpleblog form input{ background-color: #FFF}

#o-whitebook-3118677a7c02ef0 > .grid-container {
    transition: opacity .2s ease-in-out,margin-top .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out,margin-top .2s ease-in-out;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    box-shadow: 0 0 300px 00px rgba(0, 0, 0, 0.52);
    background-color: #FFF;
    border-radius: 3px;
    margin-top: -30px;
    padding: 60px;
    opacity: 0;
    display: none;
}
#o-whitebook-Jxv9fsjhq0B283F .btn-showform,
#o-whitebook-Jxv9fsjhq0B283F .btn-showform-close{ display: none;}

.owb-btn-container .thumbnail {
    margin:0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
    max-width: 130px
}
.owb-btn-container{position:absolute; z-index:2; right:0; background-color: #FFF; padding:15px; font-size: .8em}
.owb-btn-container .o-whitebook-showform{ margin: 0}
.button.btn-showform-close {
    position: absolute;
    right: 30px;
    top: 30px;
}
#o-page-title-075283d8c462b10{ background-color: #acd0d7;}
#o-video-block-b1dd9bd97a2b19a .o-video-block-edito{ column-count: 1;}
#o-video-block-b1dd9bd97a2b19a{
  padding-top: 90px;
}
#o-video-block-b1dd9bd97a2b19a .o-block-media-adn .grid-x {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#o-video-block-a49770ae5d87ab3{
  background-color: #dddce1; padding-top: 90px;
}
#o-video-block-ffdf21c3242d973{
  background-color: #dfdad7; padding-top: 90px;
}
#o-video-block-c835113626f9a5e{
  background-color: #9ebdc2; padding-top: 90px;padding-bottom: 90px;
}
#o-video-block-c835113626f9a5e .numover-container {
  position: absolute;
}
#o-video-block-c835113626f9a5e .o-block-media-adn-cta {
  margin-left: 250px; margin-bottom: 120px;
}
#o-video-block-c835113626f9a5e .o-block-media-adn-cta a {
  white-space: nowrap;
}



#o-page-title-a8472ad02c28033{ background-color: #5186a0; color: #ffde59}
.o-video-block-edito{ column-count: 2;}
#o-video-block-0fa823c3cf599fb .o-video-block-edito{ column-count: 1; }
#o-video-block-0fa823c3cf599fb{
  padding-top: 90px;
}
#o-video-block-0fa823c3cf599fb .o-block-media-adn .grid-x {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#o-video-block-d1499acad5164d3{
  background-color: #e0d7d7; padding-top: 90px;
}
#o-video-block-e058d5d2abd7074{
  background-color: #9ebdc2; padding-top: 90px;
}
#o-video-block-338ac5e2c04a3ac{
  background-color: #dddce1; padding-top: 90px;
}
#o-video-block-338ac5e2c04a3ac .o-video-block-edito{
  column-count: 2;
}


.tabs-title-x{float: none !important;display: inline-block; padding: 15px}

/* MENU */
#o-menu-BaIdxg1PCvz8f5J, #o-menu-4LfUIamin7DZQyG{
  background-color: #FFF
}
.o-video-block-edito p{
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
            page-break-inside: avoid; /* Firefox */
                 break-inside: avoid; /* IE 10+ */
                 break-inside: avoid-column; /* W3C */

}

.page[data-id=8] a:hover{ color: #43352a;} /* page conseil. */
.page[data-id=9] a:hover{ color: #43352a;}/* page formation. */

.page.i #odbox-main{ padding-top: 90px}
#i-view .navbar-brand {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-size: 1.3rem;
}

.badge-title{}
.badge-numover {
    background-color: rgba(98, 98, 98, 0.7);
    border-radius: 50%;
    display: inline-block;
    padding: 60px;
    line-height: 0;
    width: 100px;
    height: 100px;
    font-size: 12rem
}
/*.o-video-block video{ width: 100%; position: relative; border-radius: 3px;transition: top .2s ease-in-out;-webkit-transition: top .2s ease-in-out;top:15px; background-color: #000}
.o-video-block video:hover { width: 100%; position: fixed !important; top:0 !important;left:0;right:0; box-shadow: 0 0 320px 220px rgba(0,0,0,.9); z-index: 1; max-height: 70vh; background-color: #000}
.o-video-block .cell small{ color: #ccc; text-align: right; display: block;}
*/
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{ display: none;}
.swal2-popup{ border-radius: 3px;}
.swal2-popup.swal2-toast .swal2-title{ font-family: inherit}

.o-video-block{
  padding-bottom: 90px;
}
.o-video-block img{
  border-radius: 15px;
}
.o-video-block small{
  opacity: .3;
}
.o-video-block .cell{
  position: relative;
}

.o-video-block .adn-button a {
  display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: .85em 1em;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out;
font-family: inherit;
font-size: .9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;

border-radius: 3px;
background-color: #FFF;
color: #929eb6;
}
.o-video-block .adn-button a:hover{
  background-color: rgba(255,255,255,.75);
}
.o-video-block h1{
  transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;
  font-size: 5rem;
  line-height: 1;
  /*text-align: right;*/
  padding: 0 60px;
}
.o-video-block .o-video-block-edito{
  /*transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;*/
  /*max-width: 80%;
  text-align: justify;*/
}
.o-video-block .responsive-embed {
  transition: border-radius .3s ease-in-out, transform .7s ease-in-out;
  -webkit-transition: border-radius .3s ease-in-out, transform .7s ease-in-out;
    max-width: 320px;
    margin: auto;
    height: 320px;
    padding: 0px;
    overflow: visible;

}
.o-video-block .responsive-embed video{
  transition: border-radius .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
  -webkit-transition: border-radius .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
  width: 100%; max-height: 320px;border-radius: 50%;
  box-shadow:-10px -10px 20px 0 rgba(0,0,0,.1)
}
.o-video-block .responsive-embed video:hover{
  border-radius: 5%; transform: scale(1.05);
  box-shadow:10px 10px 40px 0 rgba(0,0,0,.3)
}


video{ background-color: #000; width: 100%}


/* TABS */
.tabs{ border:none; border-bottom:1px solid #e6e6e6}
.tabs-panel{ background-color: #F7F7F7; padding:60px; font-size: 1em}
.tabs-title>a{background-color: #Fff; font-size: 1em;color: #333;}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true]{ background-color: #F7F7F7;}
.tabs-title {float:none !important; display:inline-block}
.tabs {text-align:center;}

#o-tribullets-GaAr1MJqw8Ci5BD{ padding-top: 15px;}
#o-tribullets-GaAr1MJqw8Ci5BD h2{ color:#98999e; font-size: 30px; line-height: 1.1}

/* HOMEPAGE FEATURE */
.o-triptyque-feature{ background-color: #dfdad7; color: #43352a}
.o-triptyque-feature-container h4{ margin: 0}
.o-triptyque-feature-container{ padding: 15px 0}
.o-triptyque-feature-container a{ color: #929eb6}
.o-triptyque-feature-container a:hover{ color: #43352a}

/* form labels */
label.prefix, label.postfix { padding-right: 15px; color: #999; font-size: .8rem }
input[readonly], textarea[readonly], [type=text], [type=email], [type=password], textarea, label.prefix, label.postfix { background-color: #F8F8F8; border-color: #F7F7F7; box-shadow: none; height: 2.5rem }

.o-soon{
  padding: 15px;
  border-radius: 3px;
  display: inline-block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', monospace;
}
.orbit-wrapper, .orbit-container, .orbit-container li, .orbit-figure, .orbit-image{ min-height: 420px;transition: height .3s ease-out;-webkit-transition: height .3s ease-out;}
.over-cover{ position: absolute; background-color: #FFF; opacity: .5; left:0; right:0; top:0; bottom:0}
.orbit-container > li:first-child .over-cover{ opacity: 0}

.owb-btn-container {    max-width: 460px;}
.simpleslider .orbit-bullets { display: none}

.media-object{ margin-bottom: 0}
.pagination li{
    display: inline-block;
}

/* tests */

.o-block-media-adn-blockquote blockquote,
.o-block-media-adn-blockquote blockquote p,
.o-block-media-adn-blockquote blockquote cite{ border: none;  color: #421a0a}
.o-block-media-adn-blockquote .fas.fa-quote-left {opacity: .3}
.o-block-media-adn-blockquote .fas.fa-quote-left.spec {font-size: 2.7rem;float: left}
#o-video-block-c835113626f9a5e .o-block-media-adn-blockquote hr{ margin-top: 30px}
.o-block-media-adn-blockquote blockquote p{ font-size: .9rem}
.o-block-media-adn-blockquote .obc-img-id {
    float: left;
    width: 60px;
    border-radius: 50%;
    top: 10px;
    position: relative;
    margin: 20px;
    opacity: 1 !important;
}
#gc-o-video-block-c835113626f9a5e .o-block-media-adn-blockquote {
    /* margin-top: 120px; */
    /*position: absolute;*/
    top: -140px;
}
.numover-text {
    background-color: #FFF;
    padding: 15px;
    z-index: 1;
    border-radius: 3px;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}
.grecaptcha-badge{ opacity: 0}


.o-block-media-adn-blockquote .orbit-wrapper,
.o-block-media-adn-blockquote .orbit-container,
.o-block-media-adn-blockquote .orbit-container li,
.o-block-media-adn-blockquote .orbit-figure,
.o-block-media-adn-blockquote .orbit-image{
  min-height: inherit;
}
/*.accordion {background: transparent; margin-bottom: 0; margin-top: 60px}
:last-child > .accordion-content:last-child {border-bottom: nan}
.accordion-content {border: 0px !important; background-color: transparent; padding-left: 60px}
.accordion-content blockquote{margin-top: 30px;border-left: 10px solid rgba(0, 0, 0, 0.06);}
.accordion-content blockquote p,
.accordion-content blockquote cite{ color: initial;}
.accordion-title {
    font-size: .8rem;
    color:#929eb6;
    border:0px;
    background-color: #e6e6e6;
    border-radius: 3px !important;
}
.accordion-title:focus, .accordion-title:hover {background-color: #F6F2F2}
*/

@media (max-width:768px) {
  /* menu */
  .top-bar a {font-size: 0.8rem;
    padding: 0.7rem 0.5rem !important;}
  /* white book */
  .owb-btn-container {position: relative;max-width: inherit;}
  /* slider */
  .orbit-wrapper, .orbit-container, .orbit-container li, .orbit-figure, .orbit-image{ min-height: 350px}
  .orbit-controls{ display: none}
  .orbit-bullets {position: absolute;bottom:0;left: 0;right: 0;text-align: center; display: block;}
  .orbit-slide figcaption h1 {font-size: 140%}
  .orbit-slide-0 .p1 {top: 20%}
  .orbit-slide-0 .p2 {top: 50%;font-size: 0.8rem}
  .simpleslider .orbit-bullets { display: block}
  /*.orbit-bullets {margin-bottom: -3rem}*/
  .tabs-title > a, .tabs-title-x > a {padding: 1.25rem 0.1rem;}
}
@media (max-width: 414px) {
  /* menu */
  .top-bar a {font-size: 1rem;}
  /* orbit slider */
  .orbit-wrapper, .orbit-container, .orbit-container li, .orbit-figure, .orbit-image{ min-height: 500px}
  .orbit-slide-0 .p1 {
      width: 100%;
      top: 10%;
      left: 0;
      font-size: 1.7rem;
  }
  .orbit-slide-0 .p2 {
    font-size: 0.9rem;
    width: 100%;
    top: 50%;
    left: 0;
  }
  .orbit-slide:not(.orbit-slide-0) .p1 {
      width: 100%;
      top: 20%;
      left: 0%;
      font-size: 1.3rem;
  }
  /* home features */
  .o-triptyque-feature-container {padding: 0}
  .o-triptyque-feature-container h4{ font-size: 1.8rem}
  /* home feature */
  .o-triptyque-feature {padding: 20px}
  /* white book window */
  #o-whitebook-3118677a7c02ef0 > .grid-container{ top:110px}
  .o-video-block .responsive-embed {width: 280px;height: 280px;}

  /* *** */
  .o-video-block h1 {font-size: 2rem;
      line-height: 1;
      padding: 0;
  }
  #o-video-block-c835113626f9a5e .numover-container {
    position: relative;
  }
  .o-video-block .adn-button a{ width: 100%}
  #o-video-block-c835113626f9a5e .o-block-media-adn-cta {margin-left: 0px; margin-bottom: 0}

  .numover-disk { top: inherit;}
  .numover-text { position: relative;top: 0px;opacity: 1;}

  .fieldset > label { max-width: 80%}
  fieldset {width: initial;margin: 10px !important;margin-bottom: 1.125rem !important}
  section .o-video-block-edito {column-count: 1 !important}

   .tabs-title-x{ display: none}
  .tabs-title{float: inherit;display: block;width: 100%;text-align: left}
  .tabs-title > a, .tabs-title-x > a {padding: 10px}
  .tabs-panel {padding: 15px}

  .o-tribullets h2{ padding-left: 15px; padding-right:15px}

  .o-tabs .tabs{ position: sticky; -webkit-position:sticky; top: 0}
}

@media (max-width: 375px) {
  .orbit-slide-0 .p1 {
      top: 5%;
  }
  .orbit-slide figcaption h1 {
      font-size: 120%;
  }
  .orbit-slide-0 .p1 {
      top: 5%;
  }
  .orbit-slide-0 .p2 {
    top: 43%;
  }
}