/*Theme Name: Le Jardin qui nourrit

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème du Jardin qui nourrit

Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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

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

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

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

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

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

body {
    font-size:20px;
	line-height:1.4;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#000;   
}
img {max-width:100%;height:auto;max-height:100%;width:auto;display: block;}
a img {border:0;}
.clear {clear:both;}
strong {font-weight:600;}
a {color:#487237;}
hr {background-color: #000;height:1px;border:0;margin:10px 0;}

p {margin:35px 0 !important;}

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

.container {position: relative;width:1600px;margin:0 auto;padding:0 20px;box-sizing: border-box;}

h1, h2, h3, h4, .t1, .t2, .t3, .t4 {  font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";font-weight: 400;line-height: 1.15;}

h1, .t1 {font-size:80px;line-height: 0.95;}
h2, .t2 {font-size:70px;}
h3, .t3 {font-size:60px;}
h4, .t4 {font-size:40px;}

@media (max-width: 1600px) {
    .container {width:100%;/*:1280px;*/}
    body {font-size:18px;}
    h1, .t1 {font-size:60px;}
    h2, .t2 {font-size:50px;}
    h3, .t3 {font-size:40px;}
    h4, .t4 {font-size:30px;}
}
@media (max-width: 1280px) {
    h1, .t1 {font-size:50px;}
    h2, .t2 {font-size:40px;}
    h3, .t3 {font-size:30px;}
    h4, .t4 {font-size:25px;}
}
@media (max-width: 768px) {
    body {font-size:17px;}
    h1, .t1 {font-size:40px;}
    h2, .t2 {font-size:30px;}
    h3, .t3 {font-size:25px;}
    h4, .t4 {font-size:20px;}
}

