@font-face{font-family:"Oswald"; src: local("Oswald"), url("../fonts/Oswald-Regular.woff") format("woff")}
@font-face{font-family:"OswaldL"; src: local("OswaldL"), url("../fonts/Oswald-Light.woff") format("woff")}
@font-face{font-family:"OswaldB"; src: local("OswaldB"), url("../fonts/Oswald-Bold.woff") format("woff")}
@font-face{font-family:"ManuscritBI"; src: local("ManuscritBI"), url("../fonts/PlayfairDisplay-BlackItalic.woff") format("woff")}
@font-face{font-family:"Manuscrit"; src: local("Manuscrit"), url("../fonts/PlayfairDisplay-Regular.woff") format("woff")}
@font-face{font-family:"ManuscritM"; src: local("ManuscritM"), url("../fonts/PlayfairDisplay-Medium.woff") format("woff")}
@font-face{font-family:"ManuscritB"; src: local("ManuscritB"), url("../fonts/PlayfairDisplay-Bold.woff") format("woff")}

html{width:100%;height:100%;position:relative;}

body{padding:0;margin:0;font-family: 'Oswald', Arial;font-size:16px;line-height:1em;width:100%;height:100%;position:relative;background-color:#ffffff;color:#000000;}

/* Général */
#page{float:left;width:100%;}
body *{box-sizing:border-box;}
a{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a, img, h1, h2, h3{-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}


	
/* Home */

/* Bandeau */
header{position:relative;float:left;width:100%;height:15vh;background-color:#ffffff;display:flex;justify-content: center;}
#blason{width:20%;height:100%;margin-left:40%;padding:2vh 0px 1vh 0px;}
#blason img{width:100%;height:100%;object-fit: contain;}	
#menu{font-family:'RobotoB', Arial;width:40%;height:100%;padding-right:2%;color:#7b6a58;display:flex;align-items: center;justify-content: flex-end;font-size:90%;text-transform:uppercase;}
#menu .liste1{padding-left:0px;width:100%;height:100%;padding-bottom:5vh;list-style-type: none;display:flex;justify-content: space-between;align-items: flex-end;}
#menu .liste1 .liliste1, #menu .liste1 .liliste3{display: inline-block;position:relative;}
#menu .liste1 .liliste3{opacity:0.2;}
#menu .liste1 .liliste1 a, #menu .liste1 .liliste3 a{text-decoration:none;color:#7b6a58;}
#menu .liste1 .liliste1 a i, #menu .liste1 .liliste3 a i{padding-left:5px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#menu .liste1 .liliste1 a:hover i, #menu .liste1 .liliste1 a:hover{color:#b20066;}
#menu .liste2{width:200px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity:0;position:absolute;list-style-type: none;font-size:90%;height:0px;line-height:1.5em;padding:0px;overflow:hidden;background: rgba(255, 255, 255, .9);z-index:100;width:100%;top:25px;}
#menu .liste2:hover{background: rgba(255, 255, 255, 1);}
#menu .liliste2{padding:10px 0px;}
#menu .liliste2 a{float:left;width:100%;text-decoration:none;color:#7b6a58;}
/*#menu .liliste2 a:hover:before{content: "\f054"; font-family: "Font Awesome 5 Free";font-weight:900;font-size:14px;padding-right:0px;}*/
#menu .liliste2 a:hover{text-decoration:none;color:#b20066;}
/* Menu mobile */
#openmenum{display:none;z-index:10;position:absolute;top:20px;left:20px;font-size:40px;color:#b20066;text-decoration: none;}
#menu_m{text-align:center;display:none;position:absolute;left:0px;top:0px;z-index:50;width:100%;padding:10px 20px 30px 20px;background-color:#d8d2cc;}
#closemenum{position:absolute;right:20px;top:20px;color:#b20066;font-size:40px;}
#menu_m .lienmenu_m{font-size:24px;padding:15px 0px;text-decoration:none;float:left;width:100%;text-align:center;color:#7b6a58;}
#menu_m img{width:40%;height:auto;padding-bottom:10px;}
.lienmenu_m_ssmenu{display:none;}
.lienmenu_m_ssmenu a{float:left;width:100%;padding:10px 0px;text-align:center;text-decoration:none;font-size:20px;color:#b20066;}

/* Logo */
#logo{position:absolute;width:24%;top:4%;left:38%;z-index:5;}
	#logo img{width:100%;height:auto;object-fit: contain;  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
		filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));}

/* Contenu et diapo */
#contenu{float:left;width:100%;height:77vh;position:relative;}
	#contenu .diapo{width:100%;height:100%;object-fit:cover;position:absolute;}

/* Page type */
#contenu-type{float:left;width:100%;height:77vh;display:flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;}
/*#contenu.contenu-type-2{height:auto;}*/
.bloc-contenu-type-onepage{float:left;width:100%;height:auto;padding:0px 20% 50px 20%;}
.bloc-contenu-type-onepage-2, .bloc-contenu-type-onepage-3{display:none;}
.contenu-type-full{height:auto;}
.Pardfaut{font-size:16px;line-height:1.5em;text-align:justify;}

#diapo-rub{visibility:hidden;}
.diapo-rub{opacity:0;cursor:pointer;}
.diapo-rub-content{width:100%;height:100%;display:flex;align-items: flex-end;justify-content: center;}
.diapo-rub-content h2{margin:0px;padding:0px;font-weight:normal;color:#ffffff;opacity:0.8;font-size:140px;text-transform: uppercase;line-height:0.6em;font-family:'Garam', serif;}
.diapo-rub-1{opacity:0;z-index:0;position:absolute;float:left;width:100%;height:100%;background: url(../images/photo-vins-domaine-derey.jpg) center center no-repeat;background-size: cover;}
.diapo-rub-2{opacity:0;z-index:0;position:absolute;float:left;width:100%;height:100%;background: url(../images/photo-histoire-domaine-derey.jpg) center center no-repeat;background-size: cover;}
.diapo-rub-3{opacity:0;z-index:0;position:absolute;float:left;width:100%;height:100%;background: url(../images/photo-rencontre-domaine-derey.jpg) center center no-repeat;background-size: cover;}
.diapo-rub-4{opacity:0;z-index:0;position:absolute;float:left;width:100%;height:100%;background: url(../images/photo-contact-domaine-derey.jpg) center center no-repeat;background-size: cover;}
.bg-blason{background: url(../images/domaine-derey-blason-clair.jpg) center center no-repeat;background-size: contain;}
.bloc-titre{float:left;width:100%;height:10%;text-align:center;justify-content: center;align-items: center;display: flex;}
.bloc-titre h2{font-weight:normal;font-size:40px;text-transform: uppercase;font-family:'Garam', serif}
.diapo-type{/*height:85vh;*/}

/* Défilement des vins */
#defilement-btl{float:left;width:100%;height:90%;overflow:hidden;position:relative;padding:5% 0px;}
.defilement-btl-conteneur{position:relative;margin-left:5%;top:0px;width:90%;height:100%;overflow:hidden;}
.defilement-btl-content{position:absolute;left:0%;width:100%;height:100%;display:flex;align-items: center;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.defilement-btl-content .bloc-btl{position:absolute;top:0px;width:25%;text-align:center;height:100%;opacity:0;}
.defilement-btl-content .bloc-btl a{height:90%;text-decoration:none;border:0px;display:flex;align-items: center;justify-content:center;}
.defilement-btl-content .bloc-btl a:hover img{}
.defilement-btl-content .bloc-btl img{width:70%;height:85%;object-fit: contain;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.defilement-btl-content .bloc-btl img:hover{width:70%;height:100%;object-fit: contain;}
.defilement-btl-content .bloc-btl h3{line-height:1em;font-weight:normal;font-size: 120%;text-transform: uppercase;font-family: 'Garam', serif;}

.fleche{cursor:pointer;position:absolute;top:5%;color:#ffffff;display:flex;align-items: center;justify-content:center;z-index:2;font-size:50px;height:90%;width:4%;text-align:center;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.fleche {-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#nextbtl{right:0px;} 
#prevbtl{left:0px;}
.popup-vin{position:absolute;background:rgba(0, 0, 0, .4);width:100%;height:100%;display:none;z-index:10;top:0px;left:0px;align-items: center;justify-content: center;padding:2% 25%;}
.contenu-vin{position:relative;display:none;background:rgba(255, 255, 255, .9);width:100%;height:100%;align-items: center;justify-content: space-between;}
.contenu-vin div:first-of-type{float:left;width:30%;height:100%;}
.contenu-vin div:last-of-type{float:right;width:70%;height:80%;margin-bottom:10%;padding:20px 20px 20px 0px;font-size:16px;line-height:1.5em;text-align:justify;overflow:auto;}
.contenu-vin div:last-of-type h3{font-size:30px;font-weight:normal;text-align:left;font-family:'ManuscritB', serif;}
.contenu-vin img{width:100% !important;height:100% !important;object-fit: contain;}

.liste-vins-mobile{display:none;float:left;width:100%;text-align:center;padding:20px;}
.liste-vins-mobile a{float:left;line-height:1.2em;width:100%;text-decoration:none;color:#7b6a58;font-size:20px;text-align:center;padding:10px;border:2px solid #7b6a58;margin-bottom:20px;}



.close{display:none;text-decoration:none;z-index:11;position:absolute;right:0px;bottom:0px;color:#ffffff;background-color:#000000;border:2px solid #000000;font-size:14px;padding:5px 10px;text-transform:uppercase;font-family: 'RobotoB', Arial;}
.close i, .pdf i, .carte i{padding-left:10px;}
.close:hover, .pdf:hover, .carte:hover{color:#7b6a58;background:none;border:2px solid #7b6a58;}
.pdf, .carte{display:block;font-size:18px}
.bt-vins{position:absolute;left:30%;bottom:20px;}
.bt-vins a{float:left;margin-right:10px;color:#ffffff;background-color:#b20066;border:2px solid #b20066;font-size:14px;padding:5px 10px;text-transform:uppercase;font-family: 'RobotoB', Arial;text-decoration:none;}
.bt-vins .carte{background-color:#7b6a58;border:2px solid #7b6a58;}
.bt-vins .carte:hover{color:#b20066;background:none;border:2px solid #b20066;}

.page-vins{display:flex;width:100%;background:grey;height:100%;align-items:center;justify-content: space-between;}
.bloc-vin{width:20%;height:80%;background:red;position:relative;}
.bloc-vin img{width:100%;height:100%;object-fit: contain;}


#contenu-type h2{margin:0px;padding:0px;font-weight:normal;color:#ffffff;opacity:0.8;font-size:140px;text-transform: uppercase;line-height:0.7em;}
#contenu-type .description-page{text-rendering: optimizeLegibility;font-weight:normal;flex:1;color:#ffffff;display:flex;align-items: center;font-family:Arial;font-size:14px;line-height:1em;}
/* mise en page article 1 */
.contenu-type{float:left;width:100%;height:90%;overflow:auto;padding:20px 10%;    font-size: 16px;line-height: 1.1em;}
.contenu-type-3492>div:first-of-type, .contenu-type-3494>div:first-of-type{float:left;width:60%;height:100%;overflow:hidden;}
.contenu-type-3492>div:first-of-type img:first-of-type, .contenu-type-3494>div:first-of-type img:first-of-type{float:left;width:100%;height:50%;object-fit: cover;padding-bottom:2%;object-position: center top; -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;}
.contenu-type-3492>div:first-of-type img:nth-child(2), .contenu-type-3494>div:first-of-type img:nth-child(2){-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;animation-delay: 200ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3492>div:first-of-type img:nth-child(3), .contenu-type-3494>div:first-of-type img:nth-child(3){-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;animation-delay: 300ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3494>div:last-of-type img:first-of-type{height:49%;padding-bottom:2%;width:100%;object-fit: cover;object-position: center top;}
.contenu-type-3492>div:first-of-type img:nth-of-type(2), .contenu-type-3492>div:first-of-type img:nth-of-type(3){float:left;width:49%;height:50%;object-fit: cover;object-position: center top;}
.contenu-type-3494>div:first-of-type img:nth-of-type(2), .contenu-type-3494>div:first-of-type img:nth-of-type(3){float:left;width:49%;height:50%;object-fit: cover;object-position: center top;}
.contenu-type-3492>div:first-of-type img:nth-of-type(3), .contenu-type-3494>div:first-of-type img:nth-of-type(3){margin-left:2%;}

.contenu-type-3492>div:last-of-type, .contenu-type-3494>div:last-of-type{float:left;width:40%;height:100%;overflow:hidden;padding-left:2%;-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;animation-delay: 500ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3492>div:last-of-type>div{float:left;width:100%;margin-bottom:2%;height:48%;font-size:14px;line-height:1.2em;text-align:justify;overflow:auto;}
.contenu-type-3494>div:last-of-type>div{float:left;width:100%;height:50%;margin-bottom:0px;font-size:14px;line-height:1.2em;text-align:justify;overflow:auto;}
.contenu-type-3492>div:last-of-type>div h3, .contenu-type-3494>div:last-of-type>div h3{text-transform:uppercase;font-size:18px;}
.contenu-type-3492>div:last-of-type img:first-of-type{float:left;width:100%;height:50%;object-fit: cover;object-position: center top;}

.contenu-type a{color:#ffffff;background-color:#b20066;border:2px solid #b20066;font-size:14px;padding:5px 10px;text-transform:uppercase;font-family: 'RobotoB', Arial;text-decoration:none;}
.contenu-type a:hover{color:#ffffff;background-color:#7b6a58;border:2px solid #7b6a58;font-size:14px;padding:5px 10px;text-transform:uppercase;font-family: 'RobotoB', Arial;text-decoration:none;}

/* mise en page article 2*/
.contenu-type-3493>div:first-of-type{float:left;width:100%;height:60%;overflow:hidden;display:flex;justify-content: space-between;}
.contenu-type-3493>div:first-of-type img{width:32%;height:100%;object-fit: cover;}
.contenu-type-3493>div:first-of-type img:nth-child(1){-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;animation-delay: 0ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3493>div:first-of-type img:nth-child(2){-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;animation-delay: 100ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3493>div:first-of-type img:nth-child(3){-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 0.5s; /* Firefox < 16 */-ms-animation: fadein 0.5s; /* Internet Explorer */-o-animation: fadein 0.5s; /* Opera < 12.1 */animation: fadein 0.5s;animation-delay: 200ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3493>div:last-of-type{float:left;display:flex;flex-direction:column;justify-content:center;width:100%;height:40%;overflow:hidden;text-align:center;font-size:16px;line-height:1.1em;overflow:auto;-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein2 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;animation-delay: 500ms;opacity:0;animation-fill-mode:forwards;}
.contenu-type-3493>div:last-of-type h3{text-transform:uppercase;font-size:18px;}

/* article simple */
.contenu-type-3495, .contenu-type-3496, .contenu-type-3497, .contenu-form {background: url(../images/domaine-derey-blason-clair.jpg) center center no-repeat;background-size: contain;line-height:1.1em;font-size:16px;}
.contenu-type-3495 img, .contenu-type-3496 img{float:left;max-width:50%;padding:20px;max-height:500px;object-fit: cover;}
.contenu-type-3495 h3, .contenu-type-3496 h3, .contenu-type-3497 h3{text-transform:uppercase;font-size:18px;}
.contenu-type-3497, .contenu-form{text-align: center;display:flex;align-items: center;flex-direction: column;}
.contenu-type-3497 h3,  .contenu-type-3497 p{width:100%;}
.contenu-type-3497 a, .contenu-type-3497 a:hover{background:none;color:#b20066;border:0px;padding:0px;}
.contenu-type a{/*text-decoration: underline;color:#b20066;*/}

/* contact */
#formulaire_75{display:flex;align-items: center;flex-direction: column;width:100%;}
#contact-col-1, #contact-col-2, .formulaire_intro, .champs_formulaire, .ligne_formulaire{width:100%;}
#formulaire_75 label{float:left;width:100%;padding-bottom:2px;}
#formulaire_75 input, #formulaire_75 textarea{width:50%;padding:5px;;font-size:16px;font-family: 'Roboto', Arial;}
#formulaire_75 #param_563_0{width:100%;}
.ligne_formulaire{float:left;padding:10px 0px;}
#label_563, .formulaire_intro{display:none;}
#formulaire_75 textarea{height:100px;}
#formulaire_75 input[type="submit"]{margin-top:20px;cursor:pointer;background-color:#7b6a58;border:2px solid #7b6a58;color:#ffffff;text-transform:uppercase;font-size:16px;font-family:'OswaldB', sans-serif;}
#formulaire_75 input[type="submit"]:hover{cursor:pointer;background:none;border:2px solid #7b6a58;color:#7b6a58;}

/* rgpd */
#infostat{position:fixed;z-index:100;bottom:0px;left:0px;width:100%;box-sizing:border-box;padding:30px;background:rgba(68, 68, 68, 0.95);color:#ffffff;}
#infostat span{font-size:12px;}
#infostat span a{text-decoration:underline;color:#fb9bd2;}
#infostat #btfermer{float:right;font-size:16px;padding:10px;border:1px solid #ffffff;background-color:#b20066;color:#ffffff;text-decoration:none;}



	@-webkit-keyframes fadein {
		0%   {opacity:0;}
		100% {opacity:1;}
	}
	@-keyframes fadein {
		0%   {opacity:0;}
		100% {opacity:1;}
	}
	@keyframes fadein {
		0%   {opacity:0;}
		100% {opacity:1;}
	}
	@-moz-keyframes fadein {
		0%   {opacity:0;}
		100% {opacity:1;}
	}
	@-o-keyframes fadein {
		0%   {opacity:0;}
		100% {opacity:1;}
	}


	@-webkit-keyframes fadeout {
		0%   {opacity:1;}
		100% {opacity:0;}
	}
	@-keyframes fadeout {
		0%   {opacity:1;}
		100% {opacity:0;}
	}
	@keyframes fadeout {
		0%   {opacity:1;}
		100% {opacity:0;}
	}
	@-moz-keyframes fadeout {
		0%   {opacity:1;}
		100% {opacity:0;}
	}
	@-o-keyframes fadeout {
		0%   {opacity:1;}
		100% {opacity:0;}
	}


	@-webkit-keyframes entree {
		0%   {top:-500px;}
		100% {top:0px;}
	}
	@-keyframes entree {
		0%   {top:-500px;}
		100% {top:0px;}
	}
	@keyframes entree {
		0%   {top:-500px;}
		100% {top:0px;}
	}
	@-moz-keyframes entree {
		0%   {top:-500px;}
		100% {top:0px;}
	}
	@-o-keyframes entree {
		0%   {top:-500px;}
		100% {top:0px;}
	}

	@-webkit-keyframes entree2 {
		0%   {top:500px;}
		100% {top:0px;}
	}
	@-keyframes entree2 {
		0%   {top:500px;}
		100% {top:0px;}
	}
	@keyframes entree2 {
		0%   {top:500px;}
		100% {top:0px;}
	}
	@-moz-keyframes entree2 {
		0%   {top:500px;}
		100% {top:0px;}
	}
	@-o-keyframes entree2 {
		0%   {top:500px;}
		100% {top:0px;}
	}

	

/* Footer */
footer{}
#footer-home{float:left;width:100%;height:8vh;display:flex;align-items: center;padding:10px 20px;}
	.bloc-reseaux-sociaux{margin-left:auto;height:100%;display:flex;align-items: center;}
	.bloc-reseaux-sociaux a{padding-left:10px;}
	.bloc-reseaux-sociaux a img{height:100%;max-height:50px;width:auto;}
	.bloc-mentions a{color:#7b6a58;font-size:80%;text-decoration:none;}


/* Nouveau template */

html{
    --violet:#a00d59;   
    --marron:#786855;
	--dore:#908651;
}

/* Scroll bar globale */
::-webkit-scrollbar {width: 6px;}
/* bg */
::-webkit-scrollbar-track {background:#eeece8;}
/* curseur */
::-webkit-scrollbar-thumb {background: var(--dore);}
/* Handle et hover */
::-webkit-scrollbar-thumb:hover {}


strong{font-weight: normal;}
.marge1{padding:0px 5%;}
.bt-base{font-family: 'OswaldL', Arial;text-decoration: none;color:#000000;font-size:16px;letter-spacing:1px;border:2px solid #a00d59;padding:15px 50px;}
.bt-base-dore{font-family: 'OswaldL', Arial;text-decoration: none;color:#ffffff;font-size:16px;letter-spacing:1px;background-color:var(--dore);padding:15px 50px;}
.bt-base:hover{background: var(--violet);color:#ffffff;}
.bt-base-dore:hover{background: var(--marron);color:#ffffff;}
/* header */
header{position:absolute;left:0px;top:0px;height:145px;z-index:10;display: flex;flex-direction: column;}
#header1{position:relative;width:100%;background-color:#f4f3ed;height:40px;display: flex;justify-content: space-between;align-items: center;}
#header1 a{text-decoration: none;color:#000000;font-family: 'OswaldL', Arial;font-size:14px;letter-spacing: 2px;}
#header1 a i{color:var(--marron);padding-left:5px;}
#header2{width:100%;background-color:#ffffff;height:105px;display: flex;justify-content: space-between;align-items: center;}
#header2>img{height:80%;width:auto;}
#header2>span{font-family: 'Manuscrit', Serif;font-size:18px;color:var(--violet);}
#header2>span strong{font-weight: normal;font-family: 'ManuscritBI';}
#menu-principal{list-style-type: none;display: flex;flex-direction: row;padding:0px;width:60%;justify-content: center;align-items: center;}
#menu-principal li{padding:0px 6%;}
#menu-principal li:first-of-type{padding-left:0px;}
#menu-principal li:last-of-type{padding-right:0px;}
#menu-principal a{display:block;text-decoration: none;color:#000000;font-family:'ManuscritM', Serif;letter-spacing:2px;font-size:14px;text-transform: uppercase;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#menu-principal a::first-letter{font-family: 'ManuscritB', Serif;font-size:16px;}
#menu-principal a:hover::first-letter{color: var(--violet);}
#menu-principal a:hover{padding-bottom:5px;border-bottom:5px solid grey;border-color: var(--violet);}
.menu-anime{opacity:0;animation: 1s ease-out 0.3s 1 forwards Opacemenu;}
#choix-lang:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";color:var(--marron);padding-left:3px;}
#choix-lang.on:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";color:var(--marron);padding-left:3px;}
#lang{text-align:center;position:absolute;left:5%;top:100%;display: flex;flex-direction: column;background:#f4f3ed;padding:10px;width:110px;margin-left:-20px;height:0px;overflow:hidden;padding:0px 10px;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#lang.on{height:auto;padding:10px;}
#lang a{padding-bottom:2px;}
#lang a:hover{padding-left:3px;}
/* S1 */
.section-full{float:left;width:100%;height:100vh;position:relative;animation: 1s ease-out 0s 1 forwards Opace;}
	.section-full .diapo{position:absolute;width:100%;height:100%;object-fit: cover;}
	#logo{opacity:0;animation: 2s ease-out 0.5s 1 forwards Opace;width:350px;height:auto;left:50%;margin-left:-175px;top:200px;}
	#titre-s1{ animation: 1s ease-out 0s 1 slideInFromLeft;padding-bottom:120px;letter-spacing:2px;position:absolute;bottom:0px;left:0px;z-index:10;color:#ffffff;width:50%;text-align:right;}
	@keyframes slideInFromLeft {
		0% {
			opacity:0;
		  transform: translateX(-100%);
		}
		100% {
			opacity:1;
		  transform: translateX(0);
		}
	  }
	  @keyframes Opacemenu {
		0% {
			opacity:0;
		  transform: translateY(-100%);
		}
		100% {
			opacity:1;
		  transform: translateY(0);
		}
	  }
	  @keyframes Opace {
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	  }
	#titre-s1 h1{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritB', Serif;font-size:50px;}
	#titre-s1 h1::first-letter{font-size:80px;}
	#titre-s1 h2{margin:10px 0px;line-height:1em;position:relative;font-weight:normal;font-family: 'ManuscritM', Serif;font-size:30px;}
	#titre-s1 h2 strong{font-family: 'ManuscritBI', Serif;}
	#titre-s1.visible h2:after{position:absolute;bottom:6px;margin-left:25px;left:100%;width:155px;height:10px;background-color: var(--dore);content:'';}
/* S2 */
#section2{float:left;width:100%;padding-top:120px;padding-bottom:220px;background: url(../images/domaine-derey-blason-clair.jpg);background-size: 80%;background-repeat: no-repeat;background-position: center 150px;}
#section2{display: flex;flex-direction: row;}
#section2>div{width:50%;}
#section2>div{position:relative;display: flex;flex-direction: column;text-align: right;align-items: flex-end;}
#section2>div>img{width:100%;height:auto;}
.img-haut{opacity:0;transform: translateY(100%);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.img-haut.visible{opacity:1;transform: translateY(0);}
.txt-anim1{opacity:0;transform: translateX(-100%);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.txt-anim1.visible{opacity:1;transform: translateX(0);}

.section-content h1{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritB', Serif;font-size:50px;}
.section-content h1::first-letter{font-size:80px;}
.section-content hr{margin:50px 0px;width:150px;height:15px;border:0px;color:var(--dore);background-color: var(--dore);}
.section-content .bt-base{margin-top:50px;}
.section-content p{padding:0px;margin:0px;font-size:18px;line-height: 2em;padding-left:40%;letter-spacing:0.05em;}
#section2>div>img{position:absolute;bottom:0px;z-index:9;padding-left:100px;height:710px;object-fit: cover;max-width:1000px;}
/* S3 */
#section3{float:left;width:100%;padding-bottom:220px;}
#section3>div{position: relative;padding:280px 0px;width:100%;z-index:0;display: flex;justify-content: center;align-items: center;color:#ffffff;text-align: center;flex-direction: column;}
#section3>div:before{position: absolute;width:10px;height:200px;z-index:2;background-color: var(--dore);content:'';top:-100px;}
#section3>div:after{position: absolute;width:10px;height:200px;z-index:2;background-color: var(--dore);content:'';bottom:-100px;}
#section3>div>img{position:absolute;z-index:-1;width:100%;height:100%;object-fit: cover;}
#section3 p{padding:50px 0px;margin:0px;font-size:18px;line-height: 2em;letter-spacing:0.05em;}
#section3 h2{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritM', Serif;font-size:50px;}
#section3 h2::first-letter{font-size:80px;}
#section3 h2 strong{font-weight: normal;font-family: 'ManuscritBI', Serif;}
#section3b{float:left;width:100%;padding-bottom:220px;}
#section3b>div{position: relative;padding:280px 0px;width:100%;z-index:0;display: flex;justify-content: center;align-items: center;color:#ffffff;text-align: center;flex-direction: column;}
#section3b>div:before{position: absolute;width:10px;height:200px;z-index:2;background-color: var(--dore);content:'';top:-100px;}
#section3b>div:after{position: absolute;width:10px;height:200px;z-index:2;background-color: var(--dore);content:'';bottom:-100px;}
#section3b>div>img{position:absolute;z-index:-1;width:100%;height:100%;object-fit: cover;}
#section3b p{padding:50px 0px;margin:0px;font-size:18px;line-height: 2em;letter-spacing:0.05em;}
#section3b h2{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritM', Serif;font-size:50px;}
#section3b h2::first-letter{font-size:80px;}
#section3b h2 strong{font-weight: normal;font-family: 'ManuscritBI', Serif;}

/* S4 */
#section4{float:left;width:100%;display: flex;flex-direction: row;padding-bottom:120px;}
#section4>div{width:50%;}
#section4>div>img{width:100%;height:auto;object-fit: cover;}
#section4>div:first-of-type{display: flex;flex-direction: column;align-items: flex-end;text-align: right;justify-content: space-between;}
#section4>div:first-of-type img{padding-bottom:50px;}
#section4>div:first-of-type>div{display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
#section4>div:last-of-type{padding-left:100px;}
#section4 h2{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritM', Serif;font-size:50px;}
#section4 h2::first-letter{font-size:80px;}
#section4 h2 strong{font-weight: normal;font-family: 'ManuscritBI', Serif;}
/* S5*/
#section5{float:left;width:100%;padding-bottom:120px;}
#section5>div{float:left;width:100%;background: url(../images/domaine-derey-blason-clair.jpg);background-position:top -100px right -900px;background-repeat: no-repeat;}
#section5>div>div{position:relative;float:left;width:100%;background:rgba(233, 231, 220, 0.7);padding:120px 40px;text-align: center;}
#section5>div>div p{font-family: 'Manuscrit', Serif;font-size:40px;line-height: 2em;}
#section5>div>div p strong{font-family: 'ManuscritBI', Serif;}
#section5>div>div:after{position: absolute;width:10px;height:200px;z-index:2;background-color: var(--dore);content:'';bottom:-100px;}

/* S6*/
#section6{float:left;width:100%;display: flex;flex-direction: column;text-align: center;align-items: center;}
#section6 h2{margin:0px;line-height:1em;font-weight:normal;font-family: 'ManuscritM', Serif;font-size:50px;}
#section6 h2::first-letter{font-size:80px;}
#section6 h2 strong{font-weight: normal;font-family: 'ManuscritBI', Serif;}
#section6 hr{margin:50px 0px;width:150px;height:15px;border:0px;color:var(--dore);background-color: var(--dore);}
#section6>div{float:left;width:100%;padding:20px 5% 0px 5%;display: flex;flex-direction: row;justify-content: space-between;}
#section6>div>div{width:32%;position: relative;height:700px;padding:20px;display: flex;align-items: flex-start;}
#section6>div>div img{position:absolute;z-index:-1;width:100%;height:100%;object-fit: cover;top:0px;left:0px;}
#section6>div>div span{text-transform: uppercase;padding:10px 15px;font-size:18px;letter-spacing:1px;color:#ffffff;background-color: var(--dore);font-family: 'OswaldL', Arial;}
/* S7*/
#section7{float:left;width:100%;text-align: center;padding-top:0px;display: flex;flex-direction: column;align-items: center;}
#section7 p{font-family: 'Manuscrit', Serif;font-size:40px;line-height: 2em;margin:0px;padding:50px 0px;}
#section7 p strong{font-family: 'ManuscritBI', Serif;}
/* footer */
footer{float:left;width:100%;background-color:#f4f3ed;display: flex;flex-direction: column;margin-top:120px;}
footer.marge1{padding:60px 5%;}
footer>div{width:100%;display: flex;flex-direction: row;}
footer h3{font-weight: normal;font-family: 'Oswald', Arial;color:var(--violet);font-size:18px;}
footer a{text-decoration: none;font-size:16px;}
footer>div a{color:#000000;}
footer>div a:hover{color:var(--violet);}
footer>div:first-of-type>div:nth-of-type(2) a{color:var(--marron);}
footer>div:first-of-type>div{width:15%;}
footer>div:first-of-type>div:first-of-type{width:20%;}
footer>div:first-of-type>div:nth-of-type(2){width:20%;}
footer>div:first-of-type>div:last-of-type{flex-direction: row;flex-wrap: wrap;align-content:flex-start;}
footer>div:first-of-type>div:last-of-type h3{width:100%;}
footer>div:first-of-type>div:last-of-type a{color:var(--marron);font-size:30px;margin-right:10px;}
footer>div:first-of-type>div:last-of-type a:hover{color:var(--violet)}
footer>div img{width:70%;height:auto;padding-top:30px;}
footer>div:last-of-type{width:100%;justify-content: flex-end;padding-top:40px;}
footer>div:last-of-type a{margin-left:20px;font-size:12px;}
footer>div>div{display: flex;flex-direction: column;line-height:2.5em;}
/* type */
.header-section-type{animation: 1s ease-out 0s 1 Opace;margin-top:145px;float:left;width:100%;position: relative;background-color: #000000;color:#ffffff;display: flex;justify-content: center;align-items: center;height:350px;}
.header-section-type img{position:absolute;width:100%;height:100%;object-fit: cover;z-index:0;opacity:0.5;}
.header-section-type h1{letter-spacing:2px;margin:0px;padding:0px;z-index:1;font-weight: normal;font-size:70px;font-family: 'ManuscritB', Serif;}
/* vins */ 
#section-vins{position:relative;float:left;width:100%;display: flex;justify-content: center;padding:80px 0px 150px 0px;flex-direction: column;align-items: center;background: url(../images/domaine-derey-blason-clair.jpg);background-position:top 100px center;background-repeat: no-repeat;background-size: 50%;}
#section-vins h2{letter-spacing:2px;margin:0px;padding:0px;padding-top:50px;z-index:1;font-weight: normal;font-size:50px;font-family: 'ManuscritB', Serif;}
#section-vins hr{margin:80px 0px 50px 0px;width:150px;height:15px;border:0px;color:var(--dore);background-color: var(--dore);}
#section-vins .hr-1261{color:#b52b2d;background:#b52b2d;}
#section-vins .hr-1262{color:#ccca68;background:#ccca68;}
#section-vins .hr-1263{color:#ec5fad;background:#ec5fad;}
#section-vins .hr-1269{color:#9e9016;background:#9e9016;}
#section-vins:after{position: absolute;width: 10px;height: 150px;z-index: 2;background-color: var(--dore);content: '';bottom: 0px;}
.page-vin-on{border-bottom:4px solid #b52b2d;}
.page-vin-on-1261{border-color:#b52b2d;}
.page-vin-on-1262{border-color:#ccca68;}
.page-vin-on-1263{border-color:#ec5fad;}
.page-vin-on-1269{border-color:#9e9016;}
#menu-vins{animation: 1.5s ease-out 0s 1 slideInFromLeft;float:left;display: flex;flex-direction: row;justify-content: space-between;padding-bottom:50px;width:60%;}
#menu-vins a{display:block;text-decoration: none;color:#000000;font-family:'ManuscritM', Serif;letter-spacing:2px;font-size:14px;text-transform: uppercase;padding-bottom:5px;}
#menu-vins a::first-letter{font-family: 'ManuscritB', Serif;font-size:16px;}
#menu-vins a:hover{color:var(--marron);}
#defilement-btl{height:650px;padding:0px;margin-top:50px;}
.defilement-btl-content .bloc-btl a{height:70%;}
.defilement-btl-content .bloc-btl a:hover{transform: scale(1.02);}
.defilement-btl-content .bloc-btl h3{font-family: 'ManuscritB', Serif;font-size:24px;text-transform: none;display: flex;flex-direction: column;align-items: center;padding:0px 12%;}
.defilement-btl-content .bloc-btl h3 strong{margin-top:20px;color:var(--dore);font-family: 'Oswald', Arial;font-size:14px;letter-spacing:2px;}
.defilement-btl-content .bloc-btl img{height:100%;}
#nextbtl:hover i{background: var(--violet);}
#prevbtl:hover i{background: var(--violet);}y
.fleche{width:80px;color:#ffffff;}
.fleche i{background:var(--dore);width:100%;display: flex;justify-content: center;height:120px;align-items: center;}
#section6.section6-une-image{padding-top:40px;}
#section6.section6-une-image>div>div{width:100%;height:600px;}
.bt-vins a{font-family: 'ManuscritB', Serif;font-size:12px;}
.close{font-family: 'ManuscritB', Serif;font-size:12px;}

/* histoire */
#entete-page{animation: 1s ease-out 0s 1 slideInFromLeft;float:left;width:100%;padding:80px 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#entete-page strong{color:var(--dore);font-family:'OswaldB', sans-serif;}
#entete-page h2{font-weight:normal;letter-spacing:2px;margin:0px;padding:0px;padding-top:50px;padding-bottom:50px;z-index:1;font-weight: normal;font-size:50px;font-family: 'ManuscritB', Serif;}
#entete-page h3{font-weight:normal;font-family: 'Manuscrit', Serif;font-size: 40px;color:var(--violet);padding:0px;margin:0px;}
#entete-page hr{margin:60px 0px 60px 0px;width:150px;height:15px;border:0px;color:var(--dore);background-color: var(--dore);}
#entete-page p{text-align:center;padding: 0px 25%;margin: 0px;font-size: 18px;line-height: 2em;letter-spacing: 0.05em;}
.section-photo-type{float:left;width:90%;display: flex;flex-direction: row;background-color:#e9e9e9;margin:0px 5% 200px 5%;}
.section-photo-type i{margin-right:15px;color:var(--dore)}
.section-photo-type>img{width:30%;height:auto;object-fit: cover;}
.section-photo-type>div{position:relative;padding:200px 150px;display: flex;flex-direction: column;align-items: flex-start;background:url(../images/domaine-derey-blason-gris.jpg) no-repeat;    background-size: cover;background-position: center left -750px;}
.section-photo-type>div:before{z-index:2;position: absolute;width:155px;height:10px;z-index:2;background-color: var(--dore);content:'';left:-77px;top:100px;}
.section-photo-type h4{font-weight:normal;font-family: 'Manuscrit', Serif;font-size: 40px;color:var(--violet);padding:0px;margin:0px;padding-bottom:40px;}
.section-photo-type p{padding: 0px;margin: 0px;font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;}
.section-photo-type .bt-base-dore{margin-top:40px;}
.section-photo-type>div>div{padding-top:10px;font-size:20px !important;line-height: 2em;display: flex;align-items: center;}
.section-photo-type>div>div p{font-size:20px !important;line-height: 2em;}
.section-img-text-in-type>div{background:#000000;}
.section-img-text-in-type img{opacity:0.5;}
#section3.section-img-text-in-type div{padding:180px 0px;}
#section3b.section-img-text-in-type div{padding:180px 0px;}
.section-texte-double{float:left;width:100%;display: flex;flex-direction: column;align-items: center;padding-bottom:100px;background:url(../images/domaine-derey-blason-clair.jpg) no-repeat;    background-size:70%;background-position: center;}
.section-texte-double h2{font-weight:normal;font-family: 'Manuscrit', Serif;font-size: 40px;color:var(--violet);padding:0px;margin:0px;padding-bottom:0px;}
.section-texte-double hr{margin:60px 0px 60px 0px;width:150px;height:15px;border:0px;color:var(--dore);background-color: var(--dore);}
.section-texte-double>div{width:60%;display: flex;flex-direction: row;justify-content: space-between;}
.section-texte-double>div>div{width:45%;font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;text-align: justify;}
.section-texte-double>div>div *{padding: 0px;margin: 0px;font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;}
#section4.section-text-img-img-type>div:first-of-type{justify-content: flex-start;}
#section4.section-text-img-img-type h2{font-weight:normal;font-family: 'Manuscrit', Serif;font-size: 40px;color:var(--violet);padding:0px;margin:0px;padding-bottom:40px;}
#section4.section-text-img-img-type h2::first-letter{font-size: 40px;}
#section4.section-text-img-img-type>div:first-of-type>div{align-items: flex-start;text-align: left;padding:50px 20%;}
#section4.section-text-img-img-type.section-content p{padding:0px;font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;}
#section4.section-text-img-img-type{position: relative;margin-top:40px;margin-bottom:130px;}
#section4.section-text-img-img-type:before{position: absolute;width:10px;left:50%;height:200px;z-index:2;background-color: var(--dore);content:'';top:-100px;margin-left:-5px;}
#section4.section-text-img-img-type:after{position: absolute;width:10px;left:50%;height:200px;z-index:2;background-color: var(--dore);content:'';bottom:-100px;margin-left:-5px;}
#section4.section-text-img-img-type>div:first-of-type{width:52%;}
#section4.section-text-img-img-type>div:last-of-type{width:48%;}
/* domaine conduite */
#section3.section-img-text-in-type-domaine{padding-bottom:60px;}
#section3b.section-img-text-in-type-domaine{padding-bottom:60px;}
#section4.section-text-img-img-type-domaine{margin-top:100px;}
#section4.section-text-img-img-type-domaine:after{display:none;}
.section-double-domaine{padding-top:100px;padding-bottom:160px;}

.contenu-sup{height:0px;opacity:0;padding:0px 50px;width:100%;overflow:hidden;font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background:#e9e9e9;color:#000000;}
.contenu-sup.visible{height:auto;opacity:1;padding:50px;width:100%;overflow:unset;margin-top:20px;border-bottom:10px solid grey;border-color: var(--marron);}

/* page freres */
/* frères */
.section-freres{padding-top:100px;}
.section-freres-desc{background:#e9e9e9;position:relative;float:left;width:100%;display: flex;flex-direction: row;justify-content: space-between;padding-top:100px;margin-top:50px;padding-bottom:180px;}
.section-freres-desc:before{position: absolute;width:10px;left:50%;height:200px;z-index:2;background-color: var(--violet);content:'';top:-100px;margin-left:-5px;}
.section-freres-desc>div{overflow:hidden;width:32%;background:#ffffff;position:relative;z-index:1;}
.section-freres-desc>div:before{content:url(../images/domaine-derey-blason-clair.jpg);position:absolute;left:-50px;bottom:0px;width:200px;height:auto;z-index:0;}
.section-freres-desc>div.fade{transition: all 2s ease;}
.section-freres-desc>div.fade.fade3{transition: all 2s ease;}
.section-freres-desc>div:nth-of-type(even) h3{background:var(--violet);}
.section-freres-desc>div:hover h3{padding-right:40px;}
.section-freres-desc>div:hover>div{border-width:10px;}
.section-freres-desc>div>h3{position:relative;z-index:2;line-height:1em;text-align:right;background:var(--dore);color:#ffffff;padding:20px;height:100px;width:100%;display: flex;justify-content: flex-end;align-items: flex-end;font-family: 'Manuscrit', serif;font-size:40px;font-weight: normal;margin:0px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section-freres-desc>div>div{position:relative;z-index:2;min-height:350px;margin: 0px;font-size: 16px;line-height: 1.5em;letter-spacing: 0.05em;padding:30px 10%;border-bottom:5px solid grey;border-color: var(--dore);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section-freres-desc>div:nth-of-type(even)>div{border-color:var(--violet)}
#section3.section-grands-vins-bas{padding-bottom:20px;}
.section-grands-vins-bas>div:after{display:none;}
/* contact */
.section-photo-type.section-carte>div{justify-content: center;padding:0px 150px;border-bottom:10px solid grey;border-color: var(--dore);}
.section-photo-type.section-carte>div, .section-photo-type.section-carte>img{width:50%;}
.section-photo-type.section-carte>img{width:50%;height:500px;}
.section-photo-type.section-carte>div:before{display:none;}
.formulaire_intro{display: flex;width:100%;justify-content: center;flex-direction: column;color:#000000;}
.formulaire_intro h4{font-weight:normal;font-family: 'Manuscrit', Serif;font-size: 40px;color:var(--violet);padding:0px;margin:0px;padding-bottom:20px;}
#section3.section-img-text-in-form>div{background:#e9e9e9;padding:150px 50px;width:80%;margin-left:10%;}
#section3.section-img-text-in-form p{padding:30px 0px;}
#formulaire_75 label{color:var(--dore);font-family: 'ManuscritB', Serif;font-size:20px;padding-bottom:10px;}
#formulaire_75 input, #formulaire_75 textarea{background:#ffffff;border:0px;padding:20px;font-family: 'ManuscritB', Serif;}
#formulaire_75 .label_563{font-size:14px;padding:5px 30%;}
#formulaire_75 #param_563_0{}
#contact-col-2>div>div:last-of-type{padding-top:20px;color:var(--marron)}

/* actu */
.bloc-actu{width:60%;float:left;margin:0px 20%;background:#e9e9e9;margin-bottom:50px;}
.bloc-actu:last-of-type{margin-bottom:0px;}
.bloc-actu>img{width:100%;height:auto;object-fit: cover;max-height:600px;}
.bloc-actu>div{padding:50px;width:100%;}
.bloc-actu>div *{font-size: 16px;line-height: 1.5em;letter-spacing: 0.01em;}
.bloc-actu>div h1, .bloc-actu>div h2, .bloc-actu>div h3, .bloc-actu>div h4, .bloc-actu>div h5, .bloc-actu>div h6{font-family:'Manuscrit', Serif;font-size:30px !important;color:var(--violet);font-weight: normal;}
.bloc-actu a{text-decoration: underline;color:var(--violet)}

/* animations */
.fade {opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;left:-100%;} 
.fade.fade2 {opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;left:-100%;position:relative;} 
.fade.fade3 {opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;left:auto;bottom:-400px;position:relative;} 
.fade.visible {opacity: 1;left:0px;}
.fade.fade2.visible {opacity: 1;left:0px;}
.fade.fade3.visible {opacity: 1;left:auto;bottom:0px;}

/* mobile */
#show-menu{display:none;position:fixed;font-size:24px;background: var(--dore);color:#ffffff;padding:0px 20px;width:70px;left:0px;top:0px;text-align: center;height:57px;justify-content: center;align-items: center;text-decoration: none;}
#header1 #hide-menu{display:none;position:absolute;right:0px;top:0px;height:100%;background:var(--dore);color:#ffffff;text-decoration: none;width:50px;justify-content: center;align-items: center;font-size:20px;}
#header1 #hide-menu i{color:#ffffff;padding:0px;}
header.on{transform: translateX(0%);}
#show-menu.on{transform: translateX(-100%);}

/* ---------------------------------- */			
/* Responsive */
/* ---------------------------------- */	

@media (max-width: 1279px), (max-device-width: 1279px){
	#titre-s1{width:100%;text-align: center;}
	#titre-s1 h1::first-letter{font-size:40px;}
	#titre-s1 h1{font-size:30px}
	#titre-s1 h2{font-size:24px;}
	#header2>span{font-size:14px;padding-right:4%;}
	#menu-principal a{letter-spacing:1px;font-size: 12px;}
	.section-content h1::first-letter{font-size:40px;}
	.section-content h1{font-size:30px;}
	#section2>div>img{height:580px;}
	#titre-s1.visible h2:after{display:none;}
	#section3>div{padding:200px 0px;}
	#section3 h2::first-letter, #section4 h2::first-letter, #section6 h2::first-letter{font-size:40px;}
	#section3 h2, #section4 h2, #section6 h2{font-size:30px;}
	#section5>div>div p, #section7 p{font-size:30px;}
	footer a, footer>div>div{font-size:14px;}
	.header-section-type{height:250px;}
	.header-section-type h1::first-letter{font-size:40px;}
	.header-section-type h1{font-size:30px;}
	#entete-page h2{font-size:30px;padding-bottom:20px;text-align: center;line-height: 1em;}
	#entete-page h3{font-size:24px;}
	#entete-page p{padding:0px 5%;}
	.section-photo-type h4{font-size:30px;}
	.section-texte-double h2, #section4.section-text-img-img-type h2{font-size:30px;}
	.fade.fade3{bottom:-100px;}
	.formulaire_intro h4{line-height: 1em;font-size:30px;}
	#section-vins h2{font-size:30px;}
	.popup-vin{padding:0px 10%;}
}

@media (max-width: 1080px), (max-device-width: 1080px){
	header{position:fixed;height:100vh;width:90%;justify-content: space-between;transform:translateX(-100%);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
	#header1{height:auto;padding-top:20px;padding-bottom:20px;padding-right:80px;}
	#header2{height:100%;flex-direction: column;padding-top:50px;padding-bottom:50px;}
	#header2>img{height:30%;max-width:50%;margin-top:auto;object-fit: contain;}
	#header2>span{padding:0px;font-size:24px;}
	#menu-principal{width:100%;flex-direction: column;height:100%;font-size:20px;}
	#menu-principal li{padding:0px;}
	#menu-principal a::first-letter{font-size:24px;}
	#menu-principal a{font-size:20px;padding:20px 0px;}
	#menu-principal a:hover{padding-bottom:15px;}
	#header1 #hide-menu{display:flex;}
	#show-menu{display:flex;z-index:100;}
	#titre-s1{padding:0px 5px;letter-spacing: 0px;bottom:100px;}
	#section2{flex-direction: column;padding-bottom:100px;}
	#section2>div{width:100%;align-items: center;}
	.section-content p{padding-left:0px;text-align: center;}
	#section2>div:last-of-type{padding-top:40px;}
	#section2>div>img{position: relative;width:100%;height:auto;padding:0px}
	#section3{padding-bottom:100px;}
	#section3>div{padding:200px 50px;}
	#section4{flex-direction: column;padding-bottom:80px;}
	#section4>div{width:100%;}
	#section4>div:first-of-type>div{align-items: center;text-align: center;width:100%;}
	#section4>div:last-of-type{padding:0px;padding-top:40px;}
	#section5>div>div p, #section7 p{line-height:1.5em;}
	#section6>div{flex-direction: column;}
	#section6>div>div{height:500px;width:100%;margin-bottom:20px;}
	#section6.section6-une-image>div>div{height:500px;}
	footer>div{flex-wrap: wrap;}
	footer>div:first-of-type>div{width:50%;text-align: left;}
	footer>div:first-of-type>div:first-of-type, footer>div:first-of-type>div:nth-of-type(2){width:50%;}
	footer>div:first-of-type>div:first-of-type a{text-align: left;}
	footer>div:first-of-type>div:last-of-type{justify-content: flex-start;}
	.header-section-type{margin-top:0px;align-items: flex-end;min-height:170px;height:auto;}
	.header-section-type h1{padding-bottom:40px;}
	#section-vins{padding-top:20px;}
	#menu-vins{width:95%;flex-wrap: wrap;text-align: center;padding:10px;}
	#menu-vins a{width:48%;font-size:12px;background:#f4f3ed;margin-bottom:10px;padding:20px;display: flex;align-items: center;justify-content: center;}
	#menu-vins .page-vin-on{border:0px;background: var(--dore);color:#ffffff;}
	#defilement-btl{height:auto;padding:0px;margin-top:0px;}
	.liste-vins-mobile{display:block;}
	#nextbtl, #prevbtl{display:none;}
	.defilement-btl-conteneur{float:left;margin-left:0px;width:100%;}
	.defilement-btl-content{position:relative;float:left;height:auto;left:0px !important;}
	.bloc-btl{display:none;}
	.popup-vin{position:fixed;padding:20px;}
	.contenu-vin div:last-of-type{padding:0px 20px 20px 0px;}
	.close{bottom:auto;top:0px;right:0px;left:auto;}
	#entete-page{padding-top:20px;padding-bottom:40px;}
	#entete-page h3{text-align: center;line-height: 1em;}
	.section-photo-type{flex-wrap: wrap;margin-bottom:100px;}
	.section-photo-type>img{width:100%;}
	.section-photo-type>div:before{display:none;}
	.section-photo-type>div{padding:50px;}
	.section-photo-type h4{line-height: 1em;}
	.section-texte-double{padding-top:60px;}
	.section-texte-double>div{width:100%;flex-wrap: wrap;}
	.section-texte-double>div>div{width:100%;padding-bottom:20px;}
	#section4.section-text-img-img-type>div:first-of-type, #section4.section-text-img-img-type>div:last-of-type{width:100%;}
	#section4.section-text-img-img-type>div:first-of-type>div{padding:30px 0px;align-items: center;text-align:center;}
	.section-freres-desc{flex-wrap: wrap;}
	.section-freres-desc>div{width:100%;margin-bottom:20px;}
	.section-freres-desc:before{background: var(--dore);}
	.section-freres-desc>div>h3{font-size:24px;}
	.section-double-domaine{padding-bottom:110px;}
	#section4.section-text-img-img-type-domaine{margin-bottom:20px;}
	.section-double-domaine:last-of-type{padding-bottom:0px;}
	.section-photo-type.section-carte>img, .section-photo-type.section-carte>div, .section-photo-type.section-carte>img{width:100%;}
	.section-photo-type.section-carte>div{padding:50px;}
	#section3.section-img-text-in-form>div{width:96%;margin-left:2%;padding:120px 50px;}
	#formulaire_75 input, #formulaire_75 textarea{width:100%;}
	#formulaire_75 .label_563{padding:5px;}
	#section3.section-img-text-in-form{margin-bottom:30px;}
	.bloc-actu{width:90%;margin:0px 5%;}
	.contenu-vin div:last-of-type h3{font-size:20px;line-height: 1em;}
	.contenu-vin img{padding:20px;}
	.contenu-vin div:last-of-type{font-size:14px;}
}


	/* Tablette */
	@media (max-width: 1450px), (max-device-width: 1450px){
		/*header{justify-content: space-between;}
		#blason{margin-left:0%;width:200px;}
		#menu{display:flex;width:80%;}
		#menu_m{display:none;}
		#openmenum{display:none;}
		.liste-vins-mobile{display:none;}
		#nextbtl, #prevbtl{display:flex;}
		.popup-vin{position:absolute;}
		#diapo-rub{display:block !important;}
		.defilement-btl-content .bloc-btl h3{font-size: 100%;}*/

	}
	/* Tablette */
@media (max-width: 990px), (max-device-width: 990px){
	/*#page{height:100%;}
	#menu{display:none;}
	#menu_m{display:none;}
	#diapo-rub{display:none !important;}
	#openmenum{display:block;}
	#blason{margin-left:0%;width:100%;}
	#logo{width:70%;left:11%;}
	#contenu{overflow:hidden;height:60vh}
	#contenu.contenu-type-1{height:auto;}
	#contenu.contenu-type-2{height:auto;}
	#defilement-btl{height:auto;padding:0px;}
	.liste-vins-mobile{display:block;}
	#nextbtl, #prevbtl{display:none;}
	.defilement-btl-conteneur{float:left;margin-left:0px;width:100%;}
	.defilement-btl-content{position:relative;float:left;height:auto;left:0px !important;}
	.bloc-btl{display:none;}
	.popup-vin{position:fixed;padding:20px;}
	.contenu-vin div:last-of-type{padding:0px 20px 20px 0px;}
	.close{bottom:auto;top:0px;right:auto;left:0px;}
	.contenu-type-3492>div:first-of-type, .contenu-type-3494>div:first-of-type, .contenu-type-3492>div:last-of-type, .contenu-type-3494>div:last-of-type{width:100%;}
	.contenu-type-3492>div:last-of-type>div, .contenu-type-3494>div:last-of-type>div{height:auto;margin:0px;overflow:hidden;margin-bottom:20px;}
	.contenu-type-3492>div:last-of-type>div a, .contenu-type-3494>div:last-of-type>div a{float:left;}
	.contenu-type-3493>div:first-of-type{flex-direction: column;height:auto;}
	.contenu-type-3493>div:first-of-type img{width:100%;padding-bottom:2%;}
	.contenu-type-3495 img, .contenu-type-3496 img{max-width:100%;width:100%;height:250px;}
	#formulaire_75 input, #formulaire_75 textarea{width:100%;}*/
}

	/* Smartphone */
@media (max-width: 480px), (max-device-width: 480px){
	
}

/* ---------------------------------- */