@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 
 /*
couleurs
#20B0A0 vert
#39C9B9 vert hover
#009080 vert hover fonce
#DF2F26 rouge
#e34941 rouge hover
#e67e22 orange
#f39c12 orange foncé 

*/
 
.sansMargin
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#blocProduits
{
    margin-left: 0 !important;
    margin-right: 0 !important;    
}
  
 
/*
FORMULAIRE CREATION KIT
*/

/*bloc pour aller a la page */

.divCampagneKit
{
/*    background-image:
  linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)),
  url("https://mdn.mozillademos.org/files/7693/catfront.png");*/
/*background-size: contain;*/
background-size: cover;
  background-image: url('/Fichiers/Images/bg-home_2.jpg');
  
background-repeat: no-repeat;
    /*margin-top:-1rem;*/
    margin-bottom:1rem;
    width:100%;
    /*background-color:blue;*/
    text-align:center;
/*    padding-left:20rem;
    padding-right:20rem;*/
}
.divTexteCampagneKit
{
}

.texteCampagneKit
{
    background-color:#FFF;
    padding:1em;
    color:#DF2F26;
    font-weight:600;
    font-size:1.1em;
}
.divCreerKit
{
    
}
.titreCreerKit
{
    /*font-size:1.2em;*/
    font-weight:bold;
}
.btn-creerKit
{
    border-color:#fff;   
    color:#20B0A0;
    background-color: #fff;  
}
.btn-creerKit:hover
{
    border-color:#EEE;   
    color:#fff;
    background-color: #20B0A0;  
}
.interieurDivProduitCreerKit:hover
{
    /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
}
.interieurDivProduitCreerKit
{
    height:150px;
    text-align:center;   
    color:#fff;
    background-color: #20B0A0;    
    padding:3rem;
    padding-top:1rem;   
   border-radius:10px;
}



