/* normalize.css by Nicolas Gallagher : https://github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
hr {box-sizing: content-box; height: 0; overflow: visible; }
pre {font-family: monospace, monospace; font-size: 1em; }
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace; font-size: 1em; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button,input,optgroup,select,textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/* Google font Libre Franklin */
@font-face {font-family: LibreFranklin-regular; src: url('font/LibreFranklin-Regular.ttf'); font-display: swap;} 
@font-face {font-family: FrederickatheGreat-regular; src: url('font/FrederickatheGreat-Regular.ttf'); font-display: swap;} 
/* theme colors */
:root{
    --miel-color-light : #EFC170;
    --miel-color-hard : #82663D;
    --link-color : #000B4C;
    --popup-back : #FFFFFFBB;
    --title-color : #808080;
    --title-orange : #F76625;
    --title-entreprise : #82663D;
}

body {
    font-family : LibreFranklin-regular;
}

#prixWeb {content-visibility: visible;}
#prixPortable {content-visibility: hidden;}
/* Application CSS */
@media(max-width: 1100px) { 
    #prixWeb {content-visibility: hidden;}
    #prixPortable {content-visibility: visible;}
    /* width for hexagon position calculation */
    :root {
        --current-data-with : calc(100% - 5em);
    }
    .popup{
        top:1em;left:1em;bottom: 3em;right:1em;
    }
    .popupContent{
        height:calc(100vh - 7.5em);
    }    
    header{width:100%;}
    #content{padding-top:0.2em;padding-left: 1em;padding-right: 1em;}
    footer{width:100%;}
    #menu{display: none;}
    .finalSeparator{margin-bottom: 10em;}

    #produitBlock{
        width: calc(100vw - 5em);
        height: calc( ( (117vw - 5em) * 956 / 1313 ) + 9em);
    }
    /*#produitBlock{
        width: calc(100vw - 5em);
        height: calc( ( (90vw - 5em) * 956 / 1313 ) + 9em);
    }*/

    div.coockblock{width: 100%;}
    .hexLineToUp{
        margin-top: -176px;
    }
    img.chataigner2{width: 300px;height: auto;}
    img.noisetier2{width: 300px;height: auto;}
    .hexText{font-size: 1em}
}
@media(min-width: 1100px) { 
    #prixWeb {content-visibility: visible;}
    #prixPortable {content-visibility: hidden;}
    /* width for hexagon position calculation */
    :root {
        --current-data-with : calc(100% - 6em);
    }
    .popup{
        top:calc(50vh - 300px);left:calc(50vw - 400px);width: 800px;height:600px;
    }
    .popupContent{
        height:calc(550px - 3.5em);
    }
    header{position: fixed;width:21em;top:0;left:0;bottom:0;padding-right: 0.3em;}
    #content{padding-left: 23em;padding-top:0.2em;}
    footer{position: fixed;width:21em;left:0;bottom:0;padding-bottom: 1em;}
    .price{float:right;margin-top:-7em;margin-right:5em;}
    .finalSeparator{margin-bottom: 4em;}

    #produitBlock{
        width: calc(100vw - 26em);
        height: calc( (117vw - 26em) * 956 / 1313);
    }
    /*#produitBlock{
        width: calc(100vw - 26em);
        height: calc( (100vw - 26em) * 956 / 1313);
    }*/

    div.chataignierImg{width: 25%;float: left;height: 100%;}
    div.chataignierContent{width: calc(75% - 10px);float: right;padding-left: 10px;}
    p.chataigner2{text-align: center;}
    img.chataigner2{width: 15em;height: auto;}

    div.noisetierImg{width: 25%;float: left;height: 100%;}
    div.noisetierContent{width: calc(75% - 10px);float: right;padding-left: 10px;}
    p.noisetier2{text-align: center;}
    img.noisetier2{width: 15em;height: auto;}

    div.coockblock{width: 50%;float: left;}
    div.secondblock{float: right;}
    .hexLineToUp{
        margin-top: -259px;
    }
    .hexText{font-size: 1.2em}
}
a#mailAchat1{
    border: var(--title-orange) 1px solid;
    border-radius: 1em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color:  #FFFFFF;
    color: var(--title-orange);
    transition: all 0.4s linear;
    white-space:nowrap;     
}
a#mailAchat1:hover{
    background-color:  var(--title-orange);
    color: #FFFFFF;
    text-decoration: none;
}
a#mailAchat3{
    border: var(--title-orange) 1px solid;
    border-radius: 1em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color:  #FFFFFF;
    color: var(--title-orange);
    transition: all 0.4s linear;
    white-space:nowrap;     
}
a#mailAchat3:hover{
    background-color:  var(--title-orange);
    color: #FFFFFF;
    text-decoration: none;
}


