/*
Theme Name: Wonderment Child
Theme URI: http://wonderment.select-themes.com
Description: A child theme of Wonderment
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: wonderment
Template: wonderment
*/







/* ---------------------------------------------------------------------------------------------------------

                    CSS BEEKOM - DESKTOP - 01/03/2020

--------------------------------------------------------------------------------------------------------- */

#qodef-page-spinner .qodef-m-inner {
}


/* ----------------------------------------------------------------------------------------------

                                    FONTS - BEEKOM -

------------------------------------------------------------------------------------------------ */


@font-face{ 
    font-family: 'Butler-medium';
    src: url('Butler_Webfont/butler_medium-webfont.woff2') format('woff2'); /* Super Modern Browsers */
    src: url('Butler_Webfont/butler_medium-webfont.woff') format('woff'); /* Pretty Modern Browsers */
}

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;700;900&display=swap');



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

body {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight:300;
}

.offre_02.hide {
	display: none !important;
}

/* loader */

.qodef-textual-spinner-svg {
	display: none !important;
}


.home #qodef-page-outer {
    margin-top: -120px;
}

.home #qodef-page-inner {
    padding: 0;
}

#qodef-page-header {
	background:none !important;
}

.learndash-wrapper a  {
	color: #575757;
    font-size: 15px;
}

#qodef-page-spinner.qodef-layout--textual .qodef-m-inner .qodef-textual-spinner-text {
    letter-spacing: -0.5px !important;
    font-size: 38px !important;
	font-family: 'Butler-medium', sans-serif !important;
}

.qodef-textual-spinner-text .qodef-e-character:nth-child(7) {
	padding:0 10px !important;
}

/* menu */

.page #qodef-page-header .qodef-header-logo-link img, .single #qodef-page-header .qodef-header-logo-link img {
    width: 100%;
    height: 300px;
    transform: translateY(30px);
}

.qodef-header-navigation>ul>li>a>span {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
}

.qodef-header-sticky {
	background-color: #8fbcbb;
	border-bottom:none !important;
}

.page .qodef-header-sticky img, .single .qodef-header-sticky img {
	width: 100% !important;
	height: 50px !important;
	transform: translateY(0) !important;
}

#qodef-page-header .qodef-widget-holder, .qodef-header-navigation > ul > li.qodef-menu-item--narrow ul li > a:before,
.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-ancestor > a > span::before, .qodef-header-navigation > ul > li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-item > a > span::before { 
	display: none !important;
}

.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-ancestor>a, .qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li.current-menu-item>a  {
	padding-left: 0 !important;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation,
.qodef-header-standard--center .qodef-header-sticky .qodef-header-navigation {
    margin-left: auto;
    margin-right: initial !important;
}

.page .sub-menu, .qodef-header-navigation ul li.qodef-menu-item--narrow .qodef-drop-down-second-inner>ul {
	 /*background:rgb(75, 93, 92, 0.6) !important;*/
	 background-color: #8fbcbb !important;
}

.qodef-header-navigation>ul>li.current-menu-ancestor>a>span:before, .qodef-header-navigation>ul>li.current-menu-item>a>span:before,
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-ancestor>a>span:before, .qodef-header-navigation>ul>li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-item>a>span:before,
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-ancestor>a:before, .qodef-header-navigation>ul>li.qodef-menu-item--narrow ul.qodef-drop-down--right li.current-menu-item>a:before,
.qodef-mobile-header-navigation>ul>li.current-menu-ancestor>a>span:before, .qodef-mobile-header-navigation>ul>li.current-menu-item>a>span:before,
.qodef-mobile-header-navigation .qodef-drop-down-second-inner .sub-menu>li.current-menu-ancestor>a>span:before, .qodef-mobile-header-navigation .qodef-drop-down-second-inner .sub-menu>li.current-menu-item>a>span:before { 
	display: none !important;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	padding: 20px 0;
}

.btn_menu, .btn_menu_02 {
	margin: 0 15px 0 15px !important;
}

.btn_menu a span, .btn_menu_02 a span {
    background: #8fbcbb;
    padding: 10px 20px !important;
    border-radius: 25px;
    transition: all 0.4s ease-out;
}

.btn_menu a:hover span, .btn_menu_02 a:hover span {
    background: #8fbcbb;
    transition: all 0.4s ease-out;
}

.btn_menu a span:after, .btn_menu_02 a span:after {
	display: none;
}

.qodef-header--sticky-display .btn_menu a span, .qodef-header--sticky-display .btn_menu_02 a span {
    background: #7ba5a4;
}

.qodef-header--sticky-display .btn_menu a:hover span, .qodef-header--sticky-display .btn_menu_02 a:hover span {
    background: #000;
    transition: all 0.4s ease-out;
}

.btn_menu_02 .qodef-drop-down-second-inner a span {
	background:none;
	padding: initial;
	border-radius: none;
}


/* menu mobile */

.header-login {
	width: 19%;
	position: relative;
	display: inline-block;
	border-right: 1px solid rgb(255, 255, 255, 0.3);
	padding:15px;
}

.header-login img {
	padding:0;
}

.header-login button {
	background: none;
	border:none;
	width: 50px;
}

.header-login button:hover, .header-login button:active, .header-login button:focus {

}

.qodef-mobile-header-logo-link {
	width: 60%;
	position: relative;
	display: inline-block;
}

.qodef-opener-icon {
	width: 20%;
	position: relative;
	display: inline-block;
	border-left: 1px solid rgb(255, 255, 255, 0.3);
	padding:15px;
}

.qodef-mobile-header-navigation>ul {
	height: 100vh;
}

.qodef-mobile-header-navigation ul li {
	border-bottom: 1px solid  rgb(75, 93, 92, 0.6) !important;
    padding:20px 0;
	text-align: center;
}

.qodef-drop-down-second  ul li {
    padding:10px 0;
}

.qodef-mobile-header-navigation ul li a {
	font-size: 18px;
	text-align: center;
}

.qodef-mobile-header-navigation ul li.menu-item-has-children>a:after {
    top: 20px;
    font-size: 18px;
}

.qodef-opener-icon.qodef-source--svg-path span path, .qodef-opener-icon.qodef-source--svg-path span>* {
	width: 40px !important;
}

.qodef-mobile-header-opener {
    margin-left: 0;
}

#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close>* {
	width: 30px !important;
}

#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close, .qodef-m-icon {
	margin:0 !important;
}

.home  #qodef-page-mobile-header {
	 background-color:rgb(75, 93, 92, 0.6) !important;
	padding:0 !important;
}

#qodef-page-mobile-header {
	 background-color:rgb(75, 93, 92, 1) !important;
	padding:0 !important;
}

.page  #qodef-page-mobile-header-inner {
    padding: 0;
    border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

.home .qodef-mobile-header-navigation {
	background-color: rgb(129, 151, 150, 0.9) !important;
}

.qodef-mobile-header-navigation {
	background-color: rgb(129, 151, 150, 1) !important;
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
    height: 40px;
}

.qodef-global-social-share-button-holder {
	display: none;
}

/* titres */

.title_white h1, .title_white h2, .title_white h3, .title_white h4, .title_white h5, .title_white h6, .title_white p {
	color:#fff !important;
}

.title_black h1, .title_black h2, .title_black h3, .title_black h4, .title_black h5, .title_black h6, .title_black p {
	color:#000 !important;
}


.title_h1 h1 {
	font-family: 'Butler-medium', sans-serif;
	font-size: 100px;
	text-transform: initial;
	line-height: 1;
}

h1.entry-title {
	font-family: 'Butler-medium', sans-serif;
	font-size:80px;
	text-transform: initial;
	line-height: 1;
}


.title_h2 h2 {
	font-family: 'Butler-medium', sans-serif;
	font-size: 50px;
	text-transform: initial;
}

.title_h3 h3 {
	font-family: 'Butler-medium', sans-serif;
	font-size: 26px;
	text-transform: initial;
}

.txt_louise p {
  	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 20px !important;
	line-height: 1.4;
}

.page p {
  	font-family: 'Source Sans Pro', sans-serif;
}

/* boutons */


.qodef-m-icon {
    float: right;
    border-radius: 100%;
    margin-left: 13px !important;
}

.qodef-m-icon .qodef-small-arrow {
    fill: transparent;
    transform: rotate(45deg);
}

.qodef-button.qodef-layout--textual.btn_back_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_back_green .qodef-m-icon polyline,
.qodef-button.qodef-layout--textual.btn_big_back_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_big_back_green .qodef-m-icon polyline,
.qodef-button.qodef-layout--textual.btn_green_round .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_green_round .qodef-m-icon polyline {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2.5px;
}

