html{margin:0 !important;}
		html, .bgbody, #wrapper, #main, #centenaire-home, #footer{background-color:#000;}
		#main, #content, #colophon, ul{padding:0;margin:0 auto; }
		
		#content, #centenaire-lieu, #centenaire-description, #centenaire-concours,#centenaire-exposition  {column-count:2;column-gap: 2em;}
		
		a, a:link, a:visited{color:#d5a139;}
		a, #site-name a, #site-info a, h3.sticky-title, h4.title-article-s {color:#d5a139;}
		
		p:first-of-type{margin-top:0;}
		p, #site-info p, li {font-size: 1.2rem;color:#f7eede;line-height:inherit;text-align:justify;}
		ul li{margin-left: 1.5em;}
		ul.centenaire-chiffres-liste li{margin-left: 0;}
		
		h2 {text-align:center;color:#000;font-size: 3em;margin:0;padding: 0; font-family: 'Cinzel', Times New Roman;column-span:all;clear:none;}
		h3 {text-align:center;color:#d5a139;font-size: 2em;margin:2rem 0 0;padding: 0; font-family: 'Cinzel', Times New Roman;}
		h4 {text-align:left;color:#d5a139;font-size: 1.2em;margin:0;padding: 0; font-family: 'Cinzel', Times New Roman;}
		h2.category-home{background-color:#333;}
		label{color:#000;}
		.message-advice{margin: 0 auto; margin-bottom: 2rem;}
		.has-text-align-center{text-align:center;}
		.info-block-3{display: block;
			width: 29%;
			float: left;
			text-align: center;
			border: 1px solid #fff;
			border-radius: 10px;
			padding: 2%;
			margin: 2%;
			background-color: #fbe8c6;}
		.info-block-3 h4, .info-block-3 p, .info-block-3 a{text-align:center; color:#000;}
		.info-block-3 h4{margin-bottom:0.5rem;}
		
		header{background:url('https://primholstein.com/wp-content/themes/phf/images/bandeau-site-centenaire.jpg') 50% 0% no-repeat;}
		
		#centenaire-concours-calendrier li,#centenaire-exposition-partenaires li{lise-style:disc; font-size:0.95em;}
		#centenaire-concours-calendrier li ul li, #centenaire-exposition-partenaires li ul li {list-style:circle;font-size:0.8em;}
		
		.bg-white{padding: 5em 2.5%; background-color:#fff;}
		
		.bg-black, .bg-gold, .bg-grey{padding:5em 3%;}
		.bg-black{background-color:#000;}
		.bg-grey{background-color:#4a4137;}
		.bg-grey h2, .bg-grey p{color:#f7eede;}
		.bg-gold{background:linear-gradient(90deg, rgb(230, 175, 64) 0%, rgb(210, 136, 0) 100%);}
		
		ul.centenaire-chiffres-liste{margin: 0;padding: 0;display: flex;justify-content: space-evenly;flex-wrap: wrap;}
		.centenaire-chiffres-liste li{display:block;min-width:200px;font-size: 2.5em;color: #000;font-family: 'Cinzel', arial;text-align:center;line-height: 0.7em;padding:1em 0;}
		.small-text{font-size:0.6em;}
		
		#centenaire-home-1{position:relative;width: 100%;}
		#centenaire-home-1 img{position:relative;width: 100%; object-fit:cover;object-positon:center;  vertical-align: bottom;}
		
		#main, #centenaire-description,#centenaire-lieu,#centenaire-concours,#centenaire-exposition, #centenaire-partenaires-logos,#centenaire-chiffres{margin:0 auto;}
		#centenaire-message {margin:0 auto; max-width:800px;}
		#centenaire-message p {line-height: 2em;}
		#centenaire-message{color:#000;}
		#centenaire-description,#centenaire-concours,#centenaire-exposition,#centenaire-lieu{line-height:auto;}

		
		#centenaire-partenaires-logos{position:relative;overflow:hidden;}

		a.button, input[type=submit]{font-family: Arial, sans-serif;-webkit-appearance: none;display: inline-block;padding: 13px 0px;margin: 0 5px;cursor: pointer;border-radius: 5px;min-width:250px;border:2px solid #000;text-align:center;}
		a.gold, input[type=submit]{color:#000;background-color:#f2b02a;margin-top: 10px;}
				
		span.wpcf7-not-valid-tip{color:red;}

		// Animation
		@keyframes scroll {
			from { transform: translateX(-5%); }
			to { transform: translateX(calc(-2480px))}
		}
		
		@-webkit-keyframes scroll {
			from { transform: translateX(0); }
			to { transform: translateX(calc(-2480px))}
		}

		// Styling
		.slider {
			background: white;
			box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
			height: 100px;
			margin: auto;
			overflow:hidden;
			position: relative;
			max-width: 1240px;
			display:block;
		}
		
		.slider::before,
		.slider::after {
			background: linear-gradient(to right, rgb(92, 47, 0) 0%, rgba(0,0,0,0) 100%);
			content: "";
			height: 150px;
			position: absolute;
			width: 18%;
			z-index: 2;
		}
		
		.slider::after {
			right: 0;
			top: 0;
			transform: rotateZ(180deg);
		}

		.slider::before {
			left: 0;
			top: 0;
		}
		
		.slide-track {
			animation: scroll 80s linear infinite;
			-webkit-animation: scroll 80s linear infinite;
			display: flex;
			width: calc(2*(2200px));
			-webkit-transform: translate3d(0, 0, 0);
		}
		
		.slide {
			height: 150px;
			width: 12.5%;
		}
		
		/**/
		.carousel {
			margin-left: 0%;
			margin-right: 0%;
		}

		ul.slides {
			display: block;
			position: relative;
			height: 500px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			list-style: none;
		}

		.slides * {
			user-select: none;
			-ms-user-select: none;
			-moz-user-select: none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-webkit-touch-callout: none;
		}

		ul.slides input {
			display: none; 
		}


		.slide-container { 
			display: block;
			margin:0;
		}

		.slide-image {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			opacity: 0;
			transition: all .7s ease-in-out;
		}   

		.slide-image img {
			width: auto;
			min-width: 100%;
			height: 100%;
		}

		.carousel-controls {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			z-index: 999;
			font-size: 100px;
			line-height: 500px;
			color: #ecb954;
		}

		.carousel-controls label {
			display: none;
			position: absolute;
			padding: 0 20px;
			opacity: 0;
			transition: opacity .2s;
			cursor: pointer;
		}

		.slide-image:hover + .carousel-controls label{
			opacity: 0.5;
		}

		.carousel-controls label:hover {
			opacity: 1;
		}

		.carousel-controls .prev-slide {
			width: 49%;
			text-align: left;
			left: 0;
		}

		.carousel-controls .next-slide {
			width: 49%;
			text-align: right;
			right: 0;
		}

		.carousel-dots {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 20px;
			z-index: 999;
			text-align: center;
		}

		.carousel-dots .carousel-dot {
			display: inline-block;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background-color: #f2d291;
			opacity: 0.5;
			margin: 10px;
		}

		input:checked + .slide-container .slide-image {
			opacity: 1;
			transform: scale(1);
			transition: opacity 1s ease-in-out;
		}

		input:checked + .slide-container .carousel-controls label {
			 display: block; 
		}

		input#img-1:checked ~ .carousel-dots label#img-dot-1,
		input#img-2:checked ~ .carousel-dots label#img-dot-2,
		input#img-3:checked ~ .carousel-dots label#img-dot-3,
		input#img-4:checked ~ .carousel-dots label#img-dot-4,
		input#img-5:checked ~ .carousel-dots label#img-dot-5,
		input#img-6:checked ~ .carousel-dots label#img-dot-6 {
			opacity: 1;
		}


		input:checked + .slide-container .nav label { display: block; }
		
		/**/
nav {grid-column: 1/5;grid-row: 3; position:sticky; top:0;z-index:10;}

.topnav .icon {
  display: none;
}
	
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  text-align:center;
  font-size:1.2em;
}

nav li {
	margin-left:0;float:none;
}


nav li ul li{
	float:none;
}

nav li a, nav ul li ul li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav li a:hover, .dropdown:hover .dropbtn {
  background-color: #d5a139;
  color:#000;
}

nav li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #d5a139;color:black;}

.dropdown:hover .dropdown-content {
  display: block;
}

th.blackandgold{
	background-color: #000;
	color: #d5a139;
	text-align:center;
}

img.image-partenaire{box-shadow: 0px 0px 15px #cecece;}

/**/

body{display:grid;grid-auto-rows: minmax(min-content, auto);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin:0 auto;}
body > header{	grid-column: 1/5;	grid-row: 2;	background-color: #000;	line-height: 1;border:none;}

h1,h2,h3,h4,h5{font-weight: normal;text-align:center;clear:both;}
h1 { font-family: 'Cinzel', Times New Roman;}
h2.article-title{color:#000;}
.one_product h2{text-align:left;clear:none;}

.liste-hotels{display:grid;gap:10px;grid-auto-rows: minmax(100px, auto);grid-template-columns: repeat(2,1fr);}
.message, .message2{color:red;}
.nom-category{margin-top:1rem;}
.espace-perso-right{background-color: #eee;padding: 0.5rem;grid-column: 4;grid-row: 4/6;min-height: 100vh;}
.espace-perso-left table {min-width: 100%;}
.espace-perso-left{grid-column: 1/4;grid-row: 5;padding: 0rem;min-height:100vh}
#footer{grid-row: 7;grid-column: 1/5; padding: 1rem 0 1rem 1rem;}
.one_product{border:1px solid #868CA4;padding:0.5rem;min-height:160px;border-radius:10px;}
.one_product h2{font-size: 2rem;margin:1rem 0 0.2rem;}
.link_product{text-decoration:none;display:block;margin-bottom:0.5rem;margin-right:1%;float:left;}
.image_product{clear:both;float:left;margin-right:1rem;}
.message-text{display:block;font-size:12px;color:red;}
.text-ok{display:none;}
#mask-shop{background-color:#000000; opacity:0.5;}
#card-element {  border-radius: 4px 4px 0 0 ;  padding: 12px;  border: 1px solid rgba(50, 50, 93, 0.1);  height: 44px;  width: 100%;  background: white;}
#submit:disabled{border:1px solid #777;}
.hidden {  display: none;}

#rib td, #rib th{font-size:1rem;}
.success{background-color: #a1eca1;}
.alert{background-color:#ffa4a4;}

.info-box{display: none;position: relative;border: 0;padding: 1rem;min-height: 100px;width: 100%;grid-row: 1;grid-column: 1/5;}

.close-shop{font-size: 25px;position: absolute;right: 20px;top: 20px;border: 1px solid #212121;padding: 0px 10px 3px;color: #212121;background-color: transparent;min-width: 1rem;}


#card-error{color:red;}
button, input[type="submit"]{min-width:15rem;}

#menu li a{text-decoration:none;color:#fff;}

.banniereCarreDroite{text-align: center;position:sticky;top:75px;height:250px;}
.banniereCarreDroite img{border-radius:0;}

.bg-gold{grid-row: 6;grid-column: 1/5;}


p {text-align: center;color:#000;}

.slider::after{right: -1px;}


 .google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
	
.message-advice, .message-alert{
  background-color: #fbe8c6;
  color: #000;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1em;
}
.message-alert{
  background-color: #ff9a9a;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
		


@media only screen and (max-width: 1500px) {
	.espace-perso-right{}
	.espace-perso-left{padding:0}
}

@media only screen and (max-width: 1250px) {
	.espace-perso-right{grid-column:1/5;grid-row:4;min-height:auto;}
	.espace-perso-left{grid-column:1/5;}
		.info-block-3{width:96%;margin:1em 0;}
}

@media only screen and (max-width: 880px) {
	.espace-perso-right{}
	.liste-hotels{display:grid;gap:10px;grid-auto-rows: minmax(100px, auto);grid-template-columns: repeat(1,2fr);}
	.espace-perso-left{padding: 0rem;}
	#content, #centenaire-lieu, #centenaire-description, #centenaire-concours,#centenaire-exposition  {column-count:1;}
	.info-block-3{width:92%;float:none;}
	nav ul li{margin-left:0;}
	nav li.dropdown, .dropdown .dropbtn {
	display: none;
	}
	.topnav a.icon {
	float: right;
	display: block;
	font-size: 1.25em;
	padding: 0.3em 0.6em;
	}
	.topnav.responsive {/*position: relative;*/}
	nav.topnav.responsive a.icon {
	position: absolute;
	right: 0;
	top: 0;
	}
	nav.topnav.responsive li {
	float: none;
	display: block;
	text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	nav.topnav.responsive  li.dropdown, nav.topnav.responsive li.dropdown a, .topnav.responsive li.dropdown .dropbtn {
	display: block;
	width: 100%;
	text-align: left;
	}
}

@media print{
	body,#site-info p{font-size:13px;}
	header,h2,.success, #end-button, .bg-gold{display:none;}
	table{margin:0;}
	table td, table th{border:1px solid #000}
	.espace-perso-left{padding:0;}
	#footer{grid-column:1/4;}
}