/* global site version */
html{overflow-x: hidden;scrollbar-color: var(--miel-color-hard);scrollbar-width: thin;} 
.withPointer{cursor: pointer;}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: var(--miel-color-hard); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: var(--miel-color-hard); 
}


.right{text-align: right;}
h1,h2,h3{font-variant: small-caps;clear: both;font-family : FrederickatheGreat-regular;font-weight: normal;}
h1 {font-size: 2em;margin: 0.3em 0;writing-mode: vertical-rl;text-orientation: mixed;display:block;clear: none;float: right;color:var(--title-orange);}
h2,h3{color:var(--title-orange);}
h2.titleBrown{color:var(--title-entreprise);}
.yearTitle{font-variant: small-caps;font-family : FrederickatheGreat-regular;font-weight: normal;color:var(--title-entreprise);font-size: 1.3em ;}
.cookTitle{font-variant: small-caps;font-family : FrederickatheGreat-regular;font-weight: normal;color:var(--title-entreprise);font-size: 1.1em ;}

a.linkMiel{color: var(--title-orange);font-weight: bold;cursor: pointer;}
a{color:var(--link-color); text-decoration: none;}
a:hover{ text-decoration: underline;}
hr.separator{
    background: linear-gradient(to right, white, var(--title-orange));
    background-image: url(img/separator.jpg);background-size: 100% auto;
    background-position: bottom left;background-repeat: no-repeat;
    width: 100%;height: 12px;clear: both;border:none;padding-top: 0;margin-top: 0;
}
.zabeille{padding-left: 26px;background-image: url(img/zabeilles_ico.png);background-repeat: no-repeat;background-position:bottom left;color:var(--title-orange);}
.zabeilleChef{padding-left: 26px;background-image: url(img/zabeilles_ico.png);background-repeat: no-repeat;background-position:bottom left;color:var(--title-entreprise);}

.title{font-size: 2.5em;font-variant: small-caps;color:var(--title-entreprise);font-family : FrederickatheGreat-regular;}
img.imgTitle{height: 1em;width: 1em;}
.subtitle{font-family : FrederickatheGreat-regular;font-size: 1.5em;font-variant: small-caps;color:var(--title-entreprise);margin-right: 1.1em;margin-top:-0.5em;}
.contentBlock{display: block;width: calc(100% - 3em);float: left;}
/*Css block reset*/
.resetVignette {clear: both; margin-bottom: 0.8em;}

/* hexagonal price list*/
.poly{width: calc(100% * 4 / 13 );float:left;border-radius:50%;transition: all 0.2s linear;}
.hexNewLine{clear: both;}
.hexNextPoly{margin-left: calc(100% * 2 / 13 );}
.hexMarginLineOdd{margin-left:calc(100% * 3 / 13 );}
.hexProduct:hover{transform: scale(1.1);cursor: pointer;z-index: 99;}
.hexText{text-align: center;margin-top: 20%;}

/* map of commune */
.map {height: 600px;width: calc(100% - 2.5em);box-shadow: 0.05em 0.05em 0.2em black;margin-bottom: 0.2em;}    

