/***************** 1200 à 1279 PX *****************/

@media (min-width:1200px) and (max-width:1279px) {
  .pl-xl-5 {padding-left: 0 !important;}
  .logo {padding:2rem 0 1rem 0px;}
  
  .bg-texte-home {height: 400px;}
  .bloc-texte-home h1  {font-size: 2rem;}
  .bloc-texte-home {left: 21.5%;right: 21.5%;width: 57%;}
   
   
  .avantage {width:360px;height:360px;}
  .cmonjardinier {width:360px;height:360px;}
  
}

/***************** 992 à 1199 PX *****************/
@media (min-width:992px) and (max-width:1199px) {
  .barre-recherche-connexion {margin-top:4rem;padding-left:2rem;}
  
  .bg-texte-home {height: 350px;}
  .bloc-texte-home h1  {font-size: 1.5rem;margin-top:0rem}
  .bloc-texte-home {left: 15%;right: 15%;width: 70%;}
  .bg-texte-home p {font-size: 18px;}
  
  .offre {padding: 1rem 2rem;font-size:20px;}
  .offre .titre {font-size: 40px;margin:1rem 0rem;}
  .offre .btn-blanc a {padding: 0px 10px;height: inherit;line-height: inherit;}
  
  .avantage {width: 300px;height: 300px;}
  .avantage {font-size: 44px;}
  .avantage .textwidget {top:20%;padding: 1rem;}
  
  .cmonjardinier {width:300px;height:300px;}
  .cmonjardinier .btn-cmj {top:40%;}
  .cmonjardinier.deux .btn-cmj {top:36.5%;}
  
  .cmonjardinier .btn-cmj a {
    font-size: 18px;
    min-height: 46px;
    line-height: 44px;
    }
    
  .cmonjardinier.deux .btn-cmj a{
      padding: 10px 15px;
      line-height: 22px;
      }
      
  #menu-menu-footer-1 li a,
  footer .adresse p:first-child{font-size:18px;}
  
  #menu-menu-footer-2,
  #menu-menu-footer-3,
  #menu-menu-footer-4,
  footer .adresse {margin-top:1.5rem;}
  
  .pro-texte-banniere {height: 300px;}
  .pro-texte-banniere div {top: 1rem;}
  .pro-texte-banniere div h1 {font-size: 50px;}
  .pro-texte-banniere div p {font-size: 18px;}

  .bloc-pro {margin:2rem 0 0rem 0;}
  .bloc-pro.un,
  .bloc-pro.deux,
  .bloc-pro.trois,
  .bloc-pro.quatre {height: 280px;}
  .bloc-pro a {font-size: 34px;}
  
  .projet-bg div.contenu{left:5%;right:5%;}
  
  .article-ligne .listing-item .bloc-extrait-article {padding: 2rem;}
  
  .bloc-extrait-article .title {
    font-size: 22px;
    line-height: 25px;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    
  .bloc-extrait-article .excerpt {
   line-height: 1.5em;
   max-height: 6em; 
   }
  
}

/**********************/
@media (max-width:1280px) {
.membre-bg,.projet-bg {height: auto;background-image: none;}
.membre-bg div,.projet-bg div.contenu{position: relative;left: auto;right:auto;top:auto;padding: 10px 15px;}
.recherche-header input[type="text"] {min-width: 15rem;}
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {margin: 0px 10px 0px 10px}   
  
}
/**********************/
@media (max-width:1200px) {
  .pro-appli {background-image:none;}
  .scp-bloc3 h3 {font-size: 20px;}
  .bouton-appli {text-align: center;}
  .bouton-appli span {display: block;margin-bottom: 1rem;}
  h1.trait, h2.trait {font-size: 30px;margin: 3rem 0px 3rem 0px;}
  
  .bloc-couleur  {min-height: auto;padding: 3% 5% 10% 5%;}
  .bloc-couleur .title {font-size: 30px;}
}

/***************** 1199 px *****************/
@media (max-width:1199px) {
  .navbar {min-height: 280px;}
  
  .home-article {top:0rem;margin-bottom: 0;margin-top: 2rem}
  .home-article .container {padding-top: 0rem;}
  
  .article-acceuil, .article-colonne {margin-top: 2rem;margin-bottom: 5rem;}
  
  .article-acceuil .listing-item,
  .article-colonne .listing-item {margin-bottom: 2rem;}
  
  .bloc-article {top:4rem;margin-bottom:4rem;}
  .bloc-article .article-colonne {margin-top:2rem;}
  
  .bloc-article .article-colonne .listing-item:nth-child(2n) {top: 0rem;}
  .bloc-article .article-colonne .listing-item {margin-bottom: 4rem;}
  
  .article-acceuil .listing-item:nth-child(2n),
  .article-colonne .listing-item:nth-child(2n) {top: 0rem;}
  
  .article-acceuil .listing-item,
  .bloc-article .article-colonne .listing-item,
  .article-acceuil .listing-item .image img,
  .article-colonne .listing-item .image img {width:100%;}
  
  .article-ligne .bloc-extrait-article .excerpt {line-height: 1.5em;max-height: 6em; }
  
  .post-img-bg .intro {top: 5rem;}
  
  .lien-info {justify-content: center;}
  .lien-info li{line-height: 2rem;}
}

/***************** 992 px *****************/
@media (max-width: 992px) {
 
  .lien-info {padding: 0;font-size: 16px;}

  .barre-recherche-connexion {margin-top:2.5rem;}
  .recherche-header input[type="text"] {min-width: 5rem;}
 
  .navbar {padding:0px 0px 0px 0px;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-top: 10px;height: 50px;}
  .navbar-expand-lg .navbar-nav .nav-link:first-child {margin-right:1.3em;}
  .baseline {font-size:13px;line-height:25px;}
  .navbar-nav .dropdown-menu {width: 85%;}
  .dropdown-menu {margin-left:1.3em;margin-right:1.3em;}
  
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {margin: 0px 2.5px 0px 2.5px;}
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size:13px;}
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item:last-child > a.mega-menu-link {background-image: none;padding:3px 0px 0px 0px !important;}
  
  .recherche-pro h1 {font-size: 40px;}
  
  .scp-bloc3 ul {column-count: 1;}
  .scp-bloc3 ul li {background-position: left center;}
  .scp-bloc3 ul li p:first-child{padding-top:20px;margin-bottom:1rem;}
  
  .bloc-texte-home {left: 5%;right: 5%;width: 90%;}
  .bloc-texte-home h1 {font-size: 30px;}
  
  .offre {margin-bottom: 2rem;height: auto;padding: 1.5rem 2rem 2rem 2rem}
  .offre .titre {margin: 1rem 0;}
  .offre .btn-blanc {position: relative;bottom: 0;}
  .offre.elaguer {background-position:  bottom 0rem right 0rem;}
  
  .bloc-avantage .row,
  .bloc-cmonjardiner .row{text-align: center;}
  .avantage.un, .avantage.deux, .avantage.trois,
  .cmonjardinier.un, .cmonjardinier.deux, .cmonjardinier.trois{display: inline-block;margin-bottom:2rem;}
  
  footer .sm-taille-100 {flex:0 0 100%;max-width: 100%;text-align: center;}
  footer .sm-taille-50 {flex:0 0 50%;max-width: 50%;}
  
  #menu-menu-footer-1 {margin-top: 2rem;}
  #menu-menu-footer-1 li {width:auto;display: inline-block;padding: 0px 5px 0px 0px;}
  #menu-menu-footer-1 li:after {
    content:"|";
    color: #e3e3e3;
    padding-left: 6px;
  }
  
  #menu-menu-footer-1 li:last-child:after {content: "";}
  
  footer .reso {position: relative;padding: 1rem 0rem;margin-top:1rem;}
  footer .reso:before {
    content: "";
    position: absolute;
    top: 0px;
    width:120%;
    height: 1px;
    background: #333030;
    left:-10%;
    right: -10%;
  }
  
