a{transition: .3s;text-decoration: none!important;}
a:visited{color: white}
.text-right{text-align: right;}
p{margin-bottom: 0;}
svg path{transition: .3s;}
body{position: relative;}
.p30 {padding: 0 30px;}
.green {color:var(--green); font-weight: 700;}
*{ --green: #c8e889; --dark-green: #587F4E; --white: #ffffff; --black: #000000; --yellow: #F8D884; transition-duration: 0.3s; font-family: "Roboto Condensed"; }
.parallax_container{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 100;}
.thumbnail {max-height: 100px; max-width: 100px;}
.justify-content-space-between {justify-content: space-between;}
.flex-direction-column{flex-direction: column;}
.justify-content-space-around {justify-content: space-around;}
.bg_blanc{    background-color: #fff; width: 100%; height: 100%; padding: 45px 15px ;border-radius: 15px;position: relative;}
.grecaptcha-badge { visibility: hidden; } header{display: flex;padding: 26.5px 0;background: #fff;position: fixed;width: 100%;z-index: 990;transition: .3s;}
header .logo{max-height: 87px;position: relative; z-index: 999;}
header nav #primary-menu{justify-content: center;}
header nav #primary-menu li{text-align: center;}
header nav #primary-menu li a{color: #4a7348; font-family: "Roboto Condensed"; font-size: 30px; font-weight: 700;}
header nav #primary-menu li a:hover{color: #97bf41}
header nav #primary-menu li.current-menu-item a{color: #97bf41}
header nav #primary-menu li:last-child a{margin-right: 0px;}
header .right-menu{display: flex;align-items: center;gap: 20px;position: relative; z-index: 999;}
header .right-menu .search{margin-right: 30px;cursor: pointer;}
header .right-menu .espaceclient,header .right-menu .espaceclient_disconnected{display: flex;align-items: center; border-radius: 25px; background: #c8e889;padding: 10px 20px;cursor: pointer;transition: .3s;}
header .right-menu .espaceclient:hover, header .right-menu .espaceclient_disconnected:hover{background: #4a7348;}
header .right-menu .espaceclient p, header .right-menu .espaceclient_disconnected p{ color: #022601; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;margin: 0 0 0 5px;transition: .3s;}
header .right-menu .espaceclient:hover p, header .right-menu .espaceclient_disconnected:hover p{color: white;}
header .right-menu .espaceclient svg{margin-right: 5px;}
header .right-menu .iframe{    padding: 8px 12px; display: flex ; align-items: center; border-radius: 25px; background: transparent; border: 3px solid var(--green); cursor: pointer;}
header .right-menu .iframe:hover iframe{color: white;}
header .navbar-toggler{position: relative; z-index: 999;}
header.scroll{padding: 10px 0;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);}
header.scroll .logo { max-height: 65px; }
header .navbar-toggler{border: none;box-shadow:none}
header .navbar-toggler:focus{border: none;box-shadow:none}
header .navbar{position:initial;}
header #navbarNavDropdown{position: absolute;display: flex; top: 0; right: -100%;width: auto;padding: 0 100px; background: #c8e889;height: 100vh; z-index: 990;transition: .3s;opacity: 0;visibility: hidden;}
header #navbarNavDropdown.show{right: 0;opacity: 1;visibility: visible;}
header .navbar{justify-content: center;}
.main-navigation ul{align-items: flex-start;gap: 10px;}
header nav #primary-menu li a{padding: 0;}
.navbar-toggler{display: flex;}
.navbar-toggler .cross{width: 0;height: 0;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;}
.navbar-toggler.open .cross{width: 26px;height: 26px;display: block;opacity: 1;visibility: visible;transition: opacity .6s, visibility .6s;}
.navbar-toggler .burger{width: 26px;height: 26px;display: block;opacity: 1;visibility: visible;transition: opacity .6s, visibility .6s;}
.navbar-toggler.open .burger{width: 0;height: 0;display: none;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;} footer{display: flex;padding: 30px 0; background: #022601;flex-direction: column;}
footer .logo{max-height: 60px}
footer nav ul{display: flex;    justify-content: space-evenly;margin: 0;padding: 0;}
footer nav ul li{list-style: none;}
footer nav ul li a{color: #ffffff; font-family: Roboto; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;text-decoration: none;}
footer nav ul li a:hover{color: #97bf41;}
footer .immat li{list-style: none;color: white;margin: 0;}
footer .immat li p{margin: 0;}
footer .immat li a{color: #fff;}
footer .immat li a:hover{color: #97bf41;}
footer .footer-right{display: flex;justify-content: space-between;align-items: center;}
footer .footer-right iframe{width: 70%;}
footer .footer-right a{width: 25%;} .search-bar{position: fixed;left:0;right:0;bottom:0;top:0;z-index: 1000;background-color: rgba(255, 255, 255, 0.7);width: 100%;visibility: hidden;opacity: 0;transition: .3s;}
.search-bar.on{visibility: visible;opacity: 1;}
.search-bar .close{position: absolute;top: 50px; right: 50px;cursor: pointer;}
.search-bar form{position: absolute;left:50%;top:50%;z-index: 1001;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.search-bar form input[type="text"]{box-shadow: -45px 0px 60px rgb(74 115 72 / 50%); color: #4a7348; font-family: Roboto; font-size: 16px; width: 50%; display: inline-block; border-radius: 0; border: none; height: 50px; border-bottom: 2px solid #4a7348; outline: none; z-index: 2; position: relative;}
.search-bar form input[type="text"]::placeholder{color: #bdbdbd; font-family: Roboto; font-size: 16px; }
.search-bar form input[type="submit"]{ box-shadow: 0px 0px 60px rgba(74,115,72,0.5);background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/IconSearch.svg); background-repeat: no-repeat; background-size: 30px; height: 50px; width: 50px; background-position: center; vertical-align: bottom; background-color: white; border: none; border-radius: 0; margin-left: -5px; border-bottom: 2px solid #4a7348;} .login-form{position: fixed;left:0;right:0;bottom:0;top:0;z-index: 1000;background-color: rgba(255, 255, 255, 0.7);width: 100%;visibility: hidden;opacity: 0;transition: .3s;}
.login-form.on{visibility: visible;opacity: 1;}
.login-form .close{position: absolute;top: 50px; right: 50px;cursor: pointer;}
.login-form .form{position: absolute;left:50%;top:50%;z-index: 1001;transform: translate(-50%, -50%);width: 400px;text-align: center;border-radius: 10px; background: #4a7348; box-shadow: 0px 0px 60px rgba(74,115,72,0.5);padding: 25px;}
.login-form form {display: none;}
.login-form form.on {display: block;}
.login-form form input[type="text"]{color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 50px; border-bottom: 2px solid #4a7348; outline: none;margin-bottom: 15px;border:2px solid #c8e889;}
.login-form form input[type="text"]::placeholder{color: #bdbdbd; font-family: Roboto; font-size: 16px; }
.login-form form input[type="password"]{color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 50px; border-bottom: 2px solid #4a7348; outline: none;margin-bottom: 15px;border:2px solid #c8e889;}
.login-form form input[type="password"]::placeholder{color: #bdbdbd; font-family: Roboto; font-size: 16px; }
.login-form form input[type="submit"]{height: 50px;vertical-align: bottom; background-color: white; border: none; border-radius: 0;border-bottom: 2px solid #4a7348;width: 80px;display: block;margin: auto;color: #587f4e; font-family: Roboto; font-size: 16px;border:2px solid #c8e889;margin-bottom: 15px;transition: .3s;}
.login-form form input[type="submit"]:hover{background-color: transparent;color: #c8e889;}
.login-form form .checkbox{text-align: left;}
.login-form form .checkbox label{color: #fff; font-family: Roboto; font-size: 16px; margin-left: 5px;margin-bottom: 15px;}
.login-form form a{color: #fff; font-family: Roboto; font-size: 16px; margin-left: 5px;text-decoration: underline;}
.login-form form a:hover{color: #c8e889;}
.login-form .error {display: none;}
.login-form .error p{color: rgb(241, 22, 22); font-family: Roboto; font-size: 16px;}
.login-form .valid {display: none;}
.login-form .valid p{color: #c8e889; font-family: Roboto; font-size: 16px;}
.login-form .btn-reset p{color: white;font-family: Roboto; font-size: 16px;margin-bottom: 0;cursor: pointer;}
.login-form .btn-back-reset p{color: white;font-family: Roboto; font-size: 16px;margin-bottom: 0;cursor: pointer;} .flash-info{position: fixed;right: 25px;bottom: 25px;border-radius: 10px; background: #4a7348; box-shadow: 0px 0px 60px rgba(74,115,72,0.5);padding: 25px;width: 400px;z-index: 900;display: none;}
.flash-info .title{color: #ffffff; font-family: Roboto; font-size: 24px; font-weight: 900; line-height: 29px;}
.flash-info .date{ color: #97bf41; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 20px;}
.flash-info .extrait{width: 80%;}
.flash-info .extrait p{color: #ffffff; font-family: Roboto; font-size: 18px; font-style: italic; font-weight: 400; line-height: 22px;}
.flash-info .extrait p:last-of-type{margin-bottom: 0;}
.flash-info .close{position: absolute;top: 25px;right: 25px;cursor: pointer;}
main #page-home {padding-top: 140px;}
main #page-home #slider .home-slider{position: relative;}
main #page-home #slider .home-slider .item{height: 410px;padding: 40px 0;}
main #page-home #slider .home-slider .item .pos-center{position: relative;width: 50%;left: 0;}
main #page-home #slider .home-slider .item .bg_illustration{height: 360px;background-size: contain;background-position: center;background-repeat: no-repeat;margin-top: -15px;}
main #page-home #slider .home-slider .item .text{position: absolute;left: 10%;top: 50%;transform: translate(0%, -50%);}
main #page-home #slider .home-slider .item .text p{color: #587f4e; font-family: "Just Another Hand"; font-size: 60px; font-weight: 400; line-height: 50px;margin-bottom: 30px;}
main #page-home #slider .home-slider .item .text a{display:inline-block;color: #ffffff;border: 2px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 25px;border-radius: 25px; background: #4a7348;}
main #page-home #slider .home-slider .item .text a:hover{background: #f8d884;color: #587f4e;}
main #page-home #slider .home-slider .item .row{height: 340px;position: relative;margin: 0;}
main #page-home #slider .home-slider .item .row .bg_l{background: linear-gradient(90deg, rgba(0,0,0,0) 183px, rgba(248,216,132,1) 183px), url(//cerefi.fr/wp-content/themes/cerefi/img/BordGauche.svg);background-repeat: no-repeat;background-position: left;height: 330px;}
main #page-home #slider .home-slider .item .row .bg_r{background: linear-gradient(90deg, #f8d884 calc(100% - 183px), rgba(0,0,0,0) calc(100% - 183px)), url(//cerefi.fr/wp-content/themes/cerefi/img/BordDroit.svg);background-repeat: no-repeat;background-position: right;height: 330px;}
main #page-home #slider .home-slider .owl-nav button:hover{background-color: transparent;}
main #page-home #slider .home-slider .owl-nav button:hover #Oval-Copy{fill:#97bf41}
main #page-home #slider .home-slider .owl-nav .owl-next{position: absolute;top: 50%;right: -5%;transform: translateY(-50%);}
main #page-home #slider .home-slider .owl-nav .owl-prev{position: absolute;top: 50%;left: -5%;transform: translateY(-50%);}
main #page-home #slider-anim{overflow: hidden;height: 380px;margin-top: 30px;}
main #page-home #slider-anim .content{height: 330px;background:url(//cerefi.fr/wp-content/themes/cerefi/img/BordGauche.svg), url(//cerefi.fr/wp-content/themes/cerefi/img/BordDroit.svg), linear-gradient(90deg, rgba(0,0,0,0) 183px, rgba(248,216,132,1) 183px, rgba(248,216,132,1) calc(100% - 183px), rgba(0,0,0,0) calc(100% - 183px));background-position: left center, right center, center;background-repeat: no-repeat, no-repeat, no-repeat;position: relative;}
main #page-home #slider-anim .content .graines{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 325px; background-image: url(//cerefi.fr/wp-content/themes/cerefi/slider-anim/images/Graines.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
main #page-home #slider-anim .content .silo{position: absolute; top: 50%; left: 50%; transform: translateY(-50%); width: 290px; height: 285px; background-image: url(//cerefi.fr/wp-content/themes/cerefi/slider-anim/images/Silo.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
main #page-home #slider-anim .content .moulin{position: absolute; top: 50%; left: 10%; transform: translate(-50%, -50%); width: 205px; height: 300px; background-image: url(//cerefi.fr/wp-content/themes/cerefi/slider-anim/images/Moulin.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
main #page-home #slider-anim .content .moulin-gif{position: absolute;top: 50%;left: 12%;transform: translate(-50%, -50%);width: 300px;}
main #page-home #slider-anim .tracteur{    animation: move 20s linear infinite; position: relative; height: 420px; width: 420px; display: inline-block; margin-top: -25px;}
main #page-home #slider-anim .tracteur svg{max-height: 420px;}
main #page-home #slider-anim .tracteur #lottie{background: transparent;}
@keyframes move {
0% {
left: calc(0% - 520px);
}
100% {
left: calc(100% + 420px);
}
}
main #page-home #graph{background: linear-gradient(0deg, rgba(200,232,137,1) calc(100% - 420px), rgba(0,0,0,0)  calc(100% - 420px));margin-top: 20px;}
main #page-home #graph img{box-shadow: 0px 0px 60px rgba(74,115,72,0.3);border-radius: 10px;}
main #page-home #graph iframe{width: 100%;height: 555px; border-radius: 10px; box-shadow: 0px 0px 60px rgba(74,115,72,0.3);    padding: 25px;
background: white;}
main #page-home #abo{background: #c8e889;padding: 80px 0;}
main #page-home #abo .formation-test .formation{background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/paperboard.svg);background-color:  #4a7348;border-radius: 10px;background-repeat: no-repeat;background-position: bottom right 50px;padding: 70px;transition: .3s;box-shadow: 0px 0px 60px rgba(74,115,72,0.3);}
main #page-home #abo .formation-test .formation:hover{box-shadow:2px 2px 30px rgb(0 0 0 / 30%);}
main #page-home #abo .formation-test .formation p{color: #ffffff; font-family: "Just Another Hand"; font-size: 55px; font-weight: 400; line-height: 50px;}
main #page-home #abo .formation-test .formation p.t-sup{color: #ffffff;font-family: Roboto; font-size: 18px; font-weight: 400;margin-bottom: 20px;line-height: 18px;}
main #page-home #abo .formation-test .formation a{border-radius: 25px; background: #c8e889;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 20px;display: inline-block;border:2px solid #c8e889}
main #page-home #abo .formation-test .formation a:hover{background: transparent;color: #c8e889;}
main #page-home #abo .formation-test .test{background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/noeud.svg);background-size: contain;background-color:  #4a7348;border-radius: 10px;background-repeat: no-repeat;background-position: right;padding: 70px;transition: .3s;box-shadow: 0px 0px 60px rgba(74,115,72,0.3);}
main #page-home #abo .formation-test .test:hover{box-shadow:2px 2px 30px rgb(0 0 0 / 30%);}
main #page-home #abo .formation-test .test p{color: #ffffff; font-family: "Just Another Hand"; font-size: 55px; font-weight: 400; line-height: 50px;margin-bottom: 20px;}
main #page-home #abo .formation-test .test a{border-radius: 25px; background: #c8e889;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 20px;display: inline-block;border:2px solid #c8e889}
main #page-home #abo .formation-test .test a:hover{background: transparent;color: #c8e889;}
main #page-home #abo .abonnement {margin-top: 100px;}
main #page-home #abo .abonnement .intro{}
main #page-home #abo .abonnement .intro .title{ color: #ffffff; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 60px;}
main #page-home #abo .abonnement .intro p{ color: #082b00; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px;}
main #page-home #abo .abonnement .card{text-align: center;padding: 20px;border-radius: 10px; border: solid 6px #ffffff;background: transparent;align-items: center;transition: .3s;cursor: pointer;}
main #page-home #abo .abonnement .card img{width: 90px;height: 90px;margin-bottom: 15px;}
main #page-home #abo .abonnement .card .type{color: #082b00; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; text-transform: uppercase;}
main #page-home #abo .abonnement .card .nom{    line-height: 42px; margin: 10px 0;color: #ffffff; font-family: "Just Another Hand"; font-size: 42px; font-weight: 400; text-align: center;transition: .3s;}
main #page-home #abo .abonnement .card a{  color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;background: #022601;border-radius: 25px;padding: 10px 25px;border: 2px solid #022601;}
main #page-home #abo .abonnement .card a:hover{  color: #022601;background: #fff;}
main #page-home #abo .abonnement .card:hover{background: #fff;}
main #page-home #abo .abonnement .card:hover .nom{color: #97bf41;}
main #page-home #actualites{padding: 50px 0 0;background: #c8e889;}
main #page-home #actualites h2{color: #fff; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 101px;}
main #page-home #actualites .actu{margin-bottom: 20px;}
main #page-home #actualites .actu .img{border-radius: 10px; box-shadow: 0px 0px 60px rgba(74,115,72,0.3);margin-bottom: 20px;width: 100%;object-fit: contain;display: block;background-color: #fff;}
main #page-home #actualites .actu .title{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 700; line-height: 26px;margin-bottom: 0;}
main #page-home #actualites .actu p.extrait{color: #022601; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 19px;margin-bottom: 15px;}
main #page-home #actualites .actu p.date{  color: #4a7348; font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;}
main #page-home #actualites .actu a.link{display:inline-block;border-radius: 25px; background: #022601;border:solid 2px #022601;padding: 10px 25px;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;}
main #page-home #actualites .actu a.link:hover{background: transparent;color: #022601;}
main #page-home #actualites .all-actu{display:inline-block;border-radius: 25px;margin-top: 30px; background: #022601;border:solid 2px #022601;padding: 10px 25px;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;}
main #page-home #actualites .all-actu:hover{background: transparent;color: #022601;}
main #page-home #actualites .actu.more .link{width: 100%;} main #page-home #analyses{padding: 70px 0;}
main #page-home #analyses .analyse{position: relative;}
main #page-home #analyses h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 101px;margin-bottom: 30px;}
main #page-home #analyses .filter{    text-align: center;}
main #page-home #analyses form{border-radius: 20px; display: inline-block;margin: auto;}
main #page-home #analyses form label{background: #c8e889;cursor:pointer;color: #ffffff; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 45px;border-radius: 20px; box-shadow: none;transition: .3s; }
main #page-home #analyses form label.current{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 45px;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3); }
main #page-home #analyses form label:hover{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 45px;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3); }
main #page-home #analyses form input{display: none;}
main #page-home #analyses .content{margin-top: 30px;}
main #page-home #analyses .content .item{display: none;}
main #page-home #analyses .content .item.show{display: block;}
main #page-home #analyses .content .item>div>div {padding: 0 30px;}
main #page-home #analyses .content .item>div>div h3{color: #022601; font-family: "Just Another Hand"; font-size: 30px; font-weight: 400; line-height: 46px; text-align: center; text-transform: uppercase;}
main #page-home #analyses .content .item>div>div p{ color: #022601; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px; text-align: center;margin-bottom: 60px;}
main #page-home #analyses .content .item>div>div a{width:170px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;border-radius: 25px; background: #4a7348;padding: 10px 25px;display: inline-block;border:solid 2px #4a7348}
main #page-home #analyses .content .item>div>div a:hover{background: transparent;color: #4a7348;}
main #page-home #video{padding: 70px 0 200px;}
main #page-home #video .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;border-radius: 10px; box-shadow: 0px 0px 60px rgba(74,115,72,0.3); } 
main #page-home #video .embed-container iframe, main #page-home #video .embed-container object, main #page-home #video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } main #page-actu {padding-top: 140px;}
main #page-actu h1{   margin-top: 30px; color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 30px ;}
main #page-actu #actualites .actu{margin-bottom: 20px;}
main #page-actu #actualites .actu .img{    border-radius: 10px; box-shadow: 0px 0px 60px rgba(74,115,72,.3); margin-bottom: 20px; width: 100%; display: block; object-fit: contain; }
main #page-actu #actualites .actu .title{color: #97bf41; font-family: Roboto; font-size: 22px; font-weight: 700; line-height: 26px;margin-bottom: 0;}
main #page-actu #actualites .actu p.extrait{color: #022601; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 19px;margin-bottom: 15px;}
main #page-actu #actualites .actu p.date{  color: #4a7348; font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;} main #page-actu #actualites .pagination{justify-content: center;padding: 20px 0}
main #page-actu #actualites .pagination .page-numbers{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 400;margin-right: 10px;} main #single-actu{position: relative;padding: 180px 0 75px;}
main #single-actu .content h1{ color: #587f4e; font-family: "Just Another Hand"; font-size: 50px; font-weight: 400; line-height: 50px; margin-bottom: 30px ;}
main #single-actu .content .date {  color: #4a7348; font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;}
main #single-actu .content img{width: 50%;margin: 0 auto 30px;text-align: center;display: block;}
main #single-actu .content .contenu p{color: #022601; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 19px;margin-bottom: 15px;}
main #single-actu .line{background: #eaeaea;width: 1px;height: 100%;margin: auto;}
main #single-actu .sidebar .actu .thumbnail_{height: 280px;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 18px;}
main #single-actu .sidebar .actu .title{color: #97bf41; font-family: Roboto; font-size: 22px; font-weight: 700; line-height: 26px;margin-bottom: 0;}
main #single-actu .sidebar .actu .date{  color: #4a7348; font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;}
main #single-actu .sidebar .actu a.link{display:inline-block;border-radius: 25px; background: #c8e889;border:solid 2px #c8e889;padding: 10px 25px;color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;}
main #single-actu .sidebar .actu a.link:hover{background: transparent;color: #c8e889;} main #page-quisommesnous {padding-top: 140px;}
main #page-quisommesnous #entry{    height: calc(100vh - 140px); background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); display: flex; align-items: center; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
main #page-quisommesnous #entry h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-quisommesnous #entry p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;}
main #page-quisommesnous #entry img{width: 85%;}
main #page-quisommesnous #argument{padding: 70px 0;}
main #page-quisommesnous #argument .card-argu{text-align: center;margin-bottom: 40px;}
main #page-quisommesnous #argument .card-argu svg{margin-bottom: 15px;}
main #page-quisommesnous #argument .card-argu h2{color: #4a7348; font-family: "Just Another Hand"; font-size: 45px; font-weight: 400; line-height: 45px; text-align: center;margin-bottom: 0;}
main #page-quisommesnous #argument .card-argu p{color: #082b00; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center;}
main #page-quisommesnous #equipe{}
main #page-quisommesnous #equipe .card-employe{padding: 0 25px;margin-bottom: 100px;}
@media (min-width: 1200px){ main #page-quisommesnous #equipe .col-xl-2-2{width: 20.833333325%;flex: 0 0 auto;} }
main #page-quisommesnous #equipe .card-employe .card-header{height: 340px;width: 100%;background-size: auto 100%;background-repeat: no-repeat;background-position: center bottom;border-top-right-radius: 20px;border-top-left-radius: 20px;}
main #page-quisommesnous #equipe .card-employe .card-content{    text-align: center;height: auto;margin-top: -70px;padding: 30px 15px;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 60px rgba(74,115,72,0.3);}
main #page-quisommesnous #equipe .card-employe .card-content p.name{color: #97bf41; font-family: "Just Another Hand"; font-size: 40px; font-weight: 400; line-height: 50px; text-align: center;}
main #page-quisommesnous #equipe .card-employe .card-content p.poste{height:40px;margin-bottom: 15px;color: #fec128; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 20px; text-align: center;}
main #page-quisommesnous #equipe .card-employe .card-content p.localisation{ margin-bottom: 20px;height:40px;color: #4a7348; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 20px; text-align: center;}
main #page-quisommesnous #equipe .card-employe .card-content a{border:2px solid #c8e889; display:inline-block; border-radius: 25px; background: #c8e889; color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;padding: 10px 25px;}
main #page-quisommesnous #equipe .card-employe .card-content a:hover{background: transparent;color:#c8e889;}
main #page-quisommesnous #equipe .popup-info-equipe{position: fixed;left:0;right:0;bottom:0;top:0;z-index: 1000;background-color: rgba(255, 255, 255, 0.7);width: 100%;visibility: hidden;opacity: 0;transition: .3s;}
main #page-quisommesnous #equipe .popup-info-equipe.on{visibility: visible;opacity: 1;}
main #page-quisommesnous #equipe .popup-info-equipe .close{position: absolute;top: 10px; right: 10px;cursor: pointer;}
main #page-quisommesnous #equipe .popup-info-equipe .content{flex-direction: row; align-items: center;display:flex;position: absolute;left:50%;top:50%;z-index: 1001;transform: translate(-50%, -50%);width: 50%;border-radius: 10px; background: #4a7348; box-shadow: 0px 0px 60px rgba(74,115,72,0.5);visibility: hidden;opacity: 0;transition: .3s;}
main #page-quisommesnous #equipe .popup-info-equipe .content.on{visibility: visible;opacity: 1;}
main #page-quisommesnous #equipe .popup-info-equipe .content .img{    background-position: center;height: 470px; background-repeat: no-repeat; background-size: cover; width: 40%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info{    padding: 0px 50px;width: 60%;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info .name{color: #ffffff; font-family: "Just Another Hand"; font-size: 40px; font-weight: 400; line-height: 50px; text-align: center;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info .poste{margin-bottom: 15px;color: #fec128; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 20px; text-align: center;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info p.localisation{ margin-bottom: 20px;color: #082b00; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 20px; text-align: center;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info p{color: #ffffff; font-family: "Roboto Condensed"; font-size: 16px; font-weight: 400;} main #page-nosmetiers{padding-top: 140px;}
main #page-nosmetiers #analyses{    height: calc(100vh - 140px); background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); display: flex; align-items: center; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
main #page-nosmetiers #analyses h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-nosmetiers #analyses p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #page-nosmetiers #analyses img{}
main #page-nosmetiers #suivi{     height: 70vh; display: flex; align-items: flex-end; margin-bottom: -7px;}
main #page-nosmetiers #suivi h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-nosmetiers #suivi p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #page-nosmetiers #suivi img{}
main #page-nosmetiers #audit{ position: relative;z-index: 5;   height: calc(100vh - 140px); background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/bg_vert.png); display: flex; align-items: center; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 7px;}
main #page-nosmetiers #audit h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-nosmetiers #audit p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #page-nosmetiers #audit img{    margin-bottom: -40px; margin-left: -15px;}
main #page-nosmetiers #formation{    height: 70vh; display: flex; align-items: center;}
main #page-nosmetiers #formation h2{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-nosmetiers #formation p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #page-nosmetiers #formation img{} main #page-offres{padding-top: 140px;}
main #page-offres #abonnements {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/bg_vert.png); background-position: center;background-size: cover; height: auto; background-repeat: no-repeat; background-size: 100% 100%;padding: 100px 0;} 
main #page-offres #abonnements img {margin-top: 40px; width: 72px; height: 72px;} 
main #page-offres #abonnements .abo {display: flex;align-items: center;flex-direction: column; border: 6px solid var(--white); border-radius: 25px; min-height: 600px; padding: 0 40px;justify-content: space-between;}
main #page-offres #abonnements .abo h2 {margin-bottom: 0;color: var(--white); font-family: "Just Another Hand"; font-size: 55px; font-weight: 400; line-height: 55px; text-align: center;}
main #page-offres #abonnements .abo h3 {color: var(--dark-green); font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; text-transform: uppercase;}
main #page-offres #abonnements .abo .soustitre-abo {font-weight: 600;}
main #page-offres #abonnements .abo .text-abo {    margin-bottom: 10px ;}
main #page-offres #abonnements .abo .text-abo svg {fill: var(--white)!important; margin-bottom: 15px;}
main #page-offres #abonnements .abo .text-abo p {color: var(--dark-green); font-family: Roboto; font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; margin: 10px 0;}
main #page-offres #abonnements .abo .prix-abo {color: var(--white); font-family: Roboto; font-size: 24px; font-weight: 700; line-height: 24px; text-align: center;}
main #page-offres #abonnements .abo .bouton-abo {color: var(--white); font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; background-color:var(--dark-green);padding:15px 25px;border-radius:25px;margin: 20px 0 40px 0;border: 2px solid var(--dark-green);}
main #page-offres #abonnements .abo .bouton-abo:hover{background-color: transparent;color: var(--dark-green);}
main #page-offres #abonnements .abo:hover {background-color: var(--white);box-shadow: 0px 0px 60px rgba(74,115,72,0.3);}
main #page-offres #abonnements .abo:hover h2, main #page-offres #abonnements .abo:hover .prix-abo, main #page-offres #abonnements .abo:hover .text-abo svg {color: var(--green); fill: var(--green)!important;}
main #page-offres #presentation h2 {color: #4a7348; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400;margin: 66px 0 50px 0; text-align: center; width: 100%;}
main #page-offres #presentation .avantages {display: flex; justify-content: start; align-items: center; flex-direction: column; border-radius: 10px; border: solid 6px #c8e889;  height: 340px; margin-bottom: 138px; padding-bottom: 40px;}
main #page-offres #presentation .avantages h3 {color: #97bf41; font-family: "Just Another Hand"; font-size: 40px; font-weight: 400; line-height: 40px; text-align: center; margin: 40px 0 0; height: 80px;}
main #page-offres #presentation .avantages p {width: 200px;color: #022601; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 400;text-align: center;line-height: 25px;margin-bottom: 0;}
main #page-offres #presentation .avantages p.green {color: #97bf41; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 25px; text-align: center;}
main #page-offres #presentation .avantages p.dl {font-size: 15px;} main #page-publications{padding-top: 140px;overflow: hidden;}
main #page-publications #disconnected{height: calc(100vh - 261px); display: flex;}
main #page-publications #disconnected h2{text-align: center; color: var(--dark-green); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 0;width: auto;}
main #page-publications #disconnected p{font-weight: bold; color: var(--black); border: 2 px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center!important;margin-bottom: 20px;}
main #page-publications #disconnected .h100{height: 100%;}
main #page-publications #menu{width: 100%;text-align: center;padding: 60px 0;z-index: 30; position: relative;}
main #page-publications #menu .gr-btn{border-radius: 20px; background: #4a7348;display: inline-flex;margin: 10px; }
main #page-publications #menu .gr-btn a{padding:10px 50px;color: #ffffff;border-radius: 20px; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;}
main #page-publications #menu .gr-btn .current{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;background: #fff;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3);}
main #page-publications #menu .gr-btn a:hover{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;background: #fff;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3);}
main #page-publications #contain .header{position: absolute; background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/bg_vert.png); background-position: center; height: calc(100vh - 140px); background-repeat: no-repeat; background-size: 100% 100%; margin-top: -180px; width: 100%; z-index: 1;transition: .5ÒÒs;}
main #page-publications #contain .header.small{height: 400px;}
main #page-publications #contain .video .entry{display:flex;align-items: center;height: calc(100vh - 140px);margin-top: -140px;}
main #page-publications #contain .video .entry .right{width: 80%; text-align: left;}
main #page-publications #contain .video .entry .right h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;margin-bottom: 10px;}
main #page-publications #contain .video .entry .right .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 20px;}
main #page-publications #contain .video .entry .right p{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-publications #contain .video .entry .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
main #page-publications #contain .video .entry .embed-container iframe, main #page-medias #contain .entry main #page-medias #contain .entry .embed-container object, main #page-medias #contain .content main #page-medias #contain .entry .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}
main #page-publications #contain .video .content{padding: 70px 0;}
main #page-publications #contain .video .content .mb-50{margin-bottom: 50px;}
main #page-publications #contain .video .content h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;}
main #page-publications #contain .video .content .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-publications #contain .video .content .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 20px;} 
main #page-publications #contain .video .content .embed-container iframe, main #page-medias #contain .content main #page-medias #contain .content .embed-container object, main #page-medias #contain .content main #page-medias #contain .content .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}
main #page-publications #contain .fichier .entry{display:flex;align-items: center; height: 185px;}
main #page-publications #contain .fichier .entry img{min-width: 80px;max-width: 80px;margin-right: 15px;margin-bottom: 10px;}
main #page-publications #contain .fichier .entry h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px; margin-bottom: 0;}
main #page-publications #contain .fichier .entry .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 0;}
main #page-publications #contain .fichier .entry p{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-publications #contain .fichier .entry .txt{margin-top: 20px;}
main #page-publications #contain .fichier .content{padding: 70px 0;}
main #page-publications #contain .fichier .content .fichier{margin-bottom: 30px;}
main #page-publications #contain .fichier .content img{min-width: 80px;max-width: 80px;margin-right: 15px;margin-bottom: 10px;}
main #page-publications #contain .fichier .content .mb-50{margin-bottom: 50px;}
main #page-publications #contain .fichier .content h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;margin-bottom: 0;}
main #page-publications #contain .fichier .content .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 0;} main #page-medias{padding-top: 140px;overflow: hidden;}
main #page-medias #menu{width: 100%;text-align: center;padding: 60px 0;z-index: 30; position: relative;}
main #page-medias #menu .gr-btn{border-radius: 20px; background: #4a7348;display: inline-flex;margin: 10px; }
main #page-medias #menu .gr-btn a{padding:10px 50px;color: #ffffff;border-radius: 20px; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;}
main #page-medias #menu .gr-btn .current{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;background: #fff;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3);}
main #page-medias #menu .gr-btn a:hover{color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center;background: #fff;border-radius: 20px; background: #ffffff; box-shadow: 0px 0px 10px rgba(74,115,72,0.3);}
main #page-medias #contain .header{position: absolute; background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/bg_vert.png); background-position: center; height: calc(100vh - 140px); background-repeat: no-repeat; background-size: 100% 100%; margin-top: -180px; width: 100%; z-index: 1;transition: .5ÒÒs;}
main #page-medias #contain .header.small{height: 400px;}
main #page-medias #contain .video .entry{display:flex;align-items: center;height: calc(100vh - 140px);margin-top: -140px;}
main #page-medias #contain .video .entry .right{width: 80%; text-align: left;}
main #page-medias #contain .video .entry .right h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;margin-bottom: 10px;}
main #page-medias #contain .video .entry .right .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 20px;}
main #page-medias #contain .video .entry .right p{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-medias #contain .video .entry .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
main #page-medias #contain .video .entry .embed-container iframe, main #page-medias #contain .entry main #page-medias #contain .entry .embed-container object, main #page-medias #contain .content main #page-medias #contain .entry .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}
main #page-medias #contain .video .content{padding: 70px 0;}
main #page-medias #contain .video .content .mb-50{margin-bottom: 50px;}
main #page-medias #contain .video .content h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;}
main #page-medias #contain .video .content .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-medias #contain .video .content .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 20px;} 
main #page-medias #contain .video .content .embed-container iframe, main #page-medias #contain .content main #page-medias #contain .content .embed-container object, main #page-medias #contain .content main #page-medias #contain .content .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;}
main #page-medias #contain .fichier .entry{display:flex;align-items: center; height: 185px;}
main #page-medias #contain .fichier .entry img{min-width: 80px;max-width: 80px;margin-right: 15px;margin-bottom: 10px;}
main #page-medias #contain .fichier .entry h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px; margin-bottom: 0;}
main #page-medias #contain .fichier .entry .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 0;}
main #page-medias #contain .fichier .entry p{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;}
main #page-medias #contain .fichier .entry .txt{margin-top: 20px;}
main #page-medias #contain .fichier .content{padding: 70px 0;}
main #page-medias #contain .fichier .content .fichier{margin-bottom: 30px;}
main #page-medias #contain .fichier .content img{min-width: 80px;max-width: 80px;margin-right: 15px;margin-bottom: 10px;}
main #page-medias #contain .fichier .content .mb-50{margin-bottom: 50px;}
main #page-medias #contain .fichier .content h2{color: #4a7348; font-family: Roboto; font-size: 22px; font-weight: 900; line-height: 26px;margin-bottom: 0;}
main #page-medias #contain .fichier .content .date{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px;margin-bottom: 0;} main #page-nosanalyses{padding-top: 140px;} main #page-nosanalyses section {height: auto; align-items: center; display: flex;padding: 100px 0;}
main #page-nosanalyses h1, main #page-nosanalyses h2{color: var(--dark-green); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 25px; }
main #page-nosanalyses h2 {text-align: center; font-size: 60px;}
main #page-nosanalyses .sous-titre h2 {color: var(--white);}
main #page-nosanalyses .sous-titre h2 span{    font-family: 'Roboto'; font-size: 50px; line-height: 50px; vertical-align: middle;}
main #page-nosanalyses #analyse-grains, main #page-nosanalyses #analyse-co-produits {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;padding: 100px 0;} main #page-nosanalyses .grains, main #page-nosanalyses .engrais, main #page-nosanalyses .co-produits, main #page-nosanalyses .energies { width: 24%;padding: 20px 10px; border-radius: 6px; display: flex; flex-direction: column; align-items: center; text-align: center;}
main #page-nosanalyses .grains h3, main #page-nosanalyses .engrais h3, main #page-nosanalyses .co-produits h3, main #page-nosanalyses .energies h3 { color: #022601; font-family: "Just Another Hand"; font-size: 30px; font-weight: 400; line-height: 46px; text-align: center; text-transform: uppercase; }
main #page-nosanalyses .grains p, main #page-nosanalyses .engrais p, main #page-nosanalyses .co-produits p, main #page-nosanalyses .energies p{ color: #022601; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 22px; text-align: center; margin-bottom: 60px; }
main #page-nosanalyses .grains .bouton, main #page-nosanalyses .engrais .bouton, main #page-nosanalyses .co-produits .bouton, main #page-nosanalyses .energies .bouton { color: #ffffff; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; border-radius: 25px; background: #4a7348; padding: 10px 25px; display: inline-block; border: solid 2px #4a7348;    position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);width: 139px; }
main #page-nosanalyses .grains .bouton:hover, main #page-nosanalyses .engrais .bouton:hover, main #page-nosanalyses .co-produits .bouton:hover, main #page-nosanalyses .energies .bouton:hover{background: transparent;color: #4a7348;} main #page-contact{padding-top: 140px;}
main #page-contact #content{height: auto;padding:90px 0 60px; display: flex; align-items: center; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;background-image: linear-gradient(0deg, rgba(248,216,132,1) 50%, rgba(0,0,0,0) 50%), url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png)}
main #page-contact #content h1{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;}
main #page-contact #content h1 span{font-family: 'Roboto'; line-height: 50px; font-size: 50px;}
main #page-contact #content  p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #022601;}
main #page-contact #content form input[type='text']{margin-bottom:15px;outline:none;color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 40px; background: transparent;border: 2px solid white;border-radius: 50px;padding: 0 15px;}
main #page-contact #content form input[type='tel']{margin-bottom:15px;outline:none;color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 40px; background: transparent;border: 2px solid white;border-radius: 50px;padding: 0 15px;}
main #page-contact #content form input[type='email']{margin-bottom:15px;outline:none;color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 40px; background: transparent;border: 2px solid white;border-radius: 50px;padding: 0 15px;}
main #page-contact #content form input[type='submit']{float:right;border-radius:25px;margin-bottom:15px;outline:none;color: #fff; font-family: Roboto; font-size: 16px; display: inline-block;border: 2px solid #4a7348; height: 40px; background-color: #4a7348; }
main #page-contact #content form input[type='submit']:hover{background-color: transparent;color: #4a7348;}
main #page-contact #content form select{margin-bottom:15px;outline:none;color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 40px;  background: transparent;border: 2px solid white;border-radius: 50px;padding: 0 15px;}
main #page-contact #content form textarea{margin-bottom:15px;outline:none;color: #4a7348; font-family: Roboto; font-size: 16px; width: 100%; display: inline-block; border-radius: 0; border: none; height: 95px; background: transparent;border: 2px solid white;border-radius: 15px;padding: 10px 15px;} main #single-grains{padding-top: 140px;}
main #single-grains section {padding: 120px 0;}
main #single-grains #entry {padding: 60px 0; justify-content: center;}
main #single-grains #disconnected {height: calc(100vh - 261px); display: flex;}
main #single-grains h1, main #single-grains h2{color: var(--white); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 0;width: auto;}
main #single-grains h2 {color: var(--dark-green);text-align: center; font-size: 60px; margin-bottom: 10px; width: 100%;}
main #single-grains .part2 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;} 
main #single-grains .part0 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;margin-top: -50px;} 
main #single-grains .date p{font-weight: bold; color: var(--black); border: 2 px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center!important;margin-bottom: 20px;}
main #single-grains .part0 .date p, main #single-grains .part2 .date p{color: var(--white);}
main #single-grains .titre {display: flex; align-items: center;}
main #single-grains #entry .titre {justify-content: center;}
main #single-grains .titre img {background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-grains .titre svg{background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-grains .titre svg path{fill: white;}
main #single-grains #synthese {padding-bottom: 100px;}
main #single-grains .img a{text-align: center;}
main #single-grains #graphique .text, main #single-grains #historique .text {margin-top: 50px;}
main #single-grains p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #022601;} main #single-energies_monnaies{padding-top: 140px;}
main #single-energies_monnaies section {padding: 120px 0;}
main #single-energies_monnaies #entry {padding: 60px 0; justify-content: center;}
main #single-energies_monnaies #disconnected {height: calc(100vh - 261px); display: flex;}
main #single-energies_monnaies h1, main #single-energies_monnaies h2{color: var(--white); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 0;width: auto;}
main #single-energies_monnaies h2 {color: var(--dark-green);text-align: center; font-size: 60px; margin-bottom: 10px; width: 100%;}
main #single-energies_monnaies .part2 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;} 
main #single-energies_monnaies .part0 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;margin-top: -50px;} 
main #single-energies_monnaies .date p{font-weight: bold; color: var(--black); border: 2 px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center!important;margin-bottom: 20px;}
main #single-energies_monnaies .part0 .date p, main #single-energies_monnaies .part2 .date p{color: var(--white);}
main #single-energies_monnaies .titre {display: flex; align-items: center;}
main #single-energies_monnaies #entry .titre {justify-content: center;}
main #single-energies_monnaies .titre img {background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-energies_monnaies .titre svg{background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-energies_monnaies .titre svg path{fill: white;}
main #single-energies_monnaies #synthese {padding-bottom: 100px;}
main #single-energies_monnaies .img a{text-align: center;}
main #single-energies_monnaies #graphique .text, main #single-energies_monnaies #historique .text {margin-top: 50px;}
main #single-energies_monnaies p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #022601;} main #single-engrais{padding-top: 140px;}
main #single-engrais section {padding: 120px 0;}
main #single-engrais #entry {padding: 60px 0; justify-content: center;}
main #single-engrais #disconnected {height: calc(100vh - 261px); display: flex;}
main #single-engrais h1, main #single-engrais h2{color: var(--white); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 0;width: auto;}
main #single-engrais h2 {color: var(--dark-green);text-align: center; font-size: 60px; margin-bottom: 10px; width: 100%;}
main #single-engrais .part2 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;} 
main #single-engrais .part0 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;margin-top: -50px;} 
main #single-engrais .date p{font-weight: bold; color: var(--black); border: 2 px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center!important;margin-bottom: 20px;}
main #single-engrais .part0 .date p, main #single-engrais .part2 .date p{color: var(--white);}
main #single-engrais .titre {display: flex; align-items: center;}
main #single-engrais #entry .titre {justify-content: center;}
main #single-engrais .titre img {background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-engrais .titre svg{background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-engrais .titre svg path{fill: white;}
main #single-engrais #synthese {padding-bottom: 100px;}
main #single-engrais .img a{text-align: center;}
main #single-engrais #graphique .text, main #single-engrais #historique .text {margin-top: 50px;}
main #single-engrais p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #022601;} main #single-co-produits{padding-top: 140px;}
main #single-co-produits section {padding: 120px 0;}
main #single-co-produits #entry {padding: 60px 0; justify-content: center;}
main #single-co-produits #disconnected {height: calc(100vh - 261px); display: flex;}
main #single-co-produits h1, main #single-co-produits h2{color: var(--white); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 0;width: auto;}
main #single-co-produits h2 {color: var(--dark-green);text-align: center; font-size: 60px; margin-bottom: 10px; width: 100%;}
main #single-co-produits .part2 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;} 
main #single-co-produits .part0 {background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; height: auto; background-repeat: no-repeat; background-size: 150% 100%; align-items: center;margin-top: -50px;} 
main #single-co-produits .date p{font-weight: bold; color: var(--black); border: 2 px solid #587f4e; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center!important;margin-bottom: 20px;}
main #single-co-produits .part0 .date p, main #single-co-produits .part2 .date p{color: var(--white);}
main #single-co-produits .titre {display: flex; align-items: center;}
main #single-co-produits #entry .titre {justify-content: center;}
main #single-co-produits .titre img {background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-co-produits .titre svg{background-color: transparent;padding: 20px; height: 150px; width: 150px;}
main #single-co-produits .titre svg path{fill: white;}
main #single-co-produits #synthese {padding-bottom: 100px;}
main #single-co-produits .img a{text-align: center;}
main #single-co-produits #graphique .text, main #single-co-produits #historique .text {margin-top: 50px;} main #page-mastrategie{padding-top: 140px;}
main #page-mastrategie #entry{height: 300px;background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/headergreen.svg);background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;}
main #page-mastrategie #entry h1{text-align: center;    color: var(--dark-green); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 25px;}
main #page-mastrategie #content{padding: 55px 0;}
main #page-mastrategie #content iframe{height: 800px;border-radius: 10px; box-shadow: 0px 0px 30px rgb(74 115 72 / 30%); }
main #page-mastrategie #content .tab{display: none;}
main #page-mastrategie #content .tab.on{display: block;}
main #page-mastrategie #content .select{margin-bottom: 50px;}
main #page-mastrategie #content .select{border-radius: 20px;background: #c8e889;display: inline-block;}
main #page-mastrategie #content .select .btn {margin-bottom: 0; background: #c8e889; cursor: pointer; color: #fff; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; padding: 10px 45px; border-radius: 20px; box-shadow: none; transition: .3s; }
main #page-mastrategie #content .select .btn.current { color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; padding: 10px 45px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 10px rgb(74 115 72 / 30%); }
main #page-mastrategie #content .select .btn:hover { color: #022601; font-family: Roboto; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; padding: 10px 45px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 10px rgb(74 115 72 / 30%); } main #not-found {height: calc(100vh - 121px); display: flex; background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/background.png); background-position: center; background-repeat: no-repeat; background-size: 80% 60%; align-items: center; justify-content: center;}
main #not-found img {margin-top: 100px; max-height: 500px;}
main #not-found .text {display: flex; justify-content: center; flex-direction: column;}
main #not-found .text h1{display: flex;flex-direction: column; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 101px;}
main #not-found .text h1, main #not-found .text h2 {color: var(--dark-green);}
main #not-found .text a {width: auto;color: var(--white); font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; background-color:var(--black);padding:15px 25px;border-radius:25px;margin: 26px 0 67px 0;}
main #not-found .text a:hover{background-color: var(--dark-green);} main #page-base{padding-top: 140px;padding-bottom: 50px;}
main #page-base h1{text-align: center;    color: var(--dark-green); font-family: "Just Another Hand"; font-size: 60px; font-weight: 400;margin-bottom: 25px;}
main #page-base p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #022601;}
main #page-base a:visited {color:#0d6efd;} main #page-nosformations{padding-top: 140px;}
main #page-nosformations #entry{    background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;padding: 100px 0;}
main #page-nosformations #entry .content{display: flex;align-items: center;}
main #page-nosformations #entry .content .img{margin-left: 16.66666667%;width: 25%;;}
main #page-nosformations #entry .content .img img{width: 100%;display: block;object-fit: cover;}
main #page-nosformations #entry .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main #page-nosformations #entry .content .text h1{color: #587f4e; font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px;margin-bottom: 25px;}
main #page-nosformations #entry .content .text p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #page-nosformations #content{padding: 100px 0;}
main #page-nosformations #content .content{display: flex;flex-wrap: wrap;}
main #page-nosformations #content .content .list-formations{width: 50%;display: flex;flex-wrap: wrap;gap: 40px;margin: auto;}
main #page-nosformations #content .content .list-formations .formation{width: calc(50% - 20px);display: flex;align-items: center;flex-direction: column; border: 6px solid var(--green); border-radius: 25px; padding: 40px;justify-content: space-between;}
main #page-nosformations #content .content .list-formations .formation h2 span {color: var(--dark-green); font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; text-transform: uppercase;}
main #page-nosformations #content .content .list-formations .formation h2 {margin-bottom: 0;color: var(--green); font-family: "Just Another Hand"; font-size: 55px; font-weight: 400; line-height: 55px; text-align: center;}
main #page-nosformations #content .content .list-formations .formation  .text-formation {margin-bottom: 10px ;}
main #page-nosformations #content .content .list-formations .formation p {color: var(--dark-green); font-family: Roboto; font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; margin: 10px 0;}
main #page-nosformations #content .content .list-formations .formation  .prix-formation {color: var(--green); font-family: Roboto; font-size: 24px; font-weight: 700; line-height: 24px; text-align: center;}
main #page-nosformations #content .content .list-formations .formation  .prix-formation span{transition: 0s;}
main #page-nosformations #content .content .list-formations .formation  .bouton-formation {color: var(--white); font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; background-color:var(--dark-green);padding:15px 25px;border-radius:25px;margin: 20px 0 0;border: 2px solid var(--dark-green);}
main #page-nosformations #content .content .list-formations .formation  .bouton-formation:hover{background-color: transparent;color: var(--dark-green);}
main #page-nosformations #content .content .list-formations .formation:hover {background-color: var(--green);box-shadow: 0px 0px 60px rgba(74,115,72,0.3);}
main #page-nosformations #content .content .list-formations .formation:hover h2, main #page-nosformations #content .content .list-formations .formation:hover .prix-formation{color: var(--white);} main #single-formation{position: relative;padding: 140px 0 0;}
main #single-formation #disconnected {height: calc(100vh - 140px); display: flex;    background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/quisommesnous_intro.png); background-position: center; background-repeat: no-repeat; background-size: 150% 100%; align-items: center; margin-top: -50px;}
main #single-formation #disconnected h2{ font-family: "Just Another Hand";    font-weight: 400; line-height: 70px;   color: var(--dark-green); text-align: center; font-size: 60px; margin-bottom: 10px; width: 100%;}
main #single-formation #disconnected p{    color: var(--white);}
main #single-formation #entry{min-height: 300px;padding: 100px 0;background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/headergreen.svg);background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;}
main #single-formation #entry h1{text-align: center;    color: var(--dark-green); font-family: "Just Another Hand"; font-size: 80px; font-weight: 400; line-height: 70px; margin-bottom: 50px;margin-top: 0;}
main #single-formation #entry .text{width: 75%;margin: auto;}
main #single-formation #entry .text p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;color: #082b00;}
main #single-formation #content{display: flex;flex-wrap: wrap;padding: 100px 0;}
main #single-formation #content .side-bar{    margin-left: 8.33333333%; width: 25%; height: fit-content; background: #c8e888; padding: 40px;border-radius: 25px;}
main #single-formation #content .side-bar h2{color: #4a7348; font-family: "Just Another Hand"; font-size: 45px; font-weight: 400; line-height: 45px; margin-bottom: 20px;}
main #single-formation #content .side-bar ol{margin: 0;display: flex;flex-direction: column;gap: 10px;}
main #single-formation #content .side-bar li{color: #4a7348; font-family: Roboto; font-size: 18px; font-weight: 400; line-height: 24px;cursor: pointer;}
main #single-formation #content .side-bar li.on{cursor: default;color: #fff;}
main #single-formation #content .content{width: 58.33333333%;padding-left: 40px;position: relative;}
main #single-formation #content .content .module{width: 100%;height: 100%;display: flex;flex-direction: column;transition: .3s;opacity: 0;visibility: hidden;}
main #single-formation #content .content .module.on{opacity: 1;visibility: visible;}
main #single-formation #content .content .module .video{margin-bottom: 50px;position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
main #single-formation #content .content .module .video iframe{  position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
main #single-formation #content .content .module .text{}
main #single-formation #content .content .module .text h2{color: #4a7348; font-family: "Just Another Hand"; font-size: 45px; font-weight: 400; line-height: 45px; margin-bottom: 20px;}
main #single-formation #content .content .module .text p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px; color: #082b00;} @media(max-width:1760px){
main #page-home #analyses .content .item>div>div p{}
}
@media(max-width:1699px){
header nav #primary-menu li a{font-size: 25px;}
main #page-home #abo .formation-test .formation{background-position: bottom right 15px;background-size: 200px;}
main #page-home #abo .abonnement .intro .title{    font-size: 60px;    line-height: 45px;}
}
@media(max-width:1650px){
main #page-offres #abonnements .p30{padding: 0 10px;}
}
@media(max-width:1560px){
main #page-home #abo .abonnement .card{padding: 5px;}
}
@media(max-width:1490px){
main #page-offres #abonnements .abo {padding: 0;}
main #page-offres #abonnements .abo .text-abo p {font-size: 13px;} header .right-menu .search { margin-right: 20px;}
header .right-menu .espaceclient p, header .right-menu .espaceclient_disconnected p{font-size: 16px;}
main #page-home #analyses .content .item>div>div h3{font-size: 26px;line-height: 26px;}
main #page-home #analyses .content .item>div>div p{font-size: 16px;height: auto;}
main #page-quisommesnous #equipe .popup-info-equipe .content{width: 70%;}
main #page-nosformations #content .content .list-formations{width: 75%;}
}
@media(max-width:1474px){
main #page-quisommesnous #equipe .col-xl-2-2 {width: 29.833333%;}
}
@media(max-width:1400px){
main #page-home #abo .formation-test .formation{background-size: 150px;}
main #page-home #abo .formation-test .formation p{font-size: 60px;}
main #page-home #abo .formation-test .test p{font-size: 60px;}
main #page-home #abo .abonnement .card .nom{font-size: 35px;line-height: 35px;}
main #single-formation #content{padding: 50px 15px;gap: 20px;flex-wrap: nowrap;}
main #single-formation #content .side-bar{margin-left: 0;}
main #single-formation #content .content{width: 75%;padding-left: 0;}
}
@media(max-width:1360px){
header .right-menu .espaceclient p, header .right-menu .espaceclient_disconnected p{}
header .right-menu .espaceclient, header .right-menu .espaceclient_disconnected{padding: 10px;}
main #page-quisommesnous #entry {height: 100vh;}
main #page-quisommesnous #equipe .card-employe .card-content {padding: 30px 30px;}
main #page-nosmetiers section {padding: 40px 0;}
main #page-medias #menu {padding: 80px 0;} 
}
@media(max-width:1199px) {
main #page-quisommesnous #entry img {width: 50%;}
main #page-quisommesnous #equipe .col-xl-2-2 {width: auto;}
main #page-nosmetiers #analyses, main #page-nosmetiers #audit {height: auto;}
main #page-nosmetiers #suivi, main #page-nosmetiers #formation {height: auto;}
main #page-nosmetiers #analyses .row, main #page-nosmetiers #audit .row {flex-direction: column-reverse;}
main #page-nosmetiers #suivi .row, main #page-nosmetiers #formation .row {flex-direction: column;}
main #page-medias #menu {padding: 65px 0 0 0;}
main #page-medias #contain .header{margin-top: -340px; height: 125vh;}
main #page-medias #contain .header.small{margin-top: -180px;}
main #page-medias #contain .video .content{padding: 150px 0;}
main #not-found {background-size: 150% 60%;}
main #not-found .text {display: flex; justify-content: center; flex-direction: column; align-items: center;}
main #not-found img {display: none;}
main #page-contact .acf-map{ height: 300px; margin-bottom: 20px;}
main #page-nosformations #entry .content{padding: 0 15px;}
main #page-nosformations #entry .content .img{margin-left: 0;width: 25%;}
main #page-nosformations #entry .content .text{margin-left: 0;width: 75%;}
main #page-nosformations #content .content .list-formations{width: 100%;padding: 0 15px;}
main #single-formation #entry .text{width: 100%;}
main #single-formation #content{flex-wrap: wrap;}
main #single-formation #content .side-bar{width: 100%;}
main #single-formation #content .content{width: 100%;}
}
@media(max-width:1190px) {
main #page-home #graph iframe{height: 450px;margin-bottom: 20px;}
main #page-home #abo .abonnement .intro{margin-bottom: 20px;}
}
@media(max-width:1080px){
main #page-quisommesnous #equipe .popup-info-equipe .content{width: 100%;flex-direction: column;max-height: 100vh ;}
main #page-quisommesnous #equipe .popup-info-equipe .content .img{width: 100%;}
main #page-quisommesnous #equipe .popup-info-equipe .content .info{width: 100%;}
main #page-offres #presentation .avantages {margin-bottom: 60px;}
.thumbnail {max-height: 80px; max-width: 80px;}
}
@media(max-width:1024px){
main #page-medias #contain .video .entry {margin-top: 110px;}
main #page-medias #contain .video .entry .right {margin: 40px 0;}
main #page-nosanalyses h1{font-size: 60px; line-height: 40px;}
main #page-nosanalyses h2{font-size: 40px; line-height: 40px;}
main #page-nosanalyses .grains h3, main #page-nosanalyses .engrais h3, main #page-nosanalyses .co-produits h3, main #page-nosanalyses .energies h3 {font-size: 20px;line-height: 40px;}
main #page-nosanalyses .grains p, main #page-nosanalyses .engrais p, main #page-nosanalyses .co-produits p, main #page-nosanalyses .energies p{font-size: 16px; font-weight: 400; line-height: 20px;}
main #page-nosanalyses .grains .bouton, main #page-nosanalyses .engrais .bouton, main #page-nosanalyses .co-produits .bouton, main #page-nosanalyses .energies .bouton {font-size: 16px; font-weight: 700; line-height: 20px;}
main #page-nosanalyses #analyse-engrais {margin-top: 40px; height: 100vh;}
}
@media(max-width:975px){
header { padding: 10px 0; }
header .logo { max-height: 65px; }
header #navbarNavDropdown{position: absolute; top: 80px; left: 0; background: #fff; width: 100%; padding: 0; height: 100vh; z-index: 990;        flex-direction: column;justify-content: flex-start !important; padding-top: 50px;}
header nav #primary-menu{display: flex;align-items: center;gap: 15px;}
header nav #primary-menu li a{margin-right: 0;    font-size: 20px;}
header .navbar{position:initial;}
header .right-menu{flex-direction: column-reverse;margin-top: 30px;}
.search-bar form input[type="text"]{width: calc(100% - 60px);}
.search-bar .close{top: 81px;right: 25px;width: 20px;}
.login-form form{width: 100%;}
.login-form .close{top: 81px;right: 25px;width: 20px;}
.flash-info{width: 100%;top: auto;bottom: 0;right: 0;border-radius: 0;}
.text-center-sm{text-align: center!important;}
.mb-5-sm{margin-bottom: 20px;}
main #page-home { padding-top: 90px; }
main #page-home #slider .home-slider .item .row{height: 400px;}
main #page-home #slider .home-slider .item .row .bg_l{background-color: #f8d884;height: 200px;position: relative;}
main #page-home #slider .home-slider .item .row .bg_r{background-color: #f8d884;height: 200px;}
main #page-home #slider .home-slider .item .text{left: 50%;transform: translate(-50%, -50%); width: 100%;text-align: center;}
main #page-home #slider .home-slider .item .text p{font-size: 45px;line-height: 40px; margin-bottom: 15px;}
main #page-home #slider .home-slider .item{padding: 0;}
main #page-home #slider .home-slider .item .bg_illustration{margin-top: 0;height: 200px;}
main #page-home #slider .home-slider .item .bg_illustration{margin-top: 0;height: 200px;}
main #page-home #slider .home-slider .owl-nav .owl-next { position: relative; top: auto; right: auto; transform: none; }
main #page-home #slider .home-slider .owl-nav .owl-prev { position: relative; top: auto; left: auto; transform: none; }
main #page-home #slider>.container-fluid>.row>.col-xl-10{padding: 0;}
main #page-home #slider-anim{height: auto;}
main #page-home #slider-anim .col-lg-10{padding: 0;}
main #page-home #slider-anim .content{background-color: #f8d884;height: 250px;position: relative;background-image: url(//cerefi.fr/wp-content/themes/cerefi/img/content-header.svg);background-size: contain;background-position: center;}
main #page-home #slider-anim .graines{display: none;}
main #page-home #slider-anim .silo{display: none;}
main #page-home #slider-anim .moulin{display: none;}
main #page-home #slider-anim .moulin-gif{display: none;}
main #page-home #slider-anim .tracteur{display: none;}
main #page-home #graph{background: linear-gradient(0deg, rgba(200,232,137,1) calc(100% - 90%), rgba(0,0,0,0)  calc(100% - 90%));}
main #page-home #abo{padding: 60px 0;}
main #page-home #abo .formation-test .formation{    background-size: 25%;   padding: 40px;    background-position: bottom right 15px;margin-bottom: 20px;}
main #page-home #abo .formation-test .formation p { font-size: 40px; line-height: 40px; }
main #page-home #abo .formation-test .test{    background-size: 35%;   padding: 40px;    background-position: bottom -12px right -15px;margin-bottom: 20px;}
main #page-home #abo .formation-test .test p { font-size: 40px; line-height: 40px; }
main #page-home #abo .abonnement{margin-top: 50px;justify-content: center;}
main #page-home #abo .abonnement .intro .title{font-size: 45px; line-height: 40px;margin-bottom: 10px;}
main #page-home #abo .abonnement .intro p{font-size: 16px;line-height: normal;margin-bottom: 10px;}
main #page-home #abo .abonnement .card{padding: 20px;margin-bottom: 15px;}
main #page-home #abo .abonnement .card .nom{font-size: 36px;}
main #page-home #abo .abonnement .card a{padding: 5px 20px;font-size: 16px;}
main #page-home #analyses{padding: 50px 0;}
main #page-home #analyses h2{font-size: 45px; line-height: 40px;}
main #page-home #analyses form label{padding: 10px 20px;}
main #page-home #analyses form label.current{padding: 10px 20px;}
main #page-home #analyses .content .item>div>div img{width: 90px;}
main #page-home #analyses .content .item>div>div h3{font-size: 30px;}
main #page-home #analyses .content .item>div>div p{font-size: 16px;    margin-bottom: 45px;}
main #page-home #analyses .content .item>div>div a{font-size: 16px;padding: 5px 20px;}
main #page-home #video { padding: 50px 0 50px; }
main #page-quisommesnous, main #page-nosmetiers,main #page-contact {padding-top: 85px;}
main #page-quisommesnous #entry, main #page-nosmetiers #analyses,main #page-contact #content {background-color: var(--yellow); background-image: none;}
main #page-nosmetiers #audit {background-color: var(--green); background-image: none;}
main #page-quisommesnous #entry h2 {font-size: 45px;line-height: normal;}
main #page-quisommesnous #argument .card-argu h2 {font-size: 40px;}
main #page-quisommesnous p {font-size: 16px;}
main #page-medias { padding-top: 85px;}
main #page-medias #menu{background-color: var(--green);}
main #page-medias #contain .video .entry .right {margin-top: 100px;}
main #page-medias #contain .video .entry .right h2 {font-size: 18px;}
main #page-medias #contain .video .entry .right p {font-size: 16px;}
main #page-medias #contain .header {background-image: none; background-color: var(--green); margin-top: 0;  height: 100vh;}
main #page-medias #menu .gr-btn a {font-size: 14px;}
main #page-medias #contain .video .entry {margin-top: 0; height: 100vh;}
main #page-medias .first-video{background-image: none;}
main #page-offres {padding-top: 85px;}
main #page-offres #abonnements{background-color: var(--green);padding: 50px 0;}
main #page-offres #abonnements .abo {padding: 10px;min-height: 0;margin-bottom: 20px;}
main #page-offres #abonnements .abo h2 {font-size: 40px;}
main #page-offres #abonnements .abo p {margin: 0!important;}
.p30 {padding: 0 10px;}
main #page-offres #presentation .avantages {padding: 10px;}
main #page-offres #presentation .avantages p {width: auto;}
main #page-nosanalyses {padding-top: 85px;}
main #page-nosanalyses .grains, main #page-nosanalyses .engrais, main #page-nosanalyses .co-produits, main #page-nosanalyses .energies { width: 40%;}
main #page-nosanalyses h1, main #page-nosanalyses h2{font-size: 50px; line-height: 60px;}
main #page-nosanalyses #analyse-grains{height: auto;}
main #page-nosanalyses #analyse-engrais{height: auto;}
main #page-nosanalyses #analyse-co-produits {height: auto;}
main #page-nosanalyses #analyse-energies{height: auto;}
.justify-content-space-between {justify-content: center;}
main #page-contact #content h1 {font-size: 60px;}
.parallax_container, .thumbnail{display: none;}
main #single-actu .content .img-thumb{    height: 200px;}
main #single-actu .line{width: 100%;height: 1px;    margin: 30px 0px;}
main #single-actu .sidebar .actu .thumbnail_{height: 200px;}
main #single-actu .sidebar .actu .title{font-size: 20px;}
main #single-actu .sidebar .actu a.link{    padding: 10px 10px;}
main #single-actu .content h1 {    font-size: 35px;line-height: 45px;}
main #page-mastrategie{padding-top: 85px;}
main #page-mastrategie #entry{height: 200px;}
main #page-mastrategie #entry h1 { font-size: 50px;}
main #page-nosformations #entry .content{flex-wrap: wrap;justify-content: center;}
main #page-nosformations #entry .content .img{width: 75%;order: 2;}
main #page-nosformations #entry .content .text{width:100%;order: 1;}
main #page-nosformations #content .content .list-formations .formation{width: 100%;}
main #single-formation{padding-top: 85px;}
main #single-formation #entry{padding: 50px 0 100px;}
main #single-formation #entry h1 { font-size: 50px;margin-bottom: 20px;}
main #single-formation #content .side-bar{padding: 20px;}
main #single-formation #content .side-bar h2{font-size: 35px;margin-bottom: 20px;}
main #single-formation #content .content .module .video{margin-bottom: 30px;}
main #single-formation #content .content .module .text h2{font-size: 35px;margin-bottom: 20px;}
}
@media(max-width:767px){
.p30 {padding: 10px 10px;}
main #page-home #analyses .content .item>div>div {margin-bottom: 20px;}
header .right-menu .iframe iframe{min-width: 165px!important;}
}
@media(max-width:575px){
header .right-menu .espaceclient svg{display: none}
main #page-home #analyses form{background: transparent; display: flex; flex-wrap: wrap; justify-content: space-around; align-items:center;}
main #page-home #analyses form label{display:flex; align-items:center; justify-content: center; margin:12px 0 ;width:150px;height:65px;color: var(--black); font-size: 16px; padding: 10px 30px;border-radius: 20px; background: var(--green);}
main #page-home #analyses form label.current{color: var(--white); font-size: 16px; font-weight: 700; padding: 10px 30px;border-radius: 20px; background: var(--dark-green);}
main #page-quisommesnous #entry {    height: calc(100vh - 82px );}
main #page-quisommesnous #entry img { width: 70%; }
main #page-medias #menu {padding: 30px 0 0 0;}
main #page-medias #contain .header, main #page-medias #contain .video .entry { height: 800px; } main #page-medias #contain .video .entry .right {margin-top: 40px;}
main #page-nosmetiers section h2 {font-size: 60px!important;}
main #page-offres #abonnements .abo h3 {font-size: 14px;}
main #page-offres #abonnements .abo .prix-abo {font-size: 16px;}
main #page-nosmetiers section {padding: 50px 0;}
main #page-medias #menu .gr-btn a {padding: 10px 30px;}
main #page-offres #presentation h1 {font-size: 60px;}
main #page-offres #presentation .avantages h3 {font-size: 30px;}
main #page-nosanalyses #analyse-grains, main #page-nosanalyses #analyse-co-produits{ display: flex; align-items: flex-start; justify-content: flex-end; padding: 50px 0; height: auto; background-size: 100% 525px; background-position: top; background-repeat: repeat-y; background-color: var(--green);}    
main #page-nosanalyses #analyse-engrais{height: auto;}
main #page-nosanalyses #analyse-co-produits {height: auto;}
main #page-nosanalyses #analyse-energies{height: auto;}
main #page-nosanalyses section {padding: 50px 0; }
main #page-nosanalyses .grains, main #page-nosanalyses .engrais, main #page-nosanalyses .co-produits, main #page-nosanalyses .energies { width: 100%;}
}