/* ---------- responsive 320 --------- */
@media only screen and (min-width: 320px){
  section#fond_titre {padding: 30px 0;background-size: 100% 100%;}
  section#fond_titre h1{width: 100%;;margin: 0 auto;font-size : 16px;line-height: 19px;}
  #espacemarches_section1 .sidebar{width:100%;margin : 0 auto 50px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
  #espacemarches_section1 .sidebar h2{font-size: 13px;line-height: 16px;margin: 0px auto 25px;padding: 18px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
  #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
  #espacemarches_section1 .sidebar form#filter h3 {font-size: 14px;line-height: 16px;margin: 20px;}
  #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
  #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 13px;line-height: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
  #espacemarches_section1 .sidebar form#filter h4{font-size: 13px;line-height: 13px;padding: 15px 40px 15px 20px;margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 14px;}
  #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
  #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
  #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
  .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
  .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
  #espacemarches_section1 #reponse{width:100%;}
  #espacemarches_section1 ul#market li{width:100%; padding: 0 15px 0 15px; margin: 0 auto 70px;}
  ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
  ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
  ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
  ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
  ul#market li .bandemarche .list_date{padding: 9px;width: 40%;height: 56px;}
  ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
  ul#market li .bandemarche .list_date .list_mois{font-size: 14px;line-height: 14px;margin: 0 auto;}
  ul#market li .bandemarche .list_date .list_annee{font-size: 14px;line-height: 14px;margin: 0 auto;letter-spacing: 0.05em;}
  ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 40px; width: 60%;margin: 0 auto;}
  ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
  ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
  ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
  ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 40px;}
  ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
  ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
  ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 40px;}
  ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 10px;top: calc(50% - 10px);}
  ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
  ul#market li .infoproduit h5{font-size: 14px;line-height: 18px;margin: 0 auto;}
  ul#market li .infoproduit p{font-size: 12px;line-height: 18px;margin: 0 auto;}
  ul#market li a .btn_go{font-size: 13px;line-height: 14px;padding: 6px 0;width: 70px;left: calc(50% - 35px);bottom: -12px;border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;-ms-border-radius: 3px;}
  #reponse .nopostsfound{width: 300px; font-size: 13px; line-height: 18px; padding: 10px; margin: 0 calc(50% - 150px) 20px;}
  #reponse .loading{width: 140px; margin: 0 calc(50% - 70px) 20px; padding: 65px 25px 55px; font-size: 18px; line-height: 10px;}
  body #ct-ultimate-gdpr-cookie-popup{width: calc(100% - 40px); left: 20px !important; padding: 15px;}
  #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content{font-size: 12px; line-height: 16px; margin: 0 auto 5px; padding: 0 0 5px;}
  #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-read-more{font-size: 12px; line-height: 12px; padding: 8px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}

}