.article-ligne .listing-item:nth-child(odd) .bloc-image{width:100%}
.article-ligne .listing-item:nth-child(odd) .bloc-extrait-article{width:100%}

.article-ligne .listing-item:nth-child(even) .bloc-image{width:100%;order:1}
.article-ligne .listing-item:nth-child(even) .bloc-extrait-article{width:100%;order:2}

.article-ligne .bloc-extrait-article .excerpt {margin-bottom:2rem; }

.pro-texte-banniere {height: 50vw;}

.bloc-texte-article {margin: -5rem 10% 0px 10%;}

}

/***************** 769 px *****************/
@media (max-width: 769px) {
 #contenu {margin-top:20px;}
 .pro-texte-banniere {height: 70vw;}
}

/***************** 768 px *****************/
@media (max-width: 768px) {
 .navbar {min-height: auto;}
  
.logo {padding: 5px 0px;width:60%;}
 
 #contenu {margin-top:16px;}
 
#menu-bouton {
  position:absolute;
  top:12px;
  width:50px;
  height:50px;
  line-height:50px;
  }
  
 .compte-mobile  {
  width:100%;
  right:auto;
  left: auto;
  position: relative;
  top: inherit;
  font-size: 1rem;
  color: #211e1e;
  text-align: center;
  margin-bottom: 1rem;
  }
  .compte-mobile  i {font-size: 1.8rem;}
  .compte-mobile a {color: #211e1e;}
  
  #menu-bouton{
  right:15px;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
  transition:all .5s;
  }