/* popup details */
.hidden {display:none;}
.backpopup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--popup-back); z-index: 100;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: all 0.4s linear;
}
.popup{position: fixed;
    /* size define in media */
    background-color: #FFFFFF;z-index: 120;
    background:#FFFFFF url("img/backPopup.webp") no-repeat top right;
    background-size:auto 100%;
    box-shadow:0.05em 0.05em 0.2em var(--miel-color-light);
    transition: all 0.4s linear;
}
.popupTitle{
    margin:25px;
    margin-bottom:0px;
    height :2em;
}
.popupContent{
    /* height define in media */
    margin:25px;margin-top:0px;margin-bottom:0px;
    background-color: #FFFFFF88;
    overflow-x: hidden;overflow-y: auto;
    text-align: justify;
    scrollbar-color: var(--miel-color-hard) #FFFFFF;scrollbar-width: thin;
    padding-right: 0.3em;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.popupClose{cursor: pointer;text-align: center;margin:25px;margin-top : 0.5em;height :1em;
    color:var(--miel-color-hard);
    transition: all 0.4s linear;
}
.popupClose:hover{
    background-color:var(--miel-color-hard);
    color: #FFFFFF;
    transition: all 0.4s linear;
}
.indispo{color:red;font-family : FrederickatheGreat-regular;font-size: 2em;}
.inArticleImage {
    float: left;
    margin:0.2em;
}
.inArticleImageRight {
    float: right;
    margin:0.2em;
}

/* galerie */
.clear {
    display: block;
    clear: both;
    height: 0px;
    width: 100%;
}
.galerieItem{
    float: left;margin-right: 8px;margin-bottom: 8px;
    width: calc(25% - 8px - 0.65em);height: auto;background-position: top left;
    background-repeat: no-repeat;background-size: 100% 100%;
    transition: all 0.5s;
    cursor: pointer;box-shadow:0.05em 0.05em 0.2em black;
}
.galerieItemText{
    bottom:0;right:0;left:0;
    margin-top:calc(100% - 1.5em);
    color: black;
    background-color: #FFFFFFAA;
    font-family : FrederickatheGreat-regular;
    font-size: 1.5em;font-variant: small-caps;
    text-align: center;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;
}
.galerieItem:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	z-index:99;
}
.item00{background-image: url("img/_galerie_00.webp");}
.item01{background-image: url("img/_galerie_01.webp");}
.item02{background-image: url("img/_galerie_02.webp");}
.item03{background-image: url("img/_galerie_03.webp");}
.item04{background-image: url("img/_galerie_04.webp");}
.item05{background-image: url("img/_galerie_05.webp");}
.item06{background-image: url("img/_galerie_06.webp");}
.item07{background-image: url("img/_galerie_07.webp");}
.item08{background-image: url("img/_galerie_08.webp");}
.item09{background-image: url("img/_galerie_09.webp");}
.item10{background-image: url("img/_galerie_10.webp");}
.item11{background-image: url("img/_galerie_11.webp");}
.item12{background-image: url("img/_galerie_12.webp");}
.item13{background-image: url("img/_galerie_13.webp");}
.item14{background-image: url("img/_galerie_14.webp");}
.item15{background-image: url("img/_galerie_15.webp");}
.item16{background-image: url("img/_galerie_16.webp");}

/**footer*/
.facebookLin{font-size: 0.8em;}
.facebookLink:hover{opacity: .5;text-decoration: none;}
.facebookLink>img{vertical-align:middle;}
.footerSeparator {width:100%;height: 0.4em;clear: both;}
.footerTitle  {display: block;width: calc(40% - 0.2em);font-weight: bold;text-align: right;float: left;padding-right: 0.2em;font-family : FrederickatheGreat-regular;}
.footerContent {display: block;width: 60%;text-align: left;float: left;margin-bottom: 0.3 pas em;}
img.cookimg{width: 100%;height: auto;box-shadow: 0.05em 0.05em 0.2em black;}
img.chataigner{width: 100%;height: auto;box-shadow: 0.05em 0.05em 0.2em black;}
img.chataigner2{box-shadow: 0.05em 0.05em 0.2em black;}
p.chataigner2{width: 100%;text-align: center;}
img.chataigner{width: 100%;height: auto;box-shadow: 0.05em 0.05em 0.2em black;}

