@charset "utf-8";
/* CSS Document */


/* SERIF */

/* Darleston */
@font-face {
    font-family: 'darleston';
    src: url('/css/fonts/Darleston.ttf');
    font-weight: normal;
	font-style: normal; 
}

/* libre baskerville */
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
@font-face {
    font-family: 'librebaskerville-regular';
    src: url('/css/fonts/LibreBaskerville-Italic.ttf');
    font-weight: normal;
	font-style: italic; 
}
/* garamond */
@font-face {
    font-family: 'eb-garamond';
    src: url('/css/fonts/EBGaramond-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'eb-garamond';
    src: url('/css/fonts/EBGaramond-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* georgia */

/* marcellus */

@font-face {
    font-family: 'marcellus';
    src: url('/css/fonts/Marcellus-Regular.ttf');
        font-weight: normal;
	font-style: normal; 
}

/* old standard */

@font-face {
    font-family: 'oldstandard-regular';
    src: url('/css/fonts/OldStandard-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'oldstandard-regular';
    src: url('/css/fonts/OldStandard-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* roboto slab */

@font-face {
    font-family: 'robotoslab-regular';
    src: url('/css/fonts/RobotoSlab-Regular.ttf');    
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'robotoslab-regular';
    src: url('/css/fonts/RobotoSlab-Bold.ttf');    
    font-weight: 700;
	font-style: normal; 
}
/* times */

/* freight display pro */
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBook-Regular.ttf');    
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBold-Regular.ttf');    
    font-weight: 700;
	font-style: normal; 
}
@font-face {
    font-family: 'freight-display-pro';
    src: url('/css/fonts/FreightDispProBook-Italic.ttf');    
    font-weight: normal;
	font-style: italic; 
}

/* DejaVu Serif */
@font-face {
    font-family: 'dejavuserif';
    src: url('/css/fonts/DejaVu/DejaVuSerif.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavuserif';
    src: url('/css/fonts/DejaVu/DejaVuSerif-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* SANS SERIF */



/* arial */

/* arima */
@font-face {
    font-family: 'arima';
    src: url('/css/fonts/Arima-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'arima';
    src: url('/css/fonts/Arima-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* barlow */
@font-face {
    font-family: 'barlow';
    src: url('/css/fonts/Barlow-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
/*
@font-face {
    font-family: 'barlowl';
    src: url('/css/fonts/Barlow-Light.ttf');
}
*/
@font-face {
    font-family: 'barlowi';
    src: url('/css/fonts/Barlow-Italic.ttf');
}
@font-face {
    font-family: 'barlowb';
    src: url('/css/fonts/Barlow-Bold.ttf');
}

/* calibri */

/* DejaVu Sans */
@font-face {
    font-family: 'dejavusans';
    src: url('/css/fonts/DejaVu/DejaVuSans.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusans';
    src: url('/css/fonts/DejaVu/DejaVuSans-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* helvetica */

/* lato */

@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Light.ttf');
    font-weight: 100;
	font-style: normal; 
}
@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Regular.ttf');
    font-weight: normal;
	font-style: normal;  
}
@font-face {
    font-family: 'lato-light';
    src: url('/css/fonts/Lato-Bold.ttf');
    font-weight: 700;
	font-style: normal;  
}
/* libre franklin */

@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Light.ttf');
    font-weight: 100;
	font-style: normal; 
}
@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Regular.ttf');
    font-weight: normal;
	font-style: normal;  
}
@font-face {
    font-family: 'libre-franklin';
    src: url('/css/fonts/LibreFranklin-Bold.ttf');
    font-weight: 700;
	font-style: normal;  
}
/* montserrat */

@font-face {
	font-family: 'montserrat';
	src: url('/css/fonts/Montserrat-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montserrat';
	src: url('/css/fonts/Montserrat-Italic-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: italic;
}
/* open sans */

@font-face {
    font-family: 'opensans-regular';
    src: url('/css/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src: url('/css/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src:url('/css/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-regular';
	src: url('/css/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
	font-style: italic;  
}
/* open sans light */

@font-face {
    font-family: 'opensans-light';
    src: url('/css/fonts/OpenSans-Light.ttf');
    font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'opensans-light';
	src:url('/css/fonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

/* oswald */

@font-face {
	font-family: 'oswald';
	src: url('/css/fonts/Oswald-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}

/* raleway */

@font-face {
	font-family: 'raleway';
	src: url('/css/fonts/Raleway-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'raleway';
	src: url('/css/fonts/Raleway-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}
/* roboto */
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Light.ttf');
	font-weight: 100;
	font-style: normal;    
}
@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/Roboto-Italic.ttf');
	font-weight: normal;
	font-style: italic;    
}
/* Tahoma */

/* time sans serif */
@font-face {
    font-family: 'timessansserif';
    src: url('/css/fonts/timessansserif.ttf');
}

/* trebuchet MS */

/* Ubuntu */

@font-face {
    font-family: 'ubuntu-regular';
    src: url('/css/fonts/Ubuntu-Regular.ttf');
}

/* verdana */

/* questrial */

@font-face {
    font-family: 'questrial';
    src: url('/css/fonts/Questrial-Regular.ttf');
    	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'questrial';
	src: url('/css/fonts/Questrial-Bold.ttf');
	font-weight: 700;
	font-style: normal;    
}

/* HANDWRITING */

/* charm */

@font-face {
    font-family: 'charm';
    src: url('/css/fonts/Charm-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'charm';
    src: url('/css/fonts/Charm-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* caveat */

@font-face {
    font-family: 'caveat';
    src: url('/css/fonts/Caveat-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'caveat';
    src: url('/css/fonts/Caveat-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* dancing-script */

@font-face {
    font-family: 'dancing-script';
    src: url('/css/fonts/DancingScript-Regular.ttf') ;
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'dancing-script';
    src: url('/css/fonts/DancingScript-Bold.ttf') ;
	font-weight: 700;
	font-style: normal; 
}

/* CONDENSED SERIF */

/* DejaVu Serif Condensed */
@font-face {
    font-family: 'dejavuserifcondensed';
    src: url('/css/fonts/DejaVu/DejaVuSerifCondensed.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSerifCondensed-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}

/* CONDENSED SANS SERIF */

/* barlow */
@font-face {
    font-family: 'barlowcond';
    src: url('/css/fonts/BarlowCondensed-Regular.ttf');
    font-weight: normal;
	font-style: normal; 
}
/*
@font-face {
    font-family: 'barlowcondl';
    src: url('/css/fonts/BarlowCondensed-Light.ttf');
}
*/
@font-face {
    font-family: 'barlowcondi';
    src: url('/css/fonts/BarlowCondensed-Italic.ttf');
}
@font-face {
    font-family: 'barlowcondb';
    src: url('/css/fonts/BarlowCondensed-Bold.ttf');
}
/* DejaVu Sans Condensed */
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSansCondensed.ttf');
    font-weight: normal;
	font-style: normal; 
}
@font-face {
    font-family: 'dejavusanscondensed';
    src: url('/css/fonts/DejaVu/DejaVuSansCondensed-Bold.ttf');
    font-weight: 700;
	font-style: normal; 
}
/* din condensed*/

@font-face {
    font-family: 'dincond-regular';
    src: url('/css/fonts/ff_din_condensed_regular-webfont.ttf') ;
        	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'dincond-regular';
    src: url('/css/fonts/ff_din_condensed_bold-webfont.ttf') ;
    	font-weight: 700;
	font-style: normal; 
}
/* open sans condensed */

@font-face {
    font-family: 'opensanscond';
    src: url('/css/fonts/OpenSans-Condensed-Light.ttf');
    font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensanscond';
	src:url('/css/fonts/OpenSans-Condensed-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
/* roboto condensed */

@font-face {
    font-family: 'robotocondensed';
    src: url('/css/fonts/RobotoCondensed-Regular.ttf');
        font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotocondensed';
    src: url('/css/fonts/RobotoCondensed-Bold.ttf');
    	font-weight: 700;
	font-style: normal;
}

:root,
[data-theme='light'] {

--body-bg-color :#FFFFFF;
--body-text-color : #262626;
--body-title-color : #8A8A8A;

--border-color :#E1E1E1;

--reverse-bg-color :#7F7562;
--reverse-text-color : #FFFFFF;
--reverse-title-color : #FFFFFF;

--nav-bg-color :#7F7562;
--nav-text-color : #FFFFFF;

--btn-bg-color :#7F7562;
--btn-text-color : #FFFFFF;

--map-filter-grayscale:0%;
--map-filter-brightness:100%;

--footer-bg-color :#EEE;
--footer-text-color : #313;/*#42403F*/
--recyclage-bg-color :#F9F9F9;

--head-bg-color :#fff;
--head-no-image-color :#000;
--head-default-color :#000;

--img-brightness:1;

--highlight-bg-color : #7F7562;
--highlight-text-color : #FFFFFF;

--text-inactive-color : #FFFFFF;

--text-highlight-color : #7F7562 ;

--text-midnight-color : #262626 ;

--img-bg-color : transparent;

}



[data-theme='dark'] {

--body-bg-color : #1D1E20; /* body black #303134; #1f1f1f; #1c1c1e ;*/
--body-text-color : #cccccc; /*#fefefe ;*/
--body-title-color : #cccccc; /*#fefefe ;*/

--border-color : #34383A; /* #585858; */

--reverse-bg-color :#34383A;
--reverse-text-color : #cccccc;
--reverse-title-color : #cccccc;

--nav-bg-color :#171717;
--nav-text-color : #e4e7ea;

--btn-bg-color :#2a2b2e;
--btn-text-color :#e4e7ea; /* bleu google #79aef2 */

--map-filter-grayscale:80%;
--map-filter-brightness:70%;

--footer-bg-color :#171717;
--footer-text-color : #92b2f2;
--recyclage-bg-color :#171717;

--head-bg-color : rgba(28,28,30, .6);
--head-no-image-color :#000;
--head-default-color :#cccccc;

--img-brightness:.95;

--highlight-bg-color : #3b4455; /* bleu bg google #37373d; #5f6367*/
--highlight-text-color : #92b2f2; /* bleu text google */

--text-inactive-color : #8c8c8c;

--text-highlight-color : #fefefe ;

--text-midnight-color :#181818;

--img-bg-color : #ffffff;

}

body {
    background:var(--body-bg-color)!important;
    color:var(--body-text-color);
    font-family:"opensans-light", Arial;
}

h1, h2, h3 {
    font-family:"opensans-regular", Arial;
    color:var(--body-title-color);
}
.btn-link:hover{
     color:var(--text-highlight-color);   
}
.btn-link i, .footer-menu a, .lang .btn-link, .lang a {
    color:var(--footer-text-color);
}
.menu-toggle .logo {
    background-color:white;
    padding:10px;
    margin-top:-20px;
    border-radius:0 0 5px 5px;
}

.header-wrapper, .header-wrapper .dropdown-menu, .menu-wrapper {
    background:var(--body-bg-color)!important;
}

.footer-wrapper {
    color:var(--body-text-color);
}

.recyclage-content{
    background:var(--recyclage-bg-color);
}

.btn-outline-primary {
    background-color:var(--btn-bg-color);
    border-color:var(--btn-text-color);
    color:var(--btn-text-color);
}

.btn-outline-primary:hover {
    background-color:var(--btn-text-color);
    border-color:var(--btn-bg-color);
    color:var(--btn-bg-color);
}

.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark.active,.btn-outline-dark:active {
    background-color:var(--btn-bg-color);
    border-color:var(--btn-text-color);
    color:var(--btn-text-color);

}

.presentation .btn-outline-dark {
    background-color:var(--highlight-bg-color);
    border-color:var(--border-color);
    color:var(--highlight-text-color);
}

.presentation .btn-outline-dark:hover {
    background-color:var(--btn-bg-color);
    color:var(--btn-text-color);
}

.product-description .btn-outline-dark {
    background-color:var(--highlight-bg-color);
    border-color:var(--highlight-text-color);
    color:var(--highlight-text-color);    
}
.product-description .btn-outline-dark:hover {
    filter: brightness(110%);
}

#infos a:hover{
    color:var(--body-text-color);
    text-decoration:underline;
    
}
.wine-authentification-table h4 {

	font-family:"opensans-regular", Arial!important;
	color:var(--body-title-color);
}
/*


.product-description a:hover {
    color:var(--body-text-color);
}


*/
.product-image{
    border-radius:2px;
    background-color:white;
    padding:20px 10px;
    filter:brightness(var(--img-brightness));
}

.brand-panel {
    background-color:var(--img-bg-color);
    border-color:var(--border-color);
}

.medias-section {
    background-color:var(--reverse-bg-color);
}
.reviews-section {
    background-color:var(--reverse-bg-color);
}
.reviews-section h2 {
    color:var(--reverse-text-color);
}
.review-panel {
    color:var(--head-no-image-color);
}

.menu-wrapper .main-menu div.menu-owner a:hover, 
.menu-wrapper .main-menu div.menu-family a:hover,
.menu-wrapper .main-menu div.menu-winery a:hover,
.menu-wrapper .main-menu div.menu-range a:hover {
    color:var(--body-text-color);
}

.iframe-piwik{
	background-color : var(--body-bg-color)!important;
}