#menu-bouton::after,
#menu-bouton.fermer::after{font-family: "FontAwesome";font-size: 2rem;}

#menu-bouton::after{
  content:'\f00d';
  color: #008d2b;
}

#menu-bouton.fermer{color: #211e1e;}
#menu-bouton.fermer::after{
  content:'\f0c9';
  color: #211e1e;
   }

#menu-responsive{
  transition:transform .0s; 
  position:absolute;
  right:0px;
  left:0px;
  width:100%;
  max-width:540px;
  transform:translateY(-950px);
  background: #008d2b;
  text-align: center;
  padding: 0.5rem 0.5rem;
  z-index:999;
}

#menu-responsive.show-menu{transform:translateY(5px);}

#menu-responsive.show-menu ul {padding: 0 15px;}

#menu-responsive li {list-style: none;}

#menu-responsive li .recherche-header {
 border-bottom: 1px solid #7ec594;
 text-align: left;
 width:100%;
 }
 
#menu-responsive li .recherche-header input[type="text"] {
 background: transparent;
 color:#7ec594;
}

#menu-responsive li .recherche-header input[type="text"]::placeholder {color:#7ec594;}

#menu-responsive li .recherche-header input[type="submit"] {background-image: url('img/chevron-responsive.png');}

#menu-responsive li a{
 line-height: 50px;
 color: #fff;
 text-transform: uppercase;
 }

 #menu-responsive li a.current {
  font-weight: 500;
  border-bottom:3px solid #c3c700;
  padding-bottom: 3px;
  }
 
#menu-responsive li.scp a {
  color: #c3c700;
  text-transform: none;
  font-weight: 500;
  }

#menu-responsive li.info-pro a,
#menu-responsive li.facture a,
#menu-responsive li.poste a,
#menu-responsive li.sc a,
#menu-responsive li.tel {
 text-transform: none;
 line-height:25px;
 color:#fff;
 }

#menu-responsive li.info-pro a:before,
#menu-responsive li.facture a:before,
#menu-responsive li.poste a:before,
#menu-responsive li.sc a:before,
#menu-responsive li.tel span:before{font-family: "FontAwesome";font-size: 1rem; }

#menu-responsive li.info-pro a:before {content:'\f05a';display: block;}
#menu-responsive li.facture a:before {content:'\f1c1';display: block;}
#menu-responsive li.poste a:before {content:'\f15c';display: block;}
#menu-responsive li.sc a:before {content:'\f0e0';display: block;}
#menu-responsive li.tel span:before {content:'\f095';display: block;}

#contenu.home-page {margin-top:0px;}

.recherche-pro {top: 3rem}
.bg-recherche {height: 320px;}
.recherche-pro h1 {font-size: 30px;}
.recherche-pro input#search {
 width: 95%;
 margin-left:10px;
 float: left;
 padding: 0px 2.5%;
 }
 
 .recherche-pro input#search::placeholder {font-size: 15px;}
 
 .recherche-pro input#searchsubmit {
  float: left;
  position: inherit;
  left: inherit;
  top:inherit;
  margin-left: -4rem;}

 .bg-texte-home {background-image: none;}
 
 .offre:hover {
  transform: none;
  transition-duration: 0.5s;
  }
 
 .article-acceuil .listing-item .bloc-extrait-article .excerpt p:first-child,
 .article-colonne .listing-item .bloc-extrait-article .excerpt{display: none;}
 
 .bloc-extrait-article .category-display {width:85%; height:30px; overflow: hidden;}
  
 .article-acceuil .listing-item .bloc-extrait-article,
 .article-colonne .listing-item .bloc-extrait-article {
  margin: -3rem 8% 0px 8%;
  padding: 4rem 2rem 1rem 2rem;
  max-height: 250px;
  height: 250px;
 }
 
 .bloc-extrait-article .title {font-size: 20px;line-height: 25px;}
 .bloc-dernier-article .bloc-extrait-article .btn-vert,
 .article-acceuil .bloc-extrait-article .btn-vert,
 .article-colonne .bloc-extrait-article .btn-vert {bottom: 0;}
 
 footer {padding: 2rem 0rem 80px 0rem;}
 
 .flottant-footer-mobile {
  position: fixed;
  bottom: 0px;
  left: 0;
  right:0;
  color: #fff;
  z-index: 9999;
 }
 
