@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
   // npm install reset-css
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
    line-height: 1;
}
menu, ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/***********************************************************************
********************************************************************* */
body, html {background: #f2f2f2; width: 100%;}

h2{font-size: 22px;}
p{font-size: 14px; line-height: 18px;}

p.note{color: #6c757d; font-size: 12px; padding: 5px 0 0 0;}

a{color: inherit;}
a:hover{color: inherit; text-decoration: none;}
a.link{color: #4cb849 !important; text-decoration: underline;}

.text-primary{color: #4cb849 !important;}

.text-center{margin: 0; border-radius: 0;}

.btn{font-weight: bold; transition: all .5s ease; letter-spacing: 1px;}
.btn-primary{background-color: #4cb849; border-color: #4cb849;}
.btn-outline-primary{border-color: #4cb849; color: #4cb849;}

.header_h{border-bottom: 1px solid #f2f2f2; background-color: #fafafa; padding: 6px 0;}
.header_h p{padding: 0; font-size: 14px;}
.header_h a.nav-link{font-size: 12px; color: #333333; border-right: solid 1px #cccccc; padding: 2px 15px;}
.header_h a.nav-link:hover{color: #4cb849;}

nav.navbar .navbar-brand{padding-right: 50px;}
nav.navbar .navbar-brand img{height: 60px;}
nav.navbar a.nav-link{text-transform: uppercase; font-weight: bold; font-size: 14px;}
nav.navbar a.nav-link:hover,
nav.navbar a.active{color: #4cb849 !important;}
nav.navbar a.navLinkRight{display: flex; align-items: center;  margin-right: 20px; text-transform: capitalize;}
nav.navbar a.navLinkRight span.icon{display: block; padding-right: 10px;}
nav.navbar a.navLinkRight span.icon svg{height: 30px; width: 30px;}

span#panier{position: relative;}
span#panier span.badge{position: absolute; top: 0; right: 5px;}


nav.navbar .boxSearchHeader{display: flex; align-items: center;  border-radius: 5px; border: solid 1px #4cb849; background-color: #4cb849; overflow: hidden;}
nav.navbar .boxSearchHeader input{flex: auto; border: none; border-radius: 0;}
nav.navbar .boxSearchHeader button{flex: none; border-radius: 0;}

nav.navbar .boxPartenaires{height: 60px; width: 100px; overflow: hidden; border: solid 1px #f2f2f2;}
nav.navbar .boxPartenaires .boxPomotion {position: relative;}
nav.navbar .boxPartenaires .boxPomotion div.prix{position: absolute; width: 100%; display: flex; justify-content: space-between;}
nav.navbar .boxPartenaires .boxPomotion div.reduction{position: absolute; top: 0px; right: 0px; width: 40px; height: 15px; display: flex; justify-content: center; align-items: center; background-color: #e6685a; font-size: 10px; color: #ffffff; letter-spacing: 0.5px;}
nav.navbar .boxPartenaires .boxPomotion div.img{width: 100%; display: flex; justify-content: center; overflow: hidden;}
nav.navbar .boxPartenaires .boxPomotion div.img img{height: 60px;}

footer{background-color: #212529; padding: 40px 0;}
footer h3{padding: 0px 0 5px; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase;}
footer p{color: #777777; font-size: 12px; padding-bottom: 15px;}
footer p span.icon{color: #4cb849; padding-right: 5px;}
footer a.nav-link{padding-left: 0; font-size: 12px; color: #777777;}
footer a.nav-link:hover{color: #4cb849;}
footer .boxNewsletter{display: flex; align-items: center; background-color: #ffffff; border-radius: 5px; overflow: hidden;}
footer .boxNewsletter input{flex: auto; padding:0 10px; border: none;}
footer .boxNewsletter button{flex: none;padding: 10px 15px;}
.footer_b{background-color: #1c2023; padding: 20px 0;}
.footer_b p{color: #777777; font-size: 12px;}
/*
    Home page
 */

h2.titre_section{padding-bottom: 15px; font-weight: bold;}

section.titrePage{padding: 20px 0; background-color: #171717; border-bottom: solid 5px #cccccc;}
section.titrePage h1{font-size: 30px; color: #ffffff;}

section.presentationHome{padding: 40px 0; background-color: #ffffff;}
section.presentationHome p{padding-bottom: 15px;}
section.presentationHome p span.icon svg{width: 20px; height: 20px; color: #4cb849;}

section.categoriesHome{padding: 40px 0;}
div.boxCategorieHome{height: 200px; position: relative; overflow: hidden; transition: all .5s ease; background-color: #ffffff; border-radius: 8px;}
div.boxCategorieHome div.img{position: absolute; top: 0; left: 0; z-index: 50;}
div.boxCategorieHome div.img img{height: 200px; width: auto;}
div.boxCategorieHome div.text{height: 200px; width:100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 60;}
div.boxCategorieHome p{color:#ffffff; font-size: 14px; padding:10px 0; letter-spacing: 0.8px; text-transform: uppercase; text-align: center;}
div.boxCategorieHome a{display: block; color:#ffffff; font-size: 12px; text-align: center;}

section.noteHme{padding: 40px 0; background-color: #ffffff;}

div.boxProduitsPromotion {border: 1px solid #E2E2E2;box-shadow: 0 0 10px rgb(0 0 0 / 15%); margin: 16px 0; border-radius: 8px; position: relative;}
div.boxProduitsPromotion div.img{height: 200px; text-align: center; background-color: #ffffff; overflow: hidden; border-radius: 8px;}
div.boxProduitsPromotion div.img img{ height: 100%;}
div.boxProduitsPromotion div.titre{padding: 16px;}
div.boxProduitsPromotion div.titre h2{font-size: 14px; text-align: center;}
div.boxProduitsPromotion div.titre div.prix{display: flex;justify-content: space-between;align-items: center; padding: 16px 0;}
div.boxProduitsPromotion div.titre div.prix b{font-size: 22px; color: #4cb849;}
div.boxProduitsPromotion div.reduction {width: 40px; height: 40px; display: flex;align-items: center; justify-content: center; background-color: #e6685a; border-radius: 50%; font-size: 12px; letter-spacing: 0.5px; color: #ffffff; position: absolute; top: 10px; right: 10px;}

/*

 */
section.filAriane{padding: 10px 0;}
section.filAriane p{padding: 0;}
section.filAriane p a{font-weight: bold;}

/*
    list Produits
 */

section.listProduits{}
section.listProduits div.all{display: flex;}
section.listProduits div.all .sideBar{flex: none; width: 200px; /*background: url("../images/partenaires/bg.png");*/}
section.listProduits div.all .boxPrincipal{flex: auto; padding-left: 16px;}

.sideBar{background-color: #fafafa; z-index: 99999;}
.sideBar h2{font-size: 14px; font-weight: bold; border-bottom: solid 1px #e2e3e5; text-align: center; padding: 12px; text-transform: uppercase; background-color: #fafafa;}
.sideBar div.menu{padding: 0px 0; background-color: #ffffff;}
.sideBar div.menu .btn{width: 100%; display: block; text-align: left; font-size: 14px; line-height: 15px; border: none; border-bottom: solid 1px #e2e3e5; padding:8px 8px; margin: 0; border-radius: 0;}
.sideBar div.menu .btn:hover{color: #4cb849;}
.sideBar div.menu a.nav-link{font-size: 12px; padding:8px 5px; border-bottom: solid 1px #e2e3e5;}
.sideBar div.menu a.nav-link:hover{color: #4cb849;}

.sideBar div.boxPartenaires {height: 200px; width: 200px; overflow: hidden; margin:0 0 40px; background-color: #ffffff;}
.sideBar div.boxPartenaires .boxPomotion {position: relative;}
.sideBar div.boxPartenaires .boxPomotion div.prix{position: absolute; bottom: 0px; padding:10px; width: 100%;  display: flex; justify-content: space-between; background-color: rgba(255,255,255,0.7)}
.sideBar div.boxPartenaires .boxPomotion div.prix p{font-size: 12px;}
.sideBar div.boxPartenaires .boxPomotion div.prix p b{font-size: 16px; color: #4cb849;}
.sideBar div.boxPartenaires .boxPomotion div.reduction{position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #e6685a; font-size: 10px; color: #ffffff; letter-spacing: 0.5px;}
.sideBar div.boxPartenaires .boxPomotion div.img{width: 200px; display: flex; justify-content: center; overflow: hidden;}
.sideBar div.boxPartenaires .boxPomotion div.img img{height: 200px;}

.sideBar .scroll {position: fixed;top: 0;}

.sousCatListProduits{display: flex; background-color: #ffffff; padding: 12px; border-radius: 8px; margin-bottom: 20px;}
.sousCatListProduits > div{flex: none; width: 100px;   margin-right: 20px; overflow: hidden;}
.sousCatListProduits > div div.img{width: 70px; height: 70px; display: flex; justify-content: center; border: 1px solid #ecedf0; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.sousCatListProduits > div img{height: 70px; width: auto;}
.sousCatListProduits > div p{text-align: center; font-size: 12px; font-weight: bold; padding-top: 5px;}

.headerListProduits{display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; background-color: #fafafa;}
.headerListProduits p{font-size: 12px;}

.bodyListProduits{}
.ligne_produit{background-color: #ffffff; padding: 10px; margin: 5px 0; border-radius: 5px;}
.ligne_produit .boxImg{height: 100px; display: flex; justify-content: center; border: solid 1px #eeeeee; overflow: hidden; position: relative;}
.ligne_produit .boxImg img{height: 100%; width: auto;}
.ligne_produit .boxImg .reduction{height: 15px; width: 60px; display: flex; align-items: center; justify-content: center; background-color: #e6685a; color: #ffffff; font-size: 10px; letter-spacing: 0.5px; position: absolute; top: 20px; right: 0;}
.ligne_produit .boxImg .nouveau{height: 15px; width: 60px; display: flex; align-items: center; justify-content: center; background-color: #f19e1f; color: #ffffff; font-size: 10px; letter-spacing: 0.5px; position: absolute; top: 0px; right: 0;}
.ligne_produit .boxTitre {font-size: 12px;}
.ligne_produit .boxTitre h2{font-size: 12px; font-weight: bold;}
.ligne_produit .boxTitre p{font-size: 12px;}
.ligne_produit .boxTitre a.utilisation{font-size: 12px; color: #e6685a; text-decoration: underline;}
.ligne_produit .boxTitre div.surgeles{display: flex;align-items: center;}
.ligne_produit .boxTitre div.surgeles img{height: 30px;}
.ligne_produit .boxTitre div.surgeles p{font-size: 10px;padding-left: 5px;}
.ligne_produit .boxPrix{}
.ligne_produit .boxPrix p{font-size: 12px;}
.ligne_produit .boxPrix p b{font-size: 16px; color: #e6685a;}
.ligne_produit .boxQuantite{display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding: 5px 0;}
.ligne_produit .boxQuantite p{font-size: 12px; padding:0 10px 0 0;}
.ligne_produit .boxQuantite button{width: 25px; height: 25px; border-radius: 50px; border: none;  font-size: 14px;}
.ligne_produit .boxQuantite input{width: 25px; height: 25px; font-size: 14px; text-align: center; border: none;}
.ligne_produit button.addPanier{font-size: 10px;}

.colProduits{background-color: #ffffff; margin: 10px 0; border-radius: 8px; border: 1px solid #ecedf0; box-shadow: 0 4px 8px 0 rgba(0,0,0,.04); overflow: hidden;}
.colProduits:hover{box-shadow: 0 8px 10px 0 rgba(0,0,0,.08);}
.colProduits p{padding: 0; margin: 0; font-size: 12px; line-height: 15px;}
.colProduits div.boxImg{border-bottom: 1px solid #ecedf0; position: relative;}
.colProduits div.boxImg span.promotion{display:block; height: 20px; line-height: 20px; font-size: 12px; color: #ffffff; padding: 0 10px; background-color: #c6ab3a; position: absolute; left: 0; top: 10px;}
.colProduits div.boxImg img{width: 100%; height: auto;}
.colProduits div.boxPrix{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px 0;}
.colProduits div.boxPrix p{}
.colProduits div.boxPrix p b{font-size: 14px; color: #e6685a;}
.colProduits div.boxPrix p del{font-size: 10px; color: #8b91a1;}
.colProduits div.boxPrix span.reduction{display: inline-block;  border: solid 1px #0c193a; border-radius: 4px; font-size: 10px; padding: 3px 5px;}
.colProduits div.boxTitre{height: 15px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.colProduits div.boxTitre p{color: #0c193a; font-weight: bold;  padding:0 10px;}
.colProduits div.boxBtn{margin-top: 5px; border-top: 1px solid #ecedf0;}
.colProduits div.boxBtn .btn{width: 100%; border-radius:0; margin:0; font-size: 12px; letter-spacing: 0.5px; color: #4cb849;}
.colProduits div.boxBtn .btn:hover{background-color: #c6ab3a26;}

/*
    show Produits
 */

section.produitHeader{background-color: #ffffff;}

.boxImgProduit{border: 1px solid #ecedf0;}
.boxImgProduit img{width: 100%; height: auto;}
.boxImgThumbnailProduit{display: flex; justify-content: flex-end; padding-top: 10px;}
.boxImgThumbnailProduit span{width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin-left: 10px; border: 1px solid #ecedf0; overflow: hidden;}
.boxImgThumbnailProduit span img{height: 60px; width: auto;}
.boxInfosProduit{}
.boxInfosProduit h1{font-size: 22px;padding-bottom: 5px;}
.boxInfosProduit p{}
.boxInfosProduit .boxStock{padding: 10px 0;}
.boxInfosProduit .boxStock p.enStock{font-weight: bold; color: #a5d34f;}
.boxInfosProduit .boxStock p.nonStock{font-weight: bold; color: #e6685a;}
.boxInfosProduit .boxStock a{color: #ffb950; text-decoration: underline;}
.boxInfosProduit .boxQuantite{padding: 5px 0;}
.boxInfosProduit .boxQuantite button{width: 30px; height: 30px; border-radius: 50px; border: none;  font-size: 14px;}
.boxInfosProduit .boxQuantite input{width: 30px; height: 30px; font-size: 14px; text-align: center; border: none;}

.boxInfosProduit div.boxPrix{height: 80px; display: flex; justify-content: flex-start; align-items: center;}
.boxInfosProduit div.boxPrix p{line-height: 25px;}
.boxInfosProduit div.boxPrix p b{font-size: 42px; color: #e6685a;}
.boxInfosProduit div.boxPrix p del{font-size: 12px; color: #8b91a1;}
.boxInfosProduit div.boxPrix span.reduction{display: inline-block;  border: solid 1px #0c193a; border-radius: 4px; font-size: 12px; padding: 2px 5px; margin-left: 50px;}
.boxInfosProduit .boxBtn{padding: 10px 0;}
.boxInfosProduit .boxBtn .btn{font-size: 14px;}
.boxInfosProduit .boxLivraison{border-top: 1px solid #ecedf0; padding-top: 10px;}
.boxInfosProduit .boxLivraison p{padding: 0 0 5px 0;}

.boxProduitsSimilaires{display: flex; overflow-y: auto;}
.boxProduitsSimilaires .produit{flex: none; width: 200px; background-color: #ffffff; margin: 10px; border-radius: 4px; border: 1px solid #ecedf0; box-shadow: 0 4px 8px 0 rgba(0,0,0,.04); transition: all .5s ease; overflow: hidden;}
.boxProduitsSimilaires .produit .boxImg{border-bottom: 1px solid #ecedf0;}
.boxProduitsSimilaires .produit .boxImg img{width: 100%;}

.boxProduitsSimilaires div.boxTitre{height: 15px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.boxProduitsSimilaires div.boxTitre p{color: #0c193a; font-weight: bold;  padding:0 10px;}

.boxProduitsSimilaires .boxPrix{height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0px 10px}
.boxProduitsSimilaires .boxPrix p{line-height: 18px;}
.boxProduitsSimilaires .boxPrix p b{font-size: 18px; color: #e6685a;}
.boxProduitsSimilaires .boxPrix p del{font-size: 12px; color: #8b91a1;}
.boxProduitsSimilaires .boxPrix span.reduction{display: inline-block;  border: solid 1px #0c193a; border-radius: 4px; font-size: 12px; padding: 2px 5px;}

section.produitsDescription{background-color: #ffffff;}
.boxProduitsDescription .nav-tabs .nav-link{text-transform: uppercase; border-radius: 0; border: 1px solid #dee2e6; border-bottom: 5px solid #ffffff;}
.boxProduitsDescription .nav-tabs .active{background-color: #ffffff; border-bottom-color: #c6ab3a; font-weight: bold;}
.boxProduitsDescription .boxTexte{padding: 20px 0px;}
.boxProduitsDescription .boxTexte p{padding: 10px 0;}


/*
    commande
 */

section.commande{padding: 40px 0;}
section.commande h2{font-size: 18px; font-weight: bold; padding-bottom: 15px;}
section.commande .boxCardCommande{padding: 12px; background-color: #ffffff; border-radius: 8px; margin-bottom: 10px;}
section.commande .nav-tabs{border-bottom: solid 2px #f2f2f2;}
section.commande .nav-tabs a.nav-link{text-transform: uppercase; border-radius: 0; border: none; border-bottom: 5px solid #ffffff;}
section.commande .nav-tabs a.nav-link:hover{border-bottom-color: #f2f2f2;}
section.commande .nav-tabs a.active{background-color: #ffffff; border-bottom-color: #4cb849 !important; color: #4cb849;}

table.panier{width: 100%;}
table.panier .width-100{width: 100px;}
table.panier .width-150{width: 150px;}
table.panier tr th{padding: 10px 10px; border-bottom: solid 1px #f2f2f2; font-size: 12px;}
table.panier tr td{padding: 10px 10px; border-bottom: solid 1px #f2f2f2; font-size: 14px;}
table.panier .boxImg{float: left; padding-right: 10px;}
table.panier h2{font-size: 16px; padding: 0 !important;}
table.panier p{font-size: 12px;}
table.panier p b.prix{font-size: 18px; color: #e6685a;}
table.panier .boxQuantite{display: flex; justify-content: flex-start;}
table.panier .boxQuantite button{width: 25px; height: 25px; border-radius: 50px; border: none;  font-size: 14px;}
table.panier .boxQuantite input{width: 25px; height: 25px; font-size: 14px; text-align: center; border: none;}
table.panier .btn{margin-left: 20px;}

div.totalPanier{display: flex; justify-content: space-between; padding: 10px 0;}

.boxNote{padding: 20px; border-left: solid 1px #f2f2f2;}
.boxNote p{padding-bottom: 15px;}
.boxNote p svg{color: #4cb849;}
.boxForm{padding: 20px 0;}
.boxForm p{padding-bottom: 10px;}
.boxForm label{font-weight: bold; font-size: 14px;}

/*
    #espace_client
 */

.headerApp{padding: 25px 0;}
.headerApp ul.nav li a.nav-link{ font-size: 16px; font-weight: bold; color: #1b1e21; border-bottom: solid 4px #989aa2;}
.headerApp ul.nav li a.nav-link:hover,
.headerApp ul.nav li a.active{border-color: #4cb849;}

.bodyApp{min-height: 400px; padding: 0 0 40px;}
.bodyApp .boxCard{background-color: #ffffff; border: 4px solid #e8e8e8; margin-bottom: 10px; padding:10px;}

/*
    boxDataForm
*/

.boxDataForm{}
.headerDataForm{display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #EEEEEE; padding-bottom: 10px; margin-bottom: 10px;}
.headerDataForm h2{font-size: 22px; margin: 0; color: #0c315e; font-weight: bold;}
.bodyDataForm{}
.bodyDataForm .boxPhoto{padding-bottom: 10px;}
.bodyDataForm .boxPhoto img{height: 60px; width: auto; border: solid 1px #EEEEEE;}
.bodyDataForm .boxPhoto p{font-size: 10px;}
.bodyDataForm .boxPhoto a{font-size: 10px;}
.bodyDataForm .boxPhoto h2{font-size: 14px; text-transform: uppercase; padding-top: 5px;}
.bodyDataForm .form-control{border-radius: 0;}
.bodyDataForm label{margin: 0 0 2px 0; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.bodyDataForm label.form-check-label{margin-top: 5px;}
.bodyDataForm hr{margin-top: 0;}
.bodyDataForm iframe{width: 100%; height: 100%;}

.boxDataForm .boxTitreH3DataForm {display: flex; justify-content: space-between; align-items:center; padding:5px 10px; margin-bottom: 5px;  background: #e5f5f8; }
.boxDataForm .boxTitreH3DataForm h3{font-size:14px; font-weight: bold;}
.boxDataForm .boxTitreH3DataForm p{font-size:12px; text-transform:uppercase; padding:0; margin-bottom: 0;}
.boxDataForm .boxTitreH3DataForm a{font-size:12px; color: #2067b0;}
.boxDataForm .boxImgProduit{margin-bottom:10px; border: solid 1px #EEEEEE;}
.boxDataForm .boxImgProduit p{margin:0px; padding:0; font-size:12px;}
.boxDataForm .boxImgProduit p a{color: #ff0000;}
.boxDataForm .boxImgProduit img{width:100%; }

.footerDataForm{padding: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-between;}

/*
    boxDataGrid
*/
.boxDataGrid{}
.headerDataGrid{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
.headerDataGrid h2{font-size: 22px; margin: 0; color: #0c315e; font-weight: bold;}
.headerDataGrid .boxSearch input{height: 30px; font-size: 12px;}
.headerDataGrid .boxSearch input.text{border: solid 1px #EEEEEE; padding:0 10px;}
.bodyDataGrid{border-top: solid 1px #EEEEEE;}
.bodyDataGrid div.height300{height: 300px; overflow-x: auto; overflow-y: auto;}
.bodyDataGrid div.height400{height: 400px; overflow-x: auto; overflow-y: auto;}
.bodyDataGrid .flexLine{display: flex; border-bottom: solid 1px #eee; padding: 5px 0px 0px; font-size: 12px;}
.bodyDataGrid .flexLine div{border-left: solid 1px #eee; padding: 5px 10px; padding: 5px 10px;}
.bodyDataGrid .flexLine div.th{text-transform: uppercase; font-weight: bold;}
.bodyDataGrid .flexLine .col50{flex: none; width: 50px;  }
.bodyDataGrid .flexLine .col100{flex: none; width: 100px; }
.bodyDataGrid .flexLine .col150{flex: none; width: 150px; }
.bodyDataGrid .flexLine .col200{flex: none; width: 200px; }
.bodyDataGrid .flexLine .col250{flex: none; width: 250px; }
.bodyDataGrid .flexLine .col300{flex: none; width: 300px; }
.bodyDataGrid .flexLine .col350{flex: none; width: 350px; }
.bodyDataGrid .flexLine .col400{flex: none; width: 400px;}
.bodyDataGrid .flexLine .colAction{flex: auto;}
.bodyDataGrid .flexLine .colAction .btn{text-transform: uppercase; font-weight: bold; font-size: 12px;}
.footerDataGrid{border-top: solid 1px #EEEEEE; padding-top: 10px;}
.footerDataGrid p{margin: 0; font-size: 12px;}

/*
    boxPrintPdf
 */
.boxPrintPdf{background-color: #ffffff;}
.boxPrintPdf p{font-size: 12px;}
.boxPrintPdf h2{font-size: 14px; font-weight: bold; padding: 5px}
.boxPrintPdf div.header{padding: 16px}
.boxPrintPdf div.header p{text-align: center;}
.boxPrintPdf div.header h2{text-align: center;}
.boxPrintPdf div.footer p{text-align: center; padding: 16px;}
.boxPrintPdf table{width: 100%; border-collapse: collapse;}
.boxPrintPdf table tr th{font-size: 12px; padding: 5px 5px; background-color: #dddddd; border: solid 1px #eaeaea;}
.boxPrintPdf table tr td{font-size: 12px; padding: 2px 5px; vertical-align: middle;}
.boxPrintPdf > table > tbody > tr > td{border: solid 1px #eaeaea;}
.boxPrintPdf table tr td span{font-size: 10px;}

/*
    jeux
 */
section.jeux{min-height: 400px; padding: 40px 0;}
section.jeux .boxCol{width: 300px; display: flex; flex-flow: row wrap;}
section.jeux .boxCol .col{flex: none; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 5px; background-color: #ffffff; border: solid 1px #cccccc;}



@media (max-width: 576px) {
}
@media (max-width: 768px) {

}

@media (max-width: 992px) {
    .sideBar{display: none;}
    section.listProduits div.all .boxPrincipal{flex: auto; padding-left: 0;}
}
@media (min-width: 1200px) {
}

@media print {
    .no-print, .no-print *
    {
        display: none !important;
    }
    #main {
        margin: 0;
        padding: 0;
    }

    .page-break {page-break-after: always;}

    @page {
        /*size: auto;
        margin: 5mm;*/
    }
}