/********************************************************
 *              1300
 *******************************************************/
@media screen and (max-width: 1150px) {
  main > div > span.content > *:not(.bg_choice) ,  main > div > span.content > .bg_choice.contentMaxSizeDefault > * { margin-right: 20px; margin-left: 20px; }
}
@media screen and (max-width: 1180px) {
  .radios label span{display: none}
  .radiosWrap.search{margin-top: 15px !important; margin-left: 0 !important}
}
@media screen and (max-width: 1140px) {
  .advanced-search-form .radiosWrap .label{font-size: 0.9rem;}
  html body #SaveMyDate + .pagination,html body.TopProduitFix #SaveMyDate + .pagination{position: relative !important; width: 100% !important;top: auto !important;z-index: 2}
/*.advanced-search-form .radiosWrap .clear4phone{display: block !important ;width: 100%;clear: both;}*/
}

/********************************************************
 *              1015
 *******************************************************/

/* Code Michael */
@media screen and (max-width: 1015px) {
  header .lien{font-size: 0;}
  header .lien span{font-size: 10px;}
  .advanced-search-form .radiosWrap .clear4phone{display: block !important ;width: 100%;clear: both;}

}
/* Fin code Michael */


/********************************************************
 *              1000
 *******************************************************/
@media screen and (max-width: 1000px) {
  body{font-size: 1vw;}
  
  /* Code Michael */
  footer p,
  footer div.form form label,
  footer div.form input[type="email"]{font-size: 1.4em;}
  /* Fin code Michael*/
  
}

/********************************************************
 *              965
 *******************************************************/
@media screen and (max-width: 965px) {

  header .logo_space{width: auto}
  header .logo_space span, #textLogo{display: none;}
  #dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix {display: inline-block; width: calc(43% - 10px); text-align: right;}


}


/********************************************************
 *              900
 *******************************************************/
@media screen and (max-width: 900px) {
  /* Code Michael */
  .formulaire{width: 15%;}
  /* Fin code Michael */
}


/********************************************************
 *              820
 *******************************************************/
@media screen and (max-width: 820px) {
    #dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix {display: inline-block; width: calc(43% - 10px); text-align: right;}
}

/********************************************************
 *              800
 *******************************************************/
@media screen and (max-width: 800px) {
  /* Code Michael */
  footer{flex-direction: column;}
  footer div.form form > div{margin-right: 0;}
  footer div.form form > div::after{display: none;}
  footer > p{margin-top: 20px;}
  main{min-height: calc(100vh - 232px);}
  /* Fin code Michael */
}


/********************************************************
 *              760
 *******************************************************/