.flottant-footer-mobile a {
 display: block;
 float:left;
 padding: 15px 0px;
 line-height: 16px;
 font-size: 14px;
 color: #fff;
 text-align: center;
 height: 60px;
}

.flottant-footer-mobile a.acces {
 width:30%;
 background: #191516;
 color: #fff;
 }
 
 .flottant-footer-mobile a.acces span,
 .flottant-footer-mobile a.aide span{font-weight: 600;font-size: 18px;}

.flottant-footer-mobile a.trouver{
 background-position:  top 8px center;
 background-repeat: no-repeat;
 padding: 35px 0px 5px 0px;
}

.flottant-footer-mobile a.aide {
 background-position:  top 8px center;
 background-repeat: no-repeat;
 padding: 30px 0px 5px 0px;
 width:30%;
 background-color: #418e1a;
}

.flottant-footer-mobile a.trouver {
 width:40%;
 background-color: #c3c700;
 background-image:url(img/icone-loupe-small.png);
 color: #3c8229;
}

#collapseRechercheFooter .card-body  form div {position: relative;}
  
#collapseRechercheFooter input#search2 {
  border-radius: 50px;
  border:1px solid #eee;
  padding: 0px 10px;
  height: 53px;
  line-height: 53px;
  width: 100%;
  font-size: 15px;
  margin-left: 0px;
}

#collapseRechercheFooter input#search2::placeholder {
  font-family: 'NeutraText-Light', sans-serif;
  font-size: 15px;
}

#collapseRechercheFooter input#search2:focus {
  outline:1px solid transparent;
  border-radius: 50px;
  border:1px solid transparent;
}

#collapseRechercheFooter input#searchsubmit2 {
  background-color: transparent;
  border:none;
  height: 53px;
  width: 53px;
  background-image:url(img/icone-loupe-pt.png) ;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  bottom:0rem;
  right:0;
  font-size: 0px;
}

h1.trait, h2.trait {font-size: 40px}
.bloc-texte-article .titre-article {font-size: 25px}
.bloc-texte-article {padding: 1.5rem 1rem 1rem 1rem}

.scp-bloc1 .col-12.col-sm-12.col-md-12.col-lg-7.pr-xl-5 {order:2}
.scp-bloc1 .col-12.col-sm-12.col-md-12.col-lg-5 {order:1}
.scp-bloc1 img {top: 0;position: relative;}
.scp-bloc3 h3 {font-size: 25px;text-align: left;margin: 2rem 0;}

.scp-bloc3 .btn-silence {text-align: center;}

.scp-bloc3 .btn-silence .bouton {
 display: inline-block;
 color: #fff;
 background-color: #e73c64;
  border-radius: 10px;
 padding: 8px 20px;
 width:auto;
 cursor: pointer;
}


.liste-page span {font-size: 20px;}


.membre-bg div h1, .projet-bg div h1 {font-size: 40px;}
.membre-bg div p, .projet-bg div p {font-size: 18px;}
.projet-bg .contenu form {flex-wrap: wrap;}
.projet-bg .contenu .form-group {width: 100%;max-width:100%;}

