@media screen and (max-width: 1500px)
{

.box-produits-bf
{
margin-right:1%;
margin-bottom:20px;
width:24%;
box-shadow: 1px 1px 5px #555;
background-color:white;
}



.box-produits-bf-nc
{
margin-right:1%;
margin-bottom:20px;
width:24%;
box-shadow: 1px 1px 5px #555;
background-color:white;
}

.contenant-produit-boutique-espace-achat
{
font-family:'Pathway Gothic One';
width:100%;
margin-left:4%;
display:flex;
flex-wrap: wrap;

}




}

@media screen and (max-width: 1200px)
{



#editopop
{
width:80%;
height:auto;
left: 50%;
top: 10%;


}






#contenant-menu-compte
{
width:90%;
margin:0 auto;
}	


.contenant-mon-compte
{
width:90%;
margin:0 auto;
}



.imgassemblee
{
width:100%;
display:block;
margin:0 auto;	
}



#logo-difference-entete
{
width:50%;
display:block;
margin:0 auto;
}





.newgif
{

float:right;
margin-right:3rem;
}

#lien-liste-menu
{
display:block;
}


.popup_block{

z-index:501;

}


#contenantmarque
{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
width:100%;
margin:0 auto
}



#contenantmarque2
{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
width:100%;
margin:0 auto
}


#contenant-photo-difference
{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
width:100%;
margin:0 auto
}


#contenant-logo-difference
{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
width:100%;
margin:0 auto
}






#image-timeline
{
width:90%;
display:block;
margin:0 auto;
}






.recherche-marque
{

width:20%;
cursor:pointer;
}



.img-contenu-marque
{

	
}






.img-menu
{
width:30px;
display:block;	
margin-left:30px;
margin-top:15px;
padding-bottom:15px;
}


#imglistei
{
display:none;
}



#logocoop
{
display:none;
}


#logocoop-responsive
{
display:inline;
margin-left:90px;
margin-top:-30px;
width:90px;
}



#logocoopc
{
float:left;
display:inline;
margin-left:100px;
margin-top:-25px;
width:90px;
}


.logo-coop-responsive{
    display:block;
    margin-top:-14px
}



#contenant-icone-header
{

margin-top:-106px;
margin-right:0;	
	
}


#imgcomptei
{
height:45px;
margin-right:25px;	
}


#imgpanieri
{
height:45px;
margin-right:40px;	
}

#imgpanieric
{
height:45px;
margin-right:70px;	
}

#header-affichage-panier
{

margin-left:100px;

font-size:13px;

}



.searchTerm {
	
 width:100%;


}

#contenant-nom-compte
{
margin-left:22px;
margin-top:10px;

font-size:12px;

}







#panier-entete
{
margin-top:-30px;
float:right;
margin-right:45px;	
}





/* --------------------------------- page index ---------------------------------- */



.contenant-index-carre
{




margin-top:0px;
margin-left:0px;
margin-right:0px;




width:100%;
margin:0 auto;

}	

/* .image-contenant-index-carre
{
display:block;	
width:98%;
margin:0 auto;
margin-top:2%;
} */
	
.image-contenant-index-carre1-3
{
display:block;	
width:70%;
margin:0 auto;
margin-top:2%;
}	
	
.image-contenant-index-carre2
{
display:block;	
width:90%;
margin:0 auto;
margin-top:2%;
}		
	
	
	
.contenant-basic
{
width:98%;
margin:0 auto;
}	
	
	
#pop-up-difference{
    width:60%;
    top:8%;
 
}
	
	

/* --------------------------------- fin page index ---------------------------------- */




/*---------------------------------- page login ------------------------------------- */

.boxclientlogin
{
width:96%;
margin:0 auto;	
}

/*---------------------------------- fin page login ------------------------------------- */









#imagepanel
{
	
background-repeat:no-repeat;

background-size:100% auto;


margin-bottom:-120px

}


.responsiveimagecarre
{
display:block;
width:85%;
margin:0 auto;	
}



.fil-ariane
{
margin-left:10px;
margin-top:30px;

}


.box-fil-ariane
{
background-image:url(img/bump-flo.jpg);
font-family:'Roboto',arial,verdana;
font-size:13px;
height:20px;
width:100%;
margin-top:-70px;
color:white;
padding-top:0px	

}



.inter-box-fil-ariane
{
width:98%;	

padding-top:3px;
padding-left:2%;
}



.centrageauto
 {

width:100%;

}





#espace-header-haut{
    display:block;
    height:15px;
}







.wrap
{

margin-left:2%;
margin-top:20px;
width:96%;

}



.width--sidebar .header--menu
{

margin-top:5px;
}


.width--sidebar .img-menu
{
 content:url(img-refonte/icone_menu_fermer.png);
}

.width--sidebar .site-pusher
{
transform:translateX(250px);	
-ms-transform: translateX(250px); 
-webkit-transform: translateX(250px);
}