.bg_blanc {background-color: #FFF;}
.bg_jaune {background-color: #FFF5C5;}
.bg_jaune_fonce {background-color: #FDCF03;}
.bg_orange {background-color: #F6A634;}
.bg_rouge {background-color: #F47A68;}
.bg_vert_clair {background-color:#E2F0D7;}
.bg_vert_fonce {background-color:#7F915A;}
.bg_vert_gris {background-color:#E1DCB4;}
.bg_beige {background-color: #ECD392;}
.bg_rose {background-color: #F8DCC9;}
.bg_gris {background-color: #F2F2F2;}
.bg_violet {background-color:#BC779E;}

.blanc {color:#FFF;}
.jaune {color: #FFF5C5;}
.rouge {color: #F47A68;}
.vert {color:#487237;}

.bouton, input[type=submit] {padding:15px 40px;border-radius: 30px;background-color:#FFFFFF;color:#000;text-decoration: none;transition: all ease 300ms;display: inline-block;}
.bouton:hover {transform: scale(1.05);}

.btn_jaune_clair {background-color:#FFF5C6;}
.btn_jaune {background-color:#FFD262;}
.btn_vert {background-color:#487237;color:#FFF;}
.btn_rouge {background-color:#F24E4D;color:#FFF;}
.btn_orange {background-color:#f67b68;color:#FFF;}

.majuscules {text-transform: uppercase;}
.typo {font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";}

body {font-family: 'CabinetGrotesk-Variable',Helvetica, Arial, "sans-serif";}

.cochees, .cochees ul {list-style-type: none;margin: 0;padding:0;}
.cochees li {
    background:url('img/case_cochee.svg') no-repeat left top;
    background-size: 28px 24px;
    padding:2px 0 5px 40px;
    margin: 12px 0;line-height:1.2;
}
.t4 .cochees li {
    background:url('img/case_cochee.svg') no-repeat left 10px;
}

.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt50 {margin-top:50px !important;}
.mb50 {margin-bottom:50px !important;}
.pt50 {padding-top:50px !important;}
.pb50 {padding-bottom:50px !important;}

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

header {height:100px;width:100%;position: fixed;background: #FFF;z-index:10;padding:20px 0;}

.sous_header {height:100px;}

.logo {float:left;background:url('img/logo_horizontal.svg') no-repeat;background-size:contain; height:60px;width:250px;}

#btn_menu {
    float: right;
    cursor: pointer;
    margin:4px 0 0 15px;
    width:40px;
    transition: transform .2s cubic-bezier(.35,.755,.42,.95);
}
.trait {
    height:1px;
    width:40px;
    background-color: #000;
    margin:10px 0;
}
.trois {width:27px;}

.main_nav {float:right;transition: transform .2s cubic-bezier(.35,.755,.42,.95);}
.main_nav ul {margin:5px 0 0 0;padding:0;display: flex;align-items:center;}
.main_nav a {margin: 0 20px;text-decoration: none;color:#000;font-size:18px;}
.main_nav li {list-style-type: none;display:block;position: relative;}
.site_nav li:first-child {display: none;}
.site_nav ul ul li:first-child {display: block;}
.site_nav li.entreprises a {padding:10px 40px;border-radius: 25px;color:#FFF;transition: all ease 300ms;display: inline-block;background:#7E915B;font-weight: 600;}
.main_nav ul ul {display: none;}
.main_nav li.menu-item-has-children:hover ul {display: block;position: absolute;top:19px;padding:10px 0;width: max-content;}
.main_nav ul ul li {display: block;float: none;background: #FFF;padding:0 0 15px 0;}
.main_nav ul ul a {font-size:14px;}
.main_nav .immobilier {display: none;}

nav {
    position: fixed;
    z-index:5;
    top:0px;
    right:0;
    background: #F24E4D;
    width:100vw;
    height:100vh;
    padding-top:150px;
    transition: transform .6s cubic-bezier(.35,.755,.42,.95);
    transform: translateY(-100%);
    overflow: hidden;
    }
.main_menu ul {margin:0;padding:50px 10vw 0px 10vw;list-style-type: none;}
.main_menu ul ul {display: none;}
nav a {text-decoration: none;color: #FFF5C5;}
.main_menu a {font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";font-size:50px;}

.menu_suite ul {margin:0;padding:0px 10vw;list-style-type: none;}
.menu_suite li {float: left;margin-right:20px;}
.menu_suite a {text-transform: uppercase;font-size:20px;}

#close {
    position: fixed;
    z-index:11;
    top: 0;
    right: 0;
    height:100px;
    width:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 150px;
    line-height: 40px;
    font-weight: 100;
    cursor: pointer;
    color: #FFF5C5;
    background: #F24E4D;
    transition: transform .2s cubic-bezier(.35,.755,.42,.95);
    transform: translateY(-100%);
}

#contact {
    position: fixed;
    bottom: 70px;
    left: 57px;
    width: 200px;
    Z-index: 4;
    transform: rotate(-90deg);
    transform-origin: left;
}
#contact a  {display: block; text-transform: uppercase;color:#000;text-decoration: none;font-weight: bold;font-size:14px;}
#social {
    position: fixed;
    bottom: 45px;
    left: 0;
    width: 110px;
    Z-index: 4;
    text-align: center;
}
#social i {
    border-radius: 50%;
    border: 1px solid #000;
    padding: 5px;
    font-size: 11px;
    width:25px;height:25px;
}
#social a {color: #000;}

#contact a:hover {color:#F47A68;}


/* --------------------- ARABESQUES SVG  ----------------*/

#abq_0 {width:150px;position: absolute;top:0px;left:-150px;}
#abq_1 {width:700px;margin-left:3vw;}
#abq_2 {width:100%;margin:-10% 0;}
#abq_3 {width:100%;margin:-60px 0 0 0;}
#abq_4 {width:400px;margin:-120px 0 -50px 20px;}
#abq_5 {width:320px;margin:-230px 0 0 -150px;}
#abq_6 {width:200px;margin:10px auto;display: block;}
#abq_7 {width:200px;margin:10px auto;transform: rotate(180deg);display: block;}
#abq_8 {width:300px;position: absolute;top:0px;left:0%;}
#abq_9 {width:800px;margin:50px 0 -400px 0;}
#abq_10 {width:1000px;margin:-400px auto 0 auto;display: block;}

/* --------------------- HOME PAGE ----------------*/

.owl-ca-carousel {padding: 0 !important;}

.slider_home {position: relative;min-height:calc(100vh - 100px) !important;}
.slide_home {
    display: flex;
    align-items: center;
    padding:65px 16.66vw 65px 16.66vw;
    background-repeat: no-repeat;
    min-height:calc(100vh - 100px) !important;
}
.slider_home .owl-dots {position: absolute;bottom:20px;width:100%;}

.slider_home .bg_jaune {
    background-image:url('img/legumes.svg');
    background-position: bottom 70px right 10vw;
    background-size:25%;
}
.slider_home .bg_rouge {
    background-image:url('img/regard.svg');
    background-position: bottom 70px right 70px;
    background-size:20%;
}
.slider_home .bg_blanc {
    background-image:url('img/tomate_rateau.svg');
    background-position: bottom 70px right 10vw;
    background-size:10%;
}
/*.slider_home .owl-nav.disabled {display: block !important;}*/
.owl-nav {margin-top: 0 !important;}
.gambit-carousel-anything.has-arrows .owl-nav div.owl-next:before, .gambit-carousel-anything.has-arrows .owl-nav div.owl-prev:before {content: "";}

.slider_home .owl-nav .owl-prev, .slider_home .owl-nav .owl-next { 
    outline: none !important;
    color: rgba(0,0,0,0) !important;
    width:60px !important;
    height: 30px !important;
    bottom:30px !important;
    top:auto !important;
}
.slider_home .owl-nav .owl-prev {
    display: none;
    background: transparent url(img/prev.png) no-repeat left center !important;
    background-size: contain !important;
    left:10vw !important;
}
.slider_home .owl-nav .owl-next {
    display: none;
    background: transparent url(img/next.png) no-repeat right center !important;
    background-size: contain !important;
    right:10vw !important;
}

.bg_nl {width:180px;height:180px;position: absolute;top:0; right:0;z-index:3;background: url("img/rond_nl.png") no-repeat;background-size: contain;animation: tourne 6s linear infinite;}
.btn_nl {width:180px;height:180px;position: absolute;top:0; right:0;z-index:4;text-align: center;font-size:14px;}
.btn_nl a {color:#000;text-decoration: none;font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";display: block;padding:60px;}

@keyframes tourne {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.col_demi_slider .vc_column-inner { padding:0 !important;margin:0 -10px !important;}

.slide_permanence {min-height:calc(100vh - 100px) !important;}

.slide_permanence_1 {background:url('img/biodiversite.svg') no-repeat center ;background-size:90%;background-color: #C9DAB5; width:100%;}
.slide_permanence_2 {background:url('img/maximum_legumes.svg') no-repeat center;background-size:90%;background-color: #ECD292; width:100%;}
.slide_permanence_3 {background:url('img/sol_naturel.svg') no-repeat center;background-size:90%;background-color: #FEBE89; width:100%;}

/* ------------------------------  BENEFICES -----------------------------*/
.benefices {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 50px 20px;
    }
.bloc_benefice {position: relative;width:25%;}
.bloc_benefice:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.numero {position:absolute;top:10px;left:20px;font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";font-size:40px;font-weight: 700;}

.illustration {position:absolute;background-repeat:no-repeat;background-position: center;background-size:contain;height:50%;top:40px;width:100%;transition: all ease 300ms;}
.illustration:hover {transform: scale(1.05)}

.un .illustration {background-image:url("img/terre.svg");}
.deux .illustration {background-image:url("img/legumes_frais.svg");}
.trois .illustration {background-image:url("img/faire_decouvrir.svg");}
.quatre .illustration {background-image:url("img/tisser.svg");}
.cinq .illustration {background-image:url("img/manger.svg");}
.six .illustration {background-image:url("img/se_reconnecter.svg");}
.sept .illustration {background-image:url("img/pratiquer.svg");}
.huit .illustration {background-image:url("img/regard.svg");}

.un .numero {color:#B79915;}
.deux .numero {color:#ECD292;}
.trois .numero {color:#B2ABAB;}
.quatre .numero {color:#FFF5C6;}
.cinq .numero {color:#B2ABAB;}
.six .numero {color:#F8C19C;}
.sept .numero {color:#C6D1BD;}
.huit .numero {color:#F59789;}

.bloc_benefice p {position:absolute;bottom:25px;left:5%;width:90%;text-align: center;font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";margin:0 !important;}

/* --------------------- NOTRE APPROCHE  ----------------*/

.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {padding-top: 0;}

.coeur {background-image:url("img/coeur.svg");background-repeat:no-repeat;background-position: center;background-size:contain;}

.cadre_graine {
    border: 1px solid #000;
    padding: 30px 15px;
    margin: 30px;
    border-radius: 20px;
    width: calc(33.33% - 60px);
}
.cadre_graine .typo {margin:50px 0;}

.carousel_approche .owl-item {margin:0 5px;}

.legumes_04 {height:350px;background:url('img/tomate_carotte_pelle.svg') no-repeat center center;background-size:contain;margin:10px;}

.experience_01 {background:url('img/radis.svg') no-repeat 0 top;background-size:40px auto;padding:0 0 0 60px;margin-left:50px;}
.experience_02 {background:url('img/arrosoir.svg') no-repeat 0 top;background-size:57px auto;padding:0 0 0 60px;margin-left:50px;}
.experience_03 {background:url('img/rateau.svg') no-repeat 10px top;background-size:30px auto;padding:0 0 0 60px;margin-left:50px;}
.experience_04 {background:url('img/aubergine.svg') no-repeat 0 top;background-size:40px auto;padding:0 0 0 60px;margin-left:50px;}

/* --------------------- FORMATIONS   ----------------*/

.col_formation {padding-left:8%;background-image:url("img/oignons.svg");background-repeat:no-repeat;background-position: left 10px top 35px;background-size:75px;}

.liste_formations {background-image:url("img/oignons.svg");background-repeat:no-repeat;background-position: right 100px top 20px ;background-size:100px;}


.liste_stages {
    font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";
    font-size:55px;
    color:#000;
    line-height:20px;
    font-weight: bold;
    margin:30px 0 30px 0;
    padding:0 20px 40px 55px;
}
.liste_phases {margin:30px 0;}

.liste_stages li {margin-bottom: 30px;position: relative;}
.liste_stages a {font-size:25px;line-height:32px;color:#000;text-decoration: none;font-weight: normal;cursor: pointer;display: block;}
.liste_stages a:hover, .liste_stages .active a, .liste_stages li:hover, .liste_stages .active  {color:#487237;text-decoration: none;}

.liste_stages a:hover:after ,.liste_stages .active a:after {
    content: '';
    display: block;
    background: #FFF;
    height:50px;
    width:50px;
    position: absolute;
    top:5px;
    right:-55px;
    transform: rotate(45deg);
    z-index: 0;
}
.bg_rose .liste_stages a:hover:after , .bg_rose .liste_stages .active a:after, .bg_jaune .liste_stages a:hover:after , .bg_jaune .liste_stages .active a:after {background: #FFF5C5;}

.couleurs .liste_stages li:nth-child(1) a:hover:after, .couleurs .liste_stages li:nth-child(1).active a:after {background: #FFF5C5;}
.couleurs .liste_stages li:nth-child(2) a:hover:after, .couleurs .liste_stages li:nth-child(2).active a:after {background: #E2F0D7;}
.couleurs .liste_stages li:nth-child(3) a:hover:after, .couleurs .liste_stages li:nth-child(3).active a:after {background: #F2F2F2;}
.couleurs .liste_stages li:nth-child(4) a:hover:after, .couleurs .liste_stages li:nth-child(4).active a:after {background: #F8DCC9;}

.accueil_formations li, .accueil_formations li a {color:#487237;}
.accueil_formations li:hover, .accueil_formations li a:hover {color:#F47A68;}

.programme_formation {padding:50px;}

.petit {font-size:16px;padding:0 65px;}

.formation_detaillee {
    display: none;
    position: absolute !important;
    z-index:1000;
    top:-100px;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    padding:50px;
    margin:0;
    font-size:0.8rem;
    background-color: #ECD392;
}
.single-formation .formation_detaillee {
    display: block;
    position: relative !important;
    background-color: transparent !important;
    top:auto;bottom:auto;left:auto;right:auto;
    z-index:1;
}
.single-formation .formation_detaillee .close p { display: none;}

.formation_detaillee .close p {
    position: absolute;
    z-index:1001;
    cursor: pointer;
    top:20px;
    right:-30px;
    width:40px;
    height:40px;
    font-size:100px;
    color:#000;
    line-height: 0;
    font-weight: lighter;
    margin:0 !important;
}

.formation_detaillee h4 {text-transform: uppercase;font-weight:bold;font-size:25px;}
.formation_detaillee h4.normal {text-transform: none;font-weight:normal;font-size:30px;}
.formation_detaillee h4 + p {margin-top:5px !important;}

.formation_detaillee .bouton {display: block;width:100%;font-weight:bold;font-size:1rem;text-align: center;}

.wpb_single_image .vc_figure {margin: 0 0 15px 0;}

/* --------------------- FINANCEMENT ----------------*/

.slide_financer {background-image:url('img/financement.svg');background-position: bottom 70px right 50px;background-size:20%;}

/* --------------------- ENTREPRISES ----------------*/

.graine {background-image:url("img/terre.svg");background-repeat:no-repeat;background-position: right bottom 50px ;background-size:200px;}

.legumes {background-image:url("img/legumes_entreprises.svg");background-repeat:no-repeat;background-position: center bottom;background-size:600px;height:200px;}

.ml16p {padding-left:16.66vw}

.phase {display: none;padding:0px 50px;}

.phase.visible, .grille_benefices.visible .wpb_wrapper {display: flex;}

/*.arriere_plan {z-index: 900;}*/

.grille_benefices .wpb_wrapper {
    display: none;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0px;
    }
.grille_benefices .bloc_benefice {width:50%;}
.grille_benefices .bloc_benefice p {text-transform: uppercase;}

.grille_benefices .un .illustration {background-image:url("img/legumes_frais.svg");}
.grille_benefices .deux .illustration {background-image:url("img/se_reconnecter.svg");}
.grille_benefices .trois .illustration {background-image:url("img/tisser.svg");}
.grille_benefices .quatre .illustration {background-image:url("img/pratiquer.svg");}

.grille_benefices .cinq .illustration {background-image:url("img/impliquez.svg");}
.grille_benefices .six .illustration {background-image:url("img/terre.svg");}
.grille_benefices .sept .illustration {background-image:url("img/travail.svg");}
.grille_benefices .huit .illustration {background-image:url("img/coeur.svg");}

.grille_benefices .neuf .illustration {background-image:url("img/libellule.svg");}
.grille_benefices .dix .illustration {background-image:url("img/evolution.svg");}
.grille_benefices .onze .illustration {background-image:url("img/regeneration.svg");}
.grille_benefices .douze .illustration {background-image:url("img/effet_de_serre.svg");}

.liste_benefices {list-style-type: none;padding: 0 0 40px 0!important;margin-top:100px;}
.liste_benefices li {padding-left: 80px;}
.liste_benefices li:nth-child(1) {background:url("img/fleche_1.png") no-repeat top 10px left;background-size: 60px;}
.liste_benefices li:nth-child(2) {background:url("img/fleche_2.png") no-repeat top 10px left;background-size: 60px;}
.liste_benefices li:nth-child(3) {background:url("img/fleche_3.png") no-repeat top 10px left;background-size: 60px;}

.col_grilles_benefices .vc_column-inner {padding:0;}

/* --------------------- OLD ----------------*/


.slider_cercle .slides  {border-radius: 50%;overflow: hidden;}
.slider_cercle .slides li  {border-radius: inherit;overflow: hidden;}

/*section {padding-top:50px !important;padding-bottom:50px !important;}*/

.big_num {font-size:70px;}

.legumes_01 {height:300px;background:url('img/legumes_01.svg') no-repeat center center;background-size:contain;margin:10px 40px;}
.legumes_02 {height:350px;background:url('img/legumes_02.svg') no-repeat center center;background-size:contain;margin:10px 40px;}
.legumes_03 {height:200px;background:url('img/legumes_03.svg') no-repeat center center;background-size:contain;margin:10px 40px;}

.arabesque_01 {background:url('img/arabesque_01.svg') no-repeat center bottom;background-size:contain;padding:0 100px 40px;}
.marge_01 {padding:0 100px;}
.arabesque_02 {background:url('img/arabesque_02.svg') no-repeat center bottom;background-size:contain;padding:0 0 100px;}
.arabesque_03 {background:url('img/arabesque_03.svg') no-repeat left bottom;background-size:190px auto;padding: 20px 0 15px 110px;
    margin-top: -20px;}
.marge_03 {padding:0 0 0 110px;}

.top_carotte {background:url('img/carotte_pelle.svg') no-repeat center top;background-size: 120px auto;padding: 200px 0 50px 0px;margin-top: -90px;}

.convivial h3 {height:100px;margin-bottom:0px;padding-top:15px;clear:both;position: relative;}
.convivial h3::after {display: block;content:'';bottom:0;position:absolute;;border-bottom:1px solid #000;width:50%;}

.details p {font-size:0.85em;}

.gallery .gallery-item, .gallery br {display: none;}
.gallery .gallery-item:first-child{display: block;}

.gallery img {border: 0 !important;}

#temoignages {color:#FFF;font-size:0.9em;}
#temoignages p {margin-left:15px;margin-right:15px;}
#temoignages .owl-item {padding:0 25px;}

/* --------------------- BLOG  ----------------*/


header.header_blog {height:auto;width:100%;position: relative;background: #f8dec9;z-index:10;padding:5px 0;margin-bottom: 60px;}
.header_blog .container {display: flex;justify-content: space-between;align-items: center;}

.logo_blog {float:left;background:url('img/logo_blog.png') no-repeat;background-size:contain; height:99px;width:150px;}

.header_blog .main_nav a { font-size:24px;margin:0 40px 0 0 ;}

.header_blog .main_nav li:last-child a {
    margin:0;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #000;
    background: none !important;
    font-weight: normal !important;
}
.header_blog .main_nav li a:hover, .header_blog .main_nav li.current-menu-item a {color:#f67b68;}

#close.close_blog {height:110px;background-color: #f67b68;}
.nav_blog {background-color: #f67b68;}

.blog {display: flex;margin:0 60px;justify-content: space-between;flex-wrap: wrap;align-items:flex-start;}
.content_blog {width:74%;}
.sidebar_blog {width:26%;padding:0 30px 170px 30px;position: relative;background:url('img/tomate_carotte_pelle.svg') no-repeat bottom center;background-size:100px 200px;}

.regard {
    background:url('img/regard.svg') center no-repeat;
    height:100px;
    background-size:contain;
    margin-bottom: 15px;
}

.blog_item, .lire_aussi .sticky, .lire_aussi .blog_item:first-child {width:50%;padding:0 30px;margin-bottom: 60px;display: block;position: relative;}
.blog_item:first-child, .sticky {width:100%;display: flex;align-items: center;padding:30px;background-color: #fdf8f4;border-radius: 15px;}

.botte {position: absolute;top:0;left:0;z-index:2;width:100px;height:100px;}

.lire_aussi {padding-top:30px;background-color: #fdf8f4;border-radius: 15px;}

.bloc, blockquote {background-color: #fdf8f4;border-radius: 15px;padding:30px;margin-bottom: 30px;}
blockquote {text-align: center;}

.a_la_une {display: block;height:15vw;background-size: cover;background-position: center;border-radius: 15px;}

.blog_item:first-child .a_la_une, .sticky .a_la_une {width: 100%;flex:1;}
.blog_item:first-child .texte, .sticky .texte {flex:1;padding:0 0 0 60px;}
.lire_aussi .sticky .texte, .lire_aussi .blog_item:first-child .texte {padding:0;}

.content_blog h1 {font-size:2.5rem;margin:15px 0 50px 0;}
.content_blog h2 {font-size:1.8rem;margin:25px 0;}

.wp-caption {width: 100% !important;}

.blog_item h2 {margin:15px 0;}
.blog_item h2 a {text-decoration: none;}
.date {margin:25px 0;color:#f67b68;}
.sommaire .date {margin:15px 0 5px 0;}
.date a {text-decoration: none;}
.excerpt {margin:15px 0;text-align: justify;}
.more {text-align: right;}
.more_link {display: inline-block;padding-left:55px;background-size: contain;background-position: left;background-image:url("img/fleche_boucle.png");background-repeat: no-repeat;text-decoration: none;}

.sidebar_blog h4 {font-size:2rem;margin:50px 0 15px 0;color:#f67b68;}
.sidebar_blog h4:first-child {margin-top: 0;}

h4.fleche1 {background:url("img/fleche_1.png") no-repeat top 7px left;background-size: 45px;padding-left:55px;}
h4.fleche2 {background:url("img/fleche_2.png") no-repeat top 5px left;background-size: 40px;padding-left:50px;}
h4.fleche3 {background:url("img/fleche_3.png") no-repeat top 5px left;background-size: 40px;padding-left:50px;}

.contact {text-align: center;text-transform: uppercase;font-weight: bold;margin-bottom:30px;}
.contact a {color: #000;}

#social_blog { text-align: center;}
#social_blog i {
    border-radius: 50%;
    border: 1px solid #000;
    padding: 10px;
    font-size: 18px;
    width:40px;height:40px;
    margin:0 3px;
}
#social_blog a {color: #000;}
#social_blog i:hover {
    border: 1px solid #f67b68;
    color:#f67b68;
}


.blog_nl {position: relative;display: block;width:180px;height: 180px;margin:0 auto 25px auto;}
.tag-cloud-link {font-family: 'Bonny-Variable',Helvetica, Arial, "sans-serif";text-decoration: none;}

.article h1 {margin:0 0 50px 0;}
.article .a_la_une {height:30vw;}
.article .sommaire .a_la_une {height:15vw;}

.tags {list-style-type: none;display: flex;margin:50px 0;padding:0;justify-content: center;flex-wrap: wrap;}
.tags li {margin:0 10px;}
.tags a, .rubriques a {text-decoration: none;}
.share {text-align: center;margin:20px 0;}

.fun_fact {margin-top:30px;background-color: #f7dfdf;text-align: center;}
.fun_fact p {color:#000;}
.fun_fact p:last-child {margin-bottom:0 !important;}
.fun_fact h4 {color: #000;}

/* ------------------------------  FORMULAIRE -----------------------------*/

.form_left {float:left;width:50%;padding-right:5px;}
.form_right {float:right;width:50%;padding-left:5px;}

::-webkit-input-placeholder {  color: #FFF5C5;}
::-moz-placeholder {  color: #FFF5C5;}
:-ms-input-placeholder { color: #FFF5C5;}
:-moz-placeholder { color: #FFF5C5;}
:placeholder { color: #FFF5C5;}
placeholder { color: #FFF5C5;}

input, textarea {
    font-family: 'CabinetGrotesk-Variable',Helvetica, Arial, "sans-serif";
    font-size:20px;
    border:0;
    padding:10px;
    background-color:#C399CE;
    color: #FFF5C5;
    outline-color:#FFF5C5 !important;
    box-sizing: border-box;
    margin:0 0px 10px 0;
    width:100%;
}
#searchform input[type=text] {background-color:#f8dec9;width:100%;color:#000;outline: none !important;}
#searchform input[type=submit] {background-color:#f67b68;width: 100%;color:#FFF;border-radius: 10px;text-align: center;padding:10px 0;}

input[type=submit] {
    display: inline-block;
    float:none;
    background-color:#FFF5C5;
    width: auto;
    -webkit-appearance: none;
    cursor: pointer;
}

.wpcf7 .ajax-loader {display: none;}

.wpcf7-list-item {margin:0;}
.wpcf7-not-valid-tip {margin-bottom: 10px;}

/*input[type="checkbox"] {width:auto;height:24px;}*/
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
    width: auto;
    float: left;
    margin:0 15px 25px 0;
}
label {position: relative;cursor: pointer;}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
    position: relative;
    visibility: hidden;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: transparent;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 5px;
    height: 20px;
    width: 20px;
    border: 1px solid #FFF5C5;
    top:0;
    left:-28px;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2713';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: -8px;
    left: -25px;
    visibility: hidden;
    font-size: 26px;
    color: #FFF5C5;
    font-weight: bold;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
    visibility: visible;
}


.logo_clients .vc_single_image-wrapper {padding:0 25px;}

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

footer {font-size:0.8rem;margin:15px 0 !important;text-align: center;}
footer a, footer i {color:#000;float:none;}

#bg_nl {
    position: fixed;
    top:0;
    bottom:0;
    height:100vh;
    width:100vw;
    z-index:1000;
    background:rgba(0,0,0,0.7);
    display: none;
    text-align: center;
    padding-top:100px;
}

/* ------------------------------  RESPONSIVE -----------------------------*/

@media (min-width: 1600px) {
    .formation_detaillee {font-size:1rem;}
}
@media (max-width: 1280px) {
    .slide_home {padding:50px 16.66vw;}
    .benefices {margin: 50px -20px}
    
    .blog {;margin:0;}
    .content_blog {width:70%;}
    .sidebar_blog {width:30%;padding:0 0 170px 30px;}

    .blog_item:first-child, .blog_item, .sticky {width:100%;padding:0;margin-bottom: 60px;display: block;background-color: transparent;}
    .lire_aussi .sticky, .lire_aussi .blog_item, .lire_aussi .blog_item:first-child {padding:0 30px;width:100%;}
    .sticky .texte, .blog_item:first-child .texte {flex:1;padding:0;}

    .a_la_une {height:30vw !important;}

}
@media (max-width: 1000px) {
    .main_nav {display: none;}
    .bloc_benefice {width:50%;}
    .bloc_benefice p {bottom:10px;}
        
    .ml16p {padding-left:0}

    .header_blog .container {display: flex;justify-content: space-between;align-items: center;}
    .header_blog ul {display: block;margin: 0;}
    .categories a {font-size:1.25rem;}
    .header_blog img {width:200px;}
    
    
    .blog {display: block;margin:0;}
    .content_blog, .sidebar_blog {width:100%;padding:0}
    .sidebar_blog {padding:0 0 150px 0;}

    .a_la_une {height:55vw !important;}

}
@media (min-width: 769px) {
    .mobile {display: none !important;}
}
@media (max-width: 768px) {

    #sur_header li {display: none;}
    #sur_header li:first-child {display: inline-block;}
    #sur_header ul {justify-content: flex-start;}    




    .desktop, .bg_nl, .btn_nl, #contact, #social, #abq_0, #abq_1, #abq_2, #abq_3, #abq_4, #abq_5, /*#abq_6, #abq_7,*/ #abq_8, #abq_9, #abq_10, #abq_11  {display: none !important;}    
    .sidebar_blog .bg_nl, .sidebar_blog .btn_nl {display: block !important;}
    
    .inverser {display: flex;flex-direction: column-reverse;}
    
    .liste_stages a:hover:after, .liste_stages .active a:after {display: none;}

    p {margin:20px 0 !important;}

    header, .sous_header {
        height: 60px;
        padding-top: 0px;
    }
    .logo {height:40px;width:160px;margin-top:10px;}

    nav {padding-top:60px;}
    #close {height:60px;width:60px;font-size: 100px;line-height:60px;}
    .main_menu a {font-size:40px;}
    .menu_suite li {display: block;float: none;margin-top:15px;}

    /*.slider_home {min-height:auto !important;}
    /*.slider_home .owl-nav .owl-prev {left:20px !important;}
    .slider_home .owl-nav .owl-next {right:20px !important;}    */
    .slider_home .bg_jaune {background-position: bottom 70px center;background-size:50%;}
    .slider_home .bg_rouge {background-size:50%;background-position: bottom 70px center;}
    .slider_home .bg_blanc { background-image: none;}

    .slide_home  {padding:30px 20px;display: block;}
    
    .slide_permanence {min-height:90vw !important;}

    .col_demi_slider .vc_column-inner { margin:0 -10px !important;}
    .programme_formation {
        margin: 0 -10px;
        width: 100vw;
    }
    .liste_formations, .petits_oignons, .slide_financer {background-image:none;}

    .liste_stages {
        font-size:50px;
        margin:0;
        padding:0 0 30px 55px;
    }
    .liste_stages li {margin-bottom: 30px;}
    .liste_stages a {font-size:25px;}

    .bg_rose .liste_stages a:hover:after , .bg_rose .liste_stages .active a:after  {background: transparent;}

    .formation_detaillee {
        top:-60px;
        padding:50px 20px;
        bottom:auto;
    }

    .formation_detaillee .close p {
        top:-20px;
        right:-10px;
    }
    
    .formation_detaillee .wpb_single_image .vc_figure {
        max-width: 150px;
    }
    
    .cadre_graine {
        padding: 30px 15px;
        margin: 20px;
        border-radius: 20px;
        width: calc(100% - 40px);
    }
    
    .cadre_graine .typo {margin: 20px 0;}

    .col_grilles_benefices  {margin:0;width: 100vw}
    .col_grilles_benefices .vc_column-inner {margin:0 -5px;}

    .graine {background-size:200px;background-position: center bottom 50px;}

    .legumes {background-size:contain;height:200px;}

    .col_formation {padding-left:0;background-position: right top 25px;background-size:60px;}
    
    .phase {padding:0px;}
    .programme_formation {padding: 50px 20px;}
    
    .illustration {height:50%;top:20px;}
    .experience_01, .experience_02, .experience_03, .experience_04 {margin-left:0;}


    .arabesque_01 {background:none;padding:0 0 40px 0;border-bottom:1px solid #000;}
    .marge_01 {padding:0;}
    .arabesque_02 {background:none;padding:0 0 20px 0;border-bottom:1px solid #000;}
    .arabesque_03 {background:none;padding:0 0 20px 0;margin-top: 0px;border-bottom:1px solid #000;}
    .marge_03 {padding:0;}
    .big_num {font-size:60px;}
    .legumes_02 {height:250px;}
    .legumes_03 {height:150px;}
    .top_carotte {background-size: 90px auto; padding:170px 0 0 0;margin-top:-30px;}
    .slider_cercle {width:80% !important;margin: 0 auto 50px auto!important;}
    .portrait_marion {margin:0 50px 50px;}
    .convivial h3 {border-bottom: 1px solid #000;cursor: pointer;}
    .convivial h3::after {content:'+';position:absolute;right:0;width:50px;top:0;border:0;font-size:50px;line-height:50px;text-align: right;}
    .details {display: none;}
    .details p {margin:0 0 15px 0;}

    .blog {margin:0;}

    .graine {background-image:none;}



}
@media (max-width: 480px) {
}