.qodef-button.qodef-layout--textual.btn_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_green .qodef-m-icon polyline {
    stroke: #8fbcbb;
    stroke-miterlimit: 10;
    stroke-width: 2.5px;
}


.btn_slider {
	text-align: right;
}

.page .btn_back_green {
	background-color: #8fbcbb;
	padding:40px 140px !important;
	transform: translateY(-50px);
}

.btn_back_green .qodef-m-text {
  	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	font-weight: 500;
	text-transform: initial;
	color:#fff;
}

.btn_green .qodef-m-text {
  	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	font-weight: 500;
	text-transform: initial;
	color:#8fbcbb;
	padding-right: 15px;
}

/* scroll */

.qodef-scroll-down .qodef-button.qodef-layout--round .qodef-m-text-holder .qodef-m-icon {
	display: none;
}

.qodef-scroll-down .qodef-button.qodef-layout--round .qodef-m-icon, .qodef-scroll-down .qodef-button.qodef-layout--round .qodef-m-text {
	font-size: 16px;
	text-transform: initial;
  	font-family: 'Source Sans Pro', sans-serif;
	color:#8fbcbb;
}


/* footer */

#qodef-page-footer-top-area, #qodef-page-footer-bottom-area {
    background-color: #7ba5a4;
}

#menu-footer-menu-louise-xiv {
	text-align: center;
}

#nav_menu-2 ul li {
	position: relative;
	display: inline-block;
	width: auto;
	padding:0 30px;
}

.page #nav_menu-2 ul li a {
  	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 16px !important;
	line-height: 1.4;
	color:#fff !important;
}

 #qodef-page-footer-bottom-area  {
 	text-align: center;
 	border-top: solid 1px #fff;
 }

 #qodef-page-footer-bottom-area .textwidget p {
 	text-align: center;
  	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.2;
	color:#fff !important;
	text-transform: initial !important;
}

/* ----------- HOMEPAGE ----------------- */

.desktop_slider_img {
	display: block;
}

.desktop_slider_img img {
	width: 100% !important;
}

.mobile_slider_img {
	display: none;
}

.slider_home_title {
    position: absolute;
    top: 40%;
    left: 10%;
    z-index: 10;
}

.home .intro_home {
	width: 60%;
	margin: 80px 5% 50px 35%;
	position: relative;
	display: inline-block;
}

.home .picture_left_home {
	width: 80%;
	margin:50px 10%;
}

.home .txt_home {
	margin:150px 20% 50px  10%;
}

#abonnement_ .inscription_btn_home {
	display: inline-block;
}

#abonnement_ .commencer_btn_offre_1, #abonnement_ .commencer_btn_offre_2 {
	display: none;
}


#abonnement_1 .inscription_btn_home,  #abonnement_1 .commencer_btn_offre_2 {
	display: none;
}

#abonnement_1 .commencer_btn_offre_1 {
	display: inline-block;
}


#abonnement_2 .inscription_btn_home,  #abonnement_2 .commencer_btn_offre_1 {
	display: none;
}

#abonnement_2 .commencer_btn_offre_2 {
	display: inline-block;
}

#abonnement_3 .inscription_btn_home,  #abonnement_3 .commencer_btn_offre_2 {
	display: none;
}

#abonnement_3 .commencer_btn_offre_1 {
	display: inline-block;
}

#abonnement_1 .hide_offre_1 {
	display: none;
}


.home .btn_big_back_green {
    padding:150px 50px 60px 50px !important;
    background: #8fbcbb;
    text-align: left;
    position: absolute;
    width: 45%;
    top: 0;
    left: 0;
    z-index: 10;
}

.home .btn_big_back_green .qodef-m-text  {
    width: 70%;
    text-align: left;
  	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	text-transform: initial;
	color:#fff;
}

.home .btn_big_back_green .qodef-m-icon {
    position: absolute;
    bottom: 30px;
    right: 30px;
    top: initial;
    left: initial;
}

.home .link_bottom_home {
	margin:150px 0 150px 4%;
}

.home .btn_green {
    width: 100%;
    text-align: right;
    margin-top: 85px;
    padding-right: 15% !important;
}

.home .flower_right {
    position: absolute;
    right: 15px;
    bottom: 340px;
    width: 15%;
	z-index: -1
}

.home .flower_left {
	position: absolute;
	left: -30px;
	bottom: 50px;
	width: 17%;
	z-index: -1
}


.home .flower_left img {
	width: 100%;
	height: 400px;
}



/* ------ PAGE SECONDAIRE ------- */


/* header */

.qodef-page-title .qodef-breadcrumbs a, .qodef-page-title .qodef-breadcrumbs span {
  	font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    opacity: 0.7;
}

#qodef-page-outer {
    margin-top: -120px;
}



/* ------- Tunnel de commande --------- */


/* Nos offres */

.nos_offres {
	width: 80%;
    margin: 0 10% !important;
    position: relative;
    display: inline-block;
    padding: 50px 0 100px;
}

.nos_offres .offre_01 {
	position: relative;
	display: inline-block;
	background-color: #cdd5d5;
	border-radius: 25px;
	width: 76%;
	margin: 0 12%;
	overflow: hidden;
}

.nos_offres .offre_01 .vc_column-inner, .nos_offres .offre_02 .vc_column-inner {
	padding:0;
}

.nos_offres .offre_02 {
	position: relative;
	display: inline-block;
	background-color: #99aaa9;
	border-radius: 25px;
	width: 46%;
	margin: 0 2%;
	overflow: hidden;
}

.nos_offres .fleur_back {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: 0;
	opacity: 0.7;
}
.nos_offres .txt_offre {
    position: relative;
    display: inline-block;
    z-index: 5;
    width: 100%;
    margin: 0;
    padding: 40px 20px 30px;
}

.nos_offres h2 {
  font-size: 26px;
  font-weight: 600;
	text-transform: initial;
  font-family: "Source Sans Pro";
  line-height: 1.2;
  margin-bottom: 0;
}

.nos_offres p {
	margin: 10px 0;
	font-family: "Source Sans Pro";
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 400;
}

.nos_offres .txt_offre_condition {
	position: relative;
	display: inline-block;
	z-index: 5;
	width: 100%;
    padding: 30px 20px 0;
}

.nos_offres .txt_offre_condition h3 {
  font-size: 22px;
  font-weight: 400;
	text-transform: initial;
  font-family: "Source Sans Pro";
  line-height: 1.2;
	margin:0;
}

.nos_offres .txt_offre_condition p {
	margin-top: 5px;
}

.nos_offres .txt_offre_condition h3 b, .nos_offres .txt_offre_condition h3 strong {
  font-size: 40px;
  font-weight: 300;
}

.nos_offres .offre_01 h2, .nos_offres .offre_01 h3, .nos_offres .offre_01 p {
  color: #5a8180;
}

.nos_offres .offre_02 h2, .nos_offres .offre_02 h3, .nos_offres .offre_02 p,
.nos_offres .offre_03 h2, .nos_offres .offre_03 h3, .nos_offres .offre_03 p  {
    color: #fff;
}

.nos_offres .offre_01 .txt_offre_condition {
	border-top: solid 1px #8fbcbb
}

.nos_offres .offre_02 .txt_offre_condition, .nos_offres .offre_03 .txt_offre_condition {
	border-top: solid 1px #fff
}

.nos_offres .btn_green_round {
  	font-family: "Source Sans Pro";
	background-color: #5a8180;
	border-radius: 25px;
	position: relative;
	display: inline-block;
	padding:15px 60px !important;
	margin-left: 20px;
    margin-bottom: 40px;
    z-index: 10;
}

.nos_offres .offre_03 .btn_green_round {
	background-color: #99aaa9;
}

.nos_offres .offre_03  .fleur_back {
	opacity: 0.3;
}



/* offre découverte */

.postid-4180 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
	display: none;
}

.logged-in.postid-4180 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
	display: flex !important;
}

.postid-4182 .ld-content-actions, .postid-4193 .ld-content-actions, .postid-4199 .ld-content-actions  {
	display: none !important;
}

.logged-in.postid-4182 .ld-content-actions, .logged-in.postid-4193 .ld-content-actions, .logged-in.postid-4199 .ld-content-actions {
	display: flex !important;
}

.logged-in .hide_login_user, .logged-in .ld-status-unlocked {
	display: none !important;
}

.section_inscription_left {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 40px 0;
}

