/*
Theme Name: APE Formation
Author: APE Com et intégration Olivier Coudre
Author URI: https://ape-formation.com/
Description: theme pour le site formation APE
Version: 1.1
Text Domain: site
Tags: ACF
*/

/*
SVG icons
*/
[class^="svg-icon"], [class*=" svg-icon"] {height: 1em; width: 1em; display: inline-block; fill: currentColor; }


/*
animation
 */
/*.animate_delay_1 {animation-delay: .3s}*/
.animate__delay-1 {animation-delay: .5s; }
.animate__delay-2 {animation-delay: 1s; }
.animate__delay-3 {animation-delay: 1.5s; }

@keyframes fadeInDown {
    0% {opacity: 0; transform: translateY(-4rem) }
    to {opacity: 1; transform: translateY(0) }
}
.animate__fadeInDown {opacity: 0; animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: forwards; }

@keyframes fadeInRight {
    0% {opacity: 0; transform: translateX(4rem) }
    to {opacity: 1; transform: translateX(0) }
}
.animate__fadeInRight {opacity: 0; animation-name: fadeInRight; animation-duration: 1s; animation-fill-mode: forwards; }
.scroll-obs [data-onvisible] {opacity: 0;}

/**
 * Global & Structure
 */
 * {box-sizing: border-box;}
 *:after,
 *:before {box-sizing: inherit;}


/*
   fonts
*/

 body { font-family:'Lato', sans-serif;color:#1A1920;background-color: white;margin: 0;overflow-x: hidden;}
 h1, h2,h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;font-weight: 700;line-height: 1.4;}

 a {text-decoration:underline}
 @media print,screen and (min-width: 40em) { /* 640 */
   h1 {font-size: 30px;}
   h2 {font-size: 30px;}
   h3 {font-size: 18px;}
   h4 {font-size: 18px;}
 }
 @media screen and (min-width: 1280px) {
   h1 {font-size: 36px;}
   h2 {font-size: 30px;}
   h3 {font-size: 24px;}
   h4 {font-size: 18px;}
   /*.wpcf7 input,
   .wpcf7 textarea,*/
   .entry-content {font-size: 18px;}
 }
 p {margin: 0;}

 .clearfix:before,.clearfix:after{content:" ";display:table}
 .clearfix:after{clear:both}

 .ie-alert {padding: 2em; border: red solid 2px;z-index: 999;background: white;position: relative; display: none;
 position: fixed;left: 0;right: 0;
 }
.is-ie .ie-alert {display: block;}
 label {color:inherit;cursor: pointer;}
 table {margin: 1rem 0; }
 ul {margin-left:0; list-style-type: none; }
 :focus{outline:none !important; }
 img {max-width: 100%;height: auto;}


:root {
  --grid-gap:1rem;
  --header-color-dest:#F49300;
}
 .container {padding: 0 1rem;}
 .container-col {display: flex;}

.col-12 {flex-basis:100%}
@media print, screen and (min-width: 768px) {
  .container {margin:auto;padding: 0 1.25rem;}

  .container-md-grid { display: grid; }
  .grid-sm-6 {grid-template-columns: repeat( 2,1fr) }
  .container-md-col {display: flex; flex-wrap: wrap;}

  .col-sm-12 {flex-basis:100%}
  .container-col-2,
  .col-sm-6 {flex-basis:50%}
  .col-sm-4 {flex-basis:33.33%}
  .col-sm-3 {flex-basis:25%}
  .col-padding {grid-gap: 1rem}
}
@media print, screen and (min-width: 992px) {
  .grid-md-3 {grid-template-columns: repeat( 4,1fr) }
  .col-md-12 {flex-basis:100%}
  .col-md-6 {flex-basis:50%}
  .col-md-4 {flex-basis:33.33%}
  .col-md-3 {flex-basis:25%}
}

@media print, screen and (min-width: 1200px) {
  .container-lg-col {display: flex;}
  .col-lg-6 {flex-basis:50%}
  .col-lg-4 {flex-basis:33.33%}
  .col-lg-3 {flex-basis:25%}
  .container {max-width: 1140px;padding: 0;}

  .col-padding {grid-gap: 1.5rem}
}

@media print, screen and (max-width: 767px) {
.hide-sm {display: none !important;}
}
@media print, screen and (min-width: 768px) {
  .visible-sm {display: none !important;}
}
.visible-desktop {display: none;}
@media print, screen and (min-width: 1200px) {
  .visible-desktop {display: block;}
  .hide-desktop {display: none;}
}

input[type="submit"],
.btn {padding: 1rem 2rem;border: 0;border-radius: 1.7rem;-webkit-appearance: none;cursor: pointer;text-decoration: none;transition : all .44s ease }
.btn:active,
.btn:focus,
.btn:hover {text-decoration: none;}

input[type="submit"],
.btn-primary {font-size: 1.125rem;font-weight: 700;line-height: 1;}

.btn-icon-after::after{content:'';width: 1em;height: 1em;display: inline-block; background-size: contain;margin-left: 0.5rem;background-repeat: no-repeat;background-position: center;vertical-align: middle;top: 0; position: relative;}
.icon-arrow-right::after {background-image: url("img/arrow-right.svg");}
.icon-pdf::after         {background-image: url("img/icon-pdf.svg");}
.icon-quizz::after       {background-image: url("img/icon-quizz.svg");}

.btn-pill {border-radius:2rem;display: inline-flex;align-items: center;border: solid 2px}
.btn.btn-pill {padding: .2rem 1rem}
.btn-pill .svg-icon,
.btn-pill.btn-icon-after::after {height: 1.4rem;}
.btn-pill .svg-icon {margin-left: .5rem;}
/*
colors
*/

