body{font-family:'SinkinSans';font-size:1rem;color:#31231F;background-color:#D3C2B4;}

header{background-color:#D3C2B4;padding:0 7%;position:fixed;z-index:1;top:0}
.container-fluid{overflow: hidden;}
.navbar.navbar-expand-lg {padding: 0;}
.logoBrand{height:118px;width:189px;}
.navbar-brand{padding:0}
.navbar-nav a.nav-link { font-weight:500;text-transform:uppercase;position:relative;}
.navbar-nav a.nav-link::after{position:absolute;top:0;right:-0.5rem;content:"";width:10px;height:20px;background-image:url('../img/apostrophe.png');}
.blocTop{padding:0;}
.blocToit{position:relative;margin: 0;min-height:100vh;background-image: url('../img/PLATE_ORIGINE_TERROIR_D_ANTAN_N04_DSC2191_copie.jpg');background-size: 1500px auto;cursor:none;overflow:hidden;}
.blocToit #loupe{width:400px;height:500px;border:solid 1rem #FFF;position:absolute;background-image: url('../img/PLATE_ORIGINE_TERROIR_D_ANTAN_N04_DSC2191_copie.jpg');background-size: 1500px auto;box-shadow:0 0 10px rgba(0,0,0,0.6);filter:brigthness(1.3);}

.coloris {position: absolute;bottom: 0;background: #FFF;font-weight: 700;font-size: 2rem;color: #E74E00;width: 100%;line-height:2rem;padding-top:1rem;}
.coloris .nomColoris{display:block;font-weight:300;color:#31231F;}

.blocPresentation{padding:5rem 0;background-color:#D3C2B4;}
.blocPresentation .vAuthentic{text-align:center;margin: auto; display: flex;max-width: 90%;mix-blend-mode: multiply;}
.blocPresentation h1 {font-weight:700;font-size:2.1875rem;padding:8rem 0 2rem;}
.blocPresentation h1 span{display:block;font-weight:200;font-size:6.3125rem}
.blocPresentation p:last-child{font-size:1.6875rem;margin-top:3rem;letter-spacing:initial;line-height: 2;}
.blocPresentation p {font-size:1.875rem;font-weight:400;margin-top:1.5rem;letter-spacing: 0.6rem;}


.blocPictureOnly{background-color:#D3C2B4;}
.blocPictureOnly img{width:100%;height:901px;padding:2rem;object-fit:cover;-o-object-fit:cover;}
.blocFeatures{display:flex;padding: 10rem 0; background-image:url('../img/TERREAL_BERD_HUIS_DSF6675.png');background-repeat:no-repeat;background-size: cover;background-position:center center;}
.bContentFeatures{background-color:#D3C2B4;padding:60px 80px;min-width: 360px;}
.bContentFeatures .vEssentiel{text-align:center;height:243px;margin: auto; display: flex;}
.bContentFeatures h2 {text-align: center;font-weight:700;font-size:2.1875rem;padding:2rem 0;}
.bContentFeatures h2 span{display:block;font-weight:200;font-size:6.3125rem}
.bContentFeatures p{font-weight:400;font-size:1.875rem;line-height:3rem;}
.bContentFeatures dl{line-height:3rem;font-size:1.6875rem;margin-top: 3rem;}
.bContentFeatures dt {font-weight:400;}
.bContentFeatures dt strong{font-weight:600;}
.bContentFeatures dd{}

.blocDiap{background-color:#FFF;padding-top:1.5rem;}
/*.blocDiap .gallery{height:862px;}*/
.blocDiap .gallery img, .blocDiap .gallery2 img {height:100%;object-fit:cover;-object-fit:cover;width: 100%;}
.blocDiapVignette{background-color:#FFF;padding:1.5rem 10% 10rem;}


.blocDiapVignette .terreal-arrow{background:none;opacity:1;bottom:0}
.blocDiapVignette .terreal-arrow svg{fill:#D65926;height:2rem;width:2rem;}
.blocDiapVignette .terreal-prev{left:-3%;}
.blocDiapVignette .terreal-next{right:-3%;}
.blocDiapVignette .splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--nav > .splide__track > .splide__list > .splide__slide.is-active {border: 3px solid #31231F !important;}

.BlocListPictures {background-color: #FFF;padding: 2rem 7%;}
.BlocListPictures p{}
.blocForm {background-color: #FFF; padding: 10rem 0 0;}

.blocForm h2{font-weight:600;font-size:2.1875rem;color:#E74E00;text-transform:uppercase;}
.blocForm p {font-weight:300;font-size:1.3125rem;color:#707070;}
.blocForm p.pinfos{font-weight:700;font-size:1.5625rem;color:#D4310F;margin-top:1.5rem;}
.blocForm .form-group{border-bottom:1px solid #C34024;padding-bottom: 1rem;margin-top: 2rem;}
.blocForm .form-group:last-child{border:none;}
.blocForm .form-group input,.blocForm .form-group input::placeholder{font-size:1.5rem;font-weight:400;color:#707070;border:none;padding-left:0;border-radius: 0;}
.blocForm button{font-weight:600;font-size:1.375rem;color:#E74E00;border:4px solid #E74E00;border-radius:32px;padding: 0.8rem 4rem 0.8rem 2rem;position: relative;margin-top: 4rem;}
.blocForm button span {font-size: 2.2rem;position: absolute;right: 1.2rem;top: 0.4rem;width: 14px;}
.form-control.alert-danger {background: rgba(255,0,0,0.1);}
.blocConfirmation{background-color:#FFFFFF;height:100vh;display: flex;}
.blocConfirmation .contenu{margin:auto;}
.blocConfirmation h1{font-weight:700;font-size:4.375rem;color:#D4310F}
.blocConfirmation p{font-weight:400;font-size:1.5rem;color:#E1580A;margin-top:2rem;}
footer{background-color:#EEEEEE;background-image:url('../img/Groupe-18-w.png'); background-repeat:no-repeat; background-position:top center; background-size:100% auto;padding-top: 20rem;padding-bottom:2rem;}
footer a.linkLogo {display: flex;width:auto;height:auto;}
footer a.linkLogo .logoFooter{width:358px;height:224px;}
footer .bfooter{padding-right:5rem;}
footer .bfooter p{text-transform:uppercase;text-transform:uppercase;color:#E74E00;margin-top: 2rem;text-align:right;}
footer p{font-weight:600;font-size:1.2rem;}
footer .bottomFooter{padding-top:8rem;}
footer .bottomFooter p, footer .bottomFooter p a{color:#31231F;font-size:1rem;font-weight:200;}
footer a.reseaux{text-align:right;display:inline-block;margin:0 1rem;}
footer a.reseaux:last-child{margin-right:2rem;}
footer a.reseaux:first-child{margin-left:5rem;}




/* -------------------------------------------------------------------------- */
/*
/*                           /* MEDIA QUERIES */
/*
/* -------------------------------------------------------------------------- */
/* Écran 15', 16' et 17' */
@media screen and (min-device-width: 1200px) and (max-device-width: 1800px) and (-webkit-min-device-pixel-ratio: 1){


.logoBrand{height:82.6px;width:132.3px;}
.blocToit #loupe{width:280px;height:350px;border:solid 0.7rem #FFF;}

.coloris {font-size: 1.4rem;line-height:1.4rem;padding-top:0.7rem;}

.blocPresentation h1 {/*font-size:1.5rem;*/padding:5.6rem 0 1.4rem;}
.blocPresentation h1 span{/*font-size:4.42rem*/}
.blocPresentation p:last-child{font-size:1.3rem;margin-top:2.1rem;}
.blocPresentation p {font-size:1.4rem;/*margin-top:1.05rem;*/}
.blocPictureOnly img{height:630px;}
.blocFeatures{padding: 7rem 0;}
.bContentFeatures{padding:42px 56px;min-width: 360px;}
.bContentFeatures h2 {font-size:1.35rem;padding:1.4rem 0;}
.bContentFeatures h2 span{font-size:4rem}
.bContentFeatures p{font-size:1.3rem;line-height:2.1rem;}
.bContentFeatures dl{line-height:1.6rem;font-size:1.1rem;margin-top: 2.1rem;}
.bContentFeatures .vEssentiel{height:170px;}
.blocDiap .gallery{height:603px;}
.blocDiapVignette{padding:1.5rem 10% 7rem;}
.blocForm {padding: 7rem 0 0;}
.blocForm h2{font-size:1.5rem;}
.blocForm p {font-size:1rem;}
.blocForm p.pinfos{font-size:1.1rem;margin-top:1.5rem;}
.blocForm .form-group{padding-bottom: 0.7rem;margin-top: 1.4rem;}

.blocForm .form-group input,.blocForm .form-group input::placeholder{font-size:1.05rem;}
.blocForm button{font-size:1rem;color:#E74E00;border:4px solid #E74E00;border-radius:32px;position: relative;margin-top: 4rem;}
.blocForm button span {font-size: 1.5rem;}

.blocConfirmation h1{font-weight:700;font-size:3rem;color:#D4310F}
.blocConfirmation p{font-size:1.05rem;margin-top:1.4rem;}
footer{padding-top: 14rem;padding-bottom:2rem;}
footer a.linkLogo .logoFooter{width:250px;height:156px;}
footer .bfooter{padding-right:3.5rem;padding-top: 3.5rem;}
footer p{font-size:0.84rem;margin-top: 1.4rem;}
footer a.reseaux:last-child{margin-right:1.4rem;}
footer a.reseaux:first-child{margin-left:3.5rem;}

}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1800px;width:90%;}




}

/* Tablette Paysage */
@media(max-width: 1367px){

  .blocPresentation h1 {font-size:2rem;padding:1rem 0 1.4rem;}
  .blocPresentation h1 span{font-size:4rem}
  .blocPresentation p:last-child{font-size:1.1rem;margin-top:2.1rem;}
  .blocPresentation p {font-size:1.3rem;/*margin-top:1.05rem;*/}

  /*.blocToit #loupe{width:240px;height:300px;}*/

  .blocFeatures{padding: 2rem 0;/*background:none;*/}
  .blocToit{background-repeat:no-repeat;}
  .blocToit #loupe{background-repeat:no-repeat;}
  .bContentFeatures dl{font-size:1.1rem;line-height:1.6rem;}
  .bContentFeatures .vEssentiel{height:170px;}
  .bContentFeatures h2 {font-size:1.35rem;padding:1.4rem 0;}
  .bContentFeatures h2 span{font-size:4rem}
}



/* Smartphone Portrait / Paysage & Tablette Portrait */
@media(max-width: 810px){


.logoBrand{height:66.6px;width:106.4px;}
.blocToit #loupe{width:277px;height:323px;border:solid 0.7rem #FFF;}

.coloris {font-size: 1.4rem;line-height:1.4rem;padding-top:0.7rem;}

.blocPresentation h1 {font-size:1.5rem;padding:1rem 0 1.4rem;}
.blocPresentation h1 span{font-size:2rem}
.blocPresentation p:last-child{font-size:0.875rem;margin-top:2.1rem;}
.blocPresentation p {font-size:1.0625rem;/*margin-top:1.05rem;*/}
.blocPresentation .vAuthentic {height: 100%; object-fit: contain;width:auto;}
.blocPictureOnly img{height:630px;}

.bContentFeatures{padding:42px 56px;min-width: 360px;}
.bContentFeatures h2 {font-size:1.5rem;padding:1.4rem 0;}
.bContentFeatures h2 span{font-size:2rem}
.bContentFeatures p{font-size:0.875rem;line-height:2.1rem;}
.bContentFeatures dl{line-height:2.1rem;font-size:0.875rem;margin-top: 2.1rem;}
.bContentFeatures .vEssentiel{height:160px;}
.blocDiap .gallery{height:603px;}
.blocDiapVignette{padding:1.5rem 10% 7rem;}
.blocForm {padding: 2rem 1rem 0;}
.blocForm h2{font-size:1.5rem;}
.blocForm p {font-size:1rem;}
.blocForm p.pinfos{font-size:1.1rem;margin-top:1.5rem;}
.blocForm .form-group{padding-bottom: 0.7rem;margin-top: 1.4rem;}

.blocForm .form-group input,.blocForm .form-group input::placeholder{font-size:1.05rem;}
.blocForm button{font-size:1rem;color:#E74E00;border:4px solid #E74E00;border-radius:32px;position: relative;margin-top: 4rem;}
.blocForm button span {font-size: 1.5rem;}

.blocConfirmation h1{font-weight:700;font-size:3rem;color:#D4310F}
.blocConfirmation p{font-size:1.05rem;margin-top:1.4rem;}
footer{padding-top: 3rem;padding-bottom:2rem;}
footer a.linkLogo .logoFooter{width:105px;height:66px;}
footer .bfooter{padding-right:3.5rem;padding-top: 3.5rem;}
footer p{font-size:0.5rem;margin-top: 1.4rem;}
footer a.reseaux{margin:0 0.5rem}
footer a.reseaux:last-child{margin-right:0.5rem;}
footer a.reseaux:first-child{margin-left:0.5rem;}
footer a.reseaux img{width:12px;height:8px;}


}