.section_inscription_right {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: left;
	padding: 40px 0;
}


.section_inscription {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 40px 0;
}

 .section_inscription_left .btn_inscription,  .section_inscription .btn_inscription  {
	background: #5a8180 !important;
    padding: 10px 40px !important;
    border-radius: 25px;
    transition: all 0.4s ease-out;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1.2;
    font-size:16px !important;
    margin:0 !important;
}

 .section_inscription_left .btn_inscription:before, .section_inscription_right .btn_cours_suivant:before, .section_inscription .btn_inscription:before {
	display: none !important;
}

 .section_inscription_right .btn_cours_suivant {
	background: #8fbcbb !important;
    padding: 10px 30px !important;
    border-radius: 25px;
    transition: all 0.4s ease-out;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    font-size:16px !important;
    margin:0 !important;
}

.single .section_inscription_right .btn_cours_suivant:hover {
    color: #fff !important;
	background: #5a8180 !important;
}

.single .section_inscription_left .btn_cours_suivant:hover {
    color: #fff !important;
	background: #8fbcbb !important;
}



/* paiement */

.pmpro_checkout h3 span.pmpro_checkout-h3-name {
    font-family: 'Butler-medium', sans-serif;
    font-size: 50px;
    text-transform: initial;
    color:#8fbcbb;
    margin-bottom: 0;
}

.pmpro_checkout h3 span.pmpro_checkout-h3-msg {
  	font-family: "Source Sans Pro";
  	font-size: 12px;
  	color:#8fbcbb;
}

#pmpro_form .pmpro_checkout h3 {
    padding: 0;
    border-bottom: 1px solid #8fbcbb;
    padding-bottom: 15px;
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

#pmpro_user_fields h3 span.pmpro_checkout-h3-name {
	width: 45%;
}


#pmpro_pricing_fields {
	width: 30%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#pmpro_pricing_fields p {
	font-size: 18px;
}

.pmpro_checkout-field {
	position: relative;
}

.pmpro_checkout-field .pmpro_asterisk {
	position: absolute;
	top: 0;
	right: 5px;
}

#pmpro_pricing_fields .pmpro_checkout-fields strong {
    width: auto;
    display: inline-block;
}

#pmpro_user_fields {
	width: 60%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 9%;
}

#pmpro_user_fields hr, #pmpro_checkout_box-checkout_boxes hr {
	display: none;
}

.logged-in #pmpro_checkout_box-checkout_boxes {
	width: 65%;
	margin-left: 5%;
	position: relative;
	display: inline-block;
}

.logged-in #pmpro_checkout_box-checkout_boxes .pmpro_checkout-h3-name {
	width: 50%;
}

.qodef-h3 a, h3 a {
    background: #8fbcbb;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px;
}

#pmpro_pricing_fields .pmpro_checkout-h3-msg, #pmpro_user_fields .pmpro_checkout-h3-msg, #pmpro_payment_information_fields .pmpro_checkout-h3-msg {
	position: absolute;
	right: 0;
	bottom: 15px;
}

form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select, #loginform input[type=text], #loginform input[type=password] {
    display: inline-block;
    max-width: 100%;
} 

.pmpro_checkout-field-password, .pmpro_checkout-field-bemail, .pmpro_checkout-field-bfirstname, .pmpro_checkout-field-baddress1,
 #pmpro_checkout_box-checkout_boxes #company_div, #pmpro_checkout_box-checkout_boxes #Nom_div  {
	width: 48%;
    margin-right: 2% !important;
	display: inline-block;
}

.pmpro_checkout-field-password2, .pmpro_checkout-field-bconfirmemail, .pmpro_checkout-field-blastname, .pmpro_checkout-field-baddress2,
 #pmpro_checkout_box-checkout_boxes #telephone_div, #pmpro_checkout_box-checkout_boxes #Prenom_div  {
	width: 47%;
	margin-left: 2% !important;
	display: inline-block;
}

#pmpro_checkout_box-checkout_boxes #profil_div label {
	position: relative;
    display: inline-block;
    width: auto;
    margin: 15px 15px 25px 0;
}



#pmpro_checkout_box-checkout_boxes #budget_div select#budget, .pmpro-member-profile-edit #budget_div select#budget {
    position: relative;
    display: block;
    height: 50px;
    padding: 1px 0;
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #c2c2c2;
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
    width: 100%;
}

#pmpro_vat_table {
	display: none;
}

#pmpro_payment_information_fields {
	margin-top: 80px;
}

.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, 
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, 
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
	border: none;
    border-bottom: 1px solid #575757;
    border-radius: 0;
    outline: 0;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	text-transform: initial !important;
	 border-bottom: 1px solid #c2c2c2;
}

.pmpro_submit hr, #pmpro_billing_address_fields hr{
	display: none !important;
}

form.pmpro_form .pmpro_submit {
    text-align: center;
}

.pmpro_btn.pmpro_btn-submit-checkout {
    width: auto;
    background: #5a8180;
    border-radius: 25px;
  	font-family: "Source Sans Pro";
}



/* login paiement */

.logged-in #pmpro_payment_information_fields {
	width: 60%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 9%;
    margin-top: 0;
}

.logged-in #pmpro_payment_information_fields h3 .pmpro_checkout-h3-name {
	width: 40%;
}

#pmpro_account_loggedin {
	position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    text-align: center;
}

.pmpro-confirmation .pmpro_actions_nav a {
	font-family: "Source Sans Pro";
	background-color: #5a8180;
	border-radius: 25px;
	position: relative;
	display: inline-block;
	padding: 10px 60px !important;
	margin-left: 0;
	margin-bottom: 0;
	z-index: 10;
}


/* -------- PAGE MES COURS ----------- */

.page-id-5089 .nos_offres .offre_01, .page-id-5089 .nos_offres .offre_02, .page-id-5089 .nos_offres .offre_03 {
	width: 31%;
	margin: 0 1%;
}

.page-id-5089 .nos_offres .offre_03 {
    position: relative;
    display: inline-block;
    background-color: #7ba5a4;
    border-radius: 25px;
    overflow: hidden;
}

.page-id-5089 .nos_offres {
	width: 90%;
    margin: 0 5% !important;
}

.page-id-5089 .nos_offres .btn_green_round {
	margin-bottom: 60px;
}

.page-id-5089 .ld-progress-heading {
	width: 100%;
}

.page-id-5089 .ld-progress .ld-progress-heading .ld-progress-stats {
    margin: 0 !important;
}

.page-id-5089  .offre_02 .ld-progress-stats .ld-progress-percentage, .page-id-5089  .offre_02 .ld-progress-stats .ld-progress-steps,
.page-id-5089  .offre_03 .ld-progress-stats .ld-progress-percentage, .page-id-5089  .offre_03 .ld-progress-stats .ld-progress-steps {
	color:#fff !important;
}



/* -------- PAGE COURS ----------- */


.single-sfwd-courses .qodef-e-media, .single-sfwd-courses .qodef-info--top, .single-sfwd-courses .qodef-blog-item .qodef-e-text h2.qodef-e-title  {
	display: none !important;
}


.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    padding: 25px 20px 25px 20px;
    margin-top: -105px;
    background-color: #d1e5e5;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    font-family: 'Butler-medium', sans-serif;
    text-transform: initial;
    font-size: 20px;
    font-weight: 500;
    margin-right: 0;
}


.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats .ld-progress-steps {
  	font-family: "Source Sans Pro";
    font-size: 14px;
    color: #5a8180;
}

.learndash-wrapper .ld-tabs {
    margin: 60px auto 0;
    width: 100%;
}

.learndash-wrapper .ld-item-list {
    width: 90%;
    margin:0 auto;
}

.ld-tab-content p {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    font-size: 20px !important;
    line-height: 1.4;
}

.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading, .ld-tab-content h2 {
	font-family: 'Butler-medium', sans-serif;
    font-size: 50px;
    font-weight: 500;
    text-transform: initial;
    color: #8fbcbb;
    margin-bottom: 0;
}

.ld-lesson-section-heading:after {
	content:":";
	padding-left: 10px;
}

.ld-item-list-section-heading {
	margin-bottom: 40px;
}

.ld-item-list-items .ld-item-title {
	font-family: 'Source Sans Pro', sans-serif;
	color: #5a8180;
	font-weight: 600;
    font-size: 18px;
}

.is_not_sample.learndash-not-available .ld-item-title, .learndash-not-available .ld-item-title {
	color:#8fbcbb;
    opacity: 0.5;
}