img.noisetier2{box-shadow: 0.05em 0.05em 0.2em black;}
p.noisetier2{width: 100%;text-align: center;}
img.noisetier{width: 100%;height: auto;box-shadow: 0.05em 0.05em 0.2em black;}
/**header*/
#menu{margin-top: 2em;}
#menu>a{width: 100%;font-size: 1.3em;text-align: center;display: block;margin-top: 0.3em;font-family : FrederickatheGreat-regular;font-variant: small-caps;transition: all 0.2s linear;color:var(--title-orange);}
#menu>a:hover{font-size: 1.5em;transition: all 0.2s linear;text-decoration: none;}

/**Contact button and link popup*/
.contactButton{position: fixed;bottom: 0;right: 0;margin-bottom: 1em;margin-right: 0.2em;font-size: 1.5em;cursor: pointer;border-radius: 1em;
    background:white;background:linear-gradient(70deg, white, var(--miel-color-light));border: none;
    padding: 0.25em;padding-left: 1.5em;padding-right: 1.5em;box-shadow: 0.05em 0.05em 0.2em var(--miel-color-light);z-index: 60;
    font-family : FrederickatheGreat-regular;opacity: 0.7;transition: all 0.2s linear;}
.contactButton:hover{background: linear-gradient(70deg, var(--miel-color-hard), var(--miel-color-light));opacity: 1;}
.tel{padding-top: 0.5em;width: 100%;clear: both;text-align: center;}
.contactPopup{position: fixed;bottom: 0;right: 0;margin-bottom: 1em;margin-right: 0.2em;font-size: 1.5em;cursor: pointer;border-radius: 1em;
    background:white;
    background:linear-gradient(70deg, white, var(--miel-color-light));border: none;font-family : FrederickatheGreat-regular;
    padding: 0.25em;padding-left: 1.5em;padding-right: 1.5em;box-shadow: 0.05em 0.05em 0.2em var(--miel-color-light);z-index: 120;}
.contactPopupClose{cursor: pointer;text-align: center;transition: all 0.4s linear;margin-top: 1em;}
.contactPopupClose:hover{background-color:var(--miel-color-hard);}
    
/** galerie */
.galerieBack {background-repeat:no-repeat;background-size:contain;background-position: center center;background-color: #000000EE;
position: fixed;top: 0;bottom: 0; left: 0;right: 0;z-index: 120;}
.galerie0{background-image: url("img/__galerie_00.webp");}
.galerie1{background-image: url("img/__galerie_01.webp");}
.galerie2{background-image: url("img/__galerie_02.webp");}
.galerie3{background-image: url("img/__galerie_03.webp");}
.galerie4{background-image: url("img/__galerie_04.webp");}
.galerie5{background-image: url("img/__galerie_05.webp");}
.galerie6{background-image: url("img/__galerie_06.webp");}
.galerie7{background-image: url("img/__galerie_07.webp");}
.galerie8{background-image: url("img/__galerie_08.webp");}
.galerie9{background-image: url("img/__galerie_09.webp");}
.galerie10{background-image: url("img/__galerie_10.webp");}
.galerie11{background-image: url("img/__galerie_11.webp");}
.galerie12{background-image: url("img/__galerie_12.webp");}
.galerie13{background-image: url("img/__galerie_13.webp");}
.galerie14{background-image: url("img/__galerie_14.webp");}
.galerie15{background-image: url("img/__galerie_15.webp");}
.galerie16{background-image: url("img/__galerie_16.webp");}
.galerieControl{font-size: 4em;display: flex;align-items: center;transition: all 0.2s linear;
    color:black;-webkit-text-fill-color: black;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: white;cursor: pointer;}
.galerieControl:hover{color:var(--miel-color-hard);-webkit-text-fill-color: var(--miel-color-hard);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--miel-color-hard);}
.galeriePrec{position: fixed;top: 0;bottom: 0; left: 0;right: 50%;z-index: 121;text-align: left;justify-content: start;}
.galerieNext{position: fixed;top: 0;bottom: 0; left: 50%;right: 0;z-index: 121;text-align: right;justify-content: flex-end;}
.galerieClose{position: fixed;top: 0; left: 0;right: 0;z-index: 122;text-align: right;justify-content: flex-end; padding-right: 0.5em;}
.galerieAlignArrow{display:inline-block;vertical-align:middle;display: inline-block;}

