@media screen and (min-width: 1220px) {
  header .menu-wrapper .myBtnToggle {
    display: none;
  }
}
@media screen and (max-width: 1219px) {
  header .menu-menu-principal-container {
    display: block;
    margin-top: -1200px;
    transition: 0.4s all ease;
    position: relative;
  }
  header .menu-menu-principal-container #Menu-principal {
    text-align: left;
    padding-top: 70px;
    flex-direction: column;
  }
  header .menu-menu-principal-container #Menu-principal li {
    padding: 5px 0px;
    margin: 5px 0;
  }
  header .menu-menu-principal-container #Menu-principal li a {
    display: inline-block;
  }
  header .menu-menu-principal-container #Menu-principal .current_page_item {
    background-color: transparent;
  }
  header .menu-menu-principal-container #Menu-principal .current_page_item a {
    background-color: #233486;
    color: white;
    border-radius: 35px;
    padding: 5px 10px;
    margin-top: -5px;
    margin-left: -10px;
  }
  header .menu-menu-principal-container.opened-menu {
    margin-top: 0;
  }
  header .rs-search > a {
    display: inline-block;
  }
  header .bg-left-bloc {
    position: absolute;
    z-index: 9;
    width: 80px;
    left: 0;
    top: 0;
    background-image: url(../images/bg-responsive-header.jpg);
    background-position: center;
    background-size: cover;
  }
  header .wrapper-menu .original {
    margin-top: 15px;
    padding: 10px 10px 5px 10px;
    width: auto;
    position: absolute;
    top: 0;
    left: 80px;
  }
}
@media screen and (max-width: 1600px) {
  header .wrapper-menu {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1400px) {
  header .wrapper-menu {
    padding: 20px 30px;
  }
  .breadcrumb {
    width: 100%;
    padding-left: 30px;
  }
  .content-page {
    width: 95%;
  }
  .home .bloc-video .wrapper-video {
    width: 70%;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur .wrapper-valeur,
  .page-template-template-valeurs .content-page-valeur .bot-value .wrapper-share {
    width: 90%;
  }
  .page-template-template-communaute .wrapper-share .share-rs,
  .page-template-template-gamme .wrapper-share .share-rs,
  .single-gamme .wrapper-share .share-rs {
    width: 90%;
  }
  .content-page-gamme .entry-content-page {
    width: 80%;
    margin: auto;
  }
  .content-page-gamme {
    width: 100%;
    overflow: hidden;
  }
  .content-page-gamme .wrapper-gamme {
    width: 60%;
  }
  .content-page-gamme .wrapper-gamme:nth-child(odd) img {
    left: -50%;
    top: 0;
    width: 100%;
    max-width: 70%;
  }
  .content-page-gamme .wrapper-gamme:nth-child(even) img {
    right: -50%;
    top: 0;
    width: 100%;
    max-width: 70%;
  }
  .single-gamme .wrapper-carac {
    width: 100%;
  }
  .page-template-template-communaute .entry-content-page p {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 1070px) {
  .share-rs {
    display: block;
    height: auto;
    text-align: center;
  }
  .share-rs .share-txt {
    width: 100%;
  }
  .share-rs .trait-hr {
    width: 90%;
    display: block;
    margin: auto;
  }
  .share-rs .content-rs {
    width: 100%;
  }
  .page-template-template-communaute .wrapper-share,
  .page-template-template-gamme .wrapper-share,
  .single-gamme .wrapper-share {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-template-valeurs .content-page-valeur .background-valeur .wrapper-valeur .miniature-valeur {
    width: auto;
    margin: auto;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur .wrapper-valeur .content-valeur {
    width: 100%;
    padding: 0 40px 30px 40px;
  }
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur.number-2 .miniature-valeur,
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur.number-3 .miniature-valeur {
    order: 1;
  }
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur.number-3 .miniature-valeur {
    overflow: hidden;
  }
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur.number-3 .miniature-valeur .tache-rouge {
    top: -60px;
    right: -60px;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur.number-1 {
    background-position: 35% 5%;
    background-image: url(../images/tache-gamme1.png);
  }
  .page-template-template-valeurs .content-page-valeur .bot-value {
    background-position: right 360%;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur.number-4 .miniature-valeur {
    order: 1;
  }
  .page-template-template-actus main .content-actu .wrapper-actu {
    width: 530px;
    margin: 30px auto !important;
  }
}
@media screen and (max-width: 980px) {
  .content-page-gamme .content-page {
    padding-top: 0;
  }
  .page-template-template-contact .wrapper-contact .gform_body ul .group-left,
  .page-template-template-contact .wrapper-contact .gform_body ul .group-right {
    width: 100%;
  }
  .page-template-template-contact .wrapper-contact {
    width: 100%;
  }
  .gform_wrapper form {
    padding: 0 50px;
  }
  .page-template-template-contact .legende-contact {
    padding: 0 50px;
  }
  .content-page-gamme .wrapper-gamme {
    margin: 370px auto 0 auto !important;
    width: 85%;
  }
  .content-page-gamme .wrapper-gamme img {
    height: 370px !important;
    width: auto !important;
    left: 0 !important;
    top: -305px !important;
    right: 0 !important;
    margin: auto;
  }
  .content-page-gamme .wrapper-gamme:nth-child(odd) .content-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(even) .content-gamme {
    padding: 30px 60px;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(2) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(3) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(4) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(5) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(6) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(7) .tache-gamme {
    width: 50%;
    height: 487px;
    left: 0;
    top: -340px;
    right: 0;
    margin: auto;
    background-size: contain;
    bottom: inherit;
    z-index: 0;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme {
    z-index: -9;
  }
  .content-page-gamme {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 930px) {
  .single-gamme {
    /**Ajout début**/
    /**Ajout fin**/
  }
  .single-gamme .wrapper-carac .une-carac {
    width: 100%;
  }
  .single-gamme .caracteristiques {
    background-size: cover;
  }
  .single-gamme .caracteristiques h2 {
    text-transform: uppercase;
  }
  .single-gamme .histoire-fessnett .wrapper-histoire {
    margin: 0;
    max-width: 100%;
    padding: 0em 6%;
  }
  .single-gamme .histoire-fessnett .wrapper-histoire h3 {
    text-align: center;
  }
  .single-gamme .histoire-fessnett .wrapper-histoire p {
    text-align: center;
  }
  .single-gamme .comment-utiliser-fessnett {
    padding: 0em 6% 190px;
  }
  .page-template-template-blog #main .post-publications .wrapper-publi,
  .archive.category #main .post-publications .wrapper-publi {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 830px) {
  .slick-slide .mobile {
    display: none;
  }
  .slick-slide .desktop {
    display: block;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-image.mobile {
    display: none;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-image.desktop {
    display: block;
  }
}
@media screen and (max-width: 830px) {
  .single-gamme .wrapper-produit .cadre-produit .content-image.mobile {
    display: block;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-image.desktop {
    display: none;
  }
  .slick-slide .mobile {
    display: block;
  }
  .slick-slide .mobile img {
    width: 100%;
  }
  .slick-slide .desktop {
    display: none;
  }
  .home .bandeau-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .home .bloc-video .desc-video {
    width: 100%;
    padding: 0 30px;
  }
  .home .bloc-video .wrapper-video {
    height: 340px;
  }
  .home .bloc-video .wrapper-video:before,
  .home .bloc-video .wrapper-video:after {
    content: none;
  }
  .single-gamme .wrapper-produit {
    height: auto;
    padding-bottom: 100px;
  }
  .single-gamme .wrapper-produit .cadre-produit {
    width: 90% !important;
    height: auto;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-image {
    position: static;
    margin-bottom: -30px;
  }
  .page-template-template-communaute .wrapper-commu:nth-child(even) .photo-people {
    order: 1;
  }
  .page-template-template-communaute .wrapper-commu .photo-people {
    width: 240px;
    margin: auto;
    margin-bottom: -60px;
  }
  .page-template-template-communaute .wrapper-commu .content-commu {
    width: 100%;
  }
  .page-template-template-communaute .wrapper-commu .content-commu .citation {
    padding: 40px 80px 0 80px;
    text-align: center;
  }
  .single-actualite main .content-une-actu .content-texte {
    padding: 0 30px;
  }
  .single-actualite main .content-une-actu .content-texte .content-image {
    width: 320px;
    height: 277px;
    float: none;
    margin: 0 auto 20px auto;
  }
  .single-actualite main .content-une-actu .content-texte .share-rs {
    margin: 25px 0;
  }
}
@media only screen and (max-width: 750px) {
  .single-gamme .comment-utiliser-fessnett {
    padding: 0em 6% 6em;
  }
}
@media screen and (max-width: 700px) {
  .home .bloc-video .title-video {
    margin: 10px 0;
  }
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur .wrapper-valeur {
    padding: 10px 0;
  }
  .page-template-template-actus main .content-actu .wrapper-actu {
    margin-top: 10px !important;
  }
  .page-template-template-actus main .content-actu .entry-content-page {
    margin: 0 auto;
  }
  .page-template-template-communaute .full-comment {
    background-position: center -70px;
    padding-top: 30px;
  }
  .content-page-gamme .wrapper-gamme {
    margin: 350px auto 0 auto !important;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(2) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(3) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(5) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(6) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(7) .tache-gamme {
    width: 80%;
  }
  .content-page-gamme .wrapper-gamme:nth-child(4) .tache-gamme {
    width: 74%;
  }
  .content-page-gamme .wrapper-gamme img {
    height: auto !important;
    width: 500px !important;
    top: -325px !important;
  }
  .content-page-gamme .wrapper-gamme .content-gamme h2 {
    line-height: 210%;
  }
  .content-page-gamme .wrapper-gamme:nth-child(odd) .content-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(even) .content-gamme {
    padding: 30px;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme {
    z-index: 0;
    height: 388px;
    top: -373px;
  }
}
@media screen and (max-width: 700px) and (min-width: 530px) {
  .content-page-gamme .wrapper-gamme:nth-child(2) img {
    top: -375px !important;
  }
}
@media screen and (max-width: 630px) and (min-width: 530px) {
  .content-page-gamme .wrapper-gamme:nth-child(2) img {
    top: -376px !important;
  }
}
@media screen and (max-width: 530px) {
  .content-page-gamme .wrapper-gamme:nth-child(2) img {
    top: -224px !important;
  }
}
@media screen and (max-width: 640px) {
  .sidebar-sticky {
    bottom: 0;
    top: auto;
    width: 100%;
    right: 0;
    border-radius: 0;
    height: 70px;
    z-index: 9999;
  }
  .sidebar-sticky .wrapper-sticky {
    top: 8px;
  }
  .sidebar-sticky .wrapper-sticky .coup-coeur {
    vertical-align: middle;
  }
  .sidebar-sticky .wrapper-sticky .pourquoi {
    width: auto;
    vertical-align: inherit;
  }
}
@media screen and (max-width: 600px) {
  .page-template-template-actus main .content-actu .wrapper-actu {
    width: 90%;
  }
  .slick-arrow {
    display: none !important;
  }
  .home .slider-home .slick-dots {
    bottom: 10px;
  }
  .home .bandeau-image img {
    height: 200px;
  }
  .home .bloc-video .wrapper-video {
    width: 90%;
    height: 190px;
  }
  .title-page {
    font-size: 45px;
    padding: 30px 20px;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur.number-1 {
    background-size: 40%;
    background-position: 0 4%;
  }
  .page-template-template-valeurs .content-page-valeur .background-valeur .wrapper-valeur .content-valeur {
    padding: 0 10px 30px 10px;
  }
  .page-template-template-valeurs .content-page-valeur .two-valeurs .background-valeur.number-3 .miniature-valeur {
    overflow: visible;
  }
  .page-template-template-valeurs .content-page-valeur .bot-value {
    background-position: right 315%;
  }
  .content-page-gamme .wrapper-gamme .content-gamme h2 a {
    line-height: 0.8em;
  }
}
@media screen and (max-width: 530px) {
  .content-page-gamme .wrapper-gamme {
    margin: 250px auto 0 auto !important;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(2) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(3) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(4) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(5) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(6) .tache-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(7) .tache-gamme {
    width: 69%;
    top: -230px;
  }
  .content-page-gamme .wrapper-gamme:nth-child(1) .tache-gamme {
    top: -270px;
  }
  .content-page-gamme .wrapper-gamme img {
    max-height: 240px;
    width: auto !important;
    top: -195px !important;
  }
  .home .slider-home .slick-slide img {
    height: auto;
  }
  .page-template-template-actus main .content-actu .wrapper-actu .content-actu .actu-bloc h2 {
    margin: 10px 0;
    font-size: 1.7em;
  }
  .page-template-template-contact .head-contact .content-tel .wrapper-tel span a {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-top: 0 !important;
  }
  .page-template-template-blog #main .post-publications .wrapper-publi,
  .archive.category #main .post-publications .wrapper-publi {
    flex-basis: 80%;
  }
}
@media screen and (max-width: 500px) {
  .single-gamme .wrapper-produit .cadre-produit .content-produit .title-produit {
    padding-top: 30px;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-produit .legende {
    margin-top: 0px;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-produit .content-texte {
    padding: 0 20px;
  }
  .page-template-template-communaute .wrapper-commu .content-commu .citation {
    padding: 50px 40px 0 40px;
  }
  .single-gamme .wrapper-produit .cadre-produit .content-produit .title-produit {
    font-size: 43px;
  }
}
@media screen and (max-width: 450px) {
  .page-template-template-contact .head-contact .content-tel {
    width: 90%;
  }
  .page-template-template-contact .wrapper-contact .gform_body ul .gfield input {
    width: 100%;
  }
  header .menu-menu-principal-container #Menu-principal {
    padding-top: 100px;
  }
  .content-page-gamme .wrapper-gamme {
    width: 95%;
  }
  .content-page-gamme .wrapper-gamme:nth-child(odd) .content-gamme,
  .content-page-gamme .wrapper-gamme:nth-child(even) .content-gamme {
    padding: 20px 10px;
  }
  .content-page-gamme .wrapper-gamme .content-gamme a {
    padding: 10px 8px;
  }
  .breadcrumb {
    line-height: 45px;
  }
  header .bg-left-bloc {
    width: 50px;
  }
}
.home #qualite .mobile {
  display: none;
}
.home #qualite .ordi {
  display: block;
}
@media screen and (max-width: 430px) {
  .home #qualite .mobile {
    display: block;
  }
  .home #qualite .ordi {
    display: none;
  }
}
@media screen and (max-width: 410px) {
  .content-page-gamme .wrapper-gamme .content-gamme h2 a {
    line-height: 0.8em;
    font-size: 2.85em;
  }
}
@media screen and (max-width: 378px) {
  header .menu-menu-principal-container #Menu-principal {
    padding-top: 120px;
  }
  header .menu-menu-principal-container .original {
    text-align: left;
  }
  header .wrapper-menu .original {
    width: 130px;
  }
}
@media screen and (max-width: 370px) {
  .content-page-gamme .wrapper-gamme img {
    height: auto !important;
    width: auto !important;
    top: -225px !important;
  }
  .content-page-gamme .wrapper-gamme:nth-child(3) .tache-gamme {
    width: 100%;
    top: -240px;
  }
}
@media screen and (max-width: 340px) {
  .content-page-gamme .wrapper-gamme .content-gamme .link-more {
    font-size: 14px;
    padding: 10px 10px;
  }
  .content-page-gamme .wrapper-gamme .content-gamme h2 {
    font-size: 21px;
  }
}
@media screen and (max-width: 842px) {
  .page-template-template-blog h1,
  .archive.category h1 {
    line-height: 14vw;
    font-size: 11vw !important;
  }
}
@media screen and (max-width: 768px) {
  .page-template-template-blog .wrapper-publi,
  .archive.category .wrapper-publi {
    flex-basis: 100% !important;
  }
  .page-template-template-blog .wrapper-publi-2,
  .archive.category .wrapper-publi-2 {
    padding-right: 0;
    width: 100%;
    padding: 3%;
  }
  .page-template-template-blog .wrapper-publi-3,
  .archive.category .wrapper-publi-3 {
    padding: 0;
    width: 100%;
    padding: 3%;
  }
  .wrapper-pattern-actu .wrapper-publi:nth-child(1) {
    order: 1;
  }
  .wrapper-pattern-actu .wrapper-publi:nth-child(2) {
    order: 2;
  }
  .wrapper-pattern-actu .wrapper-publi:nth-child(3) {
    order: 4;
  }
  .wrapper-pattern-actu .wrapper-publi:nth-child(4) {
    order: 3;
  }
  .wrapper-pattern-actu .wrapper-publi:nth-child(5) {
    order: 5;
  }
}
@media screen and (max-width: 1400px) {
  .single-post #main .wrapper-page {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .single-post #main .wrapper-page {
    display: block;
  }
  .single-post #main .wrapper-page .content-wrapper {
    padding-right: 0;
    padding-bottom: 40px;
  }
  .single-post #main .wrapper-page .content-wrapper blockquote::before {
    font-size: 1.8em;
  }
  .single-post #main .wrapper-page .content-wrapper blockquote::after {
    top: 5.8em;
  }
  .single-post #main .wrapper-page .content-wrapper blockquote p {
    font-size: 141%;
    line-height: 29px;
  }
  .single-post #main .wrapper-page .sidebar-wrapper .more-articles .item .info-wrapper {
    padding-right: 0;
  }
}
@media screen and (max-width: 415px) {
  .single-post #main .wrapper-page .content-wrapper blockquote::before {
    font-size: 1.2em;
  }
  .single-post #main .wrapper-page .content-wrapper blockquote p::before {
    margin-right: 0;
  }
  .single-post #main .wrapper-page .content-wrapper blockquote p::after {
    margin-left: 0;
  }
}
@media screen and (max-width: 1250px) {
  .page-id-763 .format .elements .element {
    width: 50%;
  }
}
@media screen and (max-width: 870px) {
  .page-id-763 .content {
    padding: 0 5%;
  }
  .page-id-763 .entry-header h1 {
    line-height: 100%;
  }
  .page-id-763 .format .elements .element {
    width: 100%;
  }
}
@media screen and (max-width: 870px) {
  .page-id-766 .content {
    padding: 0 5% 100px 5%;
  }
  .page-id-766 .categories a {
    margin-bottom: 20px !important;
  }
}