.is_sample.learndash-not-available .ld-item-title, .learndash-not-available .ld-item-title {
	color:#8fbcbb;
    opacity: 1;
}

#learndash-tooltips .ld-tooltip.ld-visible {
    opacity: 1;
    line-height: 1.2;
    padding: 20px;
    transform: translateY(-70px);
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
	padding: 0
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
	padding:20px;
	transition: all 0.4s ease-out;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name:hover {
	background-color: #d1e5e5;
	transition: all 0.4s ease-out;
}

#qodef-single-post-navigation {
	display: none;
}

.learndash_post_sfwd-courses .ld-course-status-seg-action .ld-course-status-content .ld-button {
    padding: 10px 25px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.user_has_no_access .ld-course-status-not-enrolled {
	margin-top: -150px !important;
}

.user_has_no_access .learndash-wrapper .ld-status {
    padding: 10px 25px !important;
    border-radius: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}

.single-sfwd-courses .qodef-info--bottom {
	display: none !important;
}


.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
	display: none;
}




/* -------- Details cours --------- */

/* top */

.ld-progress-steps {
    font-family: 'Source Sans Pro', sans-serif;
	margin-left: 15px;
}

.learndash-wrapper .ld-button {
    padding: 10px 20px 10px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button {
    padding: 10px 20px 10px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-wrap {
	margin:0 auto;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
	margin:0 auto;
}

	.learndash-wrapper .wpProQuiz_content .wpProQuiz_header {
	    font-family: 'Butler-medium', sans-serif !important;
	    font-size: 40px !important;
	    text-transform: initial;
	    color: #8fbcbb !important;
	    margin-bottom: 0;
	}



/* menu */

.ld-icon-complete:before, .ld-icon-checkmark:before {
    content: "\e906";
    font-size: 10px;
}

.learndash-wrapper .ld-focus-sidebar .ld-tertiary-background, .learndash-wrapper .ld-focus-sidebar .ld-alert-warning .ld-alert-icon {
    color: #5a8180 !important;
    background: none !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview .ld-lesson-title .ld-status-icon .ld-icon {
    font-size: 16px;
}

.ld-focus-header .ld-content-actions {
	display: none !important;
}



/* user menu */

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    padding-right: 1.6em;
}


/* content */

.learndash-wrapper .sfwd-mark-complete::after, .learndash-wrapper #sfwd-mark-complete::after {
	right: 10px !important;
    font-size: 14px;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    color: #000;
    font-size: 50px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    margin-bottom: 40px;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading {
	font-family: 'Butler-medium', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: initial;
    color: #8fbcbb;
    margin-bottom: 0;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-weight: 600;
    font-size: 16px;	
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
    font-size: 16px;
    color: #8fbcbb;
}

.learndash-wrapper .ld-button {
    border-radius: 30px;
}

.learndash_post_sfwd-lessons .ld-content-actions .ld-button {
    padding: 10px 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
}


.learndash_post_sfwd-lessons .ld-content-actions .learndash_mark_complete_button, .learndash_post_sfwd-lessons .ld-content-actions #learndash_mark_complete_button {
    padding: 11px 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 30px;
    background: #5a8180;
    -webkit-filter: grayscale(0);
   	filter: grayscale(0);
   	transition: all 0.4s ease-out;
   	opacity: 1;
} 

.learndash-wrapper .learndash_mark_complete_button:disabled, .learndash-wrapper #learndash_mark_complete_button:disabled {
    cursor: no-drop;
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
   	opacity: 0.4;
}

.learndash-wrapper .learndash_mark_complete_button:after {
	content:"TEST";
}

.learndash_post_sfwd-lessons .sfwd-mark-complete::after, .learndash_post_sfwd-lessons #sfwd-mark-complete::after {
    right: 9px !important;
}

.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    text-decoration: underline;
	font-family: 'Source Sans Pro', sans-serif !important;
}



/* dowload doc */

.single .qodef-icon-with-text .qodef-m-title a, .single .qodef-icon-with-text .qodef-m-title a span {
    color: #5a8180 !important;
}

.single .learndash-wrapper .ld-tabs {
	margin: 60px auto 60px;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible a:before {
    content:url(/wp-content/uploads/2020/10/pdf-file.svg);
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    transform: translateY(10px);
}


.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible a:hover {
	color: #8fbcbb;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
}




/* quiz */

.ld-quiz-status {
	margin-top: 40px !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
    font-family: "Source Sans Pro";
    padding: 15px 30px;
    border-radius: 30px;
    font-weight: 400;
    margin:0 auto;
}

.wpProQuiz_text, .wpProQuiz_quiz {
	margin-top:60px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
	margin-top:60px;
}

.wpProQuiz_listItem p {
	font-family: 'Butler-medium', sans-serif;
}

.wpProQuiz_content .wpProQuiz_questionListItem input, .wpProQuiz_questionListItem label {
    font-family: "Source Sans Pro";
    font-size: 16px;
}


.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
    border-color: #8fbcbb;
}



/* ---- Connexion ---- */


.page-id-4149 .pmpro_login_wrap, .page-id-4149 .pmpro_lost_password_wrap {
	width: 60%;
    margin: 0 auto;
}

.page-id-4149 form.pmpro_form label, .page-id-4149 #loginform label {
    font-weight: 400;
    font-family: 'Butler-medium', sans-serif;
}

.page-id-4149 .login-remember label, .page-id-4149 .pmpro_actions_nav a {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 400;
    font-size: 16px;
    color:#575757;
}

.page-id-4149 p.login-submit {
	width: 100%;
	text-align: center;
}

.page-id-4149 p.login-submit .button-primary, .pmpro_submit .pmpro_btn-submit  {
    font-family: "Source Sans Pro";
    background-color: #5a8180;
    border-radius: 25px;
    position: relative;
    display: inline-block;
    padding: 10px 60px !important;
    margin-left: 0;
    margin-bottom: 0;
    z-index: 10;
}

.pmpro_lost_password-instructions {
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    margin-bottom: 40px;
}



/* pages mon compte */

.pmpro-invoice a, .pmpro-invoice table td, #pmpro_account a, #pmpro_account table td, .pmpro-cancel a, .pmpro-cancel table td {
	color: #7ba5a4;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

table th {
    font-weight: 400;
    font-family: 'Butler-medium', sans-serif;
	color:#000;
}


#pmpro_account .pmpro_box h3, .pmpro-cancel h2, .pmpro-member-profile-edit h3 {
    font-family: 'Butler-medium', sans-serif;
    font-size: 50px;
    text-transform: initial;
    color: #8fbcbb;
    margin-bottom: 20px;
}

#pmpro_account .pmpro_box {
    border-top: none;
}

#pmpro_actionlink-levels, p.pmpro_actions_nav .pmpro_actions_nav-right a, .pmpro-cancel .pmpro_actions_nav a {
    padding: 5px 15px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #7ba5a4;
    color: #fff !important;
    border-radius: 25px;
    margin-top: 10px !important;
}

.pmpro-member-profile-edit .pmpro_checkout_box-checkout_boxes {
	margin-top: 80px !important;
}


/* contact */

.bloc_intro_contact {
	padding:100px 0;
}


.page-id-4246 .btn_big_back_green {
    padding: 150px 50px 60px 50px !important;
    background: #8fbcbb;
    text-align: left;
    position: absolute;
    width: 45%;
    top: 0;
    left: 0;
    z-index: 10;
}

.page-id-4246 .btn_big_back_green .qodef-m-text {
    width: 70%;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: initial;
    color: #fff;
}

.page-id-4246 .picture_left_home {
    width: 80%;
    margin: 50px 10%;
}

.page-id-4246 .title_black {
	padding-top:100px;
	margin-left: 10%;
}

.page-id-4246 .txt_home {
    margin: 0 20% 50px 10%;
    padding-top: 20px;
}

.page-id-4246 .wpcf7 {
    width: 80%;
    margin: 50px 10%;
}

.page-id-4246 .wpcf7 .wpcf7-submit {
    padding: 5px 15px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #7ba5a4;
    color: #fff !important;
    border-radius: 25px;
    margin-top: 10px !important;
}



/* forum */

.page-id-5074 #forum-header {
	display: none !important;
}

.page-id-5074 h2 {
	font-family: 'Butler-medium', sans-serif;
    font-size: 50px;
    font-weight: 500;
    text-transform: initial;
    color: #8fbcbb;
    margin-bottom: 0;
}

#af-wrapper .forum .forum-title {
    display: block;
    font-size: 16px !important;
}


/* mentions legales */

