/*

Bootstrap 4.6 Documentation: https://getbootstrap.com/docs/4.6/getting-started/introduction/
Icons: https://icons.getbootstrap.com/

*/

:root {
  /*
    --vert: #9fa716;
    --vert-clair: #79c960;
      --vert-fonce: #777d10;
*/
  --vert: #999900;
  --vert-clair: #79c960;
  --vert-fonce: #666600;
  --bleu: #81aca6;
  --brun: #7f4727;
  --gris: #808080;
  --gris: #ABAB80;
  --gris-pale: #ABAB80;
  --bleu: #436373;
  --bleu-fonce: #08304d;
}

html, body{background-color:#FFF;}
body{padding-bottom:40px;}
a, a:visited{color:var(--bleu);}
a:hover{color:var(--bleu-fonce);}

/*input {-webkit-appearance: none;border-radius: 0;}*/
input[type="checkbox"]{
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    width: auto !important;
}
input[type="radio"]{
    -moz-appearance: radio;
    -webkit-appearance: radio;
}

#main a{text-decoration:underline;}


img{max-width:100%;height:auto !important;}
.cover {
	background-repeat: no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.row.no-margin{margin:0; width:100%;}
.text-left{text-align:left;}
h1, h2, h3{color:var(--vert);}
h1.rel{text-align:left;padding:0;font-size:inherit}
h1 small{display:block;}

dt{font-weight:normal;}

#main{margin-top:10px;}
#content {width: 100%;}

a.brun{
    color:var(--bleu);
    text-decoration:underline;
}
.btn, .btn:visited{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:var(--brun);
    color:#FFF;
    border-color:var(--brun);
    text-decoration: none !important;
}
.btn:hover, .btn:focus{
    background-color:var(--vert-fonce) !important;
    border-color:var(--vert-fonce) !important;
    color:#FFF !important;
}
.btn.btn-secondary{
    background-color:#FFF;
    color:var(--brun);
}
.btn.vert, .btn.vert:visited{
    background-color:var(--vert);
    border-color:var(--vert);
}
.btn.vert.btn-secondary{
    color:var(--vert);
}
.btn.btn-brun{background-color:var(--brun);}

.bg-vert{background-color:var(--vert);color:#FFF;}

.list-group-item,
.list-group-item:visited,
.list-group-item.active,
.page-item .page-link{color:var(--vert) !important;}
a.list-group-item.active{color:#FFF !important; text-decoration: underline !important;}
.list-group-item.active{
    background-color:var(--gris-pale);
    border-color:var(--gris-pale);
    text-decoration: none !important;
    
}
.list-group-item .bi{position:absolute; left:2px;}
.list-group-item .btn{float:right;}
.list-group-item .btn .bi{position:relative; left:auto;}
.page-link{text-decoration: none !important;padding:4px;}
.page-item.active .page-link{
    background-color:var(--vert);
    border-color:var(--vert);
    color:#FFF !important;
    
}

/*

HEADER

*/
header p#liens_haut{display:none;}
header #slogan{
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}

header .panier_vide{display:block;line-height:1em;margin-top:10px;}

#nav_main{
    background-color:var(--vert);
    padding:0;
}
#nav_main .nav-link{
    color:#FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0.8em 0;
    will-change: background-color;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
#nav_main .nav-link:hover{background-color:var(--vert-fonce);}
#nav_main .nav-pills .nav-link.active{background-color:inherit;}
#nav_main ul.nav{width:100%;}

body.producteur, body.producteur .container-xl,
body.gestionnaire, body.gestionnaire .container-xl{min-width:1000px;}


/*

ACCUEIL

*/
.accueil{margin-top:-10px;}
.accueil h1{text-align:left; font-size:24px; padding:0;margin-bottom: 0.8em;}


.accueil .bandeau.fresque{background-color: #507865;}
.accueil .bandeau.fresque.hiver{background-color: #d3d8dc;}
.accueil .box.bg-vert-pale{
    background-color:#e5e8cf;
    border: 1px solid var(--vert);
    padding:20px;
}
.accueil .box p, .accueil .box ul{margin-bottom:1.3em;}
.accueil .box p:last-child, .accueil .box ul:last-child{margin-bottom:0;}

ul.liste,
.single-recette ul,
.single-article ul{}
ul.liste li,
.single-recette ul li,
.single-article ul li,
.presentation_producteur ul li,
.presentation_producteur ol li,
.td_case_a_cocher ul li{
    position:relative;
    padding-left:15px;
    list-style: none;
}
.td_case_a_cocher ul li{margin-bottom:15px;}
.td_case_a_cocher span{font-size:inherit !important; display:inline !important;}

ul.liste li:before,
.single-recette ul li:before,
.single-article ul li:before,
.presentation_producteur ul li:before,
.td_case_a_cocher ul li:before{
    content:"";
    background-color:var(--vert);
    display:block;
    width:6px;
    height:6px;
    position: absolute;
    top:10px;
    left:0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
ul.liste.fleches li:before,
.td_case_a_cocher ul li:before{
    content:"»";
    color:var(--vert);
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    background-color:transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.presentation_producteur ol li{counter-increment: li}
.presentation_producteur ol li:before{
    content: counter(li)".";
    color:var(--vert);
    display:block;
    position: absolute;
    top:0;
    left:0;
}
.presentation_producteur h2,
.presentation_producteur h3,
.presentation_producteur ul li,
.presentation_producteur ol li,
.presentation_producteur p,
.single-recette p,
.single-recette ul,
.single-recette ol,
.single-article p,
.single-article ul,
.single-article ol{margin-bottom:1em;}

.illustrations{}
.illustrations h3{
    display:inline-block;
    background-color:#FFF;
    color:var(--brun);
    text-transform:uppercase;
    padding:4px 10px;
    font-size:18px;
    margin-bottom:1rem;
}

.article li {
  margin-left: 1em;
}
.card{border-color:#9fa716;}
.card .card{border-color:rgba(0,0,0,.125);}
.card-header{background-color:var(--vert);}
.card-header.gris,
.card .card .card-header{background-color:rgba(0,0,0,.125);}
.card-header.gris > h2, .card-header.gris > h3,
.card .card .card-header > h2, .card .card .card-header > h3{color:#000;}
.card-header >h1, .card-header >h2, .card-header >h3{color:#FFF;}
.card-header >h2 a, .card-header >h3 a{color:inherit; text-decoration:none !important;}

.table td, .table th {padding: 0.5rem;}

form#inscription.cmxform span{display:block;}
form.cmxform input[type=text]{max-width:100%;}
form.cmxform label.radio{width:80%;}
.beta-testor{position:fixed; right:5px; bottom:5px; z-index:101;}
form textarea{max-width:100%;}

.card-footer .adresse{position:relative;}
.card-footer .adresse i{position:absolute;left:15px;}
.card-footer .adresse span{padding-left:23px; display:block;}

table#liste_produits .photo-tooltip{
    float:left;
    max-width:35%; 
    position:relative;
    cursor: pointer;
    margin-right:10px;
    border: 1px solid var(--bleu);
    will-change: border-color;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
}
table#liste_produits .photo-tooltip .bi{
    position:absolute; 
    right:-1px; 
    bottom:-1px; 
    color: #FFF;
    
}
table#liste_produits .photo-tooltip .bi:before{
    background-color: var(--bleu);
    padding: 2px;
    will-change: background-color;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
table#liste_produits .photo-tooltip:hover .bi:before{background-color:var(--bleu-fonce);}
table#liste_produits .photo-tooltip:hover{border-color:var(--bleu-fonce);}
table#liste_produits .photo-tooltip img.img_float{max-width:100%;}
table th{font-family: 'Ilisarniq-Bold';font-weight:normal;}

.supprimer_produit{color:red !important;font-size: 14px;}
.supprimer_produit:hover .up, .supprimer_produit .hover{display: none;}
.supprimer_produit:hover .hover{display: inline-block;}

#carousel_producteur .carousel-item{height:250px; width:100%;}

form.cmxform .table label{width:auto; text-align: left;}
form.cmxform .table label.radio{width:calc(100% - 30px);}

#tabs1 div.tabset_content ul a,
#tabs1 div.tabset_content ul a:hover, 
#tabs1 div.tabset_content ul li#selection a{color:var(--bleu-fonce);}

footer{
    z-index:9;
    background-color:#FFF;
    position:relative;
    border-top:1px solid rgba(0,0,0,.1);
    padding-top:10px;
    margin-top:10px;
}
footer .politiques{text-align:center; font-size:14px;}
footer .politiques li{margin:0 10px;display:inline-block;}
footer .politiques li a{color:grey;}
footer .politiques li a:hover{color: var(--bleu-fonce);}

.presentation_producteur .btn.collapsed{display:inline-block;margin-bottom:10px;}
.presentation_producteur .btn{display:none;}

#menu_cote_adherent_old{margin-bottom:10px;}


@media (max-width: 576px) {
    /* SMALL et moins */	
    .text-center-xs{text-align:center !important;}
    table#liste_produits th.qte_produit_vente_par_produit{width: 12%;}
    table#liste_produits th.qte_produit_vente{width: 10%;}
}

@media (max-width: 767px) {
	/* XS seulement */	
    body{padding-top:160px;}
    /*body.adherent{padding-top:120px;}*/
    header{
        position: fixed;
        top:0;
        width:100%;
        z-index:1000;
        background-color:#FFF;
    }
    header, .enregistrer_fixed{
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); 
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    }
    header #logo img{width:50px; height:auto;}
    header #connexion{min-height:68px;}
    header #connexion span.conn{padding:10px 0;}
    header .panier_vide{font-size: .875em; margin-top:0;}
    
    .navbar-toggler {padding: .25rem .5rem; position: relative;}
    .navbar-toggler .navbar-toggler-icon{opacity:0;}
    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler .bi{
        will-change: opacity;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .navbar-toggler .bi{
        position: absolute;
        top:50%;
        left:50%;
        -ms-transform: translate(-50%, -50%); /* IE 9 */
        -webkit-transform: translate(-50%, -50%); /* Safari */
        transform: translate(-50%, -50%);
        will-change: opacity;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
        opacity:1;
    }
    .navbar-toggler.collapsed .bi{opacity:0;}
    .navbar-toggler.collapsed .navbar-toggler-icon{opacity:1;}
    
    .btn.full-width{width:100%; margin-bottom:10px;}
    .btn.full-width:last-child{margin-bottom:0;}
    
    .accueil .bandeau{padding-top:1em;padding-bottom:1em;}
    .accueil .bandeau.fresque{padding-top:0;}
    .accueil .bandeau.fresque .box{margin-top:-3em;}
    h1:not(.rel){
        position: fixed;
        top: 68px;
        font-size:15px;
        padding:0 10px;
        left: 50px;
        margin-top:-40px;
        display: table;
        width: calc(100% - 50px);
        color:#FFF;
        z-index: 1000;
        text-align:left;
    }
    h1:not(.rel) span{
        display:table-cell;
        height:40px;
        vertical-align:middle;
    }
    /*body.visiteur h1:not(.rel){top: 126px;}
    body.producteur h1:not(.rel){top: 68px;}*/
    .enregistrer_fixed{
        position:fixed; 
        bottom:0; 
        width:100%; 
        left:0; 
        padding:5px; 
        background-color:#FFF; 
        text-align:center; 
        z-index:100;
    }
    #connexion span#connexion_commande {padding: 5px 0;}
    body.producteur .nav-fill .nav-link{text-align:left; padding-left:10px !important;display:block;}
    img#img_producteur {
        max-width: 30%;
        margin: 0 auto !important;
        display: block;
    }
    
    form.cmxform table.no_border.autres_infos td.td_label,
    form.cmxform table.no_border.autres_infos td.td_input{width:50%;}
    form.cmxform table.no_border.autres_infos td.td_span{width:10%;display: none;}

}
@media (min-width: 768px) {
	/* SMALL */
    body{padding-top:0 !important;}
    .accueil .bandeau{padding-top:3em;padding-bottom:3em;}
    .accueil .bandeau.fresque.ete{background-image:url("../images/bandeaux/accueil-conteneur-fresque-ete-lg.jpg");}
    .accueil .bandeau.fresque.hiver{background-image:url("../images/bandeaux/accueil-conteneur-fresque-hiver-lg.jpg");}
    .accueil .bandeau.fresque .box{margin-top:0;}
    .accueil .bandeau.local{background-image:url("../images/bandeaux/accueil-photo-du-local-lg.jpg");}
    
    #carousel_producteur .carousel-item{height:350px;}
    
}
@media (min-width: 768px) and (max-width: 991px){
    #nav_main .nav-link{font-size:0.9em;border-left:1px solid rgba(255,255,255,0.2);}
    #nav_main .nav-item:first-child .nav-link{border-left:none;}
}
@media (min-width: 992px) {
	/* MEDIUM */
    .accueil .bandeau{padding-top:5em;padding-bottom:5em;}
    #menufixe3{top:220px;width:auto;position:fixed;}
    #carousel_producteur .carousel-item{height:400px;}
    form.cmxform .table .td_label{width:20% !important;} 
    .page-item .page-link {padding: 0.5rem;}
    table#liste_produits th.producteur_produit_vente {width: 25%;}
    table#liste_produits th.qte_produit_vente {width: 10%;}
}
@media (min-width: 1200px) {
	/* LARGE */
    .accueil .bandeau{padding-top:8em;padding-bottom:8em;}
    
    .page-item .page-link {padding: 0.5rem 0.75rem;}
}
@media (min-width: 1330px) {
	/* X-LARGE */
    
}

/* 

=== COOKIE YES ===

*/
.cky-consent-container .cky-consent-bar{padding:10px !important;box-shadow: 0 0px 10px 0 rgba(0,0,0,0.4) !important;}
.cky-consent-container .cky-consent-bar .cky-title, .cky-footer-wrapper div:last-child{display:none !important;}
.cky-notice-des{padding:0 !important;}
.cky-preference-body-wrapper{padding:10px 10px 6px 10px !important;}
.cky-consent-container button, .cky-prefrence-btn-wrapper button{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:.25rem .5rem !important;
}
a.cky-policy{color: var(--bleu) !important;}