@media screen and (max-width: 770px) {
  .phone{display: block;}
  .desktop{display: none;}
  header{height: 90px;}
  header .formulaire{float: right;}
  header .nav {width: calc(100% - 110px);}
  .clear4phone{display: block !important ;width: 100%;clear: both;}
  header .nav{padding-right: 100px;}
  .advanced-search-form .select{width: 50%}
  .advanced-search-form button{width: 50%}
  .advanced-search-form .elem1{width: 100%}
  .advanced-search-form .elem1 .clear4phone{display: none !important }
  .advanced-search-form form::after{content:"";float:right;display: inline-block;width:50%; height:70px;vertical-align: bottom;}
  .advanced-search-form::after{content:"";clear: both; float: none; display: block; width: 100}
  .advanced-search-form .elem2{margin-left: 0; margin-top: 15px; width: 100%}

  .advanced-search-form .select.search input{width: 95%}
  #filter_plus_Btn{top:auto; top:290px; right: 0}
  .csv_button{position: absolute; left: 0; bottom: -15px;}
  #dadyProduit.enLigne .produit.switch2 .wrap .partProd .alert-email{display:block;white-space: nowrap;}
.inStock .dispo, .outStock .dispo, .reaproStock .dispo{display: block}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .dispo {display:block;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .ref {display:block}
    #dadyProduit.enLigne .produit.switch2 .wrap .partProd .alert-email img{display:inline-block;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix {position:relative; top:-30px;}

/* Code Michael */
footer p,
footer div.form form label,
footer div.form input[type="email"]{font-size: 1.8em;}

.formulaire input{height: 27px;}
.formulaire button{top: 5px;}
/* Fin code Michael */

}


/********************************************************
 *              600
 *******************************************************/
@media screen and (max-width: 600px) {
  body{font-size: 1.2vw;}

  .page_41 .form{width: 100% !important}
  .page_41 .form span.input{ width: 65% !important }
  .page_41 .form span.input, .page_41 .form button{vertical-align: middle;}
  .page_41 .form p{display: block;}

  /* Code Michael */
  footer div.form form label{display: block;margin-right: 0;margin-bottom: 15px;}
  footer div.form form > div > div{display: block;}
  main{min-height: calc(100vh - 264px);}
  /* Fin code Michael */

/********************************************************
 *              FRONT Surcharge
 *******************************************************/

  .form{width: 92.5%}
  .defilement .wrapperItem{width: 3000px;}
  .bloc .bloc2, .bloc .bloc3, .bloc .bloc4, .img_text .CoteText, .img_text .CoteImg,
  .bloc .bloc2.bloc1-3, .bloc .bloc2.bloc3-1, .bloc .bloc2.bloc1-3.grand, .bloc .bloc2.bloc3-1.grand,
  body.amp-working.bloc .bloc2,body.amp-working .bloc .bloc3,body.amp-working .bloc .bloc4,body.amp-working .img_text .CoteText,body.amp-working .img_text .CoteImg,
  body.amp-working .bloc .bloc2.bloc1-3,body.amp-working .bloc .bloc2.bloc3-1,body.amp-working .bloc .bloc2.bloc1-3.grand,body.amp-working .bloc .bloc2.bloc3-1.grand{ width: 100% !important; margin-left: 0; margin-right: 0}
  .form .bloc .bloc2 {margin-bottom: 2.5%;margin-top: 2.5%;}
  .form form > .bloc{margin:0;}
  .img{text-align: center;}
  .youtube img, .CoteImg img{min-width: auto; max-width: 100%}
  .img amp-img img, .youtube amp-img img, .CoteImg amp-img img{min-width: 100%;}
  .ilus, .PartText,
  body.amp-working .ilus, html body.amp-working .PartText{width: 100% !important}

  .sliderWrap, .mini-slider{height: 250px}
  .background{min-height: 250px}
}


/********************************************************
 *              500
 *******************************************************/

@media screen and (max-width: 500px) {
  body{font-size: 1.5vw;}
  header .lien{margin-left: 13px}
  header .lien:nth-child(2){margin-left: 25px}
  header .nav {padding-right: 70px;}
 }


/********************************************************
 *              450
 *******************************************************/
@media screen and (max-width: 450px) {
  body{font-size: 2vw;}
  header .formulaire{min-width:0; width: 95%}
  header .formulaire input{text-indent: 27px}

  /* Code Michael */
  footer p,
  footer div.form form label,
  footer div.form input[type="email"]{font-size: 1.2em;}

  footer div.form input[type="email"]{min-width: auto;width: 50%;}
  /* Fin code Michael */
}


/********************************************************
 *              400
 *******************************************************/
@media screen and (max-width: 400px) {
 /* Code Michael */
  footer p,
  footer div.form form label,
  footer div.form input[type="email"]{font-size: 1.4em;}
  /* Fin code Michael */
}


/********************************************************
 *              340
 *******************************************************/
@media screen and (max-width: 340px) {
  /* Code Michael */
  header .lien{margin-left: 5px;}
  /* Fin code Michael */  
}

/********************************************************
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .buttonWrap{display:inline-block;}
#dadyProduit.enLigne .produit.switch2 .wrap .partProd .p_prix {display:block}

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