/**Echelle de gout*/
.echelleGout{display: inline-block; width:100%; height: 3em; border-radius: 0.5em;background-image:url(img/back_echelle_gout.jpg);background-size:100% auto;background-position: bottom; color:white;}
.echelleGoutTitle{font-family: FrederickatheGreat-regular;width: 100%;font-size:1.5em;text-align:center}
.echelleGoutItem{float:left; width:33%; font-family: FrederickatheGreat-regular;text-align: center;color:#FFFFFF55}
.echelleGoutItemSelected{color:white}
/**burk for IE minimal support*/
@media all and (-ms-high-contrast:none), screen and (min-width:0\0) 
{
.galerieBack {background-color: #333333;}
.backpopup {background-color: #333333;}
.galerieControl:hover{color:white;}
.popup{background:#FFFFFF url("img/backPopup.jpg") no-repeat top right;}
.item00{background-image: url("img/_galerie_00.jpg");}
.item01{background-image: url("img/_galerie_01.jpg");}
.item02{background-image: url("img/_galerie_02.jpg");}
.item03{background-image: url("img/_galerie_03.jpg");}
.item04{background-image: url("img/_galerie_04.jpg");}
.item05{background-image: url("img/_galerie_05.jpg");}
.item06{background-image: url("img/_galerie_06.jpg");}
.item07{background-image: url("img/_galerie_07.jpg");}
.item08{background-image: url("img/_galerie_08.jpg");}
.item09{background-image: url("img/_galerie_09.jpg");}
.item10{background-image: url("img/_galerie_10.jpg");}
.item11{background-image: url("img/_galerie_11.jpg");}
.item12{background-image: url("img/_galerie_12.jpg");}
.galerie0{background-image: url("img/__galerie_00.jpg");}
.galerie1{background-image: url("img/__galerie_01.jpg");}
.galerie2{background-image: url("img/__galerie_02.jpg");}
.galerie3{background-image: url("img/__galerie_03.jpg");}
.galerie4{background-image: url("img/__galerie_04.jpg");}
.galerie5{background-image: url("img/__galerie_05.jpg");}
.galerie6{background-image: url("img/__galerie_06.jpg");}
.galerie7{background-image: url("img/__galerie_07.jpg");}
.galerie8{background-image: url("img/__galerie_08.jpg");}
.galerie9{background-image: url("img/__galerie_09.jpg");}
.galerie10{background-image: url("img/__galerie_10.jpg");}
.galerie11{background-image: url("img/__galerie_11.jpg");}
.galerie12{background-image: url("img/__galerie_12.jpg");}
h1 {color: #F76625;}
h2,h3{color:#82663D;}
a{color:#000B4C;}
.title{color:#F76625;}
.subtitle{color:#82663D;}
.popupClose{color:#82663D;}
.popupClose:hover{background-color:#82663D;}
.galerieControl:hover{color:#82663D;}
}
#mail{
    font-size: 0.8em;
}
/*
/*.indispoGroup1, => tournesol
.indispoGroup2,   => printemps
.indispoGroup3,   => acacia
.indispoGroup4,   => forêt
.indispoGroup5,   => autres produits
  .indispoGroup51,  => bonbons de miel
  .indispoGroup52,  => pollen
.indispoGroup6,   => chateigné
.indispoGroup7,   => autres miels
  .indispoGroup71,=> Fin de Saison
  .indispoGroup72,  => Fleurs d’été
  .indispoGroup73   => Fleurs des champs et prairies
*/

.indispoGroup1,.indispoGroup2,.indispoGroup3,.indispoGroup4,.indispoGroup5,.indispoGroup51,.indispoGroup52,.indispoGroup6,.indispoGroup7,.indispoGroup71,.indispoGroup72,.indispoGroup73
{transition: opacity 1s ease-out;display: none;}
@keyframes appear { from { display: none; opacity: 0;}
    to { display: initial; opacity: 1; }}
.indispoBloc{display: initial;animation:appear 0.5s}


#eventsHr, #eventsTitle, #events {display: none;}