#frm_container
{
    background-color:#FFF;
    min-height:100vh;
    /*min-width:100vw;*/
    padding:2em;
}
.frm_titre
{
    color:#DF2F26;
    text-align:center;
    font-size:1.6em;
}
.frm_rubrique
{
    /*color:#DF2F26;*/
    font-size:1.4em;
    margin-top:2em;
    margin-bottom:1em;
}
.frm_row
{
    border: 1px solid #DF2F26;
}
.frm_blocDroit
{    
    /*border: 1px solid #DF2F26;*/
    padding:1em;
}
.frm_blocGauche
{    
    padding:1em;
}
.frm_elemAjout
{
    font-size:1em;
    margin-right:1em;
    /*margin-left:3em;*/
}
.frm_btnAjouter
{
/*    background-color:#FFF;
    color:#DF2F26;*/
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:0.8em;
}
.fmr_filsCache
{
    display:inline-block
}
.frm_select
{
    margin-right:1em;
}
.frm_txtASaisir
{
    margin-right:1em;    
}
.frm_submit
{
    margin-top:2em;
}
.frm_divSubmit
{
    
    text-align:center;
}
.frm_divcheck
{
    
    display:inline-block;
    margin-right:1em;  
}
.frm_divradio
{
    
    display:inline-block;
    margin-right:1em;  
}
.frm_elemAjoute
{
    margin-bottom:0.5em;
    background-color:#a7a7a7;
    padding:3px;
    color:#fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.frm_qteDroite
{
    margin-right:1em;
    width:100px;
}
.frm_txtDroite
{
    
}
.frm_supprimer
{
    color:#DF2F26;
    cursor:pointer;
    margin-right:1em;
    font-size:1.2em;
}
.frm_blocRadio
{
    
/*    display: flex;
    justify-content: space-around;
    align-items: center;*/
}
/*
FORMULAIRE CREATION KIT
*/
 
 
 
 
 
 
 
 
 

.center
{   
    
    text-align:center;   
}
/*
DOCUMENTATION BOUTIQUE
*/
.headerDocumentation
{    
    /*background-size: cover;*/
    /*background-size: contain;*/
/*background-repeat: no-repeat;
  background-image: url('/Fichiers/Images/fondDoc1.jpeg');*/
}
/*
FIN DOCUMENTATION BOUTIQUE
*/

/*
CAMPAGNE
*/
.rowCampagne
{
}
.divCampagne
{
/*    background-image:
  linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)),
  url("https://mdn.mozillademos.org/files/7693/catfront.png");*/
/*background-size: contain;*/
background-size: cover;
  background-image: url('/Fichiers/Images/fondredyHeader.png');
  
background-repeat: no-repeat;
    /*margin-top:1rem;*/
    margin-bottom:1rem;
    /*margin-left:15px;*/
    width:100%;
    /*background-color:blue;*/
    text-align:center;
    padding-left:20rem;
    padding-right:20rem;
}
.texteCampagne
{
    color:#DF2F26;
    font-weight:600;
    font-size:1.1em;
}
.boutonCampagne
{
    color:#fff !important;
    margin:2em;
}
.imgCampagne
{
    height:300px;
    margin-top:1em;
    margin-bottom:1em;
}
.divImageCampagne
{
    /*text-align:left;*/
}
.divTexteCampagne
{    
/*    padding-top:3rem;
    padding-bottom:3rem;*/
}


/*
FIN CAMPAGNE
*/
.prixBarre
{
  text-decoration: line-through;
}
.promo
{
  font-weight:600;
  color:#fff;
  background-color:#DF2F26;
}

.btn-success
{
    background-color:#20B0A0;
    border:none;
}

.btn-success:hover
{
    background-color:#39C9B9;
    border:none;
}

/*
BLOC MENU GROUPE CATEGORIE   Version PC
*/


.divMenuGroupe
{
    padding:1rem;
    background-color:#FFF;
    margin-bottom:2rem;
    overflow:auto;
    font-size:0.9em;
}
.blocTitreGroupe
{
    padding-left:2rem;
    padding-right:2rem;
    color:#594c4c !important;
}
.blocTitreGroupe.active
{
    color:#e34941 !important;
}
.iconeTitreGroupe
{
    font-size:1.8em;
}
.libelleTitreGroupe
{
    margin-top:5px;
}
/*
FIN BLOC MENU GROUPE CATEGORIE   PC
*/

/*
BLOC MENU GROUPE CATEGORIE   Version MOBILE
*/

.divMenuGroupePetit
{
    /*padding:1rem;*/
    background-color:#FFF;
    margin-bottom:2rem;
    overflow:auto;
}
.blocTitreGroupePetit
{
    padding-top:1rem;
    padding-bottom:1rem;
    padding-left:2rem;
    padding-right:2rem;
    color:#594c4c !important;
    border-top:solid 1px #594c4c;
}
.blocTitreGroupePetit.active
{
    color:#e34941 !important;
}
.divIcone
{
    width:50px;
}
.iconeTitreGroupePetit
{
    font-size:1.2em;
}
.libelleTitreGroupePetit
{
    margin-left:10px;
}
/*
FIN BLOC MENU GROUPE CATEGORIE   Mobile
*/


/*
CHAT   
*/
.messageIntro
{
    padding:0.5rem;
    color:#DF2F26;
    z-index:998;
}
.messageClient
{
    background-color:#DF2F26;
    border:solid 2px #e34941;
    color:#fff;
    border-radius:20px;
    padding:0.7rem;
    margin-left:3rem;
    z-index:998;
}
.messageCommercial
{
    background-color:#fff;
    border:solid 2px #DF2F26;
    color:#DF2F26;
    border-radius:20px;
    padding:0.7rem;
    margin-right:3rem;
    z-index:998;
    
}
.chatMessages
{
    width:100%;
    height:340px;
    overflow: scroll;  
    background-color:#fff; 
    overflow-x: hidden;
    z-index:998;
    /*background-color:#efefef;*/ 
}
.chatBlocInput
{
    margin-top:4px;
    width:100%;
    height:50px;
    width:340px;
    background-color:#f3f3f3; 
    border-radius:5px;
    border:none;
    transition-duration: 0.5s;
    padding:0.5rem;   
    resize : none;
    z-index:99999;
    position: relative;
}
.chatBlocInput:focus
{
    height:300px;
    margin-top:-246px;
    padding:1rem;
    z-index:99999;
}
.chatBlocBoutons
{    
    text-align:right;
    z-index:998;
}
.chatBlocEnvoyer
{    
    text-align:right;
    z-index:9998;
}
.boutonChat
{

    cursor:pointer;
    color:#DF2F26;
    z-index:998;
}
.chatBlocMessages
{
    display:none;
    font-size:0.9rem;
    padding:0.3rem;
    margin-bottom:1rem;
    background-color:#fff;
    width:350px;
    height:460px;
    border-radius:5px;
    
    border-top:solid 15px #e74c3c;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    z-index:998;
}
#blocChat
{
    
    position:fixed;
/*    bottom:3rem;
    right:3rem;*/
    bottom:5%;
    right:3%;
    z-index:998;
}
/*
FIN CHAT   
*/

/*
PARTIE LAYOUT  
*/
.rownomarginright
{
    margin-right:0 !important;
    /*margin-left:0 !important;*/
}
a
{
    /*color:#ACE4E4;*/
    color:#20B0A0;
}
a:hover
{
    text-decoration:none;
    /*color:#40D0C0;*/
    color:#009080;
}

html, body {

font-family: 'IBM Plex Sans', sans-serif;
width: 100%;
color:#594c4c !important;
font-size: 16px;
line-height: 28px;
  /*background-image: url('/Fichiers/Images/fondredy.png');*/
  /*background-image: url('/Fichiers/Images/vitamined3.jpg');*/
    background-repeat: no-repeat;
    background-color: #F0F0F0;
    background-attachment: fixed;
    background-size: cover; /* Pour s'assurer que l'image couvre tout l'arrière-plan */
    min-height: 100vh;
}
#contenu
{    
    /*width:80%;*/
    width:95%;
    /*width:100%;*/
    /*background-color: rgba(255, 255, 255, 0.8);*/
    /*opacity:0.5;*/
    /*padding:2rem;*/
    /*min-height:55vh;*/
    
    min-height:83vh;
}

.blocsGauche
{
    padding-left:0 !important;
    /*margin-right:-15px;*/
    /*margin-top:-15px;*/
    /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
    /*z-index:99;*/
}
.blocsDroite
{    
    padding-right:0 !important;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
}
/*
FIN PARTIE LAYOUT  
*/


/*
INSCRIPTION
*/
.containerInscription
{    
    background-color: rgba(255, 255, 255, 0.8);
}


/*
GLOBAL
*/

.curseurMain
{    
    cursor:pointer;
}

.btn-primary:hover
{
    /*background-color:rgb(231, 76, 60);*/
    background-color:#39C9B9;
    border:none;
}

.btn-primary
{
    /*background-color:rgb(192, 57, 43);*/
    background-color:#20B0A0;
    
    border:none;
}
/*
FIN GLOBAL
*/

/*
MENU
*/

.menuTitre
{   
 /*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,700|Encode+Sans+Expanded|Baloo+2|Cantarell:400|Fira+Code|Paytone+One|Questrial|Righteous|Viga|Francois+One');*/   
    /*letter-spacing:0.1em;*/
/*font-family: 'Righteous';*/
    /*text-transform: uppercase;*/
    /*font-family: 'Questrial', sans-serif;*/
    /*font-family: 'Anton', sans-serif;*/
/*font-family: 'Baloo 2';font-family: 'Black Ops One', cursive;*/
/*letter-spacing:0.5rem;*/
/*font-family: 'Open Sans';*/
/*color:#000 !important;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Syne', sans-serif;*/
/*font-family: 'IBM Plex Sans', sans-serif;*/
/*font-family: 'Roboto Mono', monospace;*/
/*font-family: 'Quicksand', sans-serif;*/
/*font-family: 'Raleway', sans-serif;*/
    
    
    
    
    /*font-family: 'Encode Sans Expanded', sans-serif;*/
    /*padding-left :0px !important;*/
    /*padding-right :0 !important;*/
    cursor:pointer;
    /*color:#566473;*/
    /*text-transform: uppercase;*/
    /*color:#594c4c !important;*/
 /*color:#5B6B7A !important;*/
    /*color:#ACE4E4 !important;*/
    
color:#594c4c !important;
/*color:#897c7c !important;*/
    font-size:1.2em;
    
    font-weight:300;
    margin-left:3rem;
    
/*    padding-bottom:50px;
    padding-top:20px;*/
    /*text-shadow: 2px 0 0 #fff;*/
    
}
.menuTitre.active
{   
    /*color:#D72516 !important;*/
    /*color:#5B6B7A !important;*/
    
    font-weight:600;
    
/*color:#594c4c !important;*/
    /*border-bottom:solid 3px #DF2F26;*/
    /*background-color:#F5F5F5;*/
    
}
.menuTitre.active:hover
{   
    cursor:default;
    
}
.menuTitre:hover {
    /*background-color:#F5F5F5;*/
  text-decoration: none;
    font-weight:600;
    /*color:rgba(44, 62, 80) !important;*/
    /*color:#D72516 !important;*/
    /*color:#FFF !important;*/
}
.menuInscription
{
    
    margin-left:3rem;
    font-weight:300 !important;
    /*font-style:italic;*/
    /*color:#DF2F26 !important;*/
}
.navbarul
{
    width:100%;
}
.btn-connexion
{
    margin-left:3rem;
    background-color:#DF2F26 !important;
    padding:0.3rem;
    color:#FFF !important;
}
.btn-connexion:hover
{
    background-color:#e34941 !important;
    color:#FFF !important;
}
.btn-deconnexion
{    
    margin-left:3rem;
    background-color:#e34941 !important;
    color:#FFF !important;
}
#navBarre
{
    box-shadow: 1px 1px 8px 1px #e6ebef;
    /*box-shadow: 0px 0px 6px rgba(0,0,0,0.2);*/
    /*background-color:#5B6B7A;*/    
    background-color:#FFF;    
    /*background-color:#EAE8E9;*/    
    /*border-top:solid 6px #20B0A0;*/
    /*border-top:solid 6px rgb(192, 57, 43);*/
    border-top:solid 6px #e74c3c;
    /*position:inherit;*/
    /*border-top:solid 4px #FFF;*/
    
    /*border-bottom:solid 1px #F5F5F5;*/
    /*border-bottom:solid 4px #FFF;*/
/*    padding-bottom:0;
    padding-top:0;*/
padding:0;
}
#barreNavigation
{    
    background-color:#EAE8E9;
}


/*
FIN MENU
*/

/*
 MENU CATEGORIE
*/
.blocagauche
{
    
    /*box-shadow: 1px 1px 8px 1px #e6ebef;*/
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
}
.spanTitreMenu
{    
/*font-family: 'Francois One';*/
    text-transform: uppercase;
    letter-spacing:0.1em;
}
.menutitrecategorie
{
    /*font-weight:100;*/
    margin-bottom:5px;
}
.categorieLien
{
    color:#594c4c !important;
    /*color:#ACE4E4 !important;*/
    /*color:#998c8c !important;*/
    font-weight:300;
}

.categorieLien:hover
{
    text-decoration:none; 
    /*color:#594c4c !important;*/
    /*color:#594c4c !important;*/
    font-weight:400;
}

.categorieLien.active
{   
    /*color:#D72516 !important;*/
    /*color:#20B0A0 !important;*/
    /*color:#594c4c !important;*/
    font-weight:700;
    
}
.titreMenuGauche
{
/*    color:#FFF !important;
    background-color:#DF2F26;*/
    
    color:#DF2F26 !important;
    background-color:#FFF;    
    /*border-bottom: 1px solid #DF2F26 !important;*/
    /*margin-bottom:3px;*/
    font-size:1rem;
    
    /*background-color:#00C4A6;*/
    /*background-color:#20B0A0;*/
    /*background-color:#8a7472;*/
    /*background-color:#12c5d6;*/
    /*background-color:#efefef;*/
    
    /*color:#ACE4E4 !important;*/
    padding:0.5rem;
    /*padding-left:1.5rem;*/
    margin-bottom:0 !important;
    /*margin-top:1px;*/    
    /*font-family: 'Paytone One';*/
}
.ulcategorie
{
    /*border:0;*/
    /*border: 1px solid #00C4A6 !important;*/
    /*border: 1px solid #5B6B7A !important;*/
    
}
.licat
{
    border:0 !important;
}
.licat.liactive
{
    /*background-color:#f5f5f5;*/
}
.blocFiltreGlobal
{
    /*padding:0.5rem;*/
    padding-top:1rem;
    padding-bottom:1rem;
list-style-type: none;
    background-color:#fafafa;
    /*border-left: 2px solid #20B0A0 !important;*/
    border-left: 2px solid #efefef !important;
/*Gentium+Basic:400,700|Ubuntu:300,700|Encode+Sans+Expanded|Baloo+2|Cantarell:400|Fira+Code|Paytone+One|Questrial|Righteous|Viga|Francois+One');
*/
}
.blocFiltreTitre
{
    margin-bottom:0 !important;
    border-radius: 0px !important;
    border:0 !important;
    font-weight:700;
    /*font-size:0.8rem;*/
}
.blocFiltreOption
{
/*font-family: 'Ubuntu';*/
    border-radius: 0px !important;
    border:0 !important;
    font-weight:300;
    font-style: italic;
    padding-left:1rem;
}

.form-check-label
{
    /*font-size:0.9rem;*/
    cursor:pointer;
}
.inputoptionfiltre
{
    cursor:pointer;
}
.inputoptionfiltre:checked+label
{ 
    font-weight:700;
    font-style: normal;
} 

/*
FIN MENU CATEGORIE
*/

/*
  PANIER
*/

.badgepanier
{
/*    background-color:#FFF !important;
    color:#DF2F26 !important;*/
    background-color:#DF2F26 !important;
    color:#FFF !important;
}
.titrePanier{
    /*margin-top:5rem;*/
}
.supprimerPanier
{
   position: absolute;
   right: 0;
   bottom: 0;
   margin-right:3px;
   color:#cfcfcf !important;
   cursor:pointer;
}
.supprimerPanier:hover
{
   color:#D72516 !important;
}
/*
 FIN  PANIER
*/

/*
FOOTER
*/
.lienPage
{    
    font-size:0.8em;
    color:#566473;
    text-decoration: underline;
    margin-left:2rem;
    margin-right:2rem;
}
.lienPage:hover
{    
    color:#364453;
    text-decoration: underline;
}
#divfooter
{
    
    background-color:#EAE8E9;    
    /*font-family: 'Fira Code', sans-serif;*/  
    color:#566473;
}

#divfooter>div>div>p
{
    margin-bottom:0;
}
#divfooter>div>div
{
    padding-top:1rem;
    padding-bottom:1rem;
}

/*
FIN FOOTER
*/

/*
PAGE ACCUEIL
*/

.divSubmit
{
    
    text-align:center;   
}
.divSubmitVisiteur
{
    
    text-align:center;   
    margin-top:4rem;
}
.divImagePrix
{
    height:110px;
}
.imageProduit
{
    max-height:220px;
    /*margin-bottom:1rem;*/
    cursor:pointer;
    /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
}

.pastille
{
    width: .6rem;
    height: .6rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    margin-top: .5625rem;
    color: #111;   
    margin-right:0.5rem;
}
.bgRouge
{
    background-color:hsl(3,74%,51%);
}
.bgOrange
{
    background-color:hsl(28,80%,52%);
}
.bgVert
{
    background-color: #20B0A0;
}
.qtelimite
{
    /*background-color:rgba(223, 47, 38, 0.8);*/
    /*background-color: hsl(3,74%,51%);*/
    color: hsl(3,74%,51%);
   
    /*border-radius:3px;*/
    /*border-color: hsl(3,74%,51%);*/
    
  /*position: absolute;*/
 /*bottom: 0rem;*/
  /*color:rgba(230, 126, 34, 0.9);*/
  /*color:hsl(3,74%,94%);*/
  /*color:#FFF;*/
  width:100%;  
  /*left: -5rem;*/ 
    text-transform: uppercase;
    font-weight:600;
  font-size:0.7rem;
  /*transform: rotate(45deg);*/
}
.surDemande
{
    /*background-color:rgba(230, 126, 34, 0.8);*/
    /*background-color: hsl(28,80%,52%);*/
    color: hsl(28,80%,52%);
    
/*  position: absolute;
 bottom: 0rem;
  color:hsl(28,80%,95%);*/
  width:100%;  
  /*left: -5rem;*/ 
    text-transform: uppercase;
    font-weight:600;
  font-size:0.7rem;
  /*transform: rotate(45deg);*/
}
.stockDisponible
{
    /*background-color:rgba(230, 126, 34, 0.8);*/
    /*background-color: hsl(28,80%,52%);*/
    color: #20B0A0;
    
/*  position: absolute;
 bottom: 0rem;
  color:hsl(28,80%,95%);*/
  width:100%;  
  /*left: -5rem;*/ 
    text-transform: uppercase;
    font-weight:600;
  font-size:0.7rem;
  /*transform: rotate(45deg);*/
}



/*Ruban QUANTITE LIMITES*/
.ribbon{
    z-index:999;
    text-transform: uppercase;
  color:#fff;
  font-size:0.7rem;
    font-weight:600;
  position:absolute;
 bottom: 1rem;
 left:0;
  /* left: -5rem;*/ 
  display:inline-block;
  /* margin:5em;*/
  text-align:center;
}
.text{
  display:inline-block;
  padding:0.5em 1em;
  min-width:20em;
  line-height:1.2em;
  background: #DF2F26;
  position:relative;
}
/*.ribbon:before,
.text:before,
.bold:before{*/
.ribbon:before,
.text:before{
  content:'';
  position:absolute;
  border-style:solid;
}
/*.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}*/
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #BF0F06 transparent transparent;
}
/*.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}*/
/*.ribbon:after, .bold:before{*/
/*.bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}*/
/*.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}*/

