a {

color: #222;

}



.AfficheRechercheRapide

{

background-color:white;

width:98%;

margin:0 auto;



}



.FermerFenetre {

 

    font-family: Montserrat;

   position: absolute;

   margin-top:-20px;

   display: inline;

   margin-left:10px;

    font-size: 50px;

    cursor: pointer;

    transition: 0.3s;

    outline: none;

  }

  

  .FermerFenetre:hover {

    transform: rotate(180deg)

  }







.AffichageNbRecherche

{



text-align: center;

padding-top:20px;

font-size:16px;

margin-bottom: 40px;

}



.ContenantRecherche

{

display: flex; 

flex-wrap: wrap; 

justify-content: space-evenly;



}



.ContenantInfoStock
{
margin-top:20px;    
}

.NonRouge
{
color:firebrick;    
}

.OuiOrange
{
color:orange;
}



.AjouterListe

{

margin-top: 10px;

}



.AjouterListeClass

{

margin-top: 10px;    

filter: invert(70%) sepia(55%) saturate(3273%) hue-rotate(360deg) brightness(102%) contrast(105%);

}



.ContenuRechercheBoutique

{

background-color:white;

width:16%;

margin-bottom: 15px; 

box-shadow: 0px 0px 5px 0px rgb(108 110 105);

-webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);



}



.ContenuImage

{

width:155px;

display: block;    

margin:0 auto;

margin-top: 10px;

padding-bottom:30px;



}



.ContenuDescription

{

min-height:60px;

padding-left: 5px; 

font-size:15px; 

margin-bottom: 10px;  

}



.ContenuMarque

{

padding-left: 5px; 

font-size:13px;  

margin-bottom: 10px; 

}



.DescriptionPrix

{

    padding-left: 5px; 

    font-size:13px;  

    margin-bottom: 10px; 



}



.Nc

{

margin-top:20px    

}







/* Produit detail */





.FicheProduitDetail

{

    width:90%;

    

    margin:0 auto;

    margin-bottom: 20px;

    box-shadow: 0px 0px 5px 0px rgb(108 110 105);

-webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);





}







.ContenantProduitDetail

{



display: flex;



}



.FermerProduitDetail

{

padding-top:20px;

margin-left:50px;  

cursor: pointer;

margin-bottom: 30px;



}



.ContenantImageProduitDetail

{

width:40%;



 

}



.ImgProduitDetail

{



width:80%;   



}



.ContenuReferenceDetail

{

margin-top:20px;

font-size: 16px;



}



#articlepanierselect

{

width:94%; 

height:30px;

font-weight: bolder;   

}



.ContenantDescriptionProduitDetail

{

width:60%;

}



.ResultatIncorrect

{

color:#b22222;

font-size:14px;

margin-top: 10px;

}





.DescripProduitDetail

{

font-size: 20px;    

}



.AccrocheProduitDetail

{

font-size: 18px;

}





.AvisExpert

{

   margin-top:20px;

 font-size: 16px;   

}



.AffichePrixPo

{

margin-top:20px;

font-size:16px; 

}



.PrixBarre

{

text-decoration:line-through;    

}



.PrixRemise

{

    font-size:16px;   

}





.AffichePrixDetail

{

    margin-top:20px;

    font-size:16px;     

}



.AfficheQuantiteDetail

{

margin-top:20px; 

font-size: 16px;  

-moz-user-select: none; /* Firefox */

-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */

-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */

user-select: none; /* Propriété standard */

}



.QteProduitDetail

{

border:none;

width:25px;  

text-align: center;  



}



.fa-plus:hover

{

color:orange; 



}



.fa-minus:hover

{

color:orange;  



}





.BoutonAction

{

padding: 6px;

width:94%;

background-color:#2f2f2f;

color: #dadce0;

text-align: center;

height: 35px;

line-height:35px;

box-shadow: 1px 1px 6px white;	

border-radius: 4px;	

cursor:pointer;

-webkit-transition-duration: 0.4s; /* Safari */

transition-duration: 0.4s;

opacity: 1;

font-size: 16px;

margin-top: 35px; 

}



.BoutonAction:hover

{

color:whitesmoke;

opacity: 0.8;

}



.CheckCommande

{

 font-size:0px;    

}



.ContenuDetailDescriptifProduit

{

font-size:15px;  

padding:10px; 

margin-top:10px;

}



.ContenuDetailDescriptifProduit>div

{

margin-bottom: 10px;   

}













@media screen and (max-width: 1300px)

{

    .ContenuRecherche

    {

    background-color:white;

    width:22%;

    margin-bottom: 15px; 

    box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    -webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    

    }





}











@media screen and (max-width: 1800px)

{







.ContenuRechercheBoutique

{

background-color:white;

width:22%;

margin-bottom: 15px; 

box-shadow: 0px 0px 5px 0px rgb(108 110 105);

-webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);



}









}



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

{







.ContenuRechercheBoutique

{

background-color:white;

width:28%;

margin-bottom: 15px; 

box-shadow: 0px 0px 5px 0px rgb(108 110 105);

-webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);

}







}





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

{







.ContenuRechercheBoutique

{

background-color:white;

width:45%;

margin-bottom: 15px; 

box-shadow: 0px 0px 5px 0px rgb(108 110 105);

-webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);



}







}











@media screen and (max-width: 800px)

{

    .ContenuRecherche

    {

    background-color:white;

    width:30%;

    margin-bottom: 15px; 

    box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    -webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    }





    .BoutonAction

    {

    padding: 4px;

    width:94%;

    height: 30px;

    line-height:30px;

    box-shadow: 1px 1px 6px white;	

    border-radius: 4px;	

    font-size: 14px;

    margin:0 auto;

    margin-top: 25px; 

    }









}





@media screen and (max-width: 600px)

{

    .ContenuRecherche

    {

    background-color:white;

    width:48%;

    margin-bottom: 15px; 

    box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    -webkit-box-shadow: 0px 0px 5px 0px rgb(108 110 105);

    

    }





    .AfficheRechercheRapide

    {

    background-color:white;

    width:98%;

    margin:0 auto;

    

    }





  .AffichageNbRecherche

{

text-align: left;

padding-top:10px;

font-size:15px;

margin-left: 10px;



}





.FermerFenetre {

 

  

   margin-top:-15px;

  

   margin-left:10px;

    font-size: 40px;

 

  }





  .FicheProduitDetail

  {

      width:96%;

    }



    .FermerProduitDetail

    {

       margin-left:20px;  

    

    

    }





    .ContenantProduitDetail

    {

    

    display:block;

    

    }



    .ContenantImageProduitDetail

    {

    width:100%;

    



    

     

    }



    .ImgProduitDetail {

        width: 80%;

        display: block;

        margin:0 auto;

    }





    .ContenantDescriptionProduitDetail

    {

    width:98%;

    margin:0 auto;

    margin-top:15px;

    }



    .DescripProduitDetail

    {

        font-size: 18px;

    }



    .AccrocheProduitDetail {

        font-size: 16px;

    }



    .AvisExpert {

        margin-top: 10px;

        font-size: 15px;

    }



    .AffichePrixDetail {

        margin-top: 10px;

        font-size: 15px;

    }



    .AfficheQuantiteDetail {

        margin-top: 10px;

        font-size: 15px;

      

    }



    .DescriptionPrix

{

       

    font-size:13px;  

    margin-bottom: 10px; 



}





}