.text-primary {color: #F9B233;}

.btn-pill {background-color: #FFF;color:black;border-color:#908F9D;}

input[type="submit"],
.btn-primary,

.bg-primary {background-color: #F9B233;color:white}
.bg-primary a{color:white}
.zbtn-pill {background-color: #F9B233;}
.btn-pill:hover,
.btn-pill:active,
.btn-pill:focus,
.bg-secondary {background-color: #211F3B;color:white;border-color:#211F3B}
.bg-secondary ul>li:before{background-color: #F9B233;}
.bg-secondary .with-icon .svg-icon{color: #F9B233;}
.bg-secondary a{color: #F9B233;}
.bg-secondary a{color: white;}
.bg-secondary a:hover{color: #0097CE;}

.rounded-box {border-radius: 5px; padding: 1rem 1.5rem;}

.site-footer .btn-primary {background-color: white; color:#211F3B}
a:active,
a:focus,
a:hover {color: #F9B233}


input[type="submit"],
.btn-primary {background-color: #F9B233; color: #fff;}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);background-color: #0097CE;transform: translateY(-2px);}

.btn-secondary {background-color: #0097CE; color: #fff;}
.btn-secondary:focus,
.btn-secondary:hover {background-color: #F9B233; color: #fff; }

.btn[disabled],
.btn[disabled]:hover {background-color: #747474;cursor: not-allowed}



/**
 * Wordpress styles
 */
 .alignleft {float: left}
 .alignright {float: right}
 .aligncenter {display: block;margin-left: auto;margin-right: auto}
 figure.wp-caption.alignleft,img.alignleft {margin: 5px 20px 5px 0}
 .wp-caption.alignleft {margin: 5px 10px 5px 0}
 figure.wp-caption.alignright,img.alignright {margin: 5px 0 5px 20px}
 .wp-caption.alignright {margin: 5px 0 5px 10px}
 img.aligncenter {margin: 5px auto}
 img.alignnone {margin: 5px 0}
 .wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;text-align: center;}
 div.wp-caption.alignright img[class*="wp-image-"] {float: right}
 div.wp-caption.alignright .wp-caption-text {padding-left: 10px}
 .wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside}

/*
  Accessibility
*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; }
#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus { position:static; width:auto; height:auto; }

/*
header
*/

html {scroll-behavior: smooth; scroll-padding-top: 86px;}

body.header-fixed {padding-top: 90px;}
@media screen and (min-width:768px) {
  body.header-fixed {padding-top: 122px;}
}
@media screen and (min-width:1025px) {
  body.header-fixed {padding-top: 124px;}
}

.home-link{border:0;}
.home-link:focus,
.home-link:active {border-bottom-color:currentColor;}

.brand-logo {width: 60px;height: 64px; display: block;}
.brand-logo img{display: block;width: 100%;height: 100%;}

@media screen and (min-width:768px) {
  .brand-logo {width: 100px;height: 105px;}
}

.site-header {
  padding-top: 1rem;
  background-image: url("img/header-bg-overlay-smartphone.png"),linear-gradient(95.33deg, #000000 5.53%, var(--header-color-dest,#F49300) 100%);
  background-position:top right,0 0;
  background-repeat:no-repeat;
  color: white;
  margin-bottom: 4rem;
}
.is-ie .site-header {background-image: url("img/header-bg-ie-desktop.jpg");        background-size: auto;}
.tax-site_course_cat .site-header {margin-bottom: 0;}
.tax-site_course_cat .site-main >.entry-content {margin-top: 4rem;}
.site-header>.container {position: relative;}

@media screen and (min-width:768px) {
  .home .site-header>.container {height: 420px;}
}

.site-header a {color:white}
.site-header .row-social {display: none;}
@media screen and (min-width:768px) {
  .home .site-header {margin-bottom: 6rem;}
  .site-header .top-bar-left {margin-left: 1rem;margin-top: 1rem;}
  .site-header .row-social {display: block;}
}
@media screen and (min-width:1200px) {
  .site-header {
    background-image: url("img/header-bg-overlay-desktop.png"),
    linear-gradient(95.33deg, #000000 0%, var(--header-color-dest,#F49300) 100%);
    background-size: auto 100%,auto;
  }
  .site-header .top-bar-left {margin-left: 5.8rem;}
}
.site-header .row-social {font-size: 1.25rem;margin-left: -0.5rem;}
.site-header .row-social a{ padding: 0.5rem;line-height: 1;transition:all .3s}
.site-header .row-social a:hover{ background-color: #F9B233;}

.site-header .top-bar-right {display: flex;align-items: center;margin-left: auto;}
.site-header .top-bar-right .nav-pill{background: #FFF;border-radius: 100px;padding: 0.5rem 1rem;display: flex;}
.site-header .top-bar-right .nav-pill>a{color: #211F3B;text-decoration: none;display: inline-flex;padding: 0 .8rem;align-items: center;font-weight: 700;font-size: 14px;font-family: 'Roboto';}
.site-header .top-bar-right .nav-pill>a>.svg-icon{margin-right: 0.5rem;}
.site-header .top-bar-right .nav-pill>a:hover{color: #F9B233;}
.site-header .top-bar-right .nav-pill>a+a{margin-left: 0rem;border-left: 1px solid #908F9D;}
@media screen and (min-width:768px) {
  .site-header .container-sticky:not(.invisible) .top-bar-right {align-items: flex-start;position: absolute;right: 1.25rem;margin-top: .5rem;}
}
@media screen and (min-width:1200px) {
  .site-header .top-bar-right {}
}

.tag-link {background: #F9B233; color:white; text-decoration: none; display: block; display: flex; align-items: center; transition:all .44s ease; }
.tag-link:focus,
.tag-link:active,
.tag-link:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.35); background: #0097CE; }

.tag-label {font-size: 14px;display: inline-block;padding: .8rem 1rem;  }
.tag-link .svg-icon {width: 15px;height: 15px;margin-right: 0.5rem;}
@media print, screen and (min-width: 1200px) {

  .tag-link {position: relative; top: -1rem; }
  .container-sticky:not(.invisible) .tag-link {background: none; }

  .tag-link .svg-icon,
  .tag-link .tag-label {position: relative;z-index: 1;}
  .tag-link .tag-label {top: 1.4rem;left: 1rem;text-transform: uppercase;}
  .tag-link::after {
    content:'';
    display: block;
    position: absolute;
    width: 264px;
    height: 164px;
    background: #F9B233;
    left: -1.4rem;
    top: 1rem;
    transform: rotateZ(-49deg);
    transform-origin: top left;
    transition:all .44s ease;
  }
  .tag-link:focus,
  .tag-link:active,
  .tag-link:hover {box-shadow: none; }

  .tag-link:focus::after,
  .tag-link:active::after,
  .tag-link:hover::after{background: #0097CE; }

  .container-sticky.visible .tag-link:focus .tag-label ,
  .container-sticky.visible .tag-link:active .tag-label ,
  .container-sticky.visible .tag-link:hover .tag-label {color:white }
  .tag-link.logout-link .tag-label {left: 1.5rem;}

}


/* sticky menu */
.container-sticky.invisible {height: 112px;}
.container-sticky .container-col{transition:transform .3s}

.container-sticky.invisible .container-col{
    position: fixed;
    background: white;
    left: 0;
    top: 0;
    right: 0;
    padding-left: calc( (100vw - 1140px) / 2);
    padding-right: calc( (100vw - 1140px) / 2);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.10);
    z-index: 20;
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: forwards;
}

.container-sticky.invisible .brand-logo {width: 57px;height: 60px;margin: 0.8rem 0;}
.container-sticky.invisible .row-social {display: none;}
.container-sticky.invisible .top-bar-left {margin-top:auto;margin-bottom: auto;}
.container-sticky.invisible .main-navigation {margin-top: 0;}
.container-sticky.invisible .main-navigation .nav-link {color:black}
.container-sticky.invisible .tag-link {zbackground: #F9B233; margin: auto;top: 0;left: 0;}
.container-sticky.invisible .tag-label {top: 0;}
.container-sticky.invisible .tag-link.logout-link .tag-label {left: 0;}
.container-sticky.invisible .tag-link::after {content:none}


/* menu icon */
#navcheck {position: absolute; opacity: 0;width: 1px;height: 1px; }
.top-bar-right .menu-icon-wrap {display: inline-block;width: 50px;height: 50px;margin-left: 1rem;background: white;}
.menu-icon { display: block; z-index: 3;
  background: #211F3B;
  width: 30px; height: 4px; box-shadow: 0 10px 0px #211F3B, 0 20px 0px #211F3B; border-radius: 4px; margin: 13px auto 0;
  }
.menu-icon-close {position: relative; width: 20px; height: 20px; display: block; }
.menu-icon-close::after,
  .menu-icon-close::before {content:'';position: absolute;left: 0;width: 131%;height: 2px; background: #0097CE; transform-origin: 0 1px}
  .menu-icon-close::before {top: 0;transform:rotateZ(45deg);}
  .menu-icon-close::after{bottom: 0;transform:rotateZ(-45deg);}
@media screen and (min-width:768px) {
  .top-bar-right .menu-icon-wrap {display: none;}
}

.site-header>.container {display: flex; flex-direction: column; }

/*  feat container */
.feat-container {text-align: left;padding: 2rem 0;margin:auto 0;text-align: left;}
.feat-img {margin: 3rem auto 3rem}

@media (min-width: 768px) {
  .feat-container {text-align: left;padding: 2rem 0;}
  .feat-img {position: absolute; right: 1rem; bottom: -3rem; margin: 0; width: 295px;}
}

@media print, screen and (min-width: 1200px) {
  .feat-container {text-align: left;width: 500px;padding-left: 0;}
  .single-qsm_quiz .feat-container {width:unset}
  .feat-img {width: 420px;bottom: -5rem;}
}

.feat-container .page-title {font-size: 2rem;}
.not-home .feat-container .page-title {display: flex; align-items: center;margin-bottom: 1rem;margin-top: 0;}
.feat-container .page-title-logo {width: 60px; margin-right: 1rem; border-radius: 60px;}

@media (min-width: 768px) {
  .feat-container .page-title {font-size: 3rem;}
}
.btn-feat {position: absolute;left: 1rem;bottom: -1.6rem;}
@media (min-width: 768px) {
  .btn-feat {left: 1.25rem;}
  }
@media (min-width: 1200px) {
  .btn-feat {left: 0;}
}
.entry-title {margin: 0 0 1rem;}


/*
menu
*/

.main-navigation {margin-top: 0.4rem;}
.main-navigation .menu {margin: 0;padding: 0;}
.main-navigation .nav-link{text-decoration: none;font-weight: 400 ;display: block;padding: .5rem;}

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

  .main-navigation .nav-link {color: #211F3B;}
  .main-navigation .nav-link:active,
  .main-navigation .nav-link:focus,
  .main-navigation .nav-link:hover{background: #E7E7EB;}

  .menu-mobile {background: #fff; color: #211F3B; position: fixed; top: 0; left: 0; padding: 1rem; width: 100%; transform: translateX(100%); transition: transform .3s; opacity: 0; z-index: 10; }
  #navcheck:checked ~ .menu-mobile {
    transform: translateX(0);
    opacity: 1;
  }
  .menu-mobile>.menu-icon-wrap {border-bottom: 1px solid #cceaf5;color: #0097CE;font-weight: 500;display: block;padding: 1rem .5rem;justify-content: space-between;display: flex;}
}

@media print, screen and (min-width: 768px) {
  .menu-mobile>.menu-icon-wrap {display: none;}
  .main-navigation {margin-top: 2.3rem;margin-left: -0.5rem;}
  .main-navigation .menu {display: flex;justify-content: space-between;justify-content: stretch;gap:.5rem}
  .main-navigation .menu-item {flex: 1 1 auto}
  .main-navigation .menu-depth-0>.nav-link{text-align: center;color:white;position: relative;z-index: 2;padding-bottom: 0.8rem;}
  .main-navigation .menu-depth-0>.nav-link::before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #F9B233;
    transform: scale3d(1,0,1);
    transform-origin: 50% 100%;
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  }
  .main-navigation .menu-depth-0>.nav-link:active::before,
  .main-navigation .menu-depth-0>.nav-link:focus::before,
  .main-navigation .menu-depth-0>.nav-link:hover::before{transform: scale3d(1,1,1); transform-origin: 50% 100%;}
}
@media print, screen and (min-width: 992px) {
  .main-navigation .menu {gap:1rem}
}
/* sub menu */
.menu-item-has-children {position: relative;}
.sub-menu {display: none}
@media print, screen and (min-width: 768px) {
  .sub-menu {
    position: absolute;
    margin: 0;
    min-width: 170px;
    padding: .5rem 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    z-index: 20;
  }
  .sub-menu::before {content:'';display: block;width: 10px;
      height: 10px;
      background: white;
      border-radius: 3px 0px 0px 0px;
      transform: rotate(45deg);
      position: absolute;
      left:3ch;
      top:-5px;
  }
  .sub-menu .nav-link {color: #211F3B;padding: 0.5em 1.5rem;}
  .sub-menu .nav-link:hover {background: #E7E7EB;}
  .menu-item-has-children:hover>.sub-menu ,
  .nav-link:focus+.sub-menu,
  .nav-link:active+.sub-menu,
  .nav-link:hover+.sub-menu,
  .sub-menu:focus-within {display: block;}
}
/*
main
*/

.site-main {margin-bottom: 4rem;}
@media (min-width: 768px) {
  .anchors {font-size: 1px; height: 1px; overflow: hidden; position: relative; top: -124px; }
}

.entry-content {line-height: 1.5;}
.entry-content p+p {margin-top: 1rem;}
.page-header {margin-bottom: 2rem;}


.entry-content a:not([class]):hover {text-decoration: underline;}
.entry-content strong {font-weight: 900;}
.entry-content >ul:not([class]) {padding: 0;margin-top: 1rem;}
.entry-content >ul:not([class])>li {position: relative;padding-left: .7rem;}
.entry-content >ul:not([class])>li:before {
  position: absolute;
  left: 0;top: -0.1em;
  content:'';width: 6px;height: 6px;display: block;
  margin-top: 0.8em;
  background-color: #F9B233;border-radius: 50%;vertical-align: middle;margin-right: .5rem;}
  .entry-content ul>li+li {margin-top: 0rem;}


.section-footer {
  margin-top: 2rem;
}
.section-footer .contact-link {
  display: block; background: #F9B233; color:white; text-transform: uppercase;text-align: center; padding: 1rem;border-radius:1em 0 1em 0;
}
.section-footer .contact-link:active,
.section-footer .contact-link:focus,
.section-footer .contact-link:hover{text-decoration: underline;box-shadow: 0 0 15px rgba(0,0,0,.5);}

/*
 shortcodes
 */


form[name=loginform-stagaire] {margin-top: 2rem;}
.login-password,
.login-username {text-align: left;}
.login-password>label,
.login-username>label{margin-bottom: 0.5rem;display: inline-block;}
@media print, screen and (min-width: 768px) {
  form[name=loginform-stagaire] {display: flex;align-items: flex-end;justify-content: center;}
  .login-password,
  .login-username {margin: 0;}
  form[name=loginform-stagaire] p+p {margin-left: 2rem;}
}
.go-dashboard {margin-top: 4rem;}

.SC-icon {display: inline-flex;align-items: center;margin-bottom: .5rem;}
.SC-icon .svg-icon {margin-right: 1rem;}


.SC-stats {margin-top: 2rem;}
.SC-stats .stat-year {text-transform: uppercase;font-weight: 300;font-size: 1.5rem;}
.SC-stats .year-value {font-weight: bold;}
.SC-stats .stats-values {display: flex;margin: 0;padding: 0;margin-top: 0.5rem;}
.SC-stats .stats-values li {padding-right: .9rem;}
.SC-stats .stats-values li::before {content:'';display: inline-block;vertical-align: middle;width: 1.4em;height: 1.2em;background-repeat: no-repeat;background-size: contain;margin-right: 0.3em;}
.SC-stats .stats-values li+li{padding-left: 1rem;border-left:solid 1px white}
.SC-stats .stats-student::before {background-image: url("img/users-line.svg")}
.SC-stats .stats-hours::before {background-image: url("img/student.svg")}
.SC-stats .stats-success::before {background-image: url("img/award.svg")}

/**
 * widgets
 */

/*
	archive
 */

.ariane {background: #F6F6F6;color: #000;}
.ariane .svg-icon {color: #6d6d6d;vertical-align: middle;}
.ariane a{text-decoration: none;color: #6d6d6d;display: inline-block;padding: 1rem;}
.ariane a:active,
.ariane a:focus,
.ariane a:hover{text-decoration: underline;}
.ariane .breadcrumb_last {display: inline-block;padding: 1rem;}
@media print, screen and (min-width: 1200px) {

}
.feat-container .success_rate {width: 100px;height: 100px; margin: 0; border-radius: 150px; font-size: 2rem; font-weight: bold; text-align: center; background: linear-gradient(104.49deg, #F49300 0%, #F9B233 100%); }
.feat-container .success_rate-suffix {font-size: 1rem;}
.toggler {position: absolute; opacity: 0; width: 1px; height: 1px;}

.tax-site_course_cat .feat-container .feat-right {margin-top: 1rem;}
.feat-container .success_rate {position: relative; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 3.6rem; width: 100px;height: 100px; }
.feat-container .success_rate-suffix {font-size: 1rem;position: absolute; left:50%;bottom: .5rem; white-space: nowrap;}
@media print, screen and (min-width: 768px) {
  .tax-site_course_cat .feat-container {display: grid; grid-template-columns: 500px 1fr; width: 100%;}
  .tax-site_course_cat .feat-container .feat-text {grid-column-start: 1;}
  .tax-site_course_cat .feat-container .feat-text {grid-column-start: 1;}
  .tax-site_course_cat .feat-container .feat-right {margin-top: 0;grid-column-start: 2; grid-row-start: 1;grid-row-end:3}
  .feat-container .success_rate {font-size: 5.6rem;width: 150px;height: 150px;}
}

.course-tax-intro {margin-bottom: 2rem;}
.course-list {background: #908F9D;color: white; padding-top: 2rem;padding-bottom: 2rem;}
.course-list-header {display: flex;align-items: center;padding-right: 1.75rem;}
.course-list-header.sticky {position: sticky; top: 86px; z-index: 2; background: #908F9D;}
.course-list-header> h3 {flex: 1 1 auto;}
.course-list .col-header {padding: 0 1rem;
    display: flex;
    align-items: center;}
.course-list .col-header.price,
.course-list .col-header.duration,
.course-list .col-header.year {width: 9ch;}
.course-list .col-header.year.year-prev {margin-left: auto;}
.course-list .col-header.action {width: calc(50px + 1rem);}

.course-excerpt {background: #FFF;color: #211F3B;border-radius: 5px ;}
.course-excerpt header {display: flex; align-items: stretch; padding: 0 1.75rem 0 0; }
.course-excerpt .course-content-open {background: #E7E7EB;color:#211F3B; width: 50px; height: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center;
border: 3px solid #E7E7EB;}
.course-excerpt .course-content-open:active,
.course-excerpt .course-content-open:focus,
.course-excerpt .course-content-open:hover {border-color: #211F3B;}
.course-excerpt .course-content-open .svg-icon {color:#211F3B;width: 15px;height: 15px;transition:all .3s}
.course-excerpt + .course-excerpt {margin-top: 2rem;}
.course-excerpt .content-toggle {overflow: hidden;height: 0;}
.course-excerpt .toggler:checked ~ .content-toggle {height: unset;}
.course-excerpt .toggler:checked ~ header .action .svg-icon {transform: rotateZ(180deg);}
.course-excerpt .course-infos {
  padding: 1.75rem;display: flex;
  border-top: 1px solid #CCCCCC
  }
.course-excerpt .course-infos .course-col {width: 25ch; padding-right: 1rem; }
.course-excerpt .course-infos .course-col+ .course-col {border-left: 1px solid #CCCCCC;padding-left: 2rem;}
.course-infos ul {padding: 0;margin: 0;}
.course-infos ul>li {position: relative;padding-left: 1.2rem;}
.course-infos ul>li+li {margin-top: .5rem;}
.course-infos ul>li:before {content:''; display: block; position: absolute; left: 0;top: 0; width: 10px;height: 3px; margin-top: 0.6em; background-color: #211F3B; border-radius: 5px;}
.course-infos .course-col h4 {margin:0 0 1rem}
.course-infos .course-col ul {margin: 0;}
.course-excerpt .course-title {flex:1 1 auto;margin: 0;font-size: 18px;}
.course-excerpt .course-title>label{display: block;padding: 2rem 1.75rem;}
.course-excerpt .course-meta {margin: 0 0 0 auto;display: flex;align-items: center;}
.course-excerpt .course-meta.success-rate-year ,
.course-excerpt .course-meta.course-duration {width: 9ch;}
.course-excerpt .action,
.course-excerpt .course-meta {border-left: 1px solid #CCCCCC;padding: 0 1rem; display: flex;align-items: center;}
.course-excerpt .course-price {width:12ch}
.course-excerpt .action {padding-right: 0;}
.course-excerpt .course-content-footer {}
.course-excerpt .course-content-footer .more {background: #F9B233;color:white; display: block;padding: 1rem 1.75rem;text-decoration: none;font-weight: bold; border-radius: 0px 0px 5px 5px;color:white}
.course-excerpt .course-content-footer .more .svg-icon {height: 10px;margin-left: 0.5rem;}
.course-excerpt .course-content-footer .more:hover {background: #0097CE;}

/*
liste formateurs
*/
.team-list {padding-top: 2rem; padding-bottom: 2rem; }
.team-list h3 {margin-top: 0;}
.cards {margin-top: 85px;grid-gap:20px;}
.card {text-align: center;border: 2px solid #211F3B; border-radius: 5px;padding-bottom: 1.5rem;text-decoration: none;color:inherit;display: block;}
.card [itemprop="image"]{display: block;border-radius: 150px;width: 130px;height: 130px;margin:-65px auto 1.5rem auto;}
.card [itemprop="name"]{font-weight: 700;font-size: 1.3rem;display: block;}
.card [itemprop="comment"]{color: #46454c;display: block;}
.card [itemprop="jobTitle"]{color: #46454c;display: block;}
.person-grid.cards {grid-gap:90px 20px}
@media (max-width:767px) {
  .person-grid.cards > *+* {margin-top: 90px;}
}
/*
 * single post
 */
.single-post .site-header {position: relative; overflow: hidden;}
.feat-bg-img {position: absolute;top: 0;left:0;object-fit: cover;filter: opacity(0.3); width: 100%; height: 100%;}
.no-scroll-obs .feat-bg-img {opacity: 0.3;}
.site-header .post-cats {margin-top: 1rem;}
.site-header .post-cats + .page-title{ margin: 0; }

.single-post .entry-content>* {max-width: 750px;margin-left: auto;margin-right: auto;}
.single-post .entry-content a {color: #211F3B;}
.single-post .entry-content img {margin:2rem auto;max-width: 100%;}

/*
 * single formation
 */
.type-site_course .entry-content,
.single .site-main section {margin-bottom: 3rem;}

.course-col-title {font-size: 18px;margin-top: 0;}
.single .course-infos {margin-left: -1rem;margin-right: -1rem;}
.single .course-infos ul>li:before{background-color: #F9B233;}
.single .course-col {display: flex; flex-direction: column;padding: 0 1rem;margin-bottom: 2rem;}
@media print, screen and (min-width: 992px) {
  .single .course-col {margin-bottom: 0;}
}
.single .course-col-title {padding-left: 1.5rem;}
.single .course-col-card { border-radius: 5px;flex:1 1 auto;padding: 1.5rem 1.5rem;}
.single .course-price .course-col-card {font-size: 22px;font-weight: 700;display: flex;align-items: center;}

.course-steps-wrap {margin-bottom: 3rem;}
.course-steps-wrap h2 {margin-top: 0;}
.course-steps-wrap .course-steps {width: 100%;list-style:none;padding: 0;counter-reset: steps; margin: 0;}
.course-steps-wrap .course-steps .course-steps-header {text-align: left;text-transform: uppercase;font-size: 14px;font-weight: 700;margin-bottom: 1rem;display: flex;padding:0 2rem;margin-left: calc(2rem + 50px);}
.course-steps-wrap .course-steps li {border: 2px solid #908F9D; border-radius: 5px;padding: 1rem ;display: flex; align-items: center;}
.course-steps-wrap .course-steps li+li {margin-top: 1.5rem;}
.course-steps-wrap .course-steps li::before {
  counter-increment: steps;content: "0" counter(steps);
  background: #F9B233;
  height: 50px;border-radius: 50px;
  display: flex; justify-content: center; align-items: center;
  font-weight: 700; color: #000;
  flex: 0;
  aspect-ratio: 1;
}

.course-steps-wrap .course-steps li .step-title {text-align: left;font-size: 18px;font-weight: 700;margin-left: 1rem;}
.course-steps-wrap .course-steps .step-duration {margin-left: auto;flex-basis:12ch;text-align: center;}
.with-icon {display: flex;}
.with-icon .svg-icon{margin-right: .8rem;}
.course-col-card p+p {margin-top: .5rem;}

.course-register-wrap {background: #E7E7EB;padding: 1rem;}
.course-register-wrap h2{margin-top: 0;}
.single-site_course .site-main {margin-bottom: 0;}
.single-site_course .site-main .course-register-wrap{margin-bottom: 0;}
@media (min-width: 768px) {
  .course-steps-wrap .course-steps li {padding-inline:2rem}
  .course-steps-wrap .course-steps li .step-title {margin-left: 2rem;}
  .course-register-wrap {padding: 2rem;}
}
/*
 * home
 */
.home .site-header>.container {display: block;}
.home .feat-container {margin:0}
.home .feat-text p+p {margin-top: 1rem;}
@media print, screen and (min-width: 1200px) {
  .home .feat-container {width: 550px;}
}

.section {padding-top: 4rem; padding-bottom: 2rem;}
.section-title {color: #211F3B;text-align: center;margin-bottom: 0;margin-top: 0;}
.section-subtitle {text-align: center;}
.section-header {margin-bottom: 2rem;}

/* presentation */
.section-presentation {
  background: white url("img/bg-presentation.svg") no-repeat;
}
.services-grid {margin: 5rem 0 ;padding: 0;}
@media print, screen and (min-width: 768px) {
  .services-grid {
    gap:1.875rem;
    row-gap:4rem;
    margin: 5rem 0 ;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .is-ie .services-grid {display: flex;-webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;}
  .is-ie .services-grid .service {flex: 1 1 42%;margin:30px 10px 10px}
}
@media print, screen and (min-width: 1200px) {
  .services-grid {grid-template-columns: 1fr 1fr 1fr;}
  .is-ie .services-grid .service {flex: 0 1 25%;}
  }

.services-grid .service {display: block; background: white; border: 2px solid rgba(33, 31, 59, 0.3); border-radius: 5px; padding: 2.875rem 1.875rem 1.875rem; position: relative; margin-bottom: 3rem; text-decoration: none; color:inherit; }
.services-grid .service-link:focus,
.services-grid .service-link:active,
.services-grid .service-link:hover {border-color: #211F3B; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); text-decoration: none; }

@media print, screen and (min-width: 768px) {
  .services-grid .service {margin-bottom: 0;height: 100%;}
}
.services-grid .service-logo {position: absolute;top: -2rem;}
.services-grid .service-desc {line-height: 1.2;}
.services-grid .service-desc p+p{margin-top: 1rem;}


/*
  home connexion
*/
.section-connexion {background:#211F3B ;color:white;position: relative;}
.section-connexion::before {    content: ''; display: block; position: absolute; width: 80px; height: 50px; background: #F9B233; left: 50%; top: -1.6rem; transform: translateX(-50%) rotateZ(-49deg); }
.section-connexion a {color:inherit}

@media print, screen and (min-width: 768px) {
  .section-connexion .container {padding-left: 10vw;padding-right: 10vw;}
}
@media print, screen and (min-width: 1200px) {
  .section-connexion .container {padding-left: 0;padding-right: 0;}
}
.section-connexion .section-title {color:inherit;}

.help-grid {flex-wrap: wrap;padding: 0;margin: 0 -1rem;}
.help-grid > li {margin-bottom: 4rem;}
@media print, screen and (min-width: 1200px) {
  .help-grid > li {margin-bottom: 5rem;}
}
.help-grid > li:nth-child(3):last-child {flex-basis: 100%;}
.help-grid > li:nth-child(3):last-child .help-card {justify-content: center; text-align: center;}

.help-grid .help-card {background: #211F3B; border-radius: 5px;padding: 2rem 2rem 2.5rem;display: flex;align-items: flex-start;position: relative;margin:0 1rem 1rem;height: 100%;}
.help-grid .help-logo {background: rgba(255, 255, 255, 0.35); width: 60px;height: 60px;padding: 10px; margin-right: 1.25rem;}
.help-grid .help-desc {font-size: 1rem;line-height: 1.2;}
.help-grid .help-desc strong{font-size: 1.125em;}
.help-grid .help-desc p+p {margin-top: 0.3rem;}
.help-grid .help-btn { position: absolute; bottom: -1.7rem; background: #0097CE; border-radius: 100px; color:white; font-weight: 700;left: 50%;
    transform: translateX(-50%);white-space: nowrap; color:white;display: inline-flex;
    align-items: center;}
.help-grid .help-btn a {color:inherit;text-decoration: none;}
.help-grid .help-btn a:active,
.help-grid .help-btn a:focus,
.help-grid .help-btn a:hover {color:#211F3B}

.link-icon {display: inline-flex;align-items: center;
  height: 30px;background-repeat: no-repeat;background-size: contain; vertical-align: middle;margin:0 .5rem; background-position: center right;padding-right: 55px;}
.link-icon-nolabel {text-indent: -99em;overflow: hidden;width: 30px;padding-right: 0;}
.link-icon.icon-win {background-image: url("img/icon-windows-toggle.svg#off") }
.icon-win:focus,
.icon-win:active,
.icon-win:hover {background-image: url("img/icon-windows-toggle.svg#on") }
.icon-mac {background-image: url("img/icon-apple-toggle.svg#off") }
.icon-mac:focus,
.icon-mac:active,
.icon-mac:hover {background-image: url("img/icon-apple-toggle.svg#on") }
.icon-anydesk {background-image: url("img/icon-anydesk-toggle.svg#off") }
.icon-anydesk:focus,
.icon-anydesk:active,
.icon-anydesk:hover {background-image: url("img/icon-anydesk-toggle.svg#on") }
.link-icon-nolabel+.link-icon-label {margin-left: 2rem;}

/* overlay contact form */
.js .pop-overlay {position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  z-index: 5;
  opacity: 0;
  transform: translateY(200px);
  transition:all .5s;
  background-color: #211F3B;
  color: #fff;
  display: flex;
    justify-content: center;
    align-items: center;
}
.pop-overlay.pop-overlay-visible {height: auto;bottom: 0;opacity: 1;transform: translateY(0);}
.js .pop-overlay
.js .pop-overlay h3 {margin-top: 0;}
.js .pop-overlay a {color:inherit}
.js .pop-overlay p {margin-bottom: 1rem;}
.js .pop-overlay-content {position: relative;pointer-events:none;}
.js .pop-overlay-visible .pop-overlay-content {pointer-events:all ;}
.no-js .pop-overlay-close {display: none;}
.js .pop-overlay-close {position: absolute;top: 0;right: 0;display: block;width: 30px;height: 30px;cursor:pointer}
.js .pop-overlay .form-control {
  background: white;
  color:black;
  font-size: 1rem;
  padding: 0.8rem 0.6rem;
  border: 1px solid rgba(254, 254, 254, 0.3);
}
.pop-overlay .form-submit .btn {margin-top: 0;}
/*
  home news
 */
.section-actualites {padding-bottom: 0;position: relative;}
.section-actualites::before {
  background:#EBF6FF url("img/news-bg.png") no-repeat top left;
  content:'';display: block;position: absolute;
  top: 0;
  left: 0;
  height: 275px;
  width: 100%;
}
@media print, screen and (min-width: 1200px) {
  .section-actualites::before {background-image:url("img/news-bg-desktop.png") ;
  height: 324px;}
}
.SC-news {padding: 0 1rem; }
@media print, screen and (min-width: 768px) {
  .SC-news {padding:0 1.25rem; }
}


.news-carousel .post {display: block;}
.news-carousel.owl-theme .owl-nav {text-align:left;display: flex;margin: 0;}
.news-carousel.owl-theme .owl-nav [class*='owl-'] {color: #211F3B;opacity: 1; border-radius: 0;background-color: #F9B233;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;margin: 0;transition:all .3s}
.news-carousel.owl-theme .owl-nav > .disabled {opacity: 0.35;}

@media print, screen and (min-width: 1200px) {
  .SC-news {margin-left: calc( (100vw - 1140px) / 2);padding: 0;}
  .zSC-news .owl-carousel .owl-stage{ display: flex;}
  .zSC-news .owl-carousel .owl-item {flex: 0 0 360px}
}
/*
gallery
*/
.gallery a {border:0}
.gallery a::before{content:none}
.gallery-grid {margin-top: 1.25rem; display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.gallery-grid .gallery-item {margin-bottom: 1rem; width: 33%;padding: 0 1rem;}
.gallery-grid img {display: block;margin:0 auto}
.gallery-grid img[src$=svg] {width: 5rem; margin: auto; display: block; }
@media screen and (min-width: 40em) {
	.gallery-grid {margin-top: 1.875rem; }
  .gallery-grid .gallery-item {width: 33%;}
}

.news-carousel.owl-carousel .owl-stage-outer {padding-top: 10px;}
.site-carousel.owl-carousel .owl-item img {width: 70%;margin:0 auto}

.site-carousel.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 1.6rem;}
.site-carousel.owl-theme .owl-dots .owl-dot span {background: #211F3B;opacity: 0.5;width: 20px;height: 5px;border-radius:4px}
.site-carousel.owl-theme .owl-dots .owl-dot.active span,
.site-carousel.owl-theme .owl-dots .owl-dot:hover span {background: #211F3B;opacity: 1;}

/*
actus
*/
.posts-list {display: grid; grid-gap:1.6rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.post-card {position: relative;background-color: #211F3B;color:white;display: inline-block;}
.post-link {display: block;}
.post-link:hover .more {text-decoration: underline;}
.post-card .overlay{position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: left;padding: 1.6rem;display: flex;flex-direction: column;}
.post-feat {filter:opacity(0.35);display: block;transition: all .3s;width: 100%;height: 100%;object-fit: cover; }
.no-scroll-obs .post-feat {opacity: 0.35;}
.post-card {transition:all .3s}
.post-card:hover {transform:translateY(-10px)}
.post-link:hover .post-feat {opacity: 0.15;}
.post-cat {flex:0}
.more {margin-top: auto;}
.post-link,
.post-card .post-link:hover,
.post-card .post-link:active,
.post-card .post-link:focus,
.entry-title {color:inherit;}
.post-card .post-link .entry-title {margin-top: 1rem;font-size: 1.2rem;line-height: 1.2;}
@media print, screen and (min-width: 768px) {
  .post-card .post-link .entry-title {font-size: 1.4rem;}
}
@media print, screen and (min-width: 1200px) {
  .post-card .post-link .entry-title {font-size: 1.25rem;}
}
.post-cat {color:white;background-color: #211F3B;font-size: 12px;font-weight: 400;display: inline-block;padding: 0.25rem .5rem;-webkit-border-radius: 1rem;
        border-radius: 1rem;text-transform: uppercase;}
.post-cats .cat-ape-groupe {background-color: #0097CE;}
.post-cats .cat-ape-formation {background-color: #F9B233;}
.post-cats .cat-ape-conseil {background-color: #0097CE;}
.post-cats .cat-ape-logiciel {background-color: #6A3189;}
.post-cats .cat-ape-com {background-color: #CEC800;}

.pagination-centered {margin: 2rem ;text-align: center;}
.pagination {margin: 0 auto;padding: 0;display: inline-block;}
.pagination li,
.pagination .page-link {display: inline-block;}
.pagination .page-link {background: #D0D0D0;color: #211F3B;opacity: 0.5;border-radius: 1.5rem;padding: 0.7rem 1rem;font-weight: 700;text-decoration: none;font-family: 'Roboto'; transition: all .3s}

.pagination .page-link:hover,
.pagination .page-link:active,
.pagination .page-link:focus,
.pagination .current {color: #FFF;opacity: 1;background: #211F3B;}
.pagination li {margin-left: .5rem;}

/*
 * dashboard
 */
.stagiaire .welcome h2 {margin-top: 0;margin-bottom: .5rem;}
.stagiaire .dashboard-header {align-items: center}
.stagiaire .user-meta {font-weight: 700;margin-left: auto;}
.stagiaire .user-meta>span {display: inline-block;}
.stagiaire .user-meta>span+span {margin-left: 1rem;padding-left: 1rem;border-left: 1px solid #211F3B;line-height: 1;}
.notice {padding: 1rem;margin-top: 1rem;background: #E7E7EB;}

/* accordion */
.accordion {background: #FFF;color: #211F3B;border-radius: 5px ;border: 2px solid #908F9D;}
.accordion header {display: flex; align-items: stretch; padding: 0 1rem 0 0; }
.accordion .accordion-title {flex:1 1 auto;margin: 0;font-size: 18px;}
.accordion .accordion-title>label{display: flex;padding: 1rem;align-items: center}
.accordion .accordion-title img {width: 60px;margin-right: 1rem;}
.accordion .accordion-title small {font-weight: 400;margin-left: 1.5rem;}
.accordion .accordion-content-open {background: #E7E7EB;color:#211F3B; width: 50px; height: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center;
border: 3px solid #E7E7EB;}
.accordion .accordion-content-open:active,
.accordion .accordion-content-open:focus,
.accordion .accordion-content-open:hover {border-color: #211F3B;}
.accordion .accordion-content-open .svg-icon {color:#211F3B;width: 15px;height: 15px;transition:all .3s}
.accordion + .accordion {margin-top: 2rem;}
.accordion .accordion-content-toggle {overflow: hidden;height: 0;}
.accordion .toggler:checked ~ .accordion-content-toggle {height: unset;}
.accordion .toggler:checked ~ header .action .svg-icon {transform: rotateZ(180deg);}
.accordion .accordion-content-inner {padding: 1rem;display: flex; border-top: 1px solid #CCCCCC }
.accordion header .right {margin-left: auto;display: flex;align-items: center;}
.accordion .action,
.accordion .accordion-meta {padding: 0 1rem; display: flex;align-items: center;}
.accordion .action {padding-right: 0;}

.session-user .course-steps {width: 100%;list-style:none;padding: 0;counter-reset: steps; margin: 0;}
.session-user .course-steps>li {display: flex; align-items: center;background: #EDEDF0; flex-wrap: wrap;position: relative;padding: 1.25rem 1.25rem 1.25rem calc(60px + 1rem);}
.session-user .course-steps>li+li {margin-top: 1px;}
.session-user .course-steps>li::before {counter-increment: steps;content: counter(steps);
  background: #c2c2c4;
  background: rgba(0, 0, 0, 0.25);
  width: 60px; height: 60px; display: flex; justify-content: center;  font-weight: 700; color: #000;height: 100%; position: absolute;left: 0;padding: 1.25rem;}
.session-user .course-steps .step-status-todo::before {color:white;background-color: #211F3B;}
.session-user .course-steps .step-status-todo {background-color: #565563;color:white}
.session-user .course-steps .step-status-todo .step-title {color:white}
.session-user .course-steps .step-title {display: flex;justify-content: left;flex:1 1 auto;align-items: center;font-weight: 400;margin: 0;}
.session-user .course-steps .step-title .svg-icon{margin-left: 1rem;font-size: 22px;}
.session-user .step-quizz,
.session-user .step-pdfs {flex-basis: 100%;padding: 0;display: flex;margin-top: 1.25rem;align-items: center}

.session-user .step-quizz li+li,
.session-user .step-pdfs li+li {margin-left: 0.5rem;}
.session-user .step-pdfs .delay-tuto-acces {}

/*
  quizz
 */
.single-qsm_quiz .qsm-page {margin-top: 1rem;}
.single-qsm_quiz .quiz_section {background: #E7E7EB; border-radius: 5px;padding: 1.25rem;margin-bottom: 10px;border: 2px solid white;transition:all .3s}
.single-qsm_quiz .quiz_section:not(.quiz_title_html):hover {background: #FFF;border-color: #211F3B; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
.single-qsm_quiz .quiz_section.quiz_title_html {background: none;padding-left: 0;}
.single-qsm_quiz .quiz_section.quiz_title_html h2{padding-bottom: 0;margin-bottom: 0;margin-bottom: 0;}
.single-qsm_quiz .quiz_section .mlw_qmn_new_question{margin: 0;}
.qmn_radio_answers {display: flex;margin-left: auto;}
.single-qsm_quiz .qmn_pagination {justify-content: flex-start;border:0}
.single-qsm_quiz .qmn_quiz_container .qmn_btn,
.single-qsm_quiz .qmn_quiz_container .btn {
    background: #211F3B !important;
    font-weight: 400;
    padding: 1rem 4rem !important;
}

/*
faq
*/
details {margin-top: 1rem;padding: 1rem ; border:2px solid #908F9D; border-radius: 5px; }
summary {position: relative;line-height: 35px;}
summary::-webkit-details-marker {
  display: none; /* Hide summary arrow */
  }
summary:after {
  content: "";
    background: url("img/arrow-down.svg") no-repeat;
  background-size: 14px;
  background-position: center;
   color: #211F3B;
   width: 35px;
   height: 35px;
   border-radius: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 3px solid white;
  transition: transform .25s linear;
  margin-left: auto;
  flex: 0 0 auto;
  background-color: #E7E7EB;
  border: 2px solid #E7E7EB
}
summary:hover:after{border: 2px solid #211F3B}
details[open] {border: 2px solid #211F3B;}
details[open] summary ~ * {animation: open 0.5s ease-in-out; }
details[open] > summary:after {
  transform: scale(.9) rotate(180deg);
  background-color: #E7E7EB;
}
@keyframes open {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.faq-title {color: #211F3B;font-weight: 700;cursor:pointer;display: flex;}
.faq-text {margin-top: 1rem;}


/*
contact
*/

.form-cell {margin-bottom: 1rem;}
@media screen and (min-width: 768px) {
  .form-row {display: flex;}
  .form-cell {flex:1 1 calc(50% - 1rem);}
  .form-cell:first-child {margin-right: 1rem;}
  .form-cell+.form-cell {margin-left: 1rem;}
}
.wpcf7 {margin: auto;}
@media screen and (min-width: 768px) {
  .wpcf7-form {position: relative;}
}

.inset {align-self: flex-start;padding-top: 1rem;padding-bottom: 1rem;}

.wpcf7-textarea,
.wpcf7-text {border:0;border-radius: 3px;}
/* background-color: #4d4c62; */

.wpcf7-form-control input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 0.7rem;
  height: 1em;
  position: relative;
  }
/*.wpcf7-form-control input[type="checkbox"]::before {
  background-color: #4d4c62;
  border-radius: 3px;
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  visibility: visible;
  border: 2px solid #fff;
}
.wpcf7-form-control input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: -6px;
  width: 6px;
  height: 16px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}*/

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=tel], [type=text], [type=time], [type=url], [type=week],
textarea {padding:.8rem 1rem;width: 100%;border-radius: 5px;border:0;font-size: 1rem;}

.wpcf7 label {color: inherit;padding: 0.5rem 0;display: inline-block;}


span.wpcf7-list-item {margin-left: 0;}
::-moz-placeholder {color: gray; opacity: 1 }
:-ms-input-placeholder {color: gray }
::-webkit-input-placeholder {color: gray }

.wpcf7-not-valid {border: #bf2b47 solid 2px;}
span.wpcf7-not-valid-tip {font-size: 0.8em;}


.wpcf7-validation-errors {
  color: #bf2b47;
}


.site-footer .contact-privacy-policy a {padding: 0;color:inherit;text-decoration: underline;}
.form-submit {position: relative;}
.form-submit .btn {margin-top: 1rem;}

/* https://loading.io/ */
div.wpcf7 .ajax-loader {position: absolute; top: 1rem; background-image:url("img/rolling-1s-48px.svg");width: 48px;height: 48px;}
div.wpcf7-response-output {margin: 1rem 0;}

@media screen and (min-width: 640px) {
  .wpcf7-form {position: relative;}
  div.wpcf7-response-output {margin: 0}
}

.tpl-template-contact .map {margin-top: 2rem;}
.tpl-template-contact .site-main {margin-bottom: 0;}
form.bg-secondary {}
form.bg-secondary textarea,
form.bg-secondary input:not(.btn) {background-color: #FFF;color:#1A1920;font-size: 1rem;}
form.bg-secondary a {color: #FFF;}
/*
footer
*/
.site-footer {margin-top: 0;padding: 4rem 0 2rem;background: #211F3B;color:white}
.site-footer ul {padding: 0;}
.site-footer .widget-title {font-weight: 700;margin-bottom: 1rem;font-size: 1.125rem;}

.site-footer .btn-primary {font-size: 1rem;}
.site-footer .menu {display: block;margin: 0 0 1rem;padding: 0;}
.site-footer .menu-item {margin-bottom: 0;}
.site-footer .widget_nav_menu .widget-title {padding-left: 0.5rem;padding-right: 0.5rem;}
.site-footer a {padding: .5rem;display: inline-block;text-decoration: none;color:rgba(255,255,255,.75);transition:all .3s}
.site-footer a:hover {color:inherit;text-decoration: none;}


@media print, screen and (min-width: 768px)  {
  .site-footer .menu {margin-bottom: 0;}
  .site-footer .widget-title {text-align: left;}
  .pre-footer {justify-content: space-between;align-items: flex-start;}

  .pre-footer-menus {margin-top: 2rem;}
  .pre-footer-menus>.widget {flex:1 0 25%}

}
@media print, screen and (min-width: 1200px)  {
  .pre-footer-menus {margin-top: 0;}
  .pre-footer-contact {margin-left: 1.5rem;order:2}
}
.site-footer .social-nav a {color:white;font-size: 1.25rem;line-height: 1;}
.site-footer .social-nav a:hover{ background-color: #F9B233;}
.site-footer .social-nav a:hover{ background-color: #0097CE;}
.footer-social-nav {border-top:solid 1px #4d4c62;padding-top: 1rem;margin-top: 2rem;}
@media print, screen and (min-width: 768px)  {
  .footer-social-nav {justify-content: space-between;}
}
@media print, screen and (min-width: 40em) {
  .site-footer .legals-nav .menu {margin: 0;display: flex;}
}


/*
plugins
*/

.stagiaire-login-nav {margin-top: 2rem;}

@media print {
	body{font-size: 14px;}
	blockquote {margin: 0;}
	a[href]:after {content: none; }
	.page-title {margin-top: 1em;}
	hr {margin: 1rem auto 2rem; }
	p+h2 {margin-top: 1rem; }
	p+h3 {margin-top: 1rem; }
}

/*
plugin cookie notice
*/
#cookie-notice {font-family: sans-serif;}
#cookie-notice .cn-button {margin-bottom: 0;}