/* FIN Ruban QUANTITE LIMITES*/




/*Ruban SUr DEMANDE*/
.ribbonsd{
    z-index:999;
    text-transform: uppercase;
  color:#fff;
  font-size:0.7rem;
    font-weight:600;
  position:absolute;
 bottom: 1rem;
 left:0;
  /* left: -5rem;*/ 
  display:inline-block;
  /* margin:5em;*/
  text-align:center;
}
.textsd{
  display:inline-block;
  padding:0.5em 1em;
  min-width:20em;
  line-height:1.2em;
  background: #e67e22;
  position:relative;
}
/*#20B0A0 vert
#39C9B9 vert hover
#009080 vert hover fonce*/
/*.ribbon:before,
.text:before,
.bold:before{*/
.ribbonsd:before,
.textsd:before{
  content:'';
  position:absolute;
  border-style:solid;
}
/*.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}*/
.textsd:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #f39c12 transparent transparent;
}
/*.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}*/
/*.ribbon:after, .bold:before{*/
/*.bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}*/
/*.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}*/

/* FIN Ruban QUANTITE LIMITES*/





















.divImage
{
    /*text-align:left;*/
      overflow: hidden;
    /*max-height:250px;*/
    padding-top:45px;
}

.modal-dialog
{    
    max-width:800px !important;
}
.imageProduitModal
{
    max-width:780px;
}
.bienvenueTexte
{
    text-align:center;
    margin-top:3rem;
    margin-bottom:5rem;
}
.bienvenueTexteDiv
{
    background-color:#FaFaFa;
    /*background-color:#FFF;*/
    /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
    box-shadow: 1px 1px 8px 1px #e6ebef;
    /*width:50%;*/
    /*border-radius:3px;*/
    padding:0.7rem;
    /*padding-bottom:0 !important;*/
    /*padding-top:0 !important;*/
    margin-left:auto;
    margin-right:auto;
      /*border: 2px solid #E9ECEF;*/
      /*margin-top:-12px;*/
      /*z-index:9999999 !important;*/
    /*background-color:red;*/
}
.divProduit
{
    /*margin-top:1rem;*/
    margin-bottom:1rem;
    padding-right:0 !important;
    
    /*margin:0;*/
    /*padding:0;*/
}