.site-pusher
{
height:100%;
width:100%;
transform:translateX(0px);
-webkit-transform:translateX(0px);
-ms-transform: translateX(0px); 
-webkit-transform: translateX(0px);
-webkit-transition-duration:0.3s;
}


.menu
{
padding-top:0px;	
position:absolute;
background-color:#4379a5;
left:0;
top:-60px;
bottom:0;
margin-left:0px;

width:250px;
transform:translateX(-250px);
-ms-transform: translateX(-250px); 
-webkit-transform: translateX(-250px);	
}









.menu a
{
margin-top:0px;	
margin-left:15px;
padding-top:30px;
display:block;
font-size:18px;
color:white;
}


.menu li
{
float:none;
margin-right:0px;	
}

.linkmenu:hover
{
color:white;	
}



.width--sidebar .site-cache
{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background-color: rgba(0, 0, 0, 0.4);
}


.conteneurframe
{
position:relative;	
}


.conteneurframe iframe
{
position:absolute;
top: 0;
left: 0;
width: 250px;
height: 250px;
margin:0 auto;
}




.afooter
{

font-size:18px;
display:block;
margin-bottom:15px;	
	
}


#contenant-footer
{
height:auto;	
}



.pipefooter
{
display:none;

}



   
/*wrapper index ////////////////////////////////*/


.corpsslide
{
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
width:auto;	

margin-top:12px;
}



#wrapper {

 float:none;
  clear:both;
  width:100%;
  }

.rslides
{
	
	width:100%;
}



.rslides_container
{

width:100%;
}

/* fin wrapper index ////////////////////////////////*/


#contenantslide
{
width:85%;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
background-color:white;
	
}


.boxsliderindex
{
width:90%;
margin:0 auto;
box-shadow: 1px 1px 5px #555;
background-color:white;
}



.description-produits-index
{
text-align:left;
color:#4379a5;
margin-top:20px;
margin-left:4px;
margin-right:4px;
font-family:'Pathway Gothic One';	
height:40px;
font-size:14px;	
font-weight:bold;

}



.description-prixnc-index
{
text-align:center;	
margin-right:5px;
font-family:'Pathway Gothic One';	

font-size:12px;	


}










.imgslideac
{
margin-left:0px;
width:96%;	

}




/* --------------------------------- affiche article ---------------------------------- */

#affiche-produit-individuel
{
float:left;
margin-top:20px;
margin-right:0px;
width:98%;	
}

.image-affiche-produit-individuel
{
width:80%;
margin-top:20px;	
}

#titre-affiche-produit-individuel
{
color:#4379a5;
font-size:18px;
}

#accroche-affiche-produit-individuel
{

font-size:16px;
}	

/* --------------------------------- affiche article ---------------------------------- */










}


@media screen and (max-width: 1400px)
{

.contenant-produit-boutique
{
margin-left:3%;
}

}



@media screen and (max-width: 768px)
{
	
.contenant-produit-boutique
{
margin-left:4%;
}	

	
	
	
.box-produits-bf
{
margin-right:2%;
margin-bottom:20px;
width:47%;
box-shadow: 1px 1px 5px #555;
background-color:white;
}



.box-produits-bf-nc
{
margin-right:2%;
margin-bottom:20px;
width:47%;
box-shadow: 1px 1px 5px #555;
background-color:white;
}	
	
	
	
	
.contenant-produit-boutique-espace-achat
{
font-family:'Pathway Gothic One';
width:99%;
margin-left:1%;
display:flex;
flex-wrap: wrap;

}	
	
	
#formulaire-login-inscription
{
width:95%;
margin:0 auto;	
}
	
	
#coordonnees-inscription
{
text-align:center;
font-size:13px;
Font-family :Didact Gothic;	
}	
	
	
.input-demande-inscription
{
               width: 93%;
               height: calc(0.8em + .45rem + 2px);
               padding: .375rem .75rem;
font-size: 1rem;	
	
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
Font-family :Didact Gothic;
margin-bottom:15px;
}
	
.select-inscription
{
border: 1px solid #ced4da;
width:93%;
Font-family :Didact Gothic;
font-size: 1rem;
color: #495057;
background-color: #fff;
}		
	
#titre-inscription-login
{
text-align:center;
Font-family :Didact Gothic;
font-size:20px;
}	
	
	
	
	
}
@media screen and (max-width: 750px)
{
.recherche-marque
{
width:35%;
cursor:pointer;
}


.lettre-vide {
	font-family:Hind;
	font-size:20px;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 1px black;
	
}




.videoforumyt {
    width: 100%;
    height: 300px;
    display: block;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}



#selectpromo
{
width:90%;
height:25px;
background-color:white;	
}




.lettre-blanc {
	
	font-family:Hind;
	font-size:20px;

}

.contenant-bouton-pastel
{
width:96%;
margin:0 auto;
}



.contenant-pastel
{
width:98%;
margin:0 auto;
border:none;
font-size:14px;
}



}



