/*! 
 * Cédric le 151022
 *	.gis{color:#616263;}
	.grisclair{color:#f0f3f3;}
	.noir{color:#474747;}


	.brun{color: #83462d;}
	.dore{color:#b59e6c;}

 
*/
 a:hover,a:focus {
    text-decoration: none;
}


  		.background-fondmenu {
  			position:absolute;
  			background: url(../images/Au-Crocodile-Table-Excellence-0019.jpg);
  				background-position: center center;
			/*background: linear-gradient(rgba(32, 37, 43, 0.8), rgba(32, 37, 43, 0.8)),url(../images/Au-Crocodile-Table-Excellence-0019.jpg);
				filter: grayscale(1);
				-webkit-filter: grayscale(1);*/
			    background-repeat: no-repeat;
			    opacity: 1;
			    visibility: inherit;
			    background-size: cover;
			width: 100%;
			height: 100%;
  		}
  		.fondestompesurphoto-acueil{
			width: 100%;
			height: 100%;
			position:absolute;
			z-index:999;

  		}
  		
  		 .fondtexture {background: url(../images/texture_bois_encart.jpg);
			background-repeat: repeat;
  		}
  		.background-accueil-1 {background: url(../images/Au-Crocodile-Table-Excellence-0018.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;

			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;


  		}

  		.background-accueil-2 {
  			background: url('../images/Au-Crocodile-Restaurant-24-2.jpg');
  			/*background: url('../images/au-crocodile-plat-2203-1.jpg');*/
  		
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			
			position:relative;
  		}

  		.background-accueil-3 {background: url(../images/bon-cadeau-V2.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-accueil-4 {background: url(../images/Au-Crocodile-Salle-0016.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}


		.background-headercateetmenu{background: url('../images/Au-Crocodile-Plat-0027-(2).jpg');
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}

  		.background-carteetmenu-1 {background: url('../images/Au-Crocodile-Restaurant-24-4.jpg');
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}




		.background-headerhistoire{background: url(../images/Au-Crocodile-Salle-0017.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}




		.background-headerproducteur{background: url(../images/Au-Crocodile-Producteurs-0014.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
   		.background-producteur-1 {background: url(../images/Au-Crocodile-Vigneron-0011.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-producteur-2 {background: url(../images/Au-Crocodile-Vigneron-0012.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}
   		.background-producteur-3 {background: url(../images/Au-Crocodile-Producteurs-0013.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
		.background-headerhistoire{background: url(../images/Au-Crocodile-Decors-0029.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
   		.background-histoire-1 {background: url(../images/le-celebre-crocodile-empaille-dans-son-nouvel-ecrin-photo-dna-camille-battinger-1579899060.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
 		.background-histoire-2 {background: url(../images/logo_crocodile_background.png);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			position:relative;
  		}

		.background-headerlocalisation{background: url('../images/Au-Crocodile-Restaurant-24-5.jpg');
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}


		.background-headeremilejung{background: url(../images/photo_1_emile_jung.jpg);
	    	    background-position: center 20%;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}

   		.background-emilejung-1 {background: url(../images/Au-Crocodile-Restaurant-24-6.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
  		.background-headersalon{background: url(../images/photo_salon.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
  		

  		.background-salon-1 {background: url(../images/Au-Crocodile-Salle-0016.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-salon-2 {background: url('../images/grande salle new.jpeg');
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			min-height:100%;
			position:relative;
  		}
   		.background-salon-3 {background: url('../images/Salon Lalique .jpeg');
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
   		.background-salon-4 {background: url('../images/Salon Europe.jpeg');
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			min-height: 100%;


  		}
   		.background-salon-5 {
			background: url('../images/Salon Monique .jpeg');
   		/*background: url(../images/Au-Crocodile-Table-Excellence-0022.jpg);*/
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}




		.background-headerequipe{background: url(../images/Au-Crocodile-Equipe-0008.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
 		.background-equipe-2 {background: url(../images/logo_crocodile_background.png);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			position:relative;
  		}


		/********************************
		Scroll Up
		********************************/ 
		#scrollUp {
			bottom: 30px;
			right: 30px;
			height: 35px;  /* Height of image */
			width: 35px; /* Width of image */
			background-color: #bdcceb ;
			color:#3764a5;
			padding-top:0px;
			padding-left:8px;
		}
		#scrollUp:hover {
			background-color: #3764a5 ;
			color:#fff;
			transition-property: background-color;
			transition-duration: 1s;
			transition-timing-fonction: linear;
		}
		.fonddoreestompe {
		background-color : rgba(190,166,105,0.7);
		}

		.fondbrunestompe{
		background-color : rgba(131,70,45,0.7);
		}
		.fondnoirestompe {
		background-color : rgba(0,0,0,0.7);
		}
		.fondnoirestompe2 {
		background-color : rgba(0,0,0,0.4);
		}
		.fondblancestompe {
		background-color : rgba(255,255,255,0.2);
		}
		.fondblancestompe2 {
		background-color : rgba(255,255,255,0.5);
		}
		.fondgrisestompe {
		background-color : rgba(97,98,99,0.4);
		}
		.fondgrisestompe2 {
		background-color : rgba(97,98,99,0.94);
		}
		.fondestompe{
			background-color : rgba(255,255,255,0.7);}
		.fondtransparent {
			background-color : transparent;}		
		.fondgristransparent{
			background-color : rgba(0,0,0,0.6);
		}
		.fondtaupeestompe{
			background-color : rgba(157,135,127,0.6);
		}
		.fondbordeauestompe{
			background-color : rgba(93,41,55,0.6);
		}
		.fonddegradenoir{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+45,000000+100&0.65+0,0+100 */
			background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.36) 45%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.36) 45%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		}	
		.fonddegradeblanc{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+45,000000+100&0.65+0,0+100 */
			background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.36) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.36) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.36) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		}	
		.fonddore{
			background-color: #b59e6c;
		}
		.fondbrun{background-color: #83462d;}
		.fondblanc{background-color:#fff;}
		.fondgris{background-color:#616263;}
		.fondgris2{background-color:#d4d7d5;}
		.fondgrisclair{background-color:#d5d9da;}
		.fondgrisclair2{background-color:#f6f5f5;}
		.fondnoir{background-color:#1e1d1d;}
		.gris{color:#58585a;}
		.grisfonce{color:#231f20;}
		.noir{color:#1e1d1d;}
		.blanc{color:#fff;}
		.grisclair{color:#aea8a8;}
		.grisclair2{color:#d5cdcd;}
		.brun{color: #83462d;}
		.dore{
			color: #b59e6c;
		}
		.dore2btn{
			color: #a18d61;
		}
		a.dore2btn{
			color: #a18d61;
		}	
		a.dore2btn:hover{
			color: #fff;
		}		
		a.dore{
			color: #b59e6c;
		}
		.dore{
			color: #b59e6c;
		}
		a.blanc:hover,a.blanc:focus{
			font-weight: bold;
		}
		a.brun:hover,a.brun:focus{
			font-weight: bold;
			color: #83462d;
		}
		a.blancdore{
			color: #fff;
		}
		a.blancdore:hover, a.blancdore:focus{
			color:#b59e6c;
		}
		a.pictodore svg{
			fill: #b59e6c;
		}
		a.pictodore:hover svg, a.pictodore:focus svg{
			fill: #fff;
		}

		a.blancdore:hover, a.blancdore:focus{
			color:#b59e6c;
		}
		.rose{
			color:#db206f;
		}
		a.rose:hover, a.rose:focus{
			color:#db206f;
		}
		a.beige:hover, a.beige:focus{
			color:#dfd6bc;
			font-weight: bold;
		}
		a.gris{
			color:#616263;
		}
		a.noir{
			color:#1e1d1d;
		}
		a.grisclair:hover, a.grisclair:focus{
			color:#aea8a8;
		}
		a.grisclair2:hover, a.grisclair2:focus{
			color:#d5cdcd;
		}
		.lienhoplaweb{
			color:#fff;
		}
		.lienhoplaweb:hover, .lienhoplaweb:focus{
			color:#fff;
			font-size:120%;
		}
		.lienhoplawebblanc{
			color:#fff;
		}
		.lienhoplawebblanc:hover, .lienhoplawebblanc:focus{
			color:#fff;
			font-size:120%;
		}
		.aspecif{
			color:#217be7;
		}
		.aspecif:hover, .aspecif:focus{
			color:#217be7;
		}
		a.blanc{
			color:#fff;
		}
		a.blanc:hover, a.blanc:focus{
			color:#fff;
		}
		a.grisclair:hover, a.grisclair:focus{
			color:#c5c5c5;
		}
		.txtspecial{
			font-family: "Instrument Serif";
			letter-spacing: 8px;
		}
		.txtspecial2{
			font-family: "Instrument Serif";
		}
		
		.txttitre{
			letter-spacing: -3px;
			font-size:60px;
		}
		.txtsoustitre{
			letter-spacing: 3px;
			margin-top:-15px;
			text-transform: uppercase;
		}
		.soustitre{
			text-align: center;
		}
		.txtunpeupetit{
			font-size:70%;
		}
		.txtunpeugrand{
			font-size:140%;
		}
		.txtgrand{
			font-size:200%;
		}
		body{  color: #7a7a7a;
				height: 100%;
    			width: 100%;
		   		font-size: 18px;
		   		font-weight: 400;
		   		font-family:"Manrope";
		  }

			::-moz-selection{
				color:#fff;
		    	background-color: #616263;
		    }
      		::selection{
	      	  color:#fff;
		      background-color: #616263;
	      	}

		.arrondi {
		   border-radius: 1rem;
		}
		.arrondi-right {
		   border-top-right-radius: 1rem;
		   border-bottom-right-radius: 1.3rem;
		}
		.navbar-nav{font-size: 18px;	
			padding-top:0px;
	        padding-bottom:0px;

	    }
	    #logoheader{
	    	opacity: 0;
	    	-webkit-transition: opacity 1s ease-out;
			-moz-transition: opacity 1s ease-out;
			 -o-transition: opacity 1s ease-out;
			 transition: opacity 1s ease-out;
	    }
		.navbar{  margin-bottom: 0px;
			  -webkit-transition: background-color 1s ease-out;
			  -moz-transition: background-color 1s ease-out;
			  -o-transition: background-color 1s ease-out;
			  transition: background-color 1s ease-out;
			}
		.navbar-brand {
			font-size:40px;
		}
		.navbar-inverse .navbar-toggler {
		    border-color: rgba(255,255,255,1);
		    cursor: pointer;

		}
		.navbar-trans{
		  	/*background: transparent;*/
		  	background-color : rgba(255,255,255,0.7);} 
		 }
		.pull-center {
	        float: none;
	      display: inline-block;
		}
		.btn{font-size: 18px;}
		.carousel-caption {
			    top: 80%;
			    bottom: auto;
		}

		.cssplatdujour{width:80%;margin:auto;}
			.carousel-page-2
			{
				width:100%;
				background-color:#5f666d;
				color:white;
			}
		.navbar-toggle  {
			font-size: 19px !important;
			background-color:#fff !important;
			color:#144c5f;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
		}

		.navbar-toggle:hover, .navbar-toggle:focus{
		    background-color: #3b889c !important;
		    color:#fff;

	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
		}

		.navbar-nav > li > a {
		    text-align: center;
		    padding-right:15px;
		    padding-left:15px;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
	        color:#fff;
	        font-weight: 200;
			letter-spacing: .1em;
			line-height: 33px;
			text-transform: uppercase;
			font-size:22px;
		 }
		/* .navbar-nav > li > a:hover,.navbar-nav > li > a:focus{*/


		.navbar-nav > li > a:hover{
		 	color:#b59e6c;
		 }
		.navbar-nav > li.sanshover:hover{
		 	background-color:transparent;
		 	color:#fff;
		 }

		.sanspadding{
			padding:0px;
		}
		.sansmargin{
			margin:0px;
		}
		li.carrebleu {
			list-style-type: square;
		    color: #217be7;
		}
		.lisansstyle {
		   list-style-type:none;
		}
		.navbar-inverse .navbar-brand:hover,
		.navbar-inverse .navbar-brand:focus {
		 	color: #82b440;
		}
		.visibleinline{
   			display: inline-block;
		}

		.margeauto{
			margin:auto;
		}
		.col-center-block {
			display: block;
			float: none;
			margin-left: auto;
			margin-right: auto;
		} 
		.longueur30 {
			width: 30%;
		 }
		.barre {
			border-bottom: 2px solid #9d9d9d;
		 }
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.h1,
		.h2,
		.h3,
		.h4,
		.h5,
		.h6 {
		  color: inherit;
		}

		.txt1grand::first-letter {
			font-size:120px;
		}
		.txt1moyen::first-letter {
			font-size:70px;
		}
		/* to be added to your global CSS file */
		div small.error {
			color: #B94A48; /* color to match Bootstraps error class */
		}
		.overlay {
		   background:transparent; 
		   position:relative; 
		   height:300px; /* your iframe height */
		   top:300px;  /* your iframe height */
		   margin-top:-300px;  /* your iframe height */
		}
		.bordgauche{
			border-left:2px solid #217be7;
		}
		.paddinghaut{
			padding-top:20px;
		}
		.masquer{display : none;}
		.visible{display:block;}

		.menu-block .item {
			margin-bottom:50px;
			width: 100%;
		}
		.nav-tabs .nav-link {
		    border: 1px solid transparent;
		        border-top-color: transparent;
		        border-right-color: transparent;
		        border-bottom-color: transparent;
		        border-left-color: transparent;
		    border-top-right-radius: 0rem;
		    border-top-left-radius: 0rem;
		    padding-top:10px;
		    padding-bottom:10px;
		    font-weight:400;
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
			color: #fff;
		}
		.nav-tabs > li > a {
			color:#b59e6c;
		}
		.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
		    border:1px solid #b59e6c;
		}
		.nav-tabs {
		    border-bottom: 0px solid #b59e6c;
		}
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		    border: none;

		}
		.nav-tabs .nav-link.active{
			color: #fff;
		    background-color:#b59e6c;
		    border-radius: 0rem;
		}

	.menu-box {
	    display: block;
	    line-height: 1em;
	    margin-top:20px;
	}
	.menu-box .menu-heading {
	    letter-spacing: 0;
	    z-index:2;
	}
	.menu-box .price {
	    position: absolute;
	    padding-left:10px;
		font-style: normal;
	    opacity: 1;
	    z-index:2;
	}
	.menu-box .description {
	    width: 100%;
	}
	.menu-box .price {
	    display: inline;
	    float: right;
	    right: 20px;
	}
	.menu-box .listing {
	    font-style: italic;
	    opacity: 0.5;
	    margin-left:20px;
	}
	.enbas {
		color: #000;
	}


	.nav-tabs > li > a{
	}
	.nav-tabs > li, .nav-pills > li {
	    float:none;
	    display:inline-block;

	}
	.nav-tabs {
	    text-align:center;
	}
	.souligner{
		text-decoration:underline;
	}

	.facebook{
	  	font-size: 20px;
	    letter-spacing: 6px;
	    padding-top:10px;
	    height:50px;
	    color:#ffffff;
		background-color:#3b5998;
		font-weight: bold;
	}
	.facebook a:hover span i{
		color: #ffffff
	}
	.cercle{
	  border-radius:50%;
	  width:50px;
	  height:50px;
	  border:2px solid #ffffff; 
	}

	.btn{
		font-family: "solidocondensedbook",Verdana, Arial, sans-serif;
	}
	 .messagebox{
	    margin-top:70px;
	    border:1px solid #c93;
	    background:#ffc;
	    padding:5px;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	 .messageboxok{
	    margin-top:70px;
	    border:1px solid #349534;
	    background:#C9FFCA;
	    padding:5px;
	    font-weight:bold;
	    color:#008000;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	.messageboxerror{
	    margin-top:70px;
	    border:1px solid #CC0000;
	    background:#F7CBCA;
	    padding:5px;
	    font-weight:bold;
	    color:#CC0000;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	.row{
	    margin-left:0px;
	    margin-right:0px;
	}
	.container-fluid{
	    padding-left:0px;
	    padding-right:0px;
	}
	.bordure-image{
		background-color: #fff;
		padding:10px;
	    border-style: solid;
	    border-width: 1px;
	    color: #d0d0d0;
	}
	.bordure-image2{
		background-color: #fff;
	    border-style: solid;
	    border-width: 1px;
	    color: #d0d0d0;
	}
	.bordure-rose{		
		border:1px solid #db206f;
	}
	.bordure-rouge{		
		border:1px solid #78252f;
	}
	.bordure-top-grisclair{
		border-top:1px solid #f0f3f3;
	}
	.bordure-bottom-grisclair{
		border-bottom:1px solid #f0f3f3;
	}
	.bordure-bottom-brun{
		border-bottom:1px solid #83462d;
	}
	.bordure-bottom-dore{
		border-bottom:2px solid #b59e6c;
	}
	.bordure-centremenu-dore{
		border-top:1px solid #b59e6c;
		margin-left:35%;
		width:30%;
		margin-top:-15px
	}
	.bordure-right-grisclair{
		border-right:1px solid #f0f3f3;
	}
	.bordure-left-grisclair{
		border-left:1px solid #f0f3f3;
	}
	.bordure-top-gris{
		border-top:1px solid #616263;
	}
	.bordure-top-gris-contact{
		border-top:1px solid #616263;
		position:absolute;
		left:20%;
		width:60%;
		margin-top:-15px
	}
	.bordure-bottom-blanc{
		border-bottom:1px solid #fff;
	}
	.bordure-bottom-doreclair{
		border-bottom:1px solid #bca77b;
	}	
	.bordure-right-gris{
		border-right:1px solid #616263;
	}
	.bordure-left-gris{
		border-left:1px solid #616263;
	}
		.affichersousmenu:hover .dropdown-menu {
		    display: block;
		}
		.dropdown-menu{
			margin-top:-1px;
		}
	.bordure-menu-top-dore{
		border-top:5px solid #b59e6c;
	}
	.bordure-menu-haut-dore{
	    content: "";
	    position: absolute;
	    left: calc(13vw + 0px);
	    width: 10px;
	    background: rgba(190,166,105,1);
	    height:100%;
	}
	.bordure-centre-header-dore1{
		background: linear-gradient(to left, #b59e6c, #b59e6c);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 0.5s 0s;
		position:absolute;
		height:5px;
	}
	.bordure-centre-header-dore1.go{
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
	}
	.bordure-centre-header-dore2{
		background: linear-gradient(to left, #b59e6c, #b59e6c);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 1s 0s;
		position:absolute;
		height:5px;
		width:100%;
	}
	.bordure-centre-header-dore2.go{
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
	}
.afficherdiv{
  display: block;
}
.masquerdiv{
  display: none;
 /* opacity: 0;
 // transition: visibility 3s, opacity 0.5s linear;*/
}
.cadreevenement {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 30px;
    z-index: 2;
    background-color: rgba(57,101,165,0.7);
}
	.cadreombre {
	    box-shadow: 2px 2px 2px rgba(198,198,198,0.33),-1px -1px 1px rgba(198,198,198,0.33);
	}
	.cadreombrepasdecote {
	    box-shadow: 2px 2px 2px rgba(198,198,198,0.33),0px -1px 1px rgba(198,198,198,0.33);
	}
.cadresimple{
	height:50px;
	width:450px;
}
.cadreentier{
	height:80%;
	width:80%;
}
.cadreprinc{
	height:100%;
	overflow:hidden;
}
.imageplat > div > img{
	width:100px;
	height:100px;
}
.carousel-caption {
    left: 15%;
    right: 15%;
}
.marginimgplat{
	margin-left:100px;
}
.fixed-topplusbas {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
}	
.textelogoxs{
	margin-top:-40px;
}
.hauteurimgheader{
	max-width: 200px;
	margin-top:5px;
}
.titre{
	font-weight: 900;
	font-family: "solidocondensedbook",inherit;
}
.marginheader{
	margin-top:-60px;
}
.margintopparking{
	margin-left:-120px;
}
.poslogoheader{
	right: calc(50% - 80px);
}
		.titresousmenu{
			margin-top:-20px;
			margin-left:40%;
		}
		.titresoustarif{
			margin-top:-10px;
			margin-left:0;
		}
		.titresousmenuunpeu{
			margin-top:-40px;
			margin-left:20%;
		}
		.postelheader{
			margin-top:100px;
		}
.pl-50{
    padding-left: 10rem !important;
}
.pr-50{
    padding-right: 10rem !important;
}


		@media (min-width: 0px) {
			  .navbar-collapse {
					min-width: min-content;
			    }
			.background-restaurant-1 {
				height:80%;
			}
			.background-restaurant-2 {
				background: none;
			}
			.background-restaurant-3 {
				padding-top:0px;
				padding-bottom:0px;
			}
			.background-restaurant-2-paddingbottom{
				padding-bottom: 0px;
			}
			 .background-platdelasemaine{
			    background : 0;
			 }
			.txttitre{
				letter-spacing: -3px;
				font-size:45px;
			}
			.postelheader{
					margin-top:100px;
			}
			.poslogoheader{
				left:0;
			}
			.margintopparking{
				margin-top:0px;
			}
				.marginheader{
					margin-top:0px;
				}

				.textelogoxs{
					margin-top:-25px;
				}
				.txtunpeupetit{
					font-size:70%;
				}
				h1.txtspecial2 {font-size: 40px}
				h1,.h1 {font-size: 25px}
				h2,.h2 {font-size: 22px;}
				h3,.h3 {font-size: 18px;}
				h4,.h4 {font-size: 16px;}
				h5,.h5 { font-size: 14px;}
				h6,.h6 {font-size: 12px;}
				.titresousmenu{
					margin-top:-15px;
					margin-left:0%;
				}
				.titresousmenuunpeu{
					margin-top:-15px;
					margin-left:0%;
				}
			 .fixed-topplusbas{
			    top: 0px;
			 }
			 .fixed-topplusbas > .hauteurheader{
				height: auto;
			}
			 .fixed-top > .hauteurheader{
				height: auto;
			}
			.afficherdiv{
				display: none;
			}
			.reduirepolice{
				font-size: 80%;
			}
			.txt1grand::first-letter {
				font-size:70px;
			}
		}
		@media (min-width: 320px) {

			.afficherdiv{
				display: none;
			}
			.arriereplan{
			  	 background-attachment: inherit;
			}
			.carousel-page-2
			{
				height:150px;
			}

				h1.txtspecial2 {font-size: 40px}
				h1,.h1 {font-size: 30px}
				h2,.h2 {font-size: 25px;}
				h3,.h3 {font-size: 20px;}
				h4,.h4 {font-size: 16px;}
				h5,.h5 { font-size: 14px;}
				h6,.h6 {font-size: 12px;}
				h1entete,.h1entete {font-size: 22px;}
				.cssplatdujour{height:50%;}
				.menu-box {

				    line-height: 1.7em;
				}
				.enbas {
				    font-size: 12px;
				}
				.nav-tabs > li > a{
				    font-size: 13px;
				}
		}

		@media (min-width: 480px) {
			.txttitre{
				letter-spacing: -3px;
				font-size:60px;
			}
			.postelheader{
					margin-top:50px;
			}				
			.textelogoxs{
					margin-top:-35px;
			}
			.txtunpeupetit{
				font-size:100%;
			}
			.titresousmenu{
				margin-top:-20px;
				margin-left:40%;
			}
			.titresousmenuunpeu{
				margin-top:-40px;
				margin-left:20%;
			}
			.afficherdiv{
			  display: block;
			}
			.cadreprinc{
				height:100%;
			}
				.arriereplan{
				  	 background-attachment: inherit;
				}
				.carousel-page-2
				{
					height:250px;
				}
				h1.txtspecial2 {font-size: 50px}
				h1,.h1 {font-size: 40px;}
				h2,.h2 {font-size: 35px;}
				h3,.h3 {font-size: 30px;}
				h4,.h4 {font-size: 25px;}
				h5,.h5 { font-size: 20px;}
				h6,.h6 {font-size: 15px;}
				h1entete,.h1entete {font-size: 30px;}
				.cssplatdujour{height:100%;}
				.enbas {
				    font-size: 18px;
				}
				.nav-tabs > li > a{
				    font-size: 20px;
				}
		}
		@media (min-width: 768px) {
			.navbar-collapse {
				width: 400px;
			 }
			.background-restaurant-1 {
				height:100%;
			}
			 .background-restaurant-2 {
 				background: url(../images/restaurant-015.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
 			}
			.background-restaurant-3 {
				padding-top:500px;
				padding-bottom:0px;
			}
			.background-restaurant-2-paddingbottom{
				padding-bottom: 600px;
			}
				.poslogoheader{
					left: calc(50% - 80px);
				}
			.margintopparking{
				margin-left:-120px;
			}
			.marginheader{
				margin-top:-60px;
			}

				 .fixed-topplusbas{
				 	top:40px;
				 }

			 .fixed-top > .hauteurheader{
				height: 70px;
			}
				.txt1grand::first-letter {
					font-size:120px;
				}
			  	.arriereplan{
			  	 background-attachment: fixed;
			  	}
				.carousel-page-2
				{
					height:400px;
				}
				h1.txtspecial2 {font-size: 50px}
				h1,.h1 {font-size: 40px;}
				h2,.h2 {font-size: 35px;}
				h3,.h3 {font-size: 30px;}
				h4,.h4 {font-size: 25px;}
				h5,.h5 { font-size: 20px;}
				h6,.h6 {font-size: 15px;}
				h1entete,.h1entete {font-size: 50px;}
				.cssplatdujour{height:100%;}

		}
		@media (min-width: 992px) {

			  .arriereplan{
			  	 background-attachment: fixed;
			  }
				.carousel-page-2
				{
					height:500px;
				}

		}
		@media (min-width: 1200px) {

				.marginimgplat{
					margin-left:250px;
				}			
				.imageplat > div > img{
					width:200px;
					height:200px;
				}
			  .arriereplan{
			  	 background-attachment: fixed;
			  }
		}
		@media (min-width: 1400px) {
		}
		
.main-text {
    color: #fff;
    position: absolute;
    bottom: 30%;
	left: 10%;

}
.iconegauche{
	-webkit-transition: 250ms linear;
	-moz-transition: 250ms linear;
	-o-transition: 250ms linear;
	-ms-transition: 250ms linear;
	transition: 250ms linear; 
	width:50px
	
}
.iconegauche:hover,
.iconegauche:focus {
	width:80px;	
}

.policegras{
	font-weight: 900;
}
.policenormal{
	font-weight: 400;
}
.policefin{
	font-weight: 200;
}
.majuscule{
	text-transform: uppercase;
}
.italic{
	font-style: italic;
}

		.btn-specif1tabsactive{
			font-size: 25px;
			color: #fff !important;
			background-color: #b59e6c;
			border-radius: 0rem; 
			cursor: pointer;
			display: inline-block;
			font-family: "Manrope";
			line-height: 1.5;
			padding: .5rem 1rem;
			padding-top: 10px;
			padding-bottom: 10px;
			font-weight: 400;

		}
		.btn-specif1tabs:hover, .btn-specif1tabs:focus{
		    border: 1px solid #b59e6c;

		}
		.btn-specif1tabs{
			font-size: 25px;
			display: block;
			padding: .5rem 1rem;
			padding-top: 10px;
			padding-bottom: 10px;
			font-weight: 400;
			cursor: pointer;
			color: #b59e6c !important;
			border-radius: 0px;
			display: inline-block;
			background-color: transparent;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;  
	        font-family: "Manrope";
	        line-height: 1.5;
		}




		.btn-specifbrun:hover, .btn-specifbrun:focus{
		    color: #83462d;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifbrun{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #83462d;
		    color: #83462d;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #fff, #fff);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifblanc:hover, .btn-specifblanc:focus{
		    color: #b59e6c;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifblanc{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #fff;
		    color: #fff;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #fff, #fff);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifdore:hover, .btn-specifdore:focus{
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifdore{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #b59e6c;
		    color: #b59e6c;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #b59e6c, #b59e6c);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}



		.btn-specifheaderresagauche:hover, .btn-specifheaderresagauche:focus{
		    color: #a18d61;
		}
		.btn-specifheaderresagauche{
			cursor:pointer;
			padding:5px;
			margin-bottom: 0px;
			font-size: 17px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:0px;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: transparent;
		    color: #a18d61;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
	        height: 70px;
		}

		.btn-specifheaderresa:hover, .btn-specifheaderresa:focus{
	        transition: 500ms linear;
	        background-size: 100% 100%;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheaderresa:hover > .glyphicons, .btn-specifheaderresa:focus > .glyphicons{
			color: #fff;
		}

		.btn-specifheaderresa > .glyphicons{
			transition: all .4s ease-in-out;
		}
		
		.btn-specifheaderresa{
			cursor:pointer;
			padding:5px;
			margin-bottom: 8px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			margin-top:0px;
			width:200px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #a18d61;
		    color: #a18d61;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #a18d61, #a18d61);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifheaderresa:hover, .btn-specifheaderresa:focus{
	        transition: 500ms linear;
	        background-size: 100% 100%;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}


		.btn-specifheaderresamobile:hover > .glyphicons, .btn-specifheaderresamobile:focus > .glyphicons{
			color: #fff;
		}

		.btn-specifheaderresamobile > .glyphicons{
			transition: all .4s ease-in-out;
		}
		
		.btn-specifheaderresamobile{
			cursor:pointer;
			padding:5px;
			margin-bottom: 8px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			margin-top:0px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: transparent;
		    color: #b59e6c;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
			height:30px;
		}











		.btn-specifheader2:hover, .btn-specifheader2:focus{
			border-color: #000;
		    background-color: transparent;
		    color: #000;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheader2{
			cursor:pointer;
			padding:10px;
			border-radius: 0rem;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    
		    background-color: #000;
		    border-color: #000;
		    color: #fff;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
		}
		.btn-specifheader:hover, .btn-specifheader:focus{
			border-color: #616263;
		    background-color: #616263;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheader{
			cursor:pointer;
			padding:10px;
			border-radius: 0rem;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    background-color: #transparent;
		    border-color: #616263;
		    color: #616263;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope";
		}

		.btn-specif2:hover, .btn-specif2:focus, .btn-specif2.active{

		    background-color: #295aa0;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specif2:hover, .btn-specif2:focus{

		    background-color: #db206f;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specif2{
			cursor:pointer;
			padding:5px;
			padding-left:9px;
			padding-right:9px;
			border-radius: 0rem;
			margin-bottom:2px;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    background-color: #1a1a1a;
		    border-color: #1a1a1a;
		    color: #fff;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "Manrope",inherit;
		}
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.troisimage{
	-webkit-transition: 500ms linear;
	-moz-transition: 500ms linear;
	-o-transition: 500ms linear;
	-ms-transition: 500ms linear;
	transition: 500ms linear;  
}


.barrebasrouge{
	border-bottom: 1px solid #7f4a4a;
}
.barresousmenublanc{
	border-bottom: 1px solid #fff;
}
.barremenunoir::after {
    background-color: #000;
    margin-top: 50px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}
.barremenublanc::after {
    background-color: #fff;
    margin-top: 70px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}
.barremenuvert::after {
    background-color: #82b440;
    margin-top: 0px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}

/*Zoom tourne*/
.zoom{
	/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.zoom:hover {
	-webkit-transform:scale(1.5); /* Safari et Chrome */
	-moz-transform:scale(1.5); /* Firefox */
	-ms-transform:scale(1.5); /* Internet Explorer 9 */
	-o-transform:scale(1.5); /* Opera */
	transform:scale(1.5);
}
.zoomfixe {
	-webkit-transform:scale(1.5); /* Safari et Chrome */
	-moz-transform:scale(1.5); /* Firefox */
	-ms-transform:scale(1.5); /* Internet Explorer 9 */
	-o-transform:scale(1.5); /* Opera */
	transform:scale(1.5);
}


.imgacceuil{
	height:100%;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}





.transition1sec{
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}

.transition500ms{
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 500ms ease; /* Safari et Chrome */
-moz-transition: all 500ms ease; /* Firefox */
-ms-transition: all 500ms ease; /* Internet Explorer 9 */
-o-transition: all 500ms ease; /* Opera */
transition: all 500ms ease;
}


ul.home-menu li a {

    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;

}

ul.home-menu li i {
    font-size: 28px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 76px;
    letter-spacing: 0;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px auto;

}

ul.home-menu li {

    display: inline-block;
    width: 180px;

}

ul.home-menu li:hover a {
	color:#db206f;
}
ul.home-menu li:hover i {
	border: 2px solid #db206f;
	color: #db206f;
}


.titre {

    position: relative;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: center;

}
.titre2 {

    position: relative;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;

}
.soutitre{
	font-size: 25px;
    line-height: 40px;
    font-weight: 300;

}
.big {

    font-size: 25px;
    line-height: 40px;

}

img.vc_single_image-img {

    border-radius: 75% !important;
    height: 300px;
    width: 300px;
    border: 1px solid;

}


.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}




  .navbar-collapse {
        position: absolute;
        top: 0px;
        left: 0;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        transform: none;
transition: none;
    }
    .navbar-collapse.collapsing {
        -webkit-transition: all 0s ease;
        -o-transition: all 0s ease;
        -moz-transition: all 0s ease;
        transition: all 0s ease;
    }
    .navbar-collapse {
         height: 100vh;
        -webkit-transition: left 0.6s ease;
        -o-transition: left 0.6s ease;
        -moz-transition: left 0.6s ease;
        transition: left 0.6s ease;
        left: -100%;
    }
    .navbar-collapse.show {
        left: 0;
        -webkit-transition: left 0.6s ease-in;
        -o-transition: left 0.6s ease-in;
        -moz-transition: left 0.6s ease-in;
        transition: left 0.6s ease-in;
    }

  /* Navbar colapse animated */
  .icon-bar {
	width: 40px; 
	height: 4px;
	background-color: #a18d61;
	display: block;
	transition: all 0.6s;
	margin-top: 6px;
	border-radius:25px;
}
 
.navbar-toggler {
    border-radius: 0px;
    padding: .25rem .50rem;
}

  .navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggler:hover .middle-bar {
  width: 20px; 
  margin-left:10px;
}
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}




/*LOADER*/


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
#loader {
    display: block;
    position: relative;
    left: 15%;
    top: 0%;
    z-index: 1001;
    width:70%;
}


    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 50%;
        height: 100%;
        background: #fff;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    

    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    }  


  	.masquerloadergauche{
  		background-color:#fff;
  		width:50%;
  		height: 100%;
  		position: absolute;
  		right:0;
  		-webkit-transition: 1500ms linear;
	    -moz-transition: 1500ms linear;
	    -o-transition: 1500ms linear;
	    -ms-transition: 1500ms linear;
	    transition: 1500ms linear; 
  	}
  	.masquerloaderdroite{
  		background-color:#fff;
  		width:50%;
  		height: 100%;
  		position: absolute;
  		left:0;
  		-webkit-transition: 1500ms linear;
	    -moz-transition: 1500ms linear;
	    -o-transition: 1500ms linear;
	    -ms-transition: 1500ms linear;
	    transition: 1500ms linear; 
  	}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		overflow-y: none;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 15px;
	}

/*Left*/
	.modal.left .modal-dialog{
		left: 0px;
		-webkit-transition: opacity 0.3s linear, left 1s ease-out;
		   -moz-transition: opacity 0.3s linear, left 1s ease-out;
		     -o-transition: opacity 0.3s linear, left 1s ease-out;
		        transition: opacity 0.3s linear, left 1s ease-out;
	}
	
	.modal.left.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 1s linear, right 0.6s ease-out;
		   -moz-transition: opacity 1s linear, right 0.6s ease-out;
		     -o-transition: opacity 1s linear, right 0.6s ease-out;
		        transition: opacity 1s linear, right 0.6s ease-out;
	}
	
	.modal.right.show .modal-dialog {
		right: 0px;
	}

	
/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}



	/*FORM*/
	.has-danger{
		color: #ff4136;

	}
	.has-danger input{
		border-color: #ff4136;
	}
	.form-control::placeholder {
	    color: #fff;
	    opacity: 1;
	}
	.form-control{
		background-color: transparent !important;
		color: #83462d;
	}
	.form-control:focus {
	    color: #83462d;
	    box-shadow: none;
	    border-color: #83462d;
	}

	/*Checked*/
input[type='checkbox'].specif-checkbox + label:before,
input[type='checkbox'].specif-checkbox + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-size:25px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input[type='checkbox'].specif-checkbox + label:before{/*unchecked icon*/
    content: "\e154";
}
input[type='checkbox']:checked.specif-checkbox + label:before{/*checked icon*/
    content: "\e153";
    color:#616263;
}
input[type='checkbox']:checked.specif-checkbox2 + label:before{/*checked icon*/
    content: "\e153";
    color:#616263;
}
.textshadow {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.position-bottom{
	bottom:0;
}


/********************
Hover cadre
********************/



.exsite-item:hover .exsite-item-hover .do-work-item-details h3,
.exsite-item:hover .exsite-item-hover .do-work-item-details h3 a,
.exsite-item:hover .exsite-item-hover .do-work-item-details span{
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}


.exsite-item:hover .exsite-item-hover{
	opacity: 1;
	visibility: visible;
}

.exsite-item-hover{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color : rgba(97,98,99,0.94);
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
		-ms-transition: all .35s;
		 -o-transition: all .35s;
			transition: all .35s;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
		-ms-transition: all .35s;
		 -o-transition: all .35s;
			transition: all .35s;
}



.exsite-item-hover .do-work-item-details{
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}

.exsite-item-hover .do-work-item-details span,
.exsite-item-hover .do-work-item-details h3,
.exsite-item-hover .do-work-item-details h3 a{
	margin: 0;
	text-transform: uppercase;
	line-height: 1;
	display: block;
	opacity: 0;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		-ms-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.exsite-item-hover .do-work-item-details h3,
.exsite-item-hover .do-work-item-details h3 a{
	display: inline-block;
}

.exsite-item-hover .do-work-item-details span.do-work-item-subtitle{
	font-size: 30px;
	letter-spacing: 7px;
	padding-left: 7px;
	margin-top: 5px;
}


.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
}
.remonterdiv:hover{
	margin-top:-10px;
}

.hidden-load {visibility: hidden;}
.hidden-load.animated {visibility: visible;}

.mh-100{
	min-height: 100%;
}
.cadrecentresalon1{
	z-index: 10;
	width: 40%;
	top: 50%;
	left: 20%;
	position: absolute !important;
}
.cadrecentresalon2{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}

.cadrecentresalon3{
	z-index: 10;
	width: 40%;
	top: 30%;
	left: 10%;
	position: absolute !important;
}

.cadrecentreproducteur1{
	z-index: 10;
	width: 40%;
	top: 50%;
	left: 20%;
	position: absolute !important;
}
.cadrecentreproducteur2{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}

.cadrecentreproducteur3{
	z-index: 10;
	width: 40%;
	top: 30%;
	left: 10%;
	position: absolute !important;
}
.cadrecentreequipe1{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}
.cadrecentreequipe2{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe3{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe4{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe5{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe6{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}

/* Refonte Au Crocodile 2026 */
:root {
  --ac-ivory: #f6f3ec;
  --ac-ink: #171716;
  --ac-greige: #d8d2c7;
  --ac-taupe: #a49b8e;
  --ac-champagne: #b6a68d;
  --ac-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --ac-sans: "Manrope", Arial, Helvetica, sans-serif;
}

html { scroll-behavior: smooth; }
body { background: var(--ac-ivory); color: var(--ac-ink); overflow-x: hidden; font-family: var(--ac-sans); font-weight: 400; }
.accroche-accueil { height: 100%; }
.header-conteneur-accueil { height: 0 !important; }

.header { z-index: 1040; padding: 12px 18px; pointer-events: none; transition: padding .38s ease; }
.header-interieur { max-width: 1540px; min-height: 82px; margin: auto; padding: 8px 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(246,243,236,.94); border: 1px solid rgba(182,166,141,.35); backdrop-filter: blur(12px); pointer-events: auto; transition: min-height .38s ease, max-width .38s ease, padding .38s ease, box-shadow .38s ease; }
.header.est-reduit { padding-top: 8px; padding-bottom: 8px; }
.header.est-reduit .header-interieur { max-width: 1440px; min-height: 58px; padding: 5px 12px; box-shadow: 0 8px 26px rgba(23,23,22,.07); }
.bouton-menu { width: 70px; padding: 4px 0; border: 0; background: transparent; color: var(--ac-ink); text-transform: uppercase; letter-spacing: .16em; font: 8px var(--ac-sans); text-align: left; }
.bouton-menu span { display: block; width: 25px; height: 1px; margin: 5px 0; background: currentColor; transition: width .25s; }
.bouton-menu span:nth-child(2) { width: 18px; }
.bouton-menu:hover span:nth-child(2) { width: 25px; }
.bouton-menu small { display: inline-block; margin-top: 1px; font-size: 7px; }
.identite { color: var(--ac-ink); text-align: center; text-decoration: none; line-height: 1; }
.header .identite,
.header .identite:link,
.header .identite:visited,
.header .identite:hover,
.header .identite:focus,
.header .identite:active { color: var(--ac-ink) !important; text-decoration: none !important; }
.header .identite:hover .logo-complet,
.header .identite:focus .logo-complet { opacity: .72; }
.logo-complet { display: block; width: 180px; height: 60px; margin: 0 auto; object-fit: contain; transition: width .38s ease, height .38s ease, opacity .25s; }
.header.est-reduit .logo-complet { width: 140px; height: 47px; }
.identite strong { display: block; font: 19px var(--ac-serif); font-weight: 400; text-transform: uppercase; letter-spacing: .06em; }
.identite small { display: block; margin-top: 3px; font: 6px var(--ac-sans); text-transform: uppercase; letter-spacing: .22em; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 24px; }
.langues { gap: 7px; font: 9px var(--ac-sans); letter-spacing: .08em; }
.langues,
.langues-menu { align-items: center; }
.langues-menu { display: flex; gap: 7px; }
.separateur-langue { display: inline-block; flex: 0 0 auto; width: 1px; height: 7px; background: var(--ac-champagne); transform: rotate(18deg); opacity: .8; }
.langues a { color: var(--ac-ink); text-decoration: none; }
.bouton-reserver { padding: 11px 18px; border: 1px solid var(--ac-ink); background: var(--ac-ink); color: var(--ac-ivory); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .16em; transition: .25s; }
.bouton-reserver:hover { background: transparent; color: var(--ac-ink); }

.menu-lateral { position: fixed; z-index: 1000000 !important; isolation: isolate; width: 1320px !important; max-width: 100vw; background: var(--ac-ink); color: var(--ac-ivory); }
.offcanvas-backdrop { z-index: 999999 !important; }
body.menu-ouvert .header { opacity: 0; visibility: hidden; pointer-events: none; }
.menu-lateral .offcanvas-header { padding: 24px 42px; border-bottom: 1px solid rgba(246,243,236,.12); }
.menu-lateral .offcanvas-body { padding: 32px 42px 30px; display: flex; flex-direction: column; overflow-x: hidden; }
.identite-menu { display: flex; align-items: center; font: 24px var(--ac-serif); text-transform: uppercase; letter-spacing: .08em; }
.menu-lateral .offcanvas-header > a.identite-menu,
.menu-lateral .offcanvas-header > a.identite-menu:link,
.menu-lateral .offcanvas-header > a.identite-menu:visited,
.menu-lateral .offcanvas-header > a.identite-menu:hover,
.menu-lateral .offcanvas-header > a.identite-menu:focus,
.menu-lateral .offcanvas-header > a.identite-menu:active,
.menu-lateral .offcanvas-header > a.identite-menu > span { color: var(--ac-ivory) !important; text-decoration: none !important; }
.menu-lateral .offcanvas-header > a.identite-menu:hover > img,
.menu-lateral .offcanvas-header > a.identite-menu:focus > img { opacity: .72; }
.identite-menu > img { display: block; width: 190px; height: 64px; object-fit: contain; flex: 0 0 auto; }
.identite-menu small { display: block; margin-top: 5px; color: var(--ac-champagne); font: 8px var(--ac-sans); letter-spacing: .25em; }
.structure-menu { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(430px, .88fr) minmax(500px, 1.12fr); gap: 58px; }
.navigation-menu { display: flex; flex-direction: column; justify-content: center; }
.rubrique-menu { padding: 15px 0 17px; border-bottom: 1px solid rgba(246,243,236,.11); }
.rubrique-menu:first-child { border-top: 1px solid rgba(246,243,236,.11); }
.rubrique-menu h2 { margin: 0 0 9px; color: var(--ac-ivory); font: 38px/.95 var(--ac-serif); font-weight: 400; transition: color .25s, transform .25s; }
.rubrique-menu:hover h2 { color: var(--ac-champagne); transform: translateX(4px); }
.rubrique-menu a { display: inline-block; position: relative; margin: 3px 20px 0 0; color: #aaa59c; font: 9px var(--ac-sans); font-weight: 500; text-transform: uppercase; letter-spacing: .13em; text-decoration: none; }
.rubrique-menu a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -3px; height: 1px; background: var(--ac-champagne); transition: right .25s; }
.rubrique-menu a:hover { color: var(--ac-ivory); }
.rubrique-menu a:hover::after { right: 0; }
.reservation-menu { align-self: flex-start; margin-top: 20px; padding: 11px 18px; border: 1px solid var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .16em; transition: .25s; }
.reservation-menu:hover, .reservation-menu:focus { border-color: var(--ac-ivory); background: var(--ac-ivory); color: var(--ac-ink); }
.colonne-visuel-menu { min-height: 0; display: flex; flex-direction: column; gap: 18px; }
.visuel-menu, .visuel-menu:link, .visuel-menu:visited, .visuel-menu:hover, .visuel-menu:focus, .visuel-menu:active { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; color: var(--ac-ivory) !important; text-decoration: none !important; }
.visuel-menu::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23,23,22,.05) 28%, rgba(23,23,22,.92) 100%); }
.visuel-menu img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .8s ease; }
.visuel-menu:hover img { transform: scale(1.035); }
.visuel-menu > span { position: absolute; z-index: 1; left: 30px; right: 30px; bottom: 28px; }
.visuel-menu small { display: block; margin-bottom: 10px; color: var(--ac-champagne) !important; font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .2em; }
.visuel-menu strong { display: block; max-width: 320px; color: var(--ac-ivory) !important; font: 30px/1 var(--ac-serif); font-weight: 400; }
.visuel-menu em { display: inline-block; margin-top: 19px; color: var(--ac-ivory) !important; font: normal 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .14em; }
.colonne-visuel-menu .langues-menu { flex: 0 0 auto; padding-bottom: 2px; }
.langues-menu a { color: var(--ac-ivory); text-decoration: none; font-size: 11px; }

.accueil { background: var(--ac-ivory); color: var(--ac-ink); }
.accueil a, .accueil a:hover, .accueil a:focus, .header a, .header a:hover, .header a:focus, .menu-lateral a, .menu-lateral a:hover, .menu-lateral a:focus { text-decoration: none; }
.banniere { min-height: 100svh; position: relative; display: grid; grid-template-columns: 42% 58%; padding-top: 0; background: var(--ac-ivory); }
.accroche-accueil .banniere { height: 100%; min-height: 0; }
.contenu-banniere { padding: 155px 7vw 110px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 3; }
.surtitre { margin-bottom: 28px; color: var(--ac-champagne); font: 9px var(--ac-sans); text-transform: uppercase; letter-spacing: .24em; }
.surtitre-banniere { display: flex; align-items: center; gap: 15px; }
.surtitre-banniere img { width: 25px; height: 25px; object-fit: contain; flex: 0 0 auto; }
.banniere h1 { max-width: 590px; margin: 0 0 34px; font-family: var(--ac-serif); font-size: clamp(49px, 3.35vw, 62px); font-weight: 400; line-height: 1.01; letter-spacing: -.012em; }
.banniere h1 span { display: block; }
.banniere h1 span + span { margin-top: 0; }
.banniere p { max-width: 430px; margin-bottom: 34px; font: 14px/1.75 var(--ac-sans); color: #4e4b46; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.bouton { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 46px; padding: 0 20px; border: 1px solid var(--ac-ink); color: var(--ac-ink); font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .15em; text-decoration: none; transition: color .25s, background-color .25s, border-color .25s; }
.bouton-noir { background: var(--ac-ink); color: var(--ac-ivory); }
.bouton-clair { border-color: transparent; border-bottom-color: var(--ac-ink); padding-left: 5px; padding-right: 5px; }
.bouton:hover { background: var(--ac-champagne); border-color: var(--ac-champagne); color: var(--ac-ink); }
.visuel-banniere { min-height: 100svh; overflow: hidden; }
.accroche-accueil .visuel-banniere { height: 100%; min-height: 0; }
.visuel-banniere { position: relative; }
.visuel-banniere::after { content: ""; position: absolute; inset: 0 auto 0 0; z-index: 1; width: 24%; pointer-events: none; background: linear-gradient(90deg, var(--ac-ivory) 0%, rgba(246,243,236,.72) 28%, rgba(246,243,236,0) 100%); }
.visuel-banniere img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 53%; transform: scale(1.015); }
.decouvrir { position: absolute; z-index: 4; left: 50%; bottom: 24px; transform: translateX(-50%); padding: 0; display: flex; flex-direction: column; align-items: center; gap: 7px; border: 0; background: transparent; color: var(--ac-ink); font: 7px var(--ac-sans); text-transform: uppercase; letter-spacing: .2em; text-decoration: none; cursor: pointer; }
.fleche-decouvrir { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(23,23,22,.35); border-radius: 50%; font-size: 12px; transition: transform .25s, background-color .25s; }
.decouvrir:hover { color: var(--ac-ink); }
.decouvrir:hover .fleche-decouvrir { transform: translateY(4px); background: var(--ac-champagne); border-color: var(--ac-champagne); }

.section { width: 100%; max-width: none; margin: 0; padding: 110px 0; }
.entete-section { display: grid; grid-template-columns: 1fr 2fr; gap: 50px; align-items: end; margin: 0 4vw 55px; }
.entete-section h2 { max-width: 720px; margin: 0; font-family: var(--ac-serif); font-size: clamp(44px, 3vw, 54px); font-weight: 400; line-height: 1.04; letter-spacing: -.01em; }
.grille-editoriale { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.bloc-editorial { min-height: 0; position: relative; overflow: hidden; border: 1px solid var(--ac-greige); background: #ece8df; color: var(--ac-ink) !important; text-decoration: none !important; transition: transform .35s ease, box-shadow .35s ease; }
.visuel-bloc { position: relative; height: clamp(400px, 27vw, 520px); overflow: hidden; background: var(--ac-ink); }
.visuel-bloc::before { content: ""; position: absolute; inset: -18px; background-image: linear-gradient(rgba(23,23,22,.22), rgba(23,23,22,.22)), var(--image-bloc); background-position: center; background-size: cover; filter: blur(15px); transform: scale(1.08); opacity: .68; }
.visuel-bloc img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .7s ease; }
.bloc-editorial:hover .visuel-bloc img { transform: scale(1.018); }
.bloc-editorial:hover { transform: translateY(-6px); box-shadow: 0 18px 42px rgba(23,23,22,.12); }
.contenu-bloc { min-height: 270px; padding: 30px; display: flex; flex-direction: column; }
.bloc-editorial:nth-child(2) { border-color: var(--ac-ink); background: var(--ac-ink); color: var(--ac-ivory) !important; }
.bloc-editorial:nth-child(2) { border-color: rgba(246,243,236,.9); box-shadow: inset 0 0 0 1px rgba(246,243,236,.12); }
.bloc-editorial:nth-child(2) .visuel-bloc { border-bottom: 1px solid rgba(246,243,236,.72); }
.bloc-editorial:nth-child(3) { background: #f1eee7; }
.bloc-editorial small { color: var(--ac-champagne); font: 9px var(--ac-sans); text-transform: uppercase; letter-spacing: .18em; }
.bloc-editorial h3 { margin: 14px 0 17px; font: 33px/1.06 var(--ac-serif); font-weight: 400; letter-spacing: -.006em; }
.bloc-editorial p { font: 12px/1.65 var(--ac-sans); opacity: .72; }
.bloc-editorial em { display: inline-block; align-self: flex-start; margin-top: auto; padding-top: 20px; color: currentColor !important; font: normal 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .14em; border-bottom: 1px solid var(--ac-champagne); }
.liens-bloc { display: flex; flex-wrap: wrap; gap: 9px; margin-top: auto; padding-top: 22px; }
.liens-bloc a, .liens-bloc a:visited { min-height: 34px; padding: 0 13px; display: inline-flex; align-items: center; border: 1px solid currentColor; color: inherit !important; font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; text-decoration: none; transition: border-color .25s ease, background-color .25s ease, color .25s ease; }
.liens-bloc a:hover, .liens-bloc a:focus { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink) !important; }

.presentation-maison { display: grid; grid-template-columns: 1.18fr .82fr; min-height: 600px; background: var(--ac-ink); color: var(--ac-ivory); }
.visuel-presentation { min-height: 600px; overflow: hidden; }
.visuel-presentation img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; transition: transform .8s ease; }
.presentation-maison:hover .visuel-presentation img { transform: scale(1.018); }
.contenu-presentation { max-width: 650px; padding: 6vw 6vw; align-self: center; }
.contenu-presentation h2 { margin: 0 0 25px; font-family: var(--ac-serif); font-size: clamp(42px, 2.8vw, 52px); font-weight: 400; line-height: 1.04; letter-spacing: -.01em; }
.contenu-presentation p { margin-bottom: 30px; color: #c8c2b8; font: 13px/1.8 var(--ac-sans); }
.presentation-maison .bouton { border-color: var(--ac-ivory); color: var(--ac-ivory); }

.section-galerie { padding-top: 72px; padding-bottom: 72px; }
.section-galerie .entete-section { margin-bottom: 35px; }
.galerie { display: grid; grid-template-columns: .85fr repeat(4, 1fr); gap: 14px; padding: 14px 0; border-top: 1px solid var(--ac-greige); border-bottom: 1px solid var(--ac-greige); }
.presentation-galerie { padding: 28px 26px; display: flex; flex-direction: column; justify-content: center; }
.presentation-galerie .surtitre { margin-bottom: 14px; }
.presentation-galerie h2 { max-width: 210px; margin: 0 0 24px; font-family: var(--ac-sans); font-size: 24px; font-weight: 300; line-height: 1.28; letter-spacing: -.02em; }
.galerie > a { height: 280px; min-height: 0; overflow: hidden; }
.galerie img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.galerie > a:hover img { transform: scale(1.04); }
.actions-principales { max-width: 1380px; margin: 0 auto; padding: 42px 4vw; display: grid; grid-template-columns: 1.55fr repeat(3, 1fr); gap: 18px; align-items: center; border-top: 1px solid var(--ac-greige); }
.introduction-actions { display: flex; align-items: center; }
.actions-principales h2 { margin: 0 0 5px; font: 27px var(--ac-serif); font-weight: 400; }
.introduction-actions p { margin: 0; color: #57534d; font: 10px var(--ac-sans); }
.newsletter-lien { padding: 0; display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; border: 0; background: transparent; color: var(--ac-ink) !important; font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .14em; text-decoration: none; cursor: pointer; }
.newsletter-lien span { color: var(--ac-champagne); transition: transform .25s ease; }
.newsletter-lien:hover span { transform: translateX(4px); }
.item-action { min-height: 76px; padding: 14px 17px; border: 1px solid var(--ac-greige); display: flex; flex-direction: row; align-items: center; gap: 16px; background: transparent; color: var(--ac-ink); text-align: left; text-decoration: none; cursor: pointer; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; }
.item-action > .glyphicons { width: 28px; color: var(--ac-ink); font-size: 22px; }
.item-action small { display: block; color: var(--ac-champagne); font: 7px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .15em; }
.item-action strong { display: block; margin-top: 5px; font: 12px var(--ac-sans); font-weight: 400; }
.item-action:hover, .item-action:focus { border-color: var(--ac-champagne); background: transparent; color: var(--ac-ink) !important; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(23,23,22,.08); }
.item-action:hover > .glyphicons, .item-action:focus > .glyphicons { color: var(--ac-champagne); }
.partenaires { width: 100%; padding: 46px 4vw; display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); align-items: center; justify-items: center; gap: clamp(20px, 3vw, 55px); border-top: 1px solid var(--ac-greige); background: #eeebe4; }
.partenaires a { width: 100%; min-height: 92px; display: grid; place-items: center; color: var(--ac-ink); opacity: .78; transition: opacity .25s ease, transform .25s ease; }
.partenaires a:hover, .partenaires a:focus { opacity: 1; transform: translateY(-3px); }
.partenaires img { display: block; max-width: 100%; object-fit: contain; }
.partenaire-chefs-alsace { width: min(330px, 100%); max-height: 105px; }
.partenaire-etoiles-alsace { width: min(245px, 100%); max-height: 92px; }
.partenaire-coeur-gourmand { width: min(170px, 100%); max-height: 108px; }
.partenaires .partenaire-gault-millau { display: flex; flex-direction: column; gap: 15px; opacity: 1; }
.partenaire-gault-logo { width: min(210px, 100%); max-height: 48px; }
.distinction-gault { display: flex; align-items: center; justify-content: center; gap: 15px; color: var(--ac-ink); }
.toques-gault { display: flex; align-items: center; gap: 7px; color: var(--ac-champagne); }
.toques-gault svg { display: block; width: 25px; height: 36px; }
.distinction-gault strong { font: 400 24px/1 var(--ac-serif); }
.partenaire-lien-relais { position: relative; }
.partenaire-relais-chateaux { width: min(250px, 100%); max-height: 64px; filter: brightness(0); }
.partenaire-lien-relais::after { content: ""; position: absolute; left: 50%; top: 50%; width: min(250px, 100%); aspect-ratio: 250 / 51; background: url('../images/relaisetchateaux.png') center / 100% 100% no-repeat; clip-path: inset(0 72% 0 0); filter: brightness(0) saturate(100%) invert(73%) sepia(18%) saturate(598%) hue-rotate(357deg) brightness(91%) contrast(84%); transform: translate(-50%, -50%); pointer-events: none; }
.bouton:visited { color: inherit; }
.bouton-noir:visited { color: var(--ac-ivory); }
.bloc-editorial:visited { color: var(--ac-ink) !important; }
.bloc-editorial:nth-child(2):visited { color: var(--ac-ivory) !important; }

.footer { padding: 54px 5vw 25px; background: #111210; color: var(--ac-ivory); }
.footer-grille { max-width: 1380px; margin: auto; display: grid; grid-template-columns: 1.15fr 1fr 1.25fr .8fr .55fr; gap: 48px; align-items: center; }
.footer-identite { display: flex; flex-direction: column; align-items: flex-start; color: var(--ac-ivory); text-decoration: none; }
.footer-identite img { display: block; width: 220px; height: 74px; object-fit: contain; object-position: left center; }
.footer-identite strong { color: var(--ac-ivory); font: 29px var(--ac-serif); font-weight: 400; text-transform: uppercase; letter-spacing: .06em; }
.footer-identite small { margin-top: 5px; color: var(--ac-ivory); font: 7px var(--ac-sans); text-transform: uppercase; letter-spacing: .32em; }
.footer p, .footer a { color: #c8c3ba; font: 12px/1.9 var(--ac-sans); text-decoration: none; }
.footer-horaires > strong { display: block; margin-bottom: 7px; color: var(--ac-champagne); font: 9px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .16em; }
.footer-horaires p { margin: 0; }
.footer-liens a { display: block; }
.footer-liens a { font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.footer-reseaux { display: flex; justify-content: flex-end; gap: 15px; }
.footer-reseaux a { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(182,166,141,.55); border-radius: 50%; color: var(--ac-champagne); line-height: 1; transition: border-color .25s ease, color .25s ease, transform .25s ease; }
.footer-reseaux a svg { width: 25px; height: 25px; fill: currentColor; }
.footer-reseaux a:hover { border-color: var(--ac-ivory); background: transparent; color: var(--ac-ivory); transform: translateY(-2px); }
.newsletter { max-width: 1380px; margin: 42px auto 0; padding: 24px 0; display: grid; grid-template-columns: 1fr minmax(260px, 430px) auto; align-items: center; gap: 18px; border-top: 1px solid rgba(246,243,236,.1); border-bottom: 1px solid rgba(246,243,236,.1); }
.newsletter-contenu small { display: block; margin-bottom: 6px; color: var(--ac-champagne); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .18em; }
.newsletter-contenu strong { color: var(--ac-ivory); font: 21px var(--ac-serif); font-weight: 400; }
.newsletter input { height: 48px; padding: 0 17px; border: 1px solid rgba(246,243,236,.28); border-radius: 0; outline: 0; background: transparent; color: var(--ac-ivory); font: 11px var(--ac-sans); }
.newsletter input:focus { border-color: var(--ac-champagne); }
.newsletter button { height: 48px; padding: 0 22px; border: 1px solid var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .14em; transition: .25s ease; }
.newsletter button:hover, .newsletter button:focus { border-color: var(--ac-ivory); background: var(--ac-ivory); }
.footer-bas { max-width: 1380px; margin: 20px auto 0; padding-top: 0; display: flex; justify-content: space-between; color: #858079; font-size: 9px; }
/* Modales 2026 */
.btnmodal { color: var(--ac-ink); }
.btnmodal .modal-dialog { padding: 18px; }
.btnmodal .modal-content { overflow: hidden; border: 0; border-radius: 0; background: var(--ac-ivory); box-shadow: 0 28px 80px rgba(0,0,0,.28); }
.btnmodal .modal-header { padding: 25px 32px 22px; align-items: flex-start; border-bottom: 1px solid var(--ac-greige); background: var(--ac-ivory); }
.btnmodal .modal-title { margin-top: 5px; color: var(--ac-ink); font: 40px/.95 var(--ac-serif); font-weight: 400; }
.btnmodal-surtitre { color: var(--ac-champagne); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .2em; }
.btnmodal .btn-close { margin: 2px 0 0; padding: 10px; border-radius: 50%; opacity: .6; transition: transform .25s, opacity .25s; }
.btnmodal .btn-close:hover { transform: rotate(90deg); opacity: 1; }
.btnmodal .modal-body { padding: 32px; background: var(--ac-ivory); }
.introduction-reservation { max-width: 760px; margin: 0 0 28px; color: var(--ac-ink); font: 27px/1.18 var(--ac-serif); }
.introduction-reservation strong { font-weight: 400; color: var(--ac-champagne); }
.libelle-reservation { min-height: 52px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--ac-greige); border-bottom: 0; background: #ece8df; }
.libelle-reservation span { font: 18px var(--ac-serif); }
.libelle-reservation small { color: var(--ac-taupe); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .14em; }
.cadre-reservation { padding: 0; border: 1px solid var(--ac-greige); background: #fff; }
.cadre-reservation > div { height: 500px !important; margin: 0 !important; background: #fff !important; }
.cadre-reservation iframe { display: block; width: 100%; height: 500px; border: 0; }
.btnmodal-emile-jung .cadre-reservation > div,
.btnmodal-emile-jung .cadre-reservation iframe { height: 680px !important; }
.contact-reservation { padding: 15px 3px; display: grid; grid-template-columns: 150px 1fr; align-items: start; border-bottom: 1px solid var(--ac-greige); color: var(--ac-ink); font: 11px/1.65 var(--ac-sans); }
.contact-reservation small { color: var(--ac-taupe); font: 8px var(--ac-sans); text-transform: uppercase; letter-spacing: .16em; }
.contact-reservation a { color: var(--ac-ink); text-decoration: none; }
.contact-reservation a:hover { color: var(--ac-champagne); }
.horaires-reservation { border-bottom: 0; }
.btnmodal-information .modal-body { padding: 38px 42px 36px; color: #4e4b46; font: 14px/1.8 var(--ac-sans); }
.btnmodal-information .modal-body h1, .btnmodal-information .modal-body h2, .btnmodal-information .modal-body h3, .btnmodal-information .modal-body h4 { color: var(--ac-ink); font-family: var(--ac-serif); font-weight: 400; }
.btnmodal-action { min-height: 46px; margin-top: 24px; padding: 0 21px; display: inline-flex; align-items: center; gap: 28px; border: 1px solid var(--ac-ink); background: var(--ac-ink); color: var(--ac-ivory); font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .14em; }
.btnmodal-action:hover { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); }

@media (max-width: 991.98px) {
  .btnmodal .modal-body { padding: 26px; }
  .introduction-reservation { font-size: 24px; }
  .menu-lateral { width: 100vw !important; }
  .menu-lateral .offcanvas-body { overflow-y: auto; }
  .header,
  .header.est-reduit { padding: 6px; }
  .header-interieur,
  .header.est-reduit .header-interieur { min-height: 56px; padding: 5px 12px; grid-template-columns: 52px 1fr 66px; }
  .identite strong { font-size: 15px; }
  .identite small { font-size: 6px; }
  .logo-complet,
  .header.est-reduit .logo-complet { width: 132px; height: 44px; }
  .bouton-reserver { padding: 9px 7px; font-size: 6px; }
  .accroche-accueil { height: auto; min-height: 100svh; }
  .banniere { grid-template-columns: 1fr; }
  .accroche-accueil .banniere { height: auto; min-height: 100svh; }
  .contenu-banniere { min-height: 68svh; padding: 145px 8vw 55px; }
  .banniere h1 { max-width: 520px; font-size: clamp(43px, 10vw, 56px); line-height: 1.03; }
  .visuel-banniere { min-height: 58svh; }
  .visuel-banniere::after { inset: 0 0 auto 0; width: 100%; height: 20%; background: linear-gradient(180deg, var(--ac-ivory), rgba(246,243,236,0)); }
  .decouvrir { bottom: 18px; color: var(--ac-ivory); }
  .fleche-decouvrir { border-color: rgba(246,243,236,.55); }
  .entete-section, .presentation-maison { grid-template-columns: 1fr; }
  .entete-section h2 { font-size: 43px; line-height: 1.05; }
  .grille-editoriale { grid-template-columns: 1fr; }
  .bloc-editorial { min-height: auto; }
  .visuel-bloc { height: 460px; }
  .contenu-bloc { min-height: 230px; }
  .presentation-maison { min-height: 0; }
  .visuel-presentation { width: 100%; height: 52svh; min-height: 390px; max-height: 560px; }
  .contenu-presentation { max-width: 680px; padding: 70px 8vw 76px; }
  .galerie { grid-template-columns: 1fr 1fr; }
  .presentation-galerie { grid-column: 1 / -1; }
  .galerie > a { height: 250px; }
  .actions-principales { grid-template-columns: 1fr; }
  .introduction-actions { margin-bottom: 6px; }
  .footer-grille { grid-template-columns: 1fr 1fr; gap: 28px 45px; }
  .footer-reseaux { justify-content: flex-start; }
  .newsletter { grid-template-columns: 1fr auto; }
  .newsletter-contenu { grid-column: 1 / -1; }
  .partenaires { grid-template-columns: repeat(2, minmax(180px, 1fr)); padding-top: 38px; padding-bottom: 38px; gap: 35px; }
  .structure-menu { display: flex; flex-direction: column; }
  .visuel-menu { display: none !important; }
  .navigation-menu { display: block; }
  .colonne-visuel-menu { min-height: auto; margin-top: 18px; }
}

@media (max-width: 575.98px) {
  .structure-menu { flex: 0 0 auto; }
  .colonne-visuel-menu { margin-top: 10px; gap: 0; }
  .menu-lateral {
    z-index: 1060;
    height: 100dvh;
    max-height: 100dvh;
  }
  .offcanvas-backdrop {
    z-index: 1055;
    pointer-events: none;
  }
  .menu-lateral .offcanvas-header {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    background: var(--ac-ink);
  }
  .menu-lateral .offcanvas-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
  }
  .btnmodal .modal-dialog { margin: 0; padding: 8px; }
  .btnmodal .modal-header { padding: 20px; }
  .btnmodal .modal-title { font-size: 33px; }
  .btnmodal .modal-body, .btnmodal-information .modal-body { padding: 24px 20px; }
  .libelle-reservation { padding: 0 14px; }
  .libelle-reservation small { display: none; }
  .cadre-reservation > div, .cadre-reservation iframe { height: 480px !important; }
  .btnmodal-emile-jung .cadre-reservation > div,
  .btnmodal-emile-jung .cadre-reservation iframe { height: 620px !important; }
  .contact-reservation { grid-template-columns: 1fr; gap: 5px; }
  .menu-lateral .offcanvas-header, .menu-lateral .offcanvas-body { padding-left: 24px; padding-right: 24px; }
  .menu-lateral .offcanvas-header { padding-top: 18px; padding-bottom: 18px; }
  .menu-lateral .offcanvas-body { padding-top: 18px; padding-bottom: 22px; }
  .rubrique-menu { padding: 11px 0 12px; }
  .rubrique-menu h2 { margin-bottom: 7px; font-size: 29px; }
  .rubrique-menu a { margin-right: 13px; font-size: 8px; }
  .reservation-menu { margin-top: 14px; }
  .contenu-banniere { min-height: auto; padding: 125px 7vw 48px; }
  .banniere h1 { margin-bottom: 26px; font-size: clamp(39px, 12vw, 49px); }
  .banniere p { margin-bottom: 27px; font-size: 12px; line-height: 1.7; }
  .decouvrir {
    bottom: 20px;
    min-height: 42px;
    padding: 0 15px 0 17px;
    flex-direction: row;
    gap: 13px;
    border: 1px solid rgba(197,174,125,.72);
    background: rgba(246,243,236,.94);
    color: var(--ac-ink);
    box-shadow: 0 8px 25px rgba(23,23,22,.16);
    backdrop-filter: blur(5px);
  }
  .fleche-decouvrir {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--ac-ink);
    font-size: 14px;
  }
  .section { padding: 78px 0; }
  .entete-section { margin: 0 6vw 38px; gap: 18px; }
  .entete-section h2 { font-size: 38px; }
  .grille-editoriale { gap: 12px; }
  .visuel-bloc { height: 400px; }
  .contenu-bloc { min-height: 215px; padding: 26px 7vw; }
  .bloc-editorial h3 { font-size: 30px; }
  .visuel-presentation { height: 48svh; min-height: 330px; }
  .contenu-presentation { padding: 58px 7vw 64px; }
  .contenu-presentation h2 { font-size: 39px; }
  .galerie { grid-template-columns: 1fr; }
  .galerie { gap: 10px; padding: 10px 0; }
  .presentation-galerie { grid-column: auto; }
  .galerie > a { height: 300px; }
  .footer-grille { grid-template-columns: 1fr; gap: 22px; }
  .footer { padding-top: 32px; }
  .newsletter { grid-template-columns: 1fr; }
  .actions-principales { padding: 42px 6vw; }
  .partenaires { grid-template-columns: 1fr; padding: 38px 12vw; gap: 23px; }
  .partenaires a { min-height: 74px; }
  .partenaire-chefs-alsace { max-height: 82px; }
  .partenaire-etoiles-alsace { max-height: 76px; }
  .partenaire-coeur-gourmand { max-height: 92px; }
  .partenaire-gault-logo { max-height: 44px; }
  .footer-bas { flex-direction: column; gap: 8px; }
}

/* Pages intérieures — refonte validée 2026 */
body.page { background: var(--ac-ivory); color: var(--ac-ink); font-family: var(--ac-sans); }
body.page:not(.page-accueil) .header-conteneur { height: clamp(440px, 64svh, 690px) !important; background: var(--ac-ivory); }
body.page:not(.page-accueil) .header-conteneur > [class*="background-header"] { height: 100%; min-height: 0; }
body.page:not(.page-accueil) .header-conteneur > [class*="background-header"]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23,23,22,.06), rgba(23,23,22,.15)); pointer-events: none; }
body.page:not(.page-accueil) h1,
body.page:not(.page-accueil) h2,
body.page:not(.page-accueil) h3 { font-family: var(--ac-serif); font-weight: 400; letter-spacing: -.01em; }
body.page:not(.page-accueil) .majuscule { text-transform: none; }
body.page:not(.page-accueil) .fonddore { background: #e7e0d4 !important; color: var(--ac-ink) !important; }
body.page:not(.page-accueil) .fondgrisclair,
body.page:not(.page-accueil) .fondgrisclair2 { background-color: var(--ac-ivory) !important; }
body.page:not(.page-accueil) .brun { color: var(--ac-ink) !important; }
body.page:not(.page-accueil) .dore { color: var(--ac-champagne) !important; }
body.page:not(.page-accueil) .btn-specifbrun,
body.page:not(.page-accueil) .btn-specifdore { min-height: 46px; padding: 0 21px !important; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ac-ink); border-radius: 0; background: var(--ac-ink); color: var(--ac-ivory) !important; font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .15em; box-shadow: none; transition: .25s ease; }
body.page:not(.page-accueil) .btn-specifbrun:hover,
body.page:not(.page-accueil) .btn-specifdore:hover { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink) !important; }

/* Chapeaux éditoriaux */
.page-histoire > .fondgrisclair.text-center,
.page-producteurs > .fondgrisclair.text-center,
.page-carte-menus > .fondgrisclair.text-center,
.page-salons > .fondgrisclair.text-center { min-height: 0 !important; padding: 92px 6vw 86px; border-bottom: 1px solid var(--ac-greige); }
.page-histoire > .fondgrisclair.text-center > div,
.page-producteurs > .fondgrisclair.text-center > div,
.page-carte-menus > .fondgrisclair.text-center > div,
.page-salons > .fondgrisclair.text-center > div { width: 100%; max-width: 920px; margin: auto; padding: 0 !important; }
.page-histoire .txtspecial2,
.page-producteurs .txtspecial2,
.page-carte-menus .txtspecial2,
.page-salons .txtspecial2 { margin: 0; font: clamp(43px, 4.5vw, 72px)/1.02 var(--ac-serif); }
.page-histoire > .fondgrisclair h5,
.page-producteurs > .fondgrisclair h4,
.page-carte-menus > .fondgrisclair h5,
.page-salons > .fondgrisclair h5 { margin: 29px 0 0; font: 9px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .22em; }
.page-histoire > .fondgrisclair br,
.page-producteurs > .fondgrisclair br,
.page-carte-menus > .fondgrisclair br,
.page-salons > .fondgrisclair br { display: none; }

/* Histoire */
.page-histoire > .fondgrisclair.text-center + .row.sanspadding { min-height: 650px !important; align-items: stretch; }
.page-histoire > .fondgrisclair.text-center + .row.sanspadding > div:first-child { padding: 90px 7vw !important; display: flex; align-items: center; }
.page-histoire > .fondgrisclair.text-center + .row.sanspadding .p-md-5 { max-width: 580px; padding: 0 !important; font: 14px/1.8 var(--ac-sans) !important; }
.page-histoire > .fondgrisclair.text-center + .row.sanspadding h1 { font-size: clamp(45px, 4vw, 64px); }
.page-histoire .background-histoire-1 { min-height: 650px; }
.page-histoire > .row.fondgrisclair.p-5 { padding: 70px 4vw !important; align-items: center; gap: 18px 0; }
.page-histoire > .row.fondgrisclair.p-5 img { width: 100%; max-height: 440px; object-fit: contain; }
body.page-histoire .background-histoire-2 { padding: 92px 5vw; background: var(--ac-ivory) url('../images/logo_crocodile_background.png') center / 430px auto no-repeat !important; color: var(--ac-ink); }
.page-histoire .background-histoire-2 > div { flex: 0 0 50%; width: 50%; max-width: 50%; margin-left: 0; padding: 0 2.5vw !important; }
.page-histoire .background-histoire-2 > div:first-child { border-right: 1px solid var(--ac-greige); }
.page-histoire .background-histoire-2 .col-12.pb-5 { position: relative; min-height: 126px; padding: 27px 0 28px !important; display: grid; grid-template-columns: 140px minmax(180px, 360px); justify-content: center; align-items: start; gap: 27px; border-top: 1px solid var(--ac-greige); color: var(--ac-ink); text-align: left !important; font: 12px/1.7 var(--ac-sans); overflow-wrap: anywhere; }
.page-histoire .background-histoire-2 .col-12.pb-5:last-child { border-bottom: 1px solid var(--ac-greige); }
.page-histoire .background-histoire-2 .col-12.pb-5::before,
.page-histoire .background-histoire-2 .col-12.pb-5::after { display: none; }
.page-histoire .background-histoire-2 .bordure-bottom-brun { margin: -5px 0 0; padding: 0 !important; border: 0; color: var(--ac-champagne) !important; font: clamp(29px, 2.3vw, 36px)/1.05 var(--ac-serif); white-space: normal; }
.page-histoire .background-histoire-2 .col-12.p-5 { margin-top: 26px; padding: 26px !important; border: 1px solid var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); font: 24px/1.2 var(--ac-serif); text-align: left !important; }

/* Équipe */
.page-equipe > .header-conteneur + .row.sanspadding { min-height: 660px !important; align-items: stretch; }
.page-equipe > .header-conteneur + .row.sanspadding > div:first-child { padding: 80px 7vw !important; display: flex; align-items: center; }
.page-equipe > .header-conteneur + .row.sanspadding .p-md-5 { max-width: 600px; padding: 0 !important; }
.page-equipe > .header-conteneur + .row.sanspadding h1 { font-size: clamp(46px, 4vw, 64px); }
.page-equipe .txtspecial { padding-left: 0 !important; color: var(--ac-champagne) !important; font: 27px var(--ac-serif); }
.page-equipe .background-equipe-2 { padding: 100px 4vw; background-color: var(--ac-ivory) !important; background-size: 420px auto; }
.page-equipe .background-equipe-2 > .row { max-width: 1380px; margin: 0 auto 90px; align-items: center; }
.page-equipe .background-equipe-2 > .row:last-child { margin-bottom: 0; }
.page-equipe .background-equipe-2 img { width: 100%; max-height: 620px; object-fit: cover; box-shadow: 0 22px 55px rgba(23,23,22,.12); }
.page-equipe .background-equipe-2 h1 { margin: 0; font-size: clamp(39px, 3vw, 52px); }
.page-equipe .background-equipe-2 .text-justify { display: block; color: #4f4b45; font: 13px/1.78 var(--ac-sans); }
.page-equipe > .background-equipe-2 + .row.sanspadding { gap: 10px; padding: 10px 0; background: var(--ac-ivory); }
.page-equipe > .background-equipe-2 + .row.sanspadding > div { flex: 1 1 0; width: auto; }
.page-equipe > .background-equipe-2 + .row.sanspadding img { height: 480px; object-fit: cover; }

/* Histoire 2026 */
.page-histoire { overflow-x: hidden; background: var(--ac-ivory); color: var(--ac-ink); }
.introduction-histoire { width: min(1500px, 92vw); max-width: none; padding: 120px 0; text-align: left; }
.introduction-histoire > .surtitre { margin: 0 0 25px; }
.introduction-histoire h1 { position: relative; max-width: 950px; margin: 0; padding-bottom: 28px; font-size: clamp(54px, 5.4vw, 84px); }
.introduction-histoire h1::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.introduction-histoire p { max-width: 690px; margin: 39px 0 0; }
.chapitre-histoire { display: grid; min-height: 1040px; border-top: 1px solid var(--ac-greige); }
.origines-histoire { grid-template-columns: 38% 62%; background: #ebe6dc; }
.contenu-histoire { display: flex; flex-direction: column; justify-content: center; gap: clamp(55px, 6vw, 95px); padding: clamp(70px, 7vw, 125px); }
.contenu-histoire article { max-width: 650px; }
.date-histoire { display: block; margin-bottom: 14px; color: var(--ac-champagne); font: 600 9px var(--ac-sans); letter-spacing: .18em; text-transform: uppercase; }
.contenu-histoire h2 { margin: 0 0 27px; color: var(--ac-ink); font: clamp(46px, 4.2vw, 67px)/.98 var(--ac-serif); font-weight: 400; letter-spacing: -.025em; }
.contenu-histoire p { margin: 0 0 15px; color: #4f4a43; font: 13px/1.75 var(--ac-sans); }
.mosaique-histoire { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 48% 52%; gap: 12px; min-width: 0; padding: 12px 12px 12px 0; }
.mosaique-histoire figure { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: var(--ac-greige); }
.image-principale-histoire { grid-column: 1 / -1; }
.mosaique-histoire img,
.image-epoque-moderne img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.mosaique-histoire figure:hover img,
.image-epoque-moderne:hover img { transform: scale(1.018); }
.epoque-moderne { grid-template-columns: 62% 38%; min-height: 980px; background: var(--ac-ink); color: var(--ac-ivory); }
.epoque-moderne .contenu-histoire { grid-column: 2; grid-row: 1; padding-right: clamp(60px, 7vw, 115px); padding-left: clamp(60px, 7vw, 115px); }
.epoque-moderne .contenu-histoire article { max-width: 760px; }
.epoque-moderne .contenu-histoire h2 { color: var(--ac-ivory); }
.epoque-moderne .contenu-histoire p { color: rgba(246,243,236,.76); }
.image-epoque-moderne { position: relative; grid-column: 1; grid-row: 1; min-height: 980px; margin: 0; overflow: hidden; }
.image-epoque-moderne::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,23,22,.35), transparent 28%); pointer-events: none; }
.citation-histoire { padding: clamp(90px, 10vw, 155px) 7vw; text-align: center; }
.citation-histoire p { margin: 20px auto 0; font: clamp(47px, 5vw, 76px)/.98 var(--ac-serif); letter-spacing: -.025em; }

/* Producteurs */
.page-producteurs > .fondgrisclair.text-center + .row.sanspadding { min-height: 650px !important; }
.page-producteurs > .fondgrisclair.text-center + .row.sanspadding > div:first-child { padding: 85px 7vw !important; display: flex; align-items: center; }
.page-producteurs > .fondgrisclair.text-center + .row.sanspadding .p-md-5 { max-width: 610px; padding: 0 !important; font: 13px/1.8 var(--ac-sans) !important; }
.page-producteurs > .arriereplan { min-height: 760px !important; display: flex; align-items: center; }
.page-producteurs > .arriereplan::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,23,22,.72), rgba(23,23,22,.08)); }
.page-producteurs > .arriereplan > .row { position: relative; z-index: 1; width: 100%; min-height: 0 !important; }
.page-producteurs .fondbrunestompe { max-width: 570px; padding: 52px !important; background: rgba(23,23,22,.91) !important; color: var(--ac-ivory); text-align: left !important; backdrop-filter: blur(8px); }
.page-producteurs { overflow-x: hidden; background: var(--ac-ivory); color: var(--ac-ink); }
.introduction-producteurs { max-width: 1240px; padding-top: 120px; padding-bottom: 115px; }
.introduction-producteurs p { max-width: 590px; }
.presentation-producteur { display: grid; grid-template-columns: 42% 58%; min-height: 700px; border-top: 1px solid var(--ac-greige); background: #ebe6dc; }
.presentation-producteur-noire { grid-template-columns: 58% 42%; min-height: 590px; background: var(--ac-ink); color: var(--ac-ivory); }
.contenu-producteur { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(65px, 8vw, 145px); }
.texte-producteur { width: 100%; max-width: 600px; color: #504c46; font: 13px/1.85 var(--ac-sans); }
.texte-producteur h1,
.texte-producteur h2,
.texte-producteur h3 { margin: 20px 0 28px; color: var(--ac-ink) !important; font: clamp(48px, 4.2vw, 68px)/.98 var(--ac-serif) !important; font-weight: 400 !important; letter-spacing: -.025em; text-transform: none !important; }
.texte-producteur p { margin: 0 0 20px; }
.texte-producteur br + br { display: block; content: ""; margin-top: 13px; }
.texte-producteur a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 22px; padding: 0 24px !important; border: 1px solid var(--ac-ink) !important; border-radius: 0 !important; background: var(--ac-ink) !important; color: var(--ac-ivory) !important; font: 600 8px var(--ac-sans) !important; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; transition: background-color .25s, color .25s; }
.texte-producteur a:hover,
.texte-producteur a:focus { background: transparent !important; color: var(--ac-ink) !important; }
.presentation-producteur-noire .surtitre { color: var(--ac-champagne); }
.presentation-producteur-noire .texte-producteur { color: rgba(246,243,236,.75); }
.presentation-producteur-noire .texte-producteur h1,
.presentation-producteur-noire .texte-producteur h2,
.presentation-producteur-noire .texte-producteur h3 { color: var(--ac-ivory) !important; }
.presentation-producteur-noire .texte-producteur a { border-color: var(--ac-ivory) !important; background: var(--ac-ivory) !important; color: var(--ac-ink) !important; }
.presentation-producteur-noire .texte-producteur a:hover,
.presentation-producteur-noire .texte-producteur a:focus { background: transparent !important; color: var(--ac-ivory) !important; }
.visuel-producteur { position: relative; min-width: 0; min-height: 700px; margin: 0; overflow: hidden; background: var(--ac-greige); }
.presentation-producteur-noire .visuel-producteur { min-height: 590px; }
.visuel-producteur::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,23,22,.05), transparent 28%); pointer-events: none; }
.visuel-producteur img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.presentation-producteur:hover .visuel-producteur img { transform: scale(1.018); }
.actions-producteurs { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding: clamp(75px, 8vw, 125px) 7vw; border-bottom: 1px solid var(--ac-greige); }
.actions-producteurs h2 { margin: 16px 0 0; font: clamp(45px, 4.5vw, 70px)/.98 var(--ac-serif); letter-spacing: -.025em; }

/* Salons */
.page-salons { background: var(--ac-ivory); color: var(--ac-ink); }
.introduction-page { max-width: 1120px; margin: auto; padding: 105px 6vw 95px; text-align: center; }
.introduction-page .surtitre { margin-bottom: 25px; }
.introduction-page h1 { max-width: 800px; margin: 0 auto; font: clamp(54px, 5.7vw, 84px)/.98 var(--ac-serif); font-weight: 400; }
.introduction-page p { max-width: 650px; margin: 28px auto 0; color: #555149; font: 14px/1.75 var(--ac-sans); }
.introduction-page > span { display: block; margin-top: 27px; color: var(--ac-champagne); font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .2em; }
.introduction-salons { max-width: 1250px; }
.introduction-salons h1 { position: relative; max-width: 1000px; padding-bottom: 30px; }
.introduction-salons h1::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.introduction-salons p { max-width: 800px; }
.resume-salons { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 28px; border-top: 1px solid var(--ac-ink); border-bottom: 1px solid var(--ac-ink); background: var(--ac-ink); }
.resume-salons::after { content: ""; position: absolute; left: 50%; bottom: -15px; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.resume-salons > a { position: relative; display: flex; min-height: 185px; flex-direction: column; align-items: flex-start; justify-content: center; padding: 38px clamp(25px, 3vw, 58px); border-right: 1px solid rgba(246,243,236,.22); color: var(--ac-ivory); text-decoration: none; transition: background-color .3s ease, color .3s ease; }
.resume-salons > a:last-child { border-right: 0; }
.resume-salons > a > span { margin-bottom: 13px; font: 400 clamp(25px, 2vw, 34px)/1.08 var(--ac-serif); }
.resume-salons strong { color: var(--ac-champagne); font: 600 9px/1.4 var(--ac-sans); letter-spacing: .14em; text-transform: uppercase; }
.resume-salons em { display: flex; align-items: center; gap: 10px; margin-top: 25px; padding-bottom: 5px; border-bottom: 1px solid var(--ac-champagne); font: normal 600 8px/1 var(--ac-sans); letter-spacing: .14em; text-transform: uppercase; }
.resume-salons em span { transition: transform .25s ease; }
.resume-salons > a:hover,
.resume-salons > a:focus-visible { background: var(--ac-champagne); color: var(--ac-ink) !important; }
.resume-salons > a:hover strong,
.resume-salons > a:focus-visible strong { color: var(--ac-ink); }
.resume-salons > a:hover em,
.resume-salons > a:focus-visible em { border-color: var(--ac-ink); }
.resume-salons > a:hover em span,
.resume-salons > a:focus-visible em span { transform: translateY(3px); }
.presentation-salon,
.table-emile-jung { scroll-margin-top: 105px; }
.presentation-salon { min-height: 700px; display: grid; grid-template-columns: 58% 42%; align-items: stretch; background: #ebe6dc; }
.presentation-salon:nth-of-type(4) { grid-template-columns: 52% 48%; background: var(--ac-ivory); }
.visuel-salon { width: 100%; height: 100% !important; min-height: 700px; background-size: cover !important; background-repeat: no-repeat !important; }
.presentation-salon .background-salon-2 { background-position: center !important; }
.presentation-salon .background-salon-4 { background-position: center !important; }
.presentation-salon .background-salon-5 { background-position: center !important; }
.contenu-salon { max-width: 680px; padding: 8vw 6vw; align-self: center; }
.contenu-salon .surtitre { margin-bottom: 22px; }
.contenu-salon h2 { position: relative; margin: 0 0 34px; padding-bottom: 25px; font: clamp(48px, 4.2vw, 68px)/1 var(--ac-serif); font-weight: 400; }
.contenu-salon h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 72px; height: 1px; background: var(--ac-champagne); }
.contenu-salon p { margin: 0 0 17px; color: #555149; font: 13px/1.8 var(--ac-sans); }
.contenu-salon .capacite-salon { margin-top: 29px; color: var(--ac-ink); font: 400 28px/1.15 var(--ac-serif); }
.contenu-salon .capacite-salon span { display: block; margin-top: 7px; color: #686258; font: 9px/1.4 var(--ac-sans); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.contenu-salon .bouton { margin-top: 18px; }
.presentation-salon-noire { grid-template-columns: 42% 58%; background: var(--ac-ink); color: var(--ac-ivory); }
.presentation-salon-noire .contenu-salon { justify-self: end; }
.presentation-salon-noire .contenu-salon p { color: #c8c2b8; }
.presentation-salon-noire .contenu-salon .capacite-salon { color: var(--ac-ivory); }
.presentation-salon-noire .bouton { border-color: var(--ac-ivory); background: transparent; color: var(--ac-ivory); }
.presentation-salon-noire .bouton:hover, .presentation-salon-noire .bouton:focus { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); }
.table-emile-jung { display: grid; grid-template-columns: 42% 58%; height: 620px; min-height: 0; overflow: hidden; border-top: 1px solid var(--ac-greige); background: var(--ac-ink); color: var(--ac-ivory); }
.contenu-table-emile { display: flex; min-width: 0; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(60px, 5vw, 95px); }
.contenu-table-emile h2 { position: relative; margin: 0 0 35px; padding-bottom: 27px; font: 400 clamp(50px, 4.5vw, 72px)/.98 var(--ac-serif); letter-spacing: -.025em; }
.contenu-table-emile h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 72px; height: 1px; background: var(--ac-champagne); }
.contenu-table-emile > p:not(.capacite-salon) { max-width: 520px; margin: 0; color: #c8c2b8; font: 13px/1.8 var(--ac-sans); }
.contenu-table-emile .capacite-salon { margin: 29px 0 0; color: var(--ac-ivory); font: 400 28px/1.15 var(--ac-serif); }
.contenu-table-emile .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.contenu-table-emile .bouton { border-color: var(--ac-ivory); color: var(--ac-ivory); }
.contenu-table-emile .bouton-noir { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink); }
.contenu-table-emile .bouton:hover,
.contenu-table-emile .bouton:focus { border-color: var(--ac-champagne); background: var(--ac-champagne); color: var(--ac-ink) !important; }
.visuel-table-emile { position: relative; height: 620px; min-height: 0; margin: 0; overflow: hidden; }
.visuel-table-emile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,23,22,.28), transparent 30%); pointer-events: none; }
.visuel-table-emile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.table-emile-jung:hover .visuel-table-emile img { transform: scale(1.018); }
.actions-salons { padding: 70px 7vw; display: flex; align-items: center; justify-content: space-between; gap: 50px; border-top: 1px solid var(--ac-greige); background: var(--ac-ivory); }
.actions-salons .surtitre { margin-bottom: 13px; }
.actions-salons h2 { max-width: 750px; margin: 0; font: clamp(38px, 3.4vw, 56px)/1.05 var(--ac-serif); font-weight: 400; }
.evenement-sur-mesure { padding-top: clamp(80px, 8vw, 125px); padding-bottom: clamp(80px, 8vw, 125px); }
.evenement-sur-mesure h2 { position: relative; padding-bottom: 25px; }
.evenement-sur-mesure h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 72px; height: 1px; background: var(--ac-champagne); }
.evenement-sur-mesure p { max-width: 850px; margin: 30px 0 0; color: #555149; font: 13px/1.8 var(--ac-sans); }
.demande-privatisation { scroll-margin-top: 90px; display: grid; grid-template-columns: minmax(320px, .8fr) minmax(560px, 1.2fr); gap: clamp(55px, 7vw, 125px); padding: clamp(85px, 8vw, 135px) 7vw; border-top: 1px solid var(--ac-greige); background: #ebe6dc; color: var(--ac-ink); }
.entete-demande-privatisation { max-width: 560px; align-self: start; position: sticky; top: 115px; }
.entete-demande-privatisation .surtitre { margin-bottom: 23px; }
.entete-demande-privatisation h2 { position: relative; margin: 0 0 31px; padding-bottom: 29px; font: 400 clamp(47px, 4.1vw, 67px)/.98 var(--ac-serif); letter-spacing: -.02em; }
.entete-demande-privatisation h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 82px; height: 1px; background: var(--ac-champagne); }
.entete-demande-privatisation > p { max-width: 530px; margin: 0; color: #555149; font: 13px/1.85 var(--ac-sans); }
.coordonnees-demande { display: flex; flex-wrap: wrap; gap: 10px 25px; margin-top: 34px; padding-top: 25px; border-top: 1px solid rgba(23,23,22,.18); }
.coordonnees-demande a { color: var(--ac-ink); font: 600 9px var(--ac-sans); letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.coordonnees-demande a:hover { color: #8d7a5d; }
.cadre-formulaire-privatisation { padding: clamp(32px, 4vw, 62px); border: 1px solid rgba(182,166,141,.55); background: var(--ac-ivory); box-shadow: 0 22px 55px rgba(23,23,22,.08); }
.grille-formulaire-privatisation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 23px; }
.champ-formulaire { min-width: 0; }
.champ-formulaire-message { grid-column: 1 / -1; }
.champ-formulaire label { display: block; margin: 0 0 10px; color: #655e54; font: 600 10px var(--ac-sans); letter-spacing: .12em; text-transform: uppercase; }
.champ-formulaire .form-control,
.champ-formulaire .form-select { width: 100%; min-height: 54px; padding: 13px 14px; border: 0; border-bottom: 1px solid var(--ac-champagne); border-radius: 0; background-color: #f0ece4; color: var(--ac-ink); font: 14px var(--ac-sans); box-shadow: none; }
.champ-formulaire textarea.form-control { min-height: 145px; resize: vertical; line-height: 1.65; }
.champ-formulaire .form-control:focus,
.champ-formulaire .form-select:focus { border-color: var(--ac-ink); background-color: #f5f1e9; box-shadow: none; }
.champ-formulaire.champ-erreur .form-control,
.champ-formulaire.champ-erreur .form-select { border-color: #8f332e; }
.erreur-formulaire { display: block; margin-top: 7px; color: #8f332e; font: 10px/1.4 var(--ac-sans); }
.option-newsletter-privatisation { display: flex; align-items: flex-start; gap: 11px; margin-top: 28px; color: #4f4b45; font: 11px/1.5 var(--ac-sans); }
.option-newsletter-privatisation input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; accent-color: var(--ac-champagne); }
.mentions-formulaire-privatisation { max-width: 760px; margin: 19px 0 0; color: #777066; font: 9px/1.65 var(--ac-sans); }
.envoi-formulaire-privatisation { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 27px; }
.envoi-formulaire-privatisation .bouton { flex: 0 0 auto; cursor: pointer; }
.envoi-formulaire-privatisation .bouton:disabled { opacity: .55; cursor: wait; }
.message-formulaire { max-width: 440px; color: #555149; font: 11px/1.55 var(--ac-sans); }
.message-formulaire.succes { color: #466044; }
.message-formulaire.erreur { color: #8f332e; }
.page-salons > .arriereplan { min-height: 760px; position: relative; display: flex; align-items: center; }
.page-salons > .arriereplan::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,23,22,.35), transparent 65%); }
.page-salons > .background-salon-4::before { background: linear-gradient(270deg, rgba(23,23,22,.35), transparent 65%); }
.page-salons > .arriereplan > .row { position: relative; z-index: 1; width: 100%; min-height: 0 !important; }
.page-salons > .arriereplan .d-flex { min-height: 0 !important; }
.page-salons > .arriereplan .fonddore { max-width: 520px; margin-top: 0 !important; padding: 48px !important; background: rgba(246,243,236,.94) !important; color: var(--ac-ink) !important; text-align: left !important; backdrop-filter: blur(8px); }
.page-salons > .arriereplan h1 { font-size: 45px; }
.page-salons > .background-salon-4 + .row.sanspadding { min-height: 650px !important; align-items: stretch; }
.page-salons > .background-salon-4 + .row.sanspadding > div:first-child { padding: 85px 7vw !important; display: flex; align-items: center; }
.page-salons .background-salon-5 { min-height: 650px; }

/* Carte et menus */
.introduction-carte { width: min(1500px, 92vw); max-width: none; padding: 120px 0; text-align: center; }
.introduction-carte > .surtitre { margin: 0 0 25px; }
.introduction-carte h1 { position: relative; max-width: 1380px; margin: 0 auto; padding-bottom: 28px; font-size: clamp(52px, 4.8vw, 78px); }
.introduction-carte h1::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.page-carte-menus > .fondgrisclair.text-center + .row.sanspadding,
.page-carte-menus > .introduction-carte + .row.sanspadding { min-height: 650px !important; }
.page-carte-menus > .fondgrisclair.text-center + .row.sanspadding > div:first-child,
.page-carte-menus > .introduction-carte + .row.sanspadding > div:first-child { padding: 85px 7vw !important; display: flex; align-items: center; }
.page-carte-menus > .fondgrisclair.text-center + .row.sanspadding .p-md-5,
.page-carte-menus > .introduction-carte + .row.sanspadding .p-md-5 { max-width: 610px; padding: 0 !important; font: 13px/1.75 var(--ac-sans) !important; }
.page-carte-menus .background-carteetmenu-1 { min-height: 650px; }
.page-carte-menus .presentation-carte { position: relative; display: grid; grid-template-columns: 45% 55%; align-items: start; background: var(--ac-ivory); }
.page-carte-menus .background-carteetmenu-2 { position: sticky; top: 0; min-height: 100svh; overflow: hidden; background: url('../images/Au-Crocodile-Plat-0027-(2).jpg') 48% center / cover no-repeat; }
.page-carte-menus .background-carteetmenu-2::after { content: ""; position: absolute; inset: 0 0 0 auto; width: 24%; background: linear-gradient(90deg, rgba(246,243,236,0), var(--ac-ivory)); pointer-events: none; }
.page-carte-menus #Carte { min-width: 0; padding: 90px 4vw !important; background: var(--ac-ivory); }
.page-carte-menus #Carte h1 { color: var(--ac-ink) !important; font-size: 58px; }
.page-carte-menus #Carte .bordure-bottom-dore { border-color: var(--ac-champagne); }
.page-carte-menus #Carte .nav-tabs { gap: 9px; border: 0; }
.page-carte-menus #Carte .nav-link { min-height: 42px; padding: 0 17px; border: 1px solid var(--ac-greige); border-radius: 0; background: transparent; color: var(--ac-ink); font: 8px var(--ac-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .13em; }
.page-carte-menus #Carte .nav-link.active,
.page-carte-menus #Carte .nav-link:hover { border-color: var(--ac-ink); background: var(--ac-ink); color: var(--ac-ivory); }
.page-carte-menus #Carte .menu-box { padding: 22px 0; border-bottom: 1px solid var(--ac-greige); }
.page-carte-menus #Carte .menu-heading { color: var(--ac-ink) !important; font: 26px/1.2 var(--ac-serif); }
.page-carte-menus #Carte .grisclair { color: #6d6860 !important; font: 11px/1.6 var(--ac-sans) !important; }
.page-carte-menus #Carte .menu-box .policegras { position: relative; padding-top: 13px !important; }
.page-carte-menus #Carte .policegras .fondblanc { position: relative; z-index: 2; display: inline-block; min-width: 0; min-height: 0; padding: 0 13px !important; border: 0; background: var(--ac-ivory); color: var(--ac-champagne) !important; font: 12px var(--ac-sans); font-weight: 500; text-decoration: none; transform: translateY(-9px); }
.page-carte-menus #Carte .bordure-centremenu-dore { position: absolute; z-index: 1; top: 23px; left: 25%; width: 50%; margin: 0; display: block; border-top: 1px solid var(--ac-champagne); }
.galerie-carte { display: grid; width: 100%; padding: 12px; gap: 12px; background: var(--ac-ivory); }
.galerie-carte figure { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: var(--ac-greige); }
.galerie-carte img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.galerie-carte figure:hover img { transform: scale(1.018); }
.actions-menu { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.actions-menu .bouton { min-height: 47px; margin: 0; border-radius: 0; }
body.page-carte-menus .actions-menu a.decouvrir-carte,
body.page-carte-menus .actions-menu a.decouvrir-carte:link,
body.page-carte-menus .actions-menu a.decouvrir-carte:visited { padding-right: 5px; padding-left: 5px; border-color: transparent transparent var(--ac-ink) !important; background: transparent !important; color: var(--ac-ink) !important; text-decoration: none !important; }
body.page-carte-menus .actions-menu a.decouvrir-carte:hover,
body.page-carte-menus .actions-menu a.decouvrir-carte:focus { border-bottom-color: var(--ac-champagne) !important; background: transparent !important; color: var(--ac-ink) !important; }
.premiere-image-carte { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: min(31vw, 480px); }
.images-produits-carte { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: min(48vw, 720px); padding-top: clamp(80px, 9vw, 145px); padding-bottom: clamp(80px, 9vw, 145px); }

/* Situation et accès */
.page-localisation > .row.fondgrisclair { min-height: 720px !important; align-items: stretch; }
.page-localisation > .row.fondgrisclair > div:first-child { padding: 120px 7vw 80px !important; display: flex; align-items: center; }
.page-localisation > .row.fondgrisclair .p-md-5 { width: 100%; max-width: 600px; padding: 0 !important; font-size: 100% !important; }
.page-localisation > .row.fondgrisclair h1 { font-size: clamp(51px, 4.5vw, 70px); }
.page-localisation > .row.fondgrisclair h4 { font: 24px/1.45 var(--ac-serif); }
.page-localisation > .row.fondgrisclair .text-justify { display: block; color: #57524b; font: 12px/1.8 var(--ac-sans); }
.page-localisation .bordure-bottom-brun { width: 100% !important; border-color: var(--ac-greige); }
.page-localisation #Localisation { min-height: 720px; }

/* Pages légales */
.page-mentions-legales .header-conteneur,
.page-politique-confidentialite .header-conteneur,
body.page.page-galerie-photo .header-conteneur { height: 90px !important; min-height: 0; }
body.page-galerie-photo > .header-conteneur { height: 90px !important; min-height: 90px !important; max-height: 90px !important; }
body.page.page-art-recevoir .header-conteneur { height: 90px !important; min-height: 0; }
body.page-art-recevoir > .header-conteneur { height: 90px !important; min-height: 90px !important; max-height: 90px !important; }
body.page.page-coffrets .header-conteneur { height: 90px !important; min-height: 0; }
body.page-coffrets > .header-conteneur { height: 90px !important; min-height: 90px !important; max-height: 90px !important; }
body.page.page-equipe .header-conteneur { height: 90px !important; min-height: 0; }
body.page-equipe > .header-conteneur { height: 90px !important; min-height: 90px !important; max-height: 90px !important; }
body.page.page-producteurs .header-conteneur { height: 90px !important; min-height: 0; }
body.page-producteurs > .header-conteneur { height: 90px !important; min-height: 90px !important; max-height: 90px !important; }
.introduction-emile-jung { width: min(1500px, 92vw); max-width: none; padding: 120px 0; text-align: center; }
.introduction-emile-jung > .surtitre { margin: 0 0 25px; }
.introduction-emile-jung h1 { position: relative; max-width: 1280px; margin: 0 auto; padding-bottom: 28px; font-size: clamp(52px, 4.8vw, 78px); }
.introduction-emile-jung h1::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.presentation-emile-jung .contenu-art-recevoir h2 { position: relative; margin: 16px 0 42px; padding-bottom: 32px; color: var(--ac-ink); font: clamp(57px, 5.4vw, 84px)/.98 var(--ac-serif); font-weight: 400; letter-spacing: -.025em; }
.presentation-emile-jung .contenu-art-recevoir h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 2px; background: var(--ac-champagne); }
.presentation-emile-jung .texte-art-recevoir h3 { margin: 38px 0 16px; color: var(--ac-ink); font: 400 clamp(27px, 2vw, 34px)/1.08 var(--ac-serif); letter-spacing: -.015em; text-transform: none; }
.presentation-emile-jung .texte-art-recevoir h3::after { content: ""; display: block; width: 45px; height: 1px; margin-top: 15px; background: var(--ac-champagne); }
.presentation-emile-jung .reservation-emile-jung { margin-top: 30px; }

/* Producteurs sélectionnés */
.page-fournisseurs { overflow: hidden; padding: clamp(85px, 9vw, 145px) 4vw clamp(100px, 10vw, 160px); background: var(--ac-ivory); color: var(--ac-ink); }
.introduction-fournisseurs { width: min(1500px, 100%); margin: 0 auto clamp(60px, 7vw, 105px); }
.introduction-fournisseurs .surtitre { display: block; margin-bottom: 25px; }
.introduction-fournisseurs h1 { position: relative; max-width: 950px; margin: 0; padding-bottom: 28px; font: clamp(54px, 5.4vw, 84px)/.98 var(--ac-serif); font-weight: 400; letter-spacing: -.028em; }
.introduction-fournisseurs h1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 1px; background: var(--ac-champagne); }
.introduction-fournisseurs p { max-width: 690px; margin: 39px 0 12px; color: #4c4842; font: 14px/1.75 var(--ac-sans); }
.introduction-fournisseurs strong { display: block; max-width: 690px; color: var(--ac-ink); font: 600 12px/1.65 var(--ac-sans); }
.grille-fournisseurs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 34px); width: min(1500px, 100%); margin: 0 auto; }
.item-fournisseur { min-width: 0; }
.item-fournisseur figure { position: relative; height: clamp(330px, 30vw, 500px); margin: 0 0 25px; overflow: hidden; background: var(--ac-greige); }
.item-fournisseur figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 72%, rgba(23,23,22,.12)); pointer-events: none; }
.item-fournisseur img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.item-fournisseur:hover img { transform: scale(1.025); }
.item-fournisseur > span { display: block; margin-bottom: 10px; color: var(--ac-champagne); font: 600 8px var(--ac-sans); letter-spacing: .16em; text-transform: uppercase; }
.item-fournisseur h2 { margin: 0 0 15px; color: var(--ac-ink); font: clamp(31px, 2.5vw, 42px)/1.05 var(--ac-serif); font-weight: 400; letter-spacing: -.02em; }
.item-fournisseur p { max-width: 440px; margin: 0; color: #504c46; font: 12px/1.75 var(--ac-sans); }

/* Chef et brigade */
.page-equipe { overflow-x: hidden; background: var(--ac-ivory); color: var(--ac-ink); }
.presentation-equipe { display: grid; grid-template-columns: 47% 53%; min-height: calc(100svh - 90px); border-top: 1px solid var(--ac-greige); }
.contenu-equipe { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 7vw, 135px); }
.contenu-equipe .surtitre { margin-bottom: 0; }
.contenu-equipe h1 { position: relative; margin: 16px 0 40px; padding-bottom: 24px; font: clamp(57px, 5.4vw, 84px)/.98 var(--ac-serif); font-weight: 400; letter-spacing: -.025em; }
.contenu-equipe h1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 1px; background: var(--ac-champagne); }
.contenu-equipe p { max-width: 700px; margin: 0 0 17px; color: #49453f; font: 14px/1.78 var(--ac-sans); }
.contenu-equipe .signature-equipe { margin-top: 26px; color: var(--ac-ink); font: 29px/1.25 var(--ac-serif); }
.visuel-equipe { position: relative; min-height: 760px; margin: 0; overflow: hidden; background: var(--ac-greige); }
.visuel-equipe::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(246,243,236,.14), transparent 25%); pointer-events: none; }
.visuel-equipe img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.presentation-equipe:hover .visuel-equipe img { transform: scale(1.018); }

/* L'art de recevoir */
.page-art-recevoir { overflow-x: hidden; background: var(--ac-ivory); color: var(--ac-ink); }
.presentation-art-recevoir { display: grid; grid-template-columns: 47% 53%; min-height: calc(100svh - 90px); border-top: 1px solid var(--ac-greige); }
.contenu-art-recevoir { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(70px, 7vw, 135px); background: var(--ac-ivory); }
.contenu-art-recevoir h1 { position: relative; margin: 16px 0 40px; padding-bottom: 24px; font: clamp(57px, 5.4vw, 84px)/.98 var(--ac-serif); font-weight: 400; letter-spacing: -.025em; }
.contenu-art-recevoir h1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 1px; background: var(--ac-champagne); }
.texte-art-recevoir { max-width: 680px; color: #49453f; font: 14px/1.75 var(--ac-sans); }
.texte-art-recevoir p { margin: 0 0 14px; }
.signature-art-recevoir { margin-top: 27px !important; color: var(--ac-ink); font: 31px/1.2 var(--ac-serif); }
.visuel-art-recevoir { position: relative; min-height: 760px; margin: 0; overflow: hidden; background: var(--ac-greige); }
.visuel-art-recevoir::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(246,243,236,.16), transparent 22%); pointer-events: none; }
.visuel-art-recevoir img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1s cubic-bezier(.2,.65,.25,1); }
.presentation-art-recevoir:hover .visuel-art-recevoir img { transform: scale(1.018); }
.presentation-coffrets { min-height: 850px; }
.presentation-coffrets .contenu-art-recevoir { padding-top: clamp(75px, 6vw, 110px); padding-bottom: clamp(75px, 6vw, 110px); }
.presentation-coffrets .contenu-art-recevoir h1 { position: relative; margin-bottom: 42px; padding-bottom: 30px; }
.presentation-coffrets .contenu-art-recevoir h1::after { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 2px; background: var(--ac-champagne); }
.presentation-coffrets .texte-art-recevoir h2 { position: relative; margin: 38px 0 19px; padding-bottom: 17px; color: var(--ac-ink); font: 400 30px/1.1 var(--ac-serif); }
.presentation-coffrets .texte-art-recevoir h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 1px; background: var(--ac-champagne); }
.bouton-coffrets { margin-top: 25px; }
.visuel-coffrets { min-height: 850px; }
.visuel-coffrets img { object-position: center; }
.actions-art-recevoir { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding: clamp(80px, 9vw, 140px) 7vw; border-top: 1px solid var(--ac-greige); border-bottom: 1px solid var(--ac-greige); }
.actions-art-recevoir h2 { margin: 17px 0 0; font: clamp(47px, 4.7vw, 72px)/.98 var(--ac-serif); letter-spacing: -.025em; }

/* Galerie photos */
.page-galerie { overflow: hidden; background: var(--ac-ivory); color: var(--ac-ink); }
.introduction-galerie { padding-bottom: clamp(70px, 8vw, 130px); }
.introduction-galerie h1 { position: relative; padding-bottom: 28px; }
.introduction-galerie h1::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 1px; background: var(--ac-champagne); transform: translateX(-50%); }
.introduction-galerie p { max-width: 560px; }
.section-photos { width: 100%; padding: 0 2.2vw clamp(90px, 10vw, 150px); }
.entete-galerie { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; width: min(1500px, 92vw); margin: 0 auto 48px; padding-top: 42px; border-top: 1px solid var(--ac-greige); }
.entete-galerie h2 { margin: 12px 0 0; font: clamp(42px, 4.2vw, 68px)/.95 var(--ac-serif); letter-spacing: -.025em; }
.filtres-galerie { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.filtre-galerie { min-height: 43px; padding: 0 20px; border: 1px solid var(--ac-greige); border-radius: 0; background: transparent; color: var(--ac-ink); font: 600 9px var(--ac-sans); letter-spacing: .13em; text-transform: uppercase; transition: background-color .25s, border-color .25s, color .25s; }
.filtre-galerie:hover,
.filtre-galerie:focus-visible,
.filtre-galerie.is-active { border-color: var(--ac-ink); background: var(--ac-ink); color: var(--ac-ivory); }
.grille-photos { width: 100%; }
.sizer-photo,
.item-photo { width: calc(25% - 9px); }
.sizer-photo { height: 0; }
.item-photo { height: auto; margin-bottom: 12px; min-width: 0; overflow: hidden; background: var(--ac-greige); }
.item-photo:nth-of-type(8n + 1),
.item-photo:nth-of-type(8n + 6) { width: calc(25% - 9px); height: auto; }
.item-photo:nth-of-type(8n + 3) { height: auto; }
.item-photo[hidden] { display: none !important; }
.ouvrir-photo { position: relative; display: block; width: 100%; height: auto; padding: 0; overflow: hidden; border: 0; background: var(--ac-ink); color: white; text-align: left; cursor: zoom-in; }
.ouvrir-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 48%, rgba(12,12,11,.7)); opacity: .45; transition: opacity .4s; }
.ouvrir-photo img { display: block; width: 100%; height: auto; transition: transform .8s cubic-bezier(.2,.65,.25,1); }
.ouvrir-photo > span { position: absolute; z-index: 1; right: 25px; bottom: 22px; left: 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .35s; }
.ouvrir-photo small { color: var(--ac-champagne); font: 600 8px var(--ac-sans); letter-spacing: .15em; text-transform: uppercase; }
.ouvrir-photo strong { color: white; font: 400 9px var(--ac-sans); letter-spacing: .12em; text-transform: uppercase; }
.ouvrir-photo:hover img,
.ouvrir-photo:focus-visible img { transform: scale(1.035); }
.ouvrir-photo:hover::after,
.ouvrir-photo:focus-visible::after { opacity: 1; }
.ouvrir-photo:hover > span,
.ouvrir-photo:focus-visible > span { opacity: 1; transform: none; }
.btnmodal-galerie { --bs-modal-bg: #10100f; --bs-modal-border-color: rgba(255,255,255,.14); }
.btnmodal-galerie .modal-dialog { width: min(1180px, 94vw); max-width: none; }
.btnmodal-galerie .modal-content { overflow: hidden; border-radius: 0; background: #10100f; color: white; }
.btnmodal-galerie .modal-header { align-items: flex-start; padding: 20px 24px; border-color: rgba(255,255,255,.13); }
.btnmodal-galerie .modal-header span { color: var(--ac-champagne); font: 600 7px var(--ac-sans); letter-spacing: .16em; text-transform: uppercase; }
.btnmodal-galerie .modal-title { margin-top: 4px; color: white; font: 25px/1 var(--ac-serif); }
.btnmodal-galerie .modal-body { display: flex; align-items: center; justify-content: center; min-height: 60vh; padding: 0; background: #080808; }
.btnmodal-galerie .modal-body img { display: block; width: 100%; max-height: 72vh; object-fit: contain; }
.btnmodal-galerie .modal-footer { justify-content: space-between; padding: 14px 24px; border-color: rgba(255,255,255,.13); }
.btnmodal-galerie #gallery-counter { color: rgba(255,255,255,.55); font: 9px var(--ac-sans); letter-spacing: .14em; }
.navigation-galerie { padding: 8px 0; border: 0; background: transparent; color: white; font: 600 8px var(--ac-sans); letter-spacing: .14em; text-transform: uppercase; }
.navigation-galerie:hover { color: var(--ac-champagne); }
.page-mentions-legales > .container,
.page-politique-confidentialite > .container { width: min(1120px, 90vw); max-width: none; margin: 0 auto !important; padding: 90px 0 110px; }
.page-mentions-legales .barreentete,
.page-politique-confidentialite .barreentete { margin-top: 0 !important; padding: 0 0 42px; border-bottom: 1px solid var(--ac-greige); text-align: left !important; }
.page-mentions-legales .barreentete h1,
.page-politique-confidentialite .barreentete h2 { margin: 0; font-size: clamp(48px, 5vw, 72px); text-transform: none; }
.page-mentions-legales .container .col-center-block,
.page-politique-confidentialite .container .col-center-block { padding: 48px 0 0; color: #4f4b45; font: 13px/1.85 var(--ac-sans) !important; text-align: left !important; }
.page-mentions-legales .container .col-center-block h2,
.page-politique-confidentialite .container .col-center-block h2 { margin: 48px 0 15px; color: var(--ac-ink); font: 31px/1.15 var(--ac-serif); }
.page-politique-confidentialite .table-responsive { margin: 25px 0; }
.page-politique-confidentialite table { min-width: 760px; border-color: var(--ac-greige); font-size: 11px; }
.page-politique-confidentialite table { display: block; width: 100%; overflow-x: auto; }
.page-politique-confidentialite table th { padding: 14px; background: var(--ac-ink); color: var(--ac-ivory); font-weight: 500; }
.page-politique-confidentialite table td { padding: 14px; background: #f0ece4; color: var(--ac-ink); }

@media (max-width: 991.98px) {
  body.page:not(.page-accueil) .header-conteneur { height: 52svh !important; min-height: 390px; }
  .page-equipe .background-equipe-2 { padding: 75px 5vw; }
  .page-histoire .background-histoire-2 .col-12.pb-5 { grid-template-columns: 125px minmax(0, 1fr); }
  .page-equipe .background-equipe-2 > .row { margin-bottom: 60px; }
  .page-equipe > .background-equipe-2 + .row.sanspadding { display: grid; grid-template-columns: 1fr 1fr; }
  .page-equipe > .background-equipe-2 + .row.sanspadding > div:last-child { grid-column: 1 / -1; }
  .page-salons > .arriereplan { min-height: 650px; padding: 70px 5vw; }
  .page-salons > .arriereplan .fonddore { margin: auto !important; }
  .presentation-salon,
  .presentation-salon:nth-of-type(4),
  .presentation-salon-noire { min-height: 0; grid-template-columns: 1fr; }
  .resume-salons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resume-salons > a:nth-child(2) { border-right: 0; }
  .resume-salons > a:nth-child(-n+2) { border-bottom: 1px solid rgba(246,243,236,.22); }
  .visuel-salon { min-height: 62svh; max-height: 680px; }
  .contenu-salon { max-width: 720px; padding: 80px 8vw 88px; }
  .presentation-salon-noire .visuel-salon { order: -1; }
  .demande-privatisation { grid-template-columns: 1fr; padding-right: 8vw; padding-left: 8vw; }
  .entete-demande-privatisation { max-width: 720px; position: static; }
  .table-emile-jung { grid-template-columns: 1fr; height: auto; min-height: 0; }
  .contenu-table-emile { padding: 80px 8vw 88px; }
  .visuel-table-emile { order: -1; height: 62svh; min-height: 470px; max-height: 620px; }
  .page-localisation > .row.fondgrisclair > div:first-child { padding-top: 85px !important; }
  .chapitre-histoire,
  .origines-histoire,
  .epoque-moderne { grid-template-columns: 1fr; min-height: 0; }
  .contenu-histoire { padding: 90px 9vw 100px; }
  .mosaique-histoire { min-height: 850px; padding: 0 10px 10px; }
  .image-epoque-moderne { min-height: 700px; }
  .epoque-moderne .image-epoque-moderne { grid-column: 1; grid-row: 1; }
  .epoque-moderne .contenu-histoire { grid-column: 1; grid-row: 2; }
  .presentation-producteur,
  .presentation-producteur-noire { grid-template-columns: 1fr; min-height: 0; }
  .presentation-producteur-noire .visuel-producteur { order: 2; }
  .contenu-producteur { padding: 85px 9vw 95px; }
  .visuel-producteur { min-height: 65svh; }
  .presentation-producteur-noire .visuel-producteur { min-height: 65svh; }
  .entete-galerie { align-items: flex-start; flex-direction: column; }
  .premiere-image-carte { grid-template-columns: repeat(3, 1fr); grid-template-rows: 430px; }
  .images-produits-carte { grid-template-columns: 1fr; grid-auto-rows: 650px; }
  .presentation-art-recevoir { grid-template-columns: 1fr; min-height: 0; }
  .presentation-equipe { grid-template-columns: 1fr; min-height: 0; }
  .grille-fournisseurs { grid-template-columns: 1fr 1fr; }
  .item-fournisseur:last-child { grid-column: 1 / -1; }
  .item-fournisseur:last-child figure { height: 540px; }
  .contenu-equipe { padding: 90px 9vw 100px; }
  .visuel-equipe { min-height: 70svh; }
  .contenu-art-recevoir { padding: 90px 9vw 100px; }
  .visuel-art-recevoir { order: -1; min-height: 75svh; }
  .filtres-galerie { justify-content: flex-start; }
  .sizer-photo,
  .item-photo { width: calc(50% - 6px); }
  .item-photo:nth-of-type(8n + 1),
  .item-photo:nth-of-type(8n + 6) { width: calc(50% - 6px); }
}

@media (max-width: 575.98px) {
  body.page:not(.page-accueil) .header-conteneur { height: 46svh !important; min-height: 330px; }
  .page-histoire > .fondgrisclair.text-center,
  .page-producteurs > .fondgrisclair.text-center,
  .page-carte-menus > .fondgrisclair.text-center,
  .page-salons > .fondgrisclair.text-center { padding: 65px 7vw 60px; }
  .demande-privatisation { gap: 48px; padding: 68px 7vw 78px; }
  .entete-demande-privatisation h2 { font-size: 46px; }
  .cadre-formulaire-privatisation { padding: 31px 22px; }
  .grille-formulaire-privatisation { grid-template-columns: 1fr; gap: 22px; }
  .champ-formulaire-message { grid-column: auto; }
  .envoi-formulaire-privatisation { align-items: stretch; flex-direction: column; }
  .envoi-formulaire-privatisation .bouton { align-self: flex-start; }
  .page-histoire .txtspecial2,
  .page-producteurs .txtspecial2,
  .page-carte-menus .txtspecial2,
  .page-salons .txtspecial2 { font-size: 39px; }
  .page-histoire > .fondgrisclair.text-center + .row.sanspadding > div:first-child,
  .page-producteurs > .fondgrisclair.text-center + .row.sanspadding > div:first-child,
  .page-carte-menus > .fondgrisclair.text-center + .row.sanspadding > div:first-child,
  .page-carte-menus > .introduction-carte + .row.sanspadding > div:first-child,
  .page-salons > .background-salon-4 + .row.sanspadding > div:first-child { padding: 60px 7vw !important; }
  .page-histoire .background-histoire-1,
  .page-carte-menus .background-carteetmenu-1,
  .page-salons .background-salon-5 { min-height: 440px; }
  .page-histoire > .row.fondgrisclair.p-5 { padding: 40px 7vw !important; }
  .page-histoire .background-histoire-2 { padding: 65px 7vw; }
  .page-histoire .background-histoire-2 > div { padding: 0 !important; }
  .page-histoire .background-histoire-2 > div { flex-basis: 100%; width: 100%; max-width: 100%; }
  .page-histoire .background-histoire-2 > div:first-child { border-right: 0; }
  .page-histoire .background-histoire-2 .col-12.pb-5 { min-height: 0; grid-template-columns: 82px 1fr; gap: 17px; }
  .page-histoire .background-histoire-2 .bordure-bottom-brun { font-size: 28px; }
  .page-equipe > .header-conteneur + .row.sanspadding > div:first-child { padding: 60px 7vw !important; }
  .page-equipe .background-equipe-2 { padding: 60px 7vw; }
  .page-equipe .background-equipe-2 > .row { margin-bottom: 45px; }
  .page-equipe .background-equipe-2 > .row > div { padding: 12px 0 !important; }
  .page-equipe > .background-equipe-2 + .row.sanspadding { grid-template-columns: 1fr; }
  .page-equipe > .background-equipe-2 + .row.sanspadding > div:last-child { grid-column: auto; }
  .page-equipe > .background-equipe-2 + .row.sanspadding img { height: 380px; }
  .page-producteurs .fondbrunestompe { padding: 34px 25px !important; }
  .introduction-histoire { width: 86vw; padding-top: 75px; padding-bottom: 72px; }
  .introduction-histoire h1 { font-size: 48px; }
  .contenu-histoire { gap: 52px; padding: 68px 7vw 75px; }
  .contenu-histoire h2 { margin-bottom: 22px; font-size: 44px; }
  .contenu-histoire p { font-size: 12px; }
  .mosaique-histoire { grid-template-rows: 310px 390px; min-height: 700px; gap: 7px; padding: 0 7px 7px; }
  .image-epoque-moderne { min-height: 520px; }
  .citation-histoire { padding: 75px 7vw 85px; text-align: left; }
  .citation-histoire p { font-size: 43px; }
  .introduction-producteurs { padding-top: 75px; padding-bottom: 70px; }
  .contenu-producteur { padding: 65px 7vw 72px; }
  .texte-producteur { font-size: 12px; }
  .texte-producteur h1,
  .texte-producteur h2,
  .texte-producteur h3 { font-size: 44px !important; }
  .visuel-producteur { min-height: 470px; }
  .presentation-producteur-noire .visuel-producteur { min-height: 470px; }
  .actions-producteurs { align-items: flex-start; flex-direction: column; padding: 65px 7vw 75px; }
  .actions-producteurs h2 { font-size: 43px; }
  .page-salons > .arriereplan { min-height: 580px; padding: 55px 6vw; }
  .page-salons > .arriereplan .fonddore { padding: 35px 25px !important; }
  .introduction-page { padding: 72px 7vw 67px; text-align: left; }
  .introduction-page h1 { font-size: 48px; }
  .introduction-page p { font-size: 12px; }
  .introduction-page > span { line-height: 1.6; }
  .resume-salons { grid-template-columns: 1fr; }
  .resume-salons > a { min-height: 145px; border-right: 0; border-bottom: 1px solid rgba(246,243,236,.22); padding: 30px 7vw; }
  .resume-salons > a:last-child { border-bottom: 0; }
  .resume-salons > a > span { font-size: 30px; }
  .visuel-salon { min-height: 460px; }
  .contenu-salon { padding: 58px 7vw 65px; }
  .contenu-salon h2 { font-size: 43px; }
  .contenu-table-emile { padding: 60px 7vw 68px; }
  .contenu-table-emile h2 { font-size: 46px; }
  .contenu-table-emile .actions { align-items: flex-start; flex-direction: column; }
  .visuel-table-emile { height: 470px; min-height: 0; }
  .actions-salons { padding: 58px 7vw; align-items: flex-start; flex-direction: column; gap: 28px; }
  .page-carte-menus #Carte { padding: 65px 5vw !important; }
  .introduction-carte { width: 86vw; padding: 75px 0 72px; }
  .introduction-carte h1 { font-size: 44px; }
  .page-carte-menus .presentation-carte { grid-template-columns: 1fr; }
  .page-carte-menus .background-carteetmenu-2 { position: relative; min-height: 500px; background-position: center; }
  .page-carte-menus .background-carteetmenu-2::after { inset: auto 0 0; width: 100%; height: 24%; background: linear-gradient(180deg, rgba(246,243,236,0), var(--ac-ivory)); }
  .page-carte-menus #Carte h1 { font-size: 45px; }
  .page-carte-menus #Carte .nav-tabs { flex-wrap: nowrap; justify-content: flex-start !important; overflow-x: auto; padding-bottom: 8px; }
  .page-carte-menus #Carte .nav-link { white-space: nowrap; }
  .galerie-carte { padding: 7px; gap: 7px; }
  .premiere-image-carte { grid-template-columns: 1fr; grid-template-rows: repeat(3, 440px); }
  .images-produits-carte { grid-template-columns: 1fr; grid-auto-rows: 500px; }
  .page-localisation > .row.fondgrisclair > div:first-child { padding: 70px 7vw 60px !important; }
  .page-localisation #Localisation { min-height: 520px; }
  .page-mentions-legales .header-conteneur,
  .page-politique-confidentialite .header-conteneur,
  body.page.page-galerie-photo .header-conteneur { height: 78px !important; min-height: 0; }
  body.page-galerie-photo > .header-conteneur { height: 70px !important; min-height: 70px !important; max-height: 70px !important; }
  body.page.page-art-recevoir .header-conteneur { height: 78px !important; min-height: 0; }
  body.page-art-recevoir > .header-conteneur { height: 70px !important; min-height: 70px !important; max-height: 70px !important; }
  body.page.page-coffrets .header-conteneur { height: 78px !important; min-height: 0; }
  body.page-coffrets > .header-conteneur { height: 70px !important; min-height: 70px !important; max-height: 70px !important; }
  body.page.page-equipe .header-conteneur { height: 78px !important; min-height: 0; }
  body.page-equipe > .header-conteneur { height: 70px !important; min-height: 70px !important; max-height: 70px !important; }
  body.page.page-producteurs .header-conteneur { height: 78px !important; min-height: 0; }
  body.page-producteurs > .header-conteneur { height: 70px !important; min-height: 70px !important; max-height: 70px !important; }
  .page-mentions-legales > .container,
  .page-politique-confidentialite > .container { width: 86vw; padding: 65px 0 85px; }
  .section-photos { padding-right: 14px; padding-left: 14px; }
  .entete-galerie { width: 86vw; margin-bottom: 35px; padding-top: 30px; }
  .filtre-galerie { flex: 1 1 calc(50% - 4px); padding: 0 10px; }
  .item-photo,
  .item-photo:nth-of-type(8n + 1),
  .item-photo:nth-of-type(8n + 3),
  .item-photo:nth-of-type(8n + 6) { width: 100%; height: auto; }
  .sizer-photo { width: 100%; height: 0; }
  .item-photo:nth-of-type(even) { height: auto; }
  .ouvrir-photo > span { opacity: 1; transform: none; }
  .navigation-galerie span { display: none; }
  .contenu-art-recevoir { padding: 68px 7vw 75px; }
  .contenu-art-recevoir h1 { margin-bottom: 32px; font-size: 50px; }
  .texte-art-recevoir { font-size: 12px; }
  .signature-art-recevoir { font-size: 27px; }
  .visuel-art-recevoir { min-height: 560px; }
  .actions-art-recevoir { align-items: flex-start; flex-direction: column; padding: 68px 7vw 76px; }
  .actions-art-recevoir h2 { font-size: 43px; }
  .contenu-equipe { padding: 65px 7vw 72px; }
  .contenu-equipe h1 { margin-bottom: 32px; font-size: 50px; }
  .contenu-equipe p { font-size: 12px; }
  .contenu-equipe .signature-equipe { font-size: 26px; }
  .visuel-equipe { min-height: 500px; }
  .page-fournisseurs { padding: 70px 7vw 90px; }
  .introduction-fournisseurs { margin-bottom: 52px; }
  .introduction-fournisseurs h1 { font-size: 48px; }
  .introduction-fournisseurs p { font-size: 12px; }
  .grille-fournisseurs { grid-template-columns: 1fr; gap: 55px; }
  .item-fournisseur:last-child { grid-column: auto; }
  .item-fournisseur figure,
  .item-fournisseur:last-child figure { height: 430px; }
  .introduction-emile-jung { width: 86vw; padding: 75px 0 72px; }
  .introduction-emile-jung h1 { font-size: 44px; }
  .presentation-emile-jung .contenu-art-recevoir h2 { margin-bottom: 32px; font-size: 50px; }
}