.interieurDivProduit:hover
{
    /*box-shadow: 1px 1px 8px 1px #e6ebef;*/
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.interieurDivProduit
{
    /*box-shadow: 1px 1px 8px 1px #e6ebef;*/
    height:300px;
    text-align:center;   
    /*background-color: rgba(0, 123, 255, 0.8);*/
    /*background-color: rgba(44, 62, 80, 0.8);*/
    background-color: #fff;
    
    padding:3rem;
    padding-top:1rem;
   /*border: 2px solid rgba(44, 62, 80, 0.8);*/
   /*border: 1px solid #E9ECEF;*/
   /*border: 2px solid #E9ECEF;*/
   /*border: 1rem solid rgba(255, 255, 255, 0.5);*/
   
   
   border-radius:10px;
   /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);*/
   /*box-shadow: 0 1px 1px 0 rgba(0,0,0,.16),0 1px 1px 0 rgba(0,0,0,.12);*/
}
#btnCommander
{
    margin-top:10rem;
    padding-left:2rem;
    padding-right:2rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.inputQte
{
    max-width:10rem;
    margin-top:1rem;
}
.libelleProduit
{
    white-space: nowrap;
    cursor:pointer;
    /*color:#fff;*/
    /*font-size:1.1em;*/
    /*margin-bottom:1rem;*/
    margin-bottom:4px;
    margin-top:10px;
    font-weight:500;
    /*text-align:left;*/
    /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
}
.ficheTechnique
{    
    /*color:#fff;*/
}
.pficheTechnique
{
    margin-bottom:0;
}

.pParQuantite
{
    margin-top:0;
}

.spanParQuantite
{
    /*color:#A0A0A0;*/
    font-weight:200;
    
}

.prixProduit
{
    margin-bottom:0px !important;
}
.descriptionProduit
{
    /*position: absolute;*/
    text-align:left;
  max-height:200px;
  overflow-y: hidden;
  font-size:16px;
  
    font-weight:200;
  line-height: 20px;
  /*text-overflow: ellipsis;*/
}
.descriptionProduit>ul
{
    /*font-weight:500;*/
    margin-bottom:0;
    list-style-type: '- ';
}

/*
FIN PAGE ACCUEIL
*/

/*
PARTIE A PROPOS
*/
.imgAPropos
{
    height:50vh;
}
.headerApropos
{
    padding-left:0 !important;
/*    height:10rem;
   
    width:100%;
    margin-top:3rem;
    
    background-image: url('/Fichiers/Images/Couverture.jpg');
   background-position: center; 
  background-repeat: no-repeat; 
 background-size: cover; */
    /*padding:5rem;*/
    background-color:#fff;
}
#blocApropos
{
    padding-left:0 !important;
    margin-top:3rem;
}
#divApropos
{
    padding:5rem;
    /*padding-top:10rem;*/
    /*background-color:rgba(255, 255, 255, 0.8);*/
    background-color:#fff;
    /*min-height:80vh;*/
    /*text-align:right;*/
    /*height:100vh;*/
}
.headerApropos2
{
   height:50vh;
   
    width:100%;
    margin-top:3rem;
    
    background-image: url('/Fichiers/Images/Couverture.jpg');
   background-position: center; 
  background-repeat: no-repeat; 
 background-size: cover; 
    /*padding:5rem;*/
}
#divApropos2
{
    width:90%;
    /*height:80vh;*/
    margin-top:-30vh;
    margin-left:5%;
    padding:10rem;
    /*padding-top:10rem;*/
    /*background-color:rgba(255, 255, 255, 0.8);*/
    background-color:#fff;
    /*min-height:80vh;*/
    /*text-align:right;*/
    /*height:100vh;*/
    
    /*text-align: justify;*/
}

/*
FIN PARTIE A PROPOS
*/


/*
PARTIE RECAPITULATIF COMMANDE
*/
#divRecap
{
    background-color:rgba(255, 255, 255, 0.8);
    padding:1rem;
    /*min-height:100vh;*/
}
.stockinsuffisant
{
    background-color:#e67e22;
        color:#fff;
}
#titreRecap
{
    margin-top:4rem;
    margin-bottom:5rem;
}
#titreConfirmer
{
    font-size:1.5em;
    margin-top:3rem;
    margin-bottom:2rem;
}
.divProduitRecap
{
    margin:2rem;
}
.btnConfirmer
{
    margin-right:2rem;
}
.btnAnnuler
{
    
}
.spanRecapQte
{
    font-size:1.2em;
    font-weight:bold;
}
.spanRecapX
{
    margin:1.2rem;
    font-size:1.2em;
}
.spanRecapLigneProd
{
    text-transform: uppercase;
    font-size:1.2em;
}
/*
FIN PARTIE RECAPITULATIF COMMANDE
*/

/*
MESSAGE COMMANDE  CONFIRMEE
*/
#titreMessageConf
{    
    margin-top:3rem;
    margin-bottom:10rem;
}
/*
FIN MESSAGE COMMANDE  CONFIRMEE
*/

/*
MON COMPTE
*/
.tablecompte
{
    
}
.headCompte
{
    
    text-transform: uppercase;
    background-color:#fafafa
}
.clientconfirm
{
    font-size:0.9em;
    color:#20B0A0;
}
.clientannul
{
    font-size:0.9em;
    color:#DF2F26;    
}
.clientconfirm:hover
{
    color:#009080;
}
.clientannul:hover
{
    color:#e34941;    
}
.titreMonCompte
{
    font-size:1.2rem;
    text-align:left;
    /*margin-bottom:0.5rem;*/
    box-shadow: 1px 1px 8px 1px #e6ebef;
    font-weight:500;
    padding:1rem;
    line-height:2rem;
    float:left;
    display:block;
}

.trConfirmerCommande:hover>td>.btnsConfirmerCommande
{
    
    display:block;
}
.btnsConfirmerCommande
{
    /*display:none;*/
}
#infopersos
{
    
    background-color:#FFF;
  /*clear: both;*/
    padding:5rem;
    padding-top:1rem;
}
#divCommandeRecap
{    
    margin-top:5rem;
    font-size:14px;
    /*background-color:#FFF;*/
    /*padding:5rem;*/
}
.recapLc
{
    font-size:0.9em;
    line-height: 0.9rem;
}
.blocdroitecompte
{    
    padding-left:1rem;
    padding-right:1rem;
    background-color:#FFF;
}

.mc_raisonSociale
{
    font-weight:500;
    font-size:1.1rem !important;
    padding-bottom:1.5rem;
}
.mc_typeadresse
{
    margin-top:1rem;
    font-style:italic;
    margin-bottom:-0rem !important;
}
.mc_adresserue
{
    padding-left:1rem !important;
}
.mc_adresseville
{    
    padding-left:1rem !important;
    line-height:0.5rem;
}
.mc_canton
{    
    text-transform: uppercase;
}
.mc_tva
{
    padding-top:2rem;
    padding-bottom:2rem;
}
.mc_mobil
{
    margin-left:1rem;
}
.mc_icone
{
    font-size:1rem;
    margin-right:0.5rem;
    color:#C1C2C5;
    font-weight:500;
}
.mc_tel
{
    /*font-style:italic;*/
    font-size:0.9rem;
}
.mc_nomPrenom
{    
    font-size:0.9rem;
}
.mc_email
{
    /*font-style:italic;*/
    font-size:0.9rem;
}
#infopersos>p
{
    margin-bottom:0.3rem;
    font-size:0.9rem;
}
/*
FIN MON COMPTE
*/




@media (max-width: 1500px) {

    #contenu
    {    
        width:95%;
        padding:1rem;
    }
    
    .divCampagne
    {

        padding-left:2rem;
        padding-right:2rem;
    }
}

@media (max-width: 768px) { /* PARTIE QUAND MENU DEVIENT BURGER*/

#divApropos2
{
    margin-left:0;
    width:100%;
    padding:3rem;
    /*text-align: justify;*/
}
html, body {

  background-image: none;
}
    #contenu
    {    
        width:100%;
        padding-left:0rem;
        padding-right:0rem;
    }

    
.divCampagne
{
    
    padding-top:2rem;
    padding-left:1rem;
    padding-right:1rem;
}
.blocdroitecompte
{    
    padding-left:0;
    padding-right:0;
}
#infopersos
{
    
    padding:1rem;
}
.btnsConfirmerCommande
{
    display:block;
}
    
.imageProduitModal
{
    max-width:80vw;
}
.interieurDivProduit
{
    
    height:auto;
    text-align:center;   
    /*background-color: rgba(0, 123, 255, 0.8);*/
    /*background-color: rgba(44, 62, 80, 0.8);*/
    
    padding:3rem;
    padding-top:1rem;
   /*border: 1rem solid rgba(255, 255, 255, 0.5);*/
   border-radius:0;
}

}

    


.inputspinner {   
  border-color: #495057;
  background-color:#FFF !important;
  padding:0 !important;

}

.inputspinner:focus {   
  border-color: #495057;;
  box-shadow: none;
  outline: 0 none;
}