@media screen and (max-width: 1199px) {
	
	
	
    #contenuflash{
        width: 880px;
    }

    #designation-prix {
        margin-left: 16.5rem;
    }

    #designation-qte {
        margin-left: 5.5rem;
    }

    #designation-tableau {
        margin-left: 3.6rem;
    }


    #designation-total {
        margin-left: 5rem;
    }

    .td-total {
        margin-left: 6rem;
        margin-right: 2rem;
    }
    #conteneur-compte {
        display: block;
        padding: 10px 0px;
        margin: 50px 0 20px 0;
        text-align: center;
    }
}




@media screen and (max-width: 991px) {
	
	
	
	
	
	  #contenuflash {
        width: 700px;
    }
	
	
	
	
	
	#designation-prix {
        margin-left: 9.3rem;
    }

    #designation-qte {
        margin-left: 5.7rem;
    }

    #designation-total {
        margin-left: 6rem;
    }

    .image-table-list {
        width: 50px;
        height: 50px;
    }

    #conteneur-total-list {
        font-size: 18px;
    }

    .entete-tableau,
    .td-total,
    .td-designation,
    .td-prix,
    .td-qte {
        font-size: 14px;
    }

    #designation-tableau {
        margin-left: 1rem;
    }

    .td-total,
    .td-designation,
    .td-prix,
    .td-qte {
        padding-top: 10px;
    }

    .coche-selection {
        width: 30px;
        padding-top: 18px;
    }

    .td-prix {
        width: 150px;
    }

    .td-total {
        width: 160px;
        margin-left: 7rem;
    }
	
	#pop-up-difference{
        width:70%;
        top:9%;
        
	
    }
        
	
}



/* 
@media screen and (max-width: 991px) {
	
	
	#designation-prix {
        margin-left: 9.3rem;
    }

    #designation-qte {
        margin-left: 5.7rem;
    }

    #designation-total {
        margin-left: 6rem;
    }

    .image-table-list {
        width: 50px;
        height: 50px;
    }

    #conteneur-total-list {
        font-size: 18px;
    }

    .entete-tableau,
    .td-total,
    .td-designation,
    .td-prix,
    .td-qte {
        font-size: 14px;
    }

    #designation-tableau {
        margin-left: 1rem;
    }

    .td-total,
    .td-designation,
    .td-prix,
    .td-qte {
        padding-top: 10px;
    }

    .coche-selection {
        width: 30px;
        padding-top: 18px;
    }

    .td-prix {
        width: 150px;
    }

    .td-total {
        width: 160px;
        margin-left: 7rem;
    }
	
	
		
	
	
	
	
	
} */




@media screen and (max-width: 767px) {

.imgbanac
{
width:100%;	
display:block;

}


 #contenuflash {
        width: 500px;
    }


 #designation-prix,
    #designation-qte,
    #designation-total {
        display: none;
    }

    .table-list {
        display: block;
    }

    .coche-selection,
    .image-table-list,
    .td-designation,
    .td-prix,
    .td-total,
    .td-qte {
        display: inline-block;
        font-size: 15px;
    }

    .entete-tableau {
        font-size: 1rem;
    }

    .td-prix {
        margin-left: 5rem;
        margin-bottom: 1rem;
    }

    .td-qte {
        margin-left: 0;
    }

    .td-total {
        width: 100px;
    }

    #designation-tableau {
        margin-left: 2rem;
    }

    .td-designation {
        margin-left: 3.6rem;
        margin-bottom: 1.5rem;
    }
    
    .prix-unitaire {
        margin-left: 8rem;
    }

    .designation-panier {
        margin-left: 0;
    }
	#pop-up-difference{
        width:80%;
        top:10%;
	
    }
    .image-contenant-index-carre{
        width:80%;
        display:flex;
        flex-direction: column;
        
    }
	}


@media screen and (max-width: 575px) {
	
	#contenuflash {
	width: 95%;
}
	
	
	
	 .entete-tableau {
        font-size: 13px;
    }

    .td-designation {
        margin-left: 2.5rem;
    }

    .td-prix {
        margin-left: 10px;
        width: 100px;
    }

    .au-tarif-de-base,
    #conteneur-total-list {
        font-size: 14px;
    }

    .td-designation,
    .td-prix,
    .td-total,
    .td-qte {
        font-size: 13px;
    }

    #designation-tableau {
        margin-left: 1rem;
    }
    .designation-produit-panier {
        width: 80%;
    }
    .td-designation {
        margin-left: 1rem;
        width: 70%;
    }
   
    .td-total {
        margin-right: 0;
        margin-left: 4rem;
        width: 80px;
    }

    .td-prix,
    .td-total
        {
        display: block;

    }

    .td-qte {
        margin-left: 1.5rem;
    }
	
	#pop-up-difference{
        width:96%;
        top:11%;
    }
    
  
	
}