.liste-sous-page {
 padding: 1rem 0rem;
 text-align: left;
 }
 
 .liste-sous-page li {margin: 0.5rem 1rem 0.5rem 0rem}
 .liste-sous-page li a {font-size: 16px;}
 
 .membre .bg-gris, .projet .bg-gris {padding: 1rem 0}
 .slider {margin-top: 0rem;}
 .slider p.h2 {margin: 2rem 0rem 2rem 0rem;font-size: 40px;}
 
 .membre .colonne div, .projet .colonne div {width: 100%}
 .membre .colonne div:nth-child(2n), .projet .colonne div:nth-child(2n) {margin-top: 0rem;}
 
 .membre .colonne div p:first-child,
 .projet .colonne div p:first-child {font-size: 100px;height: 120px;text-align: center;}
 .membre .colonne div h2, .projet .colonne div h2 {text-align: center;font-size:35px;}
 
 .post-img-bg .intro {
  top:8rem;
  left: 5%;
  right:5%;
 }
 
 .post-img-bg .intro h1 {font-size:40px;}
 .post-img-bg .intro .post-meta {margin-left:-10%;}
 

 .pro-texte-banniere div h1 {font-size: 40px;}
 
 .pro-appli p  {
  display:flex;
  justify-content: space-between;
  }
  
  .pro-appli p span .img-fluid {max-width: 90%;}
  
  .zopim {display: none !important;}
  
  .bloc-couleur  {min-height: auto;padding: 3% 5% 15% 5%;}

}


/***************** 415 px 768px *****************/
@media (min-width:415px) and (max-width:768px) {
 .recherche-pro {top:6rem;}
}

/***************** 414 px *****************/
@media (max-width:414px) {
  #contenu {margin-top: 10px;}
 .avantage,.cmonjardinier {width:320px;height: 320px;}
 .avantage .textwidget {padding: 2rem;}
 .cmonjardinier .btn-cmj {top:40%;}
 .cmonjardinier.deux .btn-cmj {top:37.5%;}
 .cmonjardinier.deux .btn-cmj a {padding: 10px 15px;line-height: 22px;}
 .offre .btn-blanc a {height: inherit;line-height:inherit; }
 .scp-bloc3 ul li {background-size:25%;}
 .scp-bloc3 ul li p {padding-left: 100px;}
 .scp-bloc3 ul li p:first-child {margin-bottom: 0rem;}
 
 .pro-texte-banniere div h1 {font-size: 30px;}
 .pro-texte-banniere {height: 150vw;}
 
 .bloc-pro {margin: 1rem 0rem 0rem 0rem;}
 .bloc-pro.un,
 .bloc-pro.deux,
 .bloc-pro.trois,
 .bloc-pro.quatre,
 .bloc-pro.cinq {background-image: none;height: 200px;padding: 5px;}
 
 .bloc-pro a  {font-size:25px;}
  
 .fond-gris {
  background: #fff;
  background-image: none;
 }
 
.bloc-texte-article{
  margin: 0px;
  padding: 0px;
  margin: 5px 0px;
  border-radius: 0px;
 }
 
 #cmonjardinier .bloc-article {top: 5rem;background: none;}
 #cmonjardinier .bloc-couleur {min-height: auto;}
 #cmonjardinier .bloc-texte {margin: 5px 0px;padding: 0;}

 .bloc-texte-home {top:1rem;}
 .post-img-bg .intro {top:3rem;}
 
  footer .sm-taille-50 {flex:0 0 100%;max-width: 100%;text-align: center;}
  #menu-menu-footer-2, #menu-menu-footer-3, #menu-menu-footer-4 {margin-top: 1.5rem;}
  #menu-menu-footer-1 li, #menu-menu-footer-2 li, #menu-menu-footer-3 li, #menu-menu-footer-4 li {line-height: 2rem}
  
  .bloc-texte-article #respond .comment-form-cookies-consent label {line-height: 25px;}
  
  .bouton-cgu {
   padding:15px 8px;
   font-size: 16px;
  }
 
}

@media (max-width:320px) {
 .projet-bg .contenu .form-group select {font-size: 20px;}
 .avantage {height: 280px;width:280px;font-size:35px;}
}
/**********************************/


/**********************************/


/********** 767 PX **********/

@media (max-width: 834px) {
 .lien-info {padding: 0;font-size: 16px;}
}

@media (max-width: 767px) {
  .barre-icone {background: #eee;padding-top: 5px;padding-bottom: 5px;}
  .lien-info {text-align: center;margin: 0em;}
  
  .lien-info li {
    margin-left:0px;
    margin-right:10px;
    line-height: 35px;
    }
    
  .lien-info li a {
    width:40px;
    height:40px;
    display:inline-block;
    border:1px solid #28a758;
    border-radius:50px;
    text-align: center;
    line-height: 35px;
  }
  .lien-info i{margin-right:0px;font-size: 20px;vertical-align: middle;}
	
}