.page-id-5334 h2, .page-id-5337 h2, .page-id-5617 h2 {
	color: #575757 !important;
	font-family: 'Butler-medium', sans-serif;
}

.page-id-5334 h3, .page-id-5337 h3, .page-id-5617 h3 {
	color: #8fbcbb !important;
	font-size: 28px;
	margin-top: 80px;
	font-family: 'Butler-medium', sans-serif;
}

.page-id-5334 a, .page-id-5337 a, .page-id-5617 a {
	color: #8fbcbb !important;
}



.text-center-cgv {
	text-align: center !important;
}












/* ----------------------------------------------------------------------------------------------

                                    RESPONSIVE - BEEKOM -

------------------------------------------------------------------------------------------------ */



@media (max-width: 480px) {


	/* global */

	body:not(.qodef-content-behind-header) #qodef-page-outer {
	    margin-top: -70px !important;
	}


	.page .qodef-page-title {
	    height: 220px !important;
	}

	.single .qodef-page-title {
    	height: 280px;
	}

	#nav_menu-2 ul li {
	    position: relative;
	    display: inline-block;
	    width: auto;
	    padding: 0 30px;
	    width: 100%;
	}

	.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
		text-align: center;
	}

	.qodef-page-title .qodef-breadcrumbs a, .qodef-page-title .qodef-breadcrumbs span {
	    font-family: 'Source Sans Pro', sans-serif;
	    color: #7ba5a4;
	    opacity: 0.7;
	}

	/* menu */

	.qodef-mobile-header-navigation>ul>li.current-menu-ancestor, .qodef-mobile-header-navigation>ul>li.current-menu-item {
		padding-left: 0;
	}

	.btn_menu {
		width: 49%;
	    position: relative;
	    display: inline-block;
	    margin: 0 !important;
	}


	/* homepage */


	.desktop_slider_img {
		display: none;
	}

	.mobile_slider_img {
		display: block;
	}


	.slider_home .qodef-m-image {
		height: 100vh;;
	}

	.slider_home .qodef-m-image img {
	    height: 100%;
	    width: auto;
	    max-width: initial;
	    transform: translateX(-50%);
	    margin-left: 50%;
	}

	.slider_home_title {
	    top: 40%;
	    left: 0;
	}

	.title_h1 h1 {
	    font-size: 40px;
	    text-align: center;
	    width: 100%;
	}

	.page .btn_back_green {
	    padding: 30px 15px !important;
	    transform: translateY(-150px);
	    text-align: center;
	    border-radius: 50px;
	    width: 90%;
	    margin: 0 5%;
	}

	.home .qodef-content-grid {
	    width: 100% !important;
	}

	.btn_back_green .qodef-m-text {
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 16px;
	    font-weight: 600;
	    text-transform: initial;
	    color: #fff;
	    text-transform: uppercase;
	}

	.home .intro_home {
	    width: 94%;
	    margin: 0 3%;
	    position: relative;
	    display: inline-block;
	}

	.title_h2 h2 {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 26px;
	    text-transform: initial;
	}

	.home .picture_left_home, .page-id-4246 .picture_left_home {
	    width: 80%;
	    margin: 50px 10% 50px 0;
	    z-index: 10;
	}

	.home .btn_big_back_green, .page-id-4246 .btn_big_back_green {
	    padding: 150px 50px 30px 50px !important;
	    background: #8fbcbb;
	    text-align: left;
	    position: absolute;
	    width: 75%;
	    bottom: -70px;
	    left: initial;
	    z-index: 1;
	    right: 0;
	    top: initial;
	}

	.home .btn_big_back_green .qodef-m-text, .page-id-4246 .btn_big_back_green .qodef-m-text {
	    width: 100%;
	}

	.home .btn_big_back_green .qodef-m-icon, .page-id-4246 .btn_big_back_green .qodef-m-icon {
	    position: absolute;
	    bottom: 33px;
	    right: 40px;
	    top: initial;
	    left: initial;
	}

	.page-id-4246 .bloc_intro_contact {
	    padding: 0 0;
	}

	.page-id-4246 #qodef-page-inner, .postid-4180 #qodef-page-inner {
	    padding: 0 0 70px !important;
	    text-align: center;
	}

	.home .txt_home {
	    margin: 120px 8% 60px;
	}

	.home .link_bottom_home {
	    margin: 30px 4% 80px 4%;
	}

	.home .btn_green {
	    padding: 20px 15px !important;
	    text-align: center;
	    border-radius: 50px;
	    width: 90%;
	    margin: 40px 5%;
	    background: #8fbcbb;
	    color:#fff;
	}

	.btn_green .qodef-m-text {
	    color: #fff;
	}

	.qodef-button.qodef-layout--textual.btn_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_green .qodef-m-icon polyline {
	    stroke: #fff;
	    stroke-miterlimit: 10;
	    stroke-width: 2.5px;
	}


	/* --- page secondaire --- */

	.qodef-browser--edge .qodef-parallax-img-holder, .qodef-browser--ms-explorer .qodef-parallax-img-holder, .touchevents .qodef-parallax-img-holder {
		display: none;
	}

	.home #qodef-page-inner {
	    padding: 0 !important;
	}

	h1.entry-title {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 40px;
	    text-transform: initial;
	    line-height: 1;
	    color: #000;
	    width: 100%;
	    text-align: center;
	    padding-top: 70px;
	}

	.page #qodef-page-inner {
	    padding: 50px 0 70px;
	    text-align: center;
	}


	/* ------ tunnel de commande ------ */

	/* nos offres */

	.nos_offres {
	    width: 100%;
	    margin: 0 !important;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 50px;
	}

	.nos_offres .txt_offre {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    margin: 0;
	    padding: 10px 25px 20px;
	    text-align: left;
	}

	.nos_offres .txt_offre_condition {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    padding: 10px 25px 0;
	}

	.nos_offres .txt_offre_condition h3 {
	    font-size: 20px;
	}

	.nos_offres .txt_offre_condition h3 b, .nos_offres .txt_offre_condition h3 strong {
	    font-size: 30px;
	}

	.nos_offres .wpb_wrapper {
		text-align: left;
	}

	.nos_offres .offre_01 {
	    position: relative;
	    display: inline-block;
	    background-color: #cdd5d5;
	    border-radius: 25px;
	    width: 100%;
	    margin: 0 0 15px 0;
	    overflow: hidden;
	}

	.nos_offres .offre_02 {
	    position: relative;
	    display: inline-block;
	    background-color: #99aaa9;
	    border-radius: 25px;
	    width: 100%;
	    margin: 15px 0 0 0;
	    overflow: hidden;
	}

	.nos_offres .fleur_back {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 80%;
	    z-index: 0;
	    opacity: 0.5;
	}

	/* paiement */


	#pmpro_pricing_fields {
	    width: 100%;
	    text-align: left;
	}

	#pmpro_form .pmpro_checkout h3 {
	    margin-bottom: 30px;
	    margin-top: 0 !important;
	    width: 100%;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    font-size: 32px;
	    width: 70%;
	    line-height: 1.2;
	}

	#pmpro_pricing_fields .pmpro_checkout-h3-msg, #pmpro_user_fields .pmpro_checkout-h3-msg, #pmpro_payment_information_fields .pmpro_checkout-h3-msg {
    	position: absolute;
	    right: 0;
	    bottom: 0;
	}

	#pmpro_user_fields {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 60px;
	}

	#pmpro_user_fields h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_user_fields .pmpro_checkout-h3-msg {
		position: relative;
	    width: 100%;
	    text-align: left;
	    margin-bottom: 0;
	}

	#pmpro_user_fields .pmpro_checkout-fields {
		margin-top: 40px;
	}

	.pmpro_checkout-field-password, .pmpro_checkout-field-bemail, .pmpro_checkout-field-password2, .pmpro_checkout-field-bconfirmemail {
	    width: 100%;
	    margin-right: 0% !important;
	    margin-left: 0% !important;
	    display: inline-block;
	}

	form.pmpro_form input[type=text].input, form.pmpro_form input[type=password].input, .pmpro_login_wrap form#loginform input[type=text].input, .pmpro_login_wrap form#loginform input[type=password].input {
	    width: 100%;
	    border-bottom: 1px solid #c2c2c2;
	}

	input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	    border-bottom: 1px solid #c2c2c2;
	}

	#pmpro_payment_information_fields {
	    margin-top: 40px;
	}

	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, 
	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, 
	.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
	    border-bottom: 1px solid #c2c2c2;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_payment_information_fields h3 .pmpro_checkout-h3-msg {
		display: none;
	}

	form.pmpro_form .pmpro_submit {
	    margin-top: 60px;
	}

	/* login paiement */

	#pmpro_account_loggedin {
	    position: relative;
	    top: initial;
	    right: 0;
	    left: 0;
	    text-align: center;
	}

	.logged-in #pmpro_payment_information_fields {
    	width: 100%;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 0;
	    margin-top: 40px;
	}

	.logged-in #pmpro_payment_information_fields h3 .pmpro_checkout-h3-name {
	    width: 60%;
	}


	/* ---- pages cours ---- */

	.learndash-wrapper .ld-tabs, .learndash-wrapper .ld-item-list {
	    width: 100%;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	    padding: 25px 20px 5px 20px;
	    background-color: #d1e5e5;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats .ld-progress-steps {
	    margin-top: 10px;
	}

	.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading, .ld-tab-content h2 {
	    font-size: 24px;
	}

	.ld-item-list-items .ld-item-title {
		line-height: 1.2;
	    font-size: 18px;
	}

	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
	    margin:0 !important;
	}

	/* -----  details cours ---- */


	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
	    -ms-flex: initial;
	     flex: initial;
	     padding-right: initial;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar {
	    width: 40px;
	    height: 40px;
	    margin-left: 0.6em;
	    margin-right: 0.6em;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
	    right: 0.3em;
	}

	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	    padding: 5% 1em;
	}


	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
	    margin-bottom: 0px;
    	font-size: 24px;
	}

	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-topic-status, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status {
		display: none;
	}

	.learndash_post_sfwd-lessons .ld-content-actions {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
		margin-top: 20px;
		min-height: 200px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(1) {
		order:1;
		position: absolute;
		width: 48%;
		top: 20px;
		left: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(2) {
		order:3;
		position: absolute;
	    width: 100%;
	    top: 100px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(3) {
		order:2;
		position: absolute;
		width: 48%;
		top: 20px;
		right: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-button {
	    padding: 15px 30px;
	    margin-left: 0 !important;
	}


	.learndash_post_sfwd-lessons .ld-content-actions .learndash_mark_complete_button, .learndash_post_sfwd-lessons .ld-content-actions #learndash_mark_complete_button {
	    padding: 15px 30px;
	    border-radius: 30px;
	    margin-left: 0 !important;
	}

	.single .learndash-wrapper .ld-tabs {
	    margin: 30px auto 0px;
	}

	.learndash-wrapper .ld-content-actions .ld-content-action {
		padding: 0 !important;
	}

	.section_inscription_left, .section_inscription_right {
		text-align: center !important;
		padding-bottom: 0 !important;
		width: 100% !important;
	}



	/* quiz */

	.ld-quiz-status {
		display: none;
	}

	.wpProQuiz_content .wpProQuiz_questionListItem input, .wpProQuiz_questionListItem label {
	    font-family: "Source Sans Pro";
	    font-size: 20px;
	}


	/* inscription */

	.page-id-4149 .pmpro_login_wrap, .page-id-4149 .pmpro_lost_password_wrap {
	    width: 85%;
	    margin: 0 auto;
	}





}













@media (min-width: 481px) and (max-width: 679px) { 

	
	/* global */

	body:not(.qodef-content-behind-header) #qodef-page-outer {
		margin-top: -120px !important;
	}

	.page .qodef-page-title {
	    height: 220px !important;
	}

	.single .qodef-page-title {
    	height: 280px;
	}

	#nav_menu-2 ul li {
	    position: relative;
	    display: inline-block;
	    width: auto;
	    padding: 0 30px;
	    width: 100%;
	}


	.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
		text-align: center;
	}

	.qodef-page-title .qodef-breadcrumbs a, .qodef-page-title .qodef-breadcrumbs span {
	    font-family: 'Source Sans Pro', sans-serif;
	    color: #7ba5a4;
	    opacity: 0.7;
	}
	/* homepage */


	.desktop_slider_img {
		display: none;
	}

	.mobile_slider_img {
		display: block;
	}


	.slider_home .qodef-m-image {
		height: 100vh;;
	}

	.slider_home .qodef-m-image img {
	    height: auto;
	    width: 100%;
	    max-width: initial;
	    transform: translateX(-50%);
	    margin-left: 50%;
	}

	.slider_home_title {
	    top: 50%;
	    left: 0;
	}

	.title_h1 h1 {
	    font-size: 40px;
	    text-align: center;
	    width: 100%;
	}

	.page .btn_back_green {
	    padding: 30px 15px !important;
	    transform: translateY(-120px);
	    text-align: center;
	    border-radius: 50px;
	    width: 90%;
	    margin: 0 5%;
	}

	.home .qodef-content-grid {
	    width: 100% !important;
	}

	.btn_back_green .qodef-m-text {
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 16px;
	    font-weight: 600;
	    text-transform: initial;
	    color: #fff;
	    text-transform: uppercase;
	}

	.home .intro_home {
	    width: 94%;
	    margin: 0 3%;
	    position: relative;
	    display: inline-block;
	}

	.title_h2 h2 {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 26px;
	    text-transform: initial;
	}

	.home .picture_left_home {
	    width: 80%;
	    margin: 50px 10% 50px 0;
	    z-index: 10;
	}

	.home .btn_big_back_green {
	    padding: 150px 50px 30px 50px !important;
	    background: #8fbcbb;
	    text-align: left;
	    position: absolute;
	    width: 75%;
	    bottom: -70px;
	    left: initial;
	    z-index: 1;
	    right: 0;
	    top: initial;
	}

	.home .btn_big_back_green .qodef-m-text {
	    width: 100%;
	}

	.home .btn_big_back_green .qodef-m-icon {
	    position: absolute;
	    bottom: 33px;
	    right: 40px;
	    top: initial;
	    left: initial;
	}

	.home .txt_home {
	    margin: 120px 8% 60px;
	}

	.home .link_bottom_home {
	    margin: 30px 4% 80px 4%;
	}

	.home .btn_green {
	    padding: 20px 15px !important;
	    text-align: center;
	    border-radius: 50px;
	    width: 90%;
	    margin: 40px 5%;
	    background: #8fbcbb;
	    color:#fff;
	}

	.btn_green .qodef-m-text {
	    color: #fff;
	}

	.qodef-button.qodef-layout--textual.btn_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_green .qodef-m-icon polyline {
	    stroke: #fff;
	    stroke-miterlimit: 10;
	    stroke-width: 2.5px;
	}


	/* --- page secondaire --- */

	.qodef-browser--edge .qodef-parallax-img-holder, .qodef-browser--ms-explorer .qodef-parallax-img-holder, .touchevents .qodef-parallax-img-holder {
		display: none;
	}

	.home #qodef-page-inner {
	    padding: 0 !important;
	}

	h1.entry-title {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 40px;
	    text-transform: initial;
	    line-height: 1;
	    color: #000;
	    width: 100%;
	    text-align: center;
	    padding-top: 180px !important;
	}

	.page #qodef-page-inner {
	    padding: 20px 0 70px;
	    text-align: center;
	}


	/* ------ tunnel de commande ------ */

	/* nos offres */

	.nos_offres {
	    width: 100%;
	    margin: 0 !important;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 50px;
	}

	.nos_offres .txt_offre {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    margin: 0;
	    padding: 10px 25px 20px;
	    text-align: left;
	}

	.nos_offres .txt_offre_condition {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    padding: 10px 25px 0;
	}

	.nos_offres .txt_offre_condition h3 {
	    font-size: 20px;
	}

	.nos_offres .txt_offre_condition h3 b, .nos_offres .txt_offre_condition h3 strong {
	    font-size: 30px;
	}

	.nos_offres .wpb_wrapper {
		text-align: left;
	}

	.nos_offres .offre_01 {
	    position: relative;
	    display: inline-block;
	    background-color: #cdd5d5;
	    border-radius: 25px;
	    width: 100%;
	    margin: 0 0 15px 0;
	    overflow: hidden;
	}

	.nos_offres .offre_02 {
	    position: relative;
	    display: inline-block;
	    background-color: #99aaa9;
	    border-radius: 25px;
	    width: 100%;
	    margin: 15px 0 0 0;
	    overflow: hidden;
	}

	.nos_offres .fleur_back {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 80%;
	    z-index: 0;
	    opacity: 0.5;
	}

	/* paiement */


	#pmpro_pricing_fields {
	    width: 100%;
	    text-align: left;
	}

	#pmpro_form .pmpro_checkout h3 {
	    margin-bottom: 30px;
	    margin-top: 0 !important;
	    width: 100%;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    font-size: 32px;
	    width: 70%;
	    line-height: 1.2;
	}

	#pmpro_pricing_fields .pmpro_checkout-h3-msg, #pmpro_user_fields .pmpro_checkout-h3-msg, #pmpro_payment_information_fields .pmpro_checkout-h3-msg {
    	position: absolute;
	    right: 0;
	    bottom: 0;
	}

	#pmpro_user_fields {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 60px;
	}

	#pmpro_user_fields h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_user_fields .pmpro_checkout-h3-msg {
		position: relative;
	    width: 100%;
	    text-align: left;
	    margin-bottom: 0;
	}

	#pmpro_user_fields .pmpro_checkout-fields {
		margin-top: 40px;
	}

	.pmpro_checkout-field-password, .pmpro_checkout-field-bemail, .pmpro_checkout-field-password2, .pmpro_checkout-field-bconfirmemail {
	    width: 100%;
	    margin-right: 0% !important;
	    margin-left: 0% !important;
	    display: inline-block;
	}

	form.pmpro_form input[type=text].input, form.pmpro_form input[type=password].input, .pmpro_login_wrap form#loginform input[type=text].input, .pmpro_login_wrap form#loginform input[type=password].input {
	    width: 100%;
	    border-bottom: 1px solid #c2c2c2;
	}

	input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	    border-bottom: 1px solid #c2c2c2;
	}

	#pmpro_payment_information_fields {
	    margin-top: 40px;
	}

	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, 
	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, 
	.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
	    border-bottom: 1px solid #c2c2c2;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_payment_information_fields h3 .pmpro_checkout-h3-msg {
		display: none;
	}

	form.pmpro_form .pmpro_submit {
	    margin-top: 60px;
	}

	/* login paiement */

	#pmpro_account_loggedin {
	    position: relative;
	    top: initial;
	    right: 0;
	    left: 0;
	    text-align: center;
	}

	.logged-in #pmpro_payment_information_fields {
    	width: 100%;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 0;
	    margin-top: 40px;
	}

	.logged-in #pmpro_payment_information_fields h3 .pmpro_checkout-h3-name {
	    width: 60%;
	}


	/* ---- pages cours ---- */

	.learndash-wrapper .ld-tabs, .learndash-wrapper .ld-item-list {
	    width: 100%;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	    padding: 25px 20px 5px 20px;
	    background-color: #d1e5e5;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats .ld-progress-steps {
	    margin-top: 10px;
	}

	.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading, .ld-tab-content h2 {
	    font-size: 24px;
	}

	.ld-item-list-items .ld-item-title {
		line-height: 1.2;
	    font-size: 18px;
	}

	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
	    margin:0 !important;
	}

	/* -----  details cours ---- */


	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
	    -ms-flex: initial;
	     flex: initial;
	     padding-right: initial;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar {
	    width: 40px;
	    height: 40px;
	    margin-left: 0.6em;
	    margin-right: 0.6em;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
	    right: 0.3em;
	}

	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	    padding: 5% 1em;
	}


	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
	    margin-bottom: 0px;
    	font-size: 24px;
	}

	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-topic-status, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status {
		display: none;
	}

	.learndash_post_sfwd-lessons .ld-content-actions {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
		margin-top: 20px;
		min-height: 200px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(1) {
		order:1;
		position: absolute;
		width: 48%;
		top: 20px;
		left: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(2) {
		order:3;
		position: absolute;
	    width: 100%;
	    top: 100px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(3) {
		order:2;
		position: absolute;
		width: 48%;
		top: 20px;
		right: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-button {
	    padding: 15px 30px;
	    margin-left: 0 !important;
	}


	.learndash_post_sfwd-lessons .ld-content-actions .learndash_mark_complete_button, .learndash_post_sfwd-lessons .ld-content-actions #learndash_mark_complete_button {
	    padding: 15px 30px;
	    border-radius: 30px;
	    margin-left: 0 !important;
	}

	.single .learndash-wrapper .ld-tabs {
	    margin: 30px auto 0px;
	}

	.learndash-wrapper .ld-content-actions .ld-content-action {
		padding: 0 !important;
	}

	.section_inscription_left, .section_inscription_right {
		text-align: center !important;
		padding-bottom: 0 !important;
		width: 100% !important;
	}



	/* quiz */

	.ld-quiz-status {
		display: none;
	}

	.wpProQuiz_content .wpProQuiz_questionListItem input, .wpProQuiz_questionListItem label {
	    font-family: "Source Sans Pro";
	    font-size: 20px;
	}


	/* inscription */

	.page-id-4149 .pmpro_login_wrap, .page-id-4149 .pmpro_lost_password_wrap {
	    width: 85%;
	    margin: 0 auto;
	}


}







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


	
	/* global */

	body:not(.qodef-content-behind-header) #qodef-page-outer {
		margin-top: -120px !important;
	}

	#nav_menu-2 ul li {
	    position: relative;
	    display: inline-block;
	    width: auto;
	    padding: 0 30px;
	    width: 100%;
	}

	/* homepage */


	.desktop_slider_img {
		display: none;
	}

	.mobile_slider_img {
		display: block;
	}


	.slider_home .qodef-m-image {
		height: 100vh;;
	}
	
	.slider_home .qodef-m-image img {
	    height: auto;
	    width: 100%;
	    max-width: initial;
	    transform: translateX(-50%);
	    margin-left: 50%;
	}

	.slider_home_title {
	    top: 50%;
	    left: 0;
	}

	.title_h1 h1 {
	    font-size: 60px;
	    text-align: center;
	    width: 100%;
	}

	.page .btn_back_green {
	    padding: 30px 15px !important;
	    transform: translateY(-150px);
	    text-align: center;
	    border-radius: 50px;
	    width: 70%;
	    margin: 0 15%;
	}

	.home .qodef-content-grid {
	    width: 100% !important;
	}

	.btn_back_green .qodef-m-text {
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 16px;
	    font-weight: 600;
	    text-transform: initial;
	    color: #fff;
	    text-transform: uppercase;
	}

	.home .intro_home {
	    width: 94%;
	    margin: 0 3%;
	    position: relative;
	    display: inline-block;
	}

	.title_h2 h2 {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 26px;
	    text-transform: initial;
	}

	.home .picture_left_home {
	    width: 80%;
	    margin: 50px 10% 50px 0;
	    z-index: 10;
	}

	.home .btn_big_back_green {
	    padding: 150px 50px 30px 50px !important;
	    background: #8fbcbb;
	    text-align: left;
	    position: absolute;
	    width: 75%;
	    bottom: -70px;
	    left: initial;
	    z-index: 1;
	    right: 0;
	    top: initial;
	}

	.home .btn_big_back_green .qodef-m-text {
	    width: 100%;
	}

	.home .btn_big_back_green .qodef-m-icon {
	    position: absolute;
	    bottom: 33px;
	    right: 40px;
	    top: initial;
	    left: initial;
	}

	.home .txt_home {
	    margin: 120px 8% 60px;
	}

	.home .link_bottom_home {
	    margin: 30px 4% 80px 4%;
	}

	.home .btn_green {
	    padding: 20px 15px !important;
	    text-align: center;
	    border-radius: 50px;
	    width: 90%;
	    margin: 40px 5%;
	    background: #8fbcbb;
	    color:#fff;
	}

	.btn_green .qodef-m-text {
	    color: #fff;
	}

	.qodef-button.qodef-layout--textual.btn_green .qodef-m-icon line, .qodef-button.qodef-layout--textual.btn_green .qodef-m-icon polyline {
	    stroke: #fff;
	    stroke-miterlimit: 10;
	    stroke-width: 2.5px;
	}

	/* --- page secondaire --- */

	.qodef-browser--edge .qodef-parallax-img-holder, .qodef-browser--ms-explorer .qodef-parallax-img-holder, .touchevents .qodef-parallax-img-holder {
		display: none;
	}

	.home #qodef-page-inner {
	    padding: 0 !important;
	}

	h1.entry-title {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 40px;
	    text-transform: initial;
	    line-height: 1;
	    color: #000;
	    width: 100%;
	    text-align: center;
	    padding-top: 180px !important;
	}

	.page #qodef-page-inner {
	    padding: 20px 0 70px;
	    text-align: center;
	}


	/* ------ tunnel de commande ------ */

	/* nos offres */

	.nos_offres {
	    width: 100%;
	    margin: 0 !important;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 50px;
	}

	.nos_offres .txt_offre {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    margin: 0;
	    padding: 10px 25px 20px;
	    text-align: left;
	}

	.nos_offres .txt_offre_condition {
	    position: relative;
	    display: inline-block;
	    z-index: 5;
	    width: 100%;
	    padding: 10px 25px 0;
	}

	.nos_offres .txt_offre_condition h3 {
	    font-size: 20px;
	}

	.nos_offres .txt_offre_condition h3 b, .nos_offres .txt_offre_condition h3 strong {
	    font-size: 30px;
	}

	.nos_offres .wpb_wrapper {
		text-align: left;
	}

	.nos_offres .offre_01 {
	    position: relative;
	    display: inline-block;
	    background-color: #cdd5d5;
	    border-radius: 25px;
	    width: 100%;
	    margin: 0 0 15px 0;
	    overflow: hidden;
	}

	.nos_offres .offre_02 {
	    position: relative;
	    display: inline-block;
	    background-color: #99aaa9;
	    border-radius: 25px;
	    width: 100%;
	    margin: 15px 0 0 0;
	    overflow: hidden;
	}

	.nos_offres .fleur_back {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 80%;
	    z-index: 0;
	    opacity: 0.5;
	}

	/* paiement */


	#pmpro_pricing_fields {
	    width: 100%;
	    text-align: left;
	}

	#pmpro_form .pmpro_checkout h3 {
	    margin-bottom: 30px;
	    margin-top: 0 !important;
	    width: 100%;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    font-size: 32px;
	    width: 70%;
	    line-height: 1.2;
	}

	#pmpro_pricing_fields .pmpro_checkout-h3-msg, #pmpro_user_fields .pmpro_checkout-h3-msg, #pmpro_payment_information_fields .pmpro_checkout-h3-msg {
    	position: absolute;
	    right: 0;
	    bottom: 0;
	}

	#pmpro_user_fields {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 60px;
	}

	#pmpro_user_fields h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_user_fields .pmpro_checkout-h3-msg {
		position: relative;
	    width: 100%;
	    text-align: left;
	    margin-bottom: 0;
	}

	#pmpro_user_fields .pmpro_checkout-fields {
		margin-top: 40px;
	}

	.pmpro_checkout-field-password, .pmpro_checkout-field-bemail, .pmpro_checkout-field-password2, .pmpro_checkout-field-bconfirmemail {
	    width: 100%;
	    margin-right: 0% !important;
	    margin-left: 0% !important;
	    display: inline-block;
	}

	form.pmpro_form input[type=text].input, form.pmpro_form input[type=password].input, .pmpro_login_wrap form#loginform input[type=text].input, .pmpro_login_wrap form#loginform input[type=password].input {
	    width: 100%;
	    border-bottom: 1px solid #c2c2c2;
	}

	input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	    border-bottom: 1px solid #c2c2c2;
	}

	#pmpro_payment_information_fields {
	    margin-top: 40px;
	}

	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, 
	.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, 
	.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
	    border-bottom: 1px solid #c2c2c2;
	}

	.pmpro_checkout h3 span.pmpro_checkout-h3-name {
	    width: 60%;
	    text-align: left;
	}

	#pmpro_payment_information_fields h3 .pmpro_checkout-h3-msg {
		display: none;
	}

	form.pmpro_form .pmpro_submit {
	    margin-top: 60px;
	}

	/* login paiement */

	#pmpro_account_loggedin {
	    position: relative;
	    top: initial;
	    right: 0;
	    left: 0;
	    text-align: center;
	}

	.logged-in #pmpro_payment_information_fields {
    	width: 100%;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 0;
	    margin-top: 40px;
	}

	.logged-in #pmpro_payment_information_fields h3 .pmpro_checkout-h3-name {
	    width: 60%;
	}


	/* ---- pages cours ---- */

	.learndash-wrapper .ld-tabs, .learndash-wrapper .ld-item-list {
	    width: 100%;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	    padding: 25px 20px 5px 20px;
	    background-color: #d1e5e5;
	}

	.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats .ld-progress-steps {
	    margin-top: 10px;
	}

	.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading, .ld-tab-content h2 {
	    font-size: 24px;
	}

	.ld-item-list-items .ld-item-title {
		line-height: 1.2;
	    font-size: 18px;
	}

	.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
	    margin:0 !important;
	}

	/* -----  details cours ---- */


	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
	    -ms-flex: initial;
	     flex: initial;
	     padding-right: initial;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar {
	    width: 40px;
	    height: 40px;
	    margin-left: 0.6em;
	    margin-right: 0.6em;
	}

	.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
	    right: 0.3em;
	}

	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	    padding: 5% 1em;
	}


	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
	    margin-bottom: 0px;
    	font-size: 24px;
	}

	.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-topic-status, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status {
		display: none;
	}

	.learndash_post_sfwd-lessons .ld-content-actions {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
		margin-top: 20px;
		min-height: 200px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(1) {
		order:1;
		position: absolute;
		width: 48%;
		top: 20px;
		left: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(2) {
		order:3;
		position: absolute;
	    width: 100%;
	    top: 100px;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-content-action:nth-child(3) {
		order:2;
		position: absolute;
		width: 48%;
		top: 20px;
		right: 0;
	}

	.learndash_post_sfwd-lessons .ld-content-actions .ld-button {
	    padding: 15px 30px;
	    margin-left: 0 !important;
	}


	.learndash_post_sfwd-lessons .ld-content-actions .learndash_mark_complete_button, .learndash_post_sfwd-lessons .ld-content-actions #learndash_mark_complete_button {
	    padding: 15px 30px;
	    border-radius: 30px;
	    margin-left: 0 !important;
	}

	.single .learndash-wrapper .ld-tabs {
	    margin: 30px auto 0px;
	}

	.learndash-wrapper .ld-content-actions .ld-content-action {
		padding: 0 !important;
	}

	.section_inscription_left, .section_inscription_right {
		text-align: center !important;
		padding-bottom: 0 !important;
		width: 100% !important;
	}



	/* quiz */

	.ld-quiz-status {
		display: none;
	}

	.wpProQuiz_content .wpProQuiz_questionListItem input, .wpProQuiz_questionListItem label {
	    font-family: "Source Sans Pro";
	    font-size: 20px;
	}


	/* inscription */

	.page-id-4149 .pmpro_login_wrap, .page-id-4149 .pmpro_lost_password_wrap {
	    width: 85%;
	    margin: 0 auto;
	}

}







@media (min-width: 768px) and (max-width: 1024px) {

	.slider_home, .desktop_slider_img, .desktop_slider_img .qodef-m-image {
		height: 450px;
	}

	.desktop_slider_img img {
		height: 100% !important;
		width: auto !important;
	}

	.title_h1 h1 {
	    font-size: 60px;
	    width: 100%;
	}

	.home .intro_home {
   		width: 80%;
	    margin: 80px 0% 50px 20%;
	    position: relative;
	    display: inline-block;
	}

	.title_h2 h2 {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 40px;
	    text-transform: initial;
	}

	.home .txt_home {
	    margin: 150px 0% 50px 0%;
	}

	.home .btn_big_back_green {
	    padding: 120px 20px 60px 30px !important;
	    background: #8fbcbb;
	    text-align: left;
	    position: absolute;
	    width: 55%;
	    top: 0;
	    left: 0;
	    z-index: 10;
	}

	/* paiement */

	#pmpro_form {
		width: 90%;
   		margin: 0 auto;
	}

	#pmpro_pricing_fields {
	    width: 100% !important;
	}

	#pmpro_user_fields {
	    width: 100% !important;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 0;
	} 


}








@media (min-width: 1025px) and (max-width: 1366px) {

	.slider_home, .desktop_slider_img, .desktop_slider_img .qodef-m-image {
		height: 450px;
	}

	.title_h1 h1 {
	    font-size: 60px;
	    width: 100%;
	}

	.home .intro_home {
   		width: 80%;
	    margin: 80px 0% 50px 20%;
	    position: relative;
	    display: inline-block;
	}

	.title_h2 h2 {
	    font-family: 'Butler-medium', sans-serif;
	    font-size: 40px;
	    text-transform: initial;
	}

	.home .txt_home {
	    margin: 150px 0% 50px 0%;
	}

	.home .btn_big_back_green {
	    padding: 120px 20px 60px 30px !important;
	    background: #8fbcbb;
	    text-align: left;
	    position: absolute;
	    width: 55%;
	    top: 0;
	    left: 0;
	    z-index: 10;
	}


}








@media (min-width: 1367px) and (max-width: 1600px) {

}