/* ---------- responsive 480 --------- */
@media only screen and (min-width: 480px){
  section#fond_titre h1{width: 100%;;margin: 0 auto;font-size : 19px;line-height: 22px;}
  #espacemarches_section1 .sidebar{width:100%;margin : 0 auto 50px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
  #espacemarches_section1 .sidebar h2{font-size: 14px;line-height: 18px;margin: 0 auto 40px;padding: 20px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
  #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
  #espacemarches_section1 .sidebar form#filter h3 {font-size: 14px;line-height: 16px;margin: 20px;}
  #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
  #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 13px;line-height: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
  #espacemarches_section1 .sidebar form#filter h4{font-size: 14px;line-height: 14px;padding: 20px 40px 20px 20px;margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 21px;}
  #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
  #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
  #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
  #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
  #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
  .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
  .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
  #espacemarches_section1 #reponse{width:100%;}
  #espacemarches_section1 ul#market li{width:100%; padding: 0 60px 0 60px; margin: 0 auto 70px;}
  ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
  ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
  ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
  ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
  ul#market li .bandemarche .list_date{padding: 9px;width: 40%;height: 56px;}
  ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
  ul#market li .bandemarche .list_date .list_mois{font-size: 14px;line-height: 14px;margin: 0 auto;}
  ul#market li .bandemarche .list_date .list_annee{font-size: 14px;line-height: 14px;margin: 0 auto;letter-spacing: 0.05em;}
  ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 40px; width: 60%;margin: 0 auto;}
  ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
  ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
  ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 40px;}
  ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
  ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
  ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
  ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 40px;}
  ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 10px;top: calc(50% - 10px);}
  ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
  ul#market li .infoproduit h5{font-size: 14px;line-height: 18px;margin: 0 auto;}
  ul#market li .infoproduit p{font-size: 12px;line-height: 18px;margin: 0 auto;}
  ul#market li a .btn_go{font-size: 13px;line-height: 14px;padding: 6px 0;width: 70px;left: calc(50% - 35px);bottom: -12px;border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;-ms-border-radius: 3px;}
  #reponse .nopostsfound{width: 400px; margin: 0 calc(50% - 200px) 20px;}



}


  /* ---------- responsive 768 --------- */
  @media only screen and (min-width: 768px){
    section#fond_titre h1{width: 100%;;margin: 0 auto;font-size : 24px;line-height: 26px;}
    #espacemarches_section1 .sidebar{width:100%;margin : 0 auto 50px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    #espacemarches_section1 .sidebar h2{font-size: 16px;line-height: 21px;margin: 0 auto 40px;padding: 20px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
    #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
    #espacemarches_section1 .sidebar form#filter h3 {font-size : 16px;line-height: 16px;margin : 10px;}
    #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
    #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 13px;line-height: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #espacemarches_section1 .sidebar form#filter h4{font-size: 14px;line-height: 14px;padding: 20px 40px 20px 20px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 21px;}
    #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
    .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
    .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
    #espacemarches_section1 #reponse{width:100%;}
    #espacemarches_section1 ul#market li{width: 50%; padding: 0 30px 0 30px; margin: 0 auto 70px;}
    ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
    ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
    ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
    ul#market li .bandemarche .list_date{padding: 8px;width: 40%;height: 56px;}
    ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_mois{font-size: 15px;line-height: 15PX;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_annee{font-size: 15px;line-height: 15px;margin: 0 auto;letter-spacing: 0.05em;}
    ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 40px; width: 60%;margin: 0 auto;}
    ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
    ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 40px;}
    ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
    ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
    ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
    ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
    ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 40px;}
    ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 10px;top: calc(50% - 10px);}
    ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
    ul#market li .infoproduit h5{font-size: 15px;line-height: 20px;margin: 0 auto;}
    ul#market li .infoproduit p{font-size: 13px;line-height: 20px;margin: 0 auto;}
    ul#market li a .btn_go{font-size: 14px;line-height: 14px;padding: 7px 0;width: 70px;left: calc(50% - 35px);bottom: -14px;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; -o-border-radius: 5px;-ms-border-radius: 5px;}
    #reponse .nopostsfound{width: 600px; font-size: 14px; line-height: 20px; padding: 15px; margin: 0 calc(50% - 300px) 20px;}
    #reponse .loading{width: 170px; margin: 0 calc(50% - 85px) 20px; padding: 75px 25px 65px; font-size: 23px; line-height: 15px;}
    body #ct-ultimate-gdpr-cookie-popup{width: 600px; left: calc(50% - 300px) !important; padding: 20px;}
    #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content{font-size: 14px; line-height: 20px; margin: 0 auto 10px; padding: 0 0 10px;}
    #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-read-more{font-size: 14px; line-height: 14px; padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
  }




  /* ---------- responsive 992 --------- */
  @media only screen and (min-width: 992px){
    #espacemarches_section1 .sidebar{width:33.3334%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;margin: 0 auto;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    #espacemarches_section1 .sidebar h2{font-size: 16px;line-height: 21px;margin: 0 auto 40px;padding: 20px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
    #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
    #espacemarches_section1 .sidebar form#filter h3 {font-size : 16px;line-height: 16px;margin : 10px;}
    #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
    #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 13px;line-height: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #espacemarches_section1 .sidebar form#filter h4{font-size: 14px;line-height: 14px;padding: 20px 40px 20px 20px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 21px;}
    #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
    .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
    .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
    #espacemarches_section1 #reponse{width:66.6667%;}
    #espacemarches_section1 ul#market li{width: 50%; padding: 0 0 0 30px; margin: 0 auto 70px;}
    ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
    ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
    ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
    ul#market li .bandemarche .list_date{padding: 5px;width: 40%;height: 56px;}
    ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_mois{font-size: 18px;line-height: 18px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_annee{font-size: 18px;line-height: 18px;margin: 0 auto;letter-spacing: 0.05em;}
    ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 40px; width: 60%;margin: 0 auto;}
    ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
    ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
    ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
    ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 40px;}
    ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
    ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
    ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 40px;}
    ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 10px;top: calc(50% - 10px);}
    ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
    ul#market li .infoproduit h5{font-size: 16px;line-height: 22px;margin: 0 auto;}
    ul#market li .infoproduit p{font-size: 13px;line-height: 20px;margin: 0 auto;}
    ul#market li a .btn_go{font-size: 14px;line-height: 14px;padding: 7px 0;width: 70px;left: calc(50% - 35px);bottom: -20px;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; -o-border-radius: 5px;-ms-border-radius: 5px;}
    #reponse .nopostsfound{width: 500px; margin: 0 calc(50% - 250px) 20px;}

  }


  /* ---------- responsive 1200 --------- */
  @media only screen and (min-width: 1200px) {
    #espacemarches_section1 .sidebar{width:19%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;margin: 0 auto;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    #espacemarches_section1 .sidebar h2{font-size: 16px;line-height: 21px;margin: 0 auto 40px;padding: 20px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
    #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
    #espacemarches_section1 .sidebar form#filter h3 {font-size : 16px;line-height: 16px;margin : 10px;}
    #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
    #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 13px;line-height: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #espacemarches_section1 .sidebar form#filter h4{font-size: 14px;line-height: 14px;padding: 20px 40px 20px 20px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 21px;}
    #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
    .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
    .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
    #espacemarches_section1 #reponse{width:81%;}
    #espacemarches_section1 ul#market li{width: 33.3334%; padding: 0 0 0 30px; margin: 0 auto 70px;}
    ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
    ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
    ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
    ul#market li .bandemarche .list_date{padding: 5px;width: 36%;height: 56px;}
    ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_mois{font-size: 18px;line-height: 18px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_annee{font-size: 18px;line-height: 18px;margin: 0 auto;letter-spacing: 0.05em;}
    ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 36px; width: 64%;margin: 0 auto;}
    ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
    ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
    ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
    ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 36px;}
    ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
    ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
    ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 36px;}
    ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 6px;top: calc(50% - 10px);}
    ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
    ul#market li .infoproduit h5{font-size: 16px;line-height: 22px;margin: 0 auto;}
    ul#market li .infoproduit p{font-size: 13px;line-height: 20px;margin: 0 auto;}
    ul#market li a .btn_go{font-size: 14px;line-height: 14px;padding: 7px 0;width: 70px;left: calc(50% - 35px);bottom: -20px;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; -o-border-radius: 5px;-ms-border-radius: 5px;}
    #reponse .nopostsfound{width: 600px; font-size: 15px; line-height: 20px; padding: 20px; margin: 0 calc(50% - 300px) 20px;}
    #reponse .loading{width: 200px; margin: 0 calc(50% - 100px) 20px; padding: 90px 25px 70px; font-size: 28px; line-height: 20px;}

}


  /* ---------- responsive 1400 --------- */
  @media only screen and (min-width: 1400px){
    #espacemarches_section1 .sidebar{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;margin: 0 auto;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);width:25%;}
    #espacemarches_section1 .sidebar h2{font-size: 18px;line-height: 24px;margin: 0 auto 40px;padding: 20px;border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;}
    #espacemarches_section1 .sidebar h2::after{width: 40px;height: 40px;left: calc(50% - 20px);bottom: -20px;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
    #espacemarches_section1 .sidebar form#filter h{font-size: 16px;line-height: 16px; margin: 0 auto 10px; padding: 0 20px;}
    #espacemarches_section1 .sidebar form#filter input#search{width: calc(100% - 40px);margin: 0 20px 20px;padding: 10px;font-size: 14px;line-height: 16px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #espacemarches_section1 .sidebar form#filter h4{font-size: 16px;line-height: 16px;padding: 20px 40px 20px 20px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter h4::after{width: 15px;height: 15px;right: 20px;top: 21px;}
    #espacemarches_section1 .sidebar form#filter .inner-toggle{padding: 0 20px;margin: 0 auto 20px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter {background-size: auto 14px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"] + label{font-size: 12px;line-height: 14px;padding: 0 0 0 20px;margin: 0 auto 8px;}
    #espacemarches_section1 .sidebar .inner-toggle .btnfilter input[type="checkbox"]:checked + label{background-size: auto 14px;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart h5{font-size: 12px;line-height: 14px; margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date .dateecart span{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar form#filter #inner-date p.valueinput{font-size: 12px;line-height: 14px;margin: 0 auto;}
    #espacemarches_section1 .sidebar input[type="range"]{height: 4px;margin: 8px auto;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
    .rangeinput::-webkit-slider-thumb {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;width: 12px;height: 12px;}
    .rangeinput::-moz-range-thumb {width: 12px;height: 12px;}
    #espacemarches_section1 #reponse{width:75%;}
    #espacemarches_section1 ul#market li{width: 33.3334%; padding: 0 0 0 30px; margin: 0 auto 70px;}
    ul#market li a{height: 490px;border-radius: 10px;  margin: 0 auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    ul#market li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);-o-box-shadow: 0 0 30px rgba(0,0,0,0.2);-ms-box-shadow: 0 0 30px rgba(0,0,0,0.2);}
    ul#market li span.etat_icon{width: 60px;height: 60px;left: 20px;top: -20px;}
    ul#market li img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0;}
    ul#market li .bandemarche .list_date{padding: 5px;width: 40%; height: 56px;}
    ul#market li .bandemarche .list_date span{font-size: 10px;line-height: 10px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_mois{font-size: 18px;line-height: 18px;margin: 0 auto;}
    ul#market li .bandemarche .list_date .list_annee{font-size: 18px;line-height: 18px;margin: 0 auto;letter-spacing: 0.05em;}
    ul#market li .bandemarche .list_filiere{font-size: 11px;line-height: 14px; min-height: 56px; padding: 21px 10px 21px 40px; width: 60%;margin: 0 auto;}
    ul#market li .bandemarche .filiere_ressources-humaines-prestations-intellectuelles,
    ul#market li .bandemarche .filiere_centrale-dachat-de-linformatique-hospitaliere,
    ul#market li .bandemarche .filiere_consommables-equipements-des-unites-de-soins,
    ul#market li .bandemarche .filiere_dematerialisation-du-processus-achats-approvisionnements{padding: 7px 10px 7px 40px;}
    ul#market li .bandemarche .filiere_dispensation-produits-de-sante-dpds,
    ul#market li .bandemarche .filiere_hygiene-protection-du-corps,
    ul#market li .bandemarche .filiere_sante-digitale-et-numerique{padding: 14px 10px 14px 40px;}
    ul#market li .bandemarche .list_filiere::before{width: 20px;height: 20px;left: 10px;top: calc(50% - 10px);}
    ul#market li .infoproduit{margin: 15px auto;padding: 0 10px;}
    ul#market li .infoproduit h5{font-size: 17px;line-height: 24px;margin: 0 auto;}
    ul#market li .infoproduit p{font-size: 13px;line-height: 20px;margin: 0 auto;}
    ul#market li a .btn_go{font-size: 16px;line-height: 16px;padding: 7px 0;width: 70px;left: calc(50% - 35px);bottom: -20px;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; -o-border-radius: 5px;-ms-border-radius: 5px;}
    #reponse .nopostsfound{font-size: 16px; line-height: 24px;}


  }