/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */footer,header,main,nav,section{display:block}template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}strong{font-weight:700}img{border:0}button{font-family:inherit;font-size:100%;margin:0}button{line-height:normal}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2{orphans:3;widows:3}h2{page-break-after:avoid}.navbar{display:none}}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}h1,h2,.h1,.h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,.h1,h2,.h2{margin-top:20px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.text-right{text-align:right}.text-center{text-align:center}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-md-1,.col-md-3,.col-xs-6,.col-md-6,.col-md-9,.col-sm-12,.col-md-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-6{float:left}.col-xs-6{width:50%}@media (min-width:768px){.col-sm-12{float:left}.col-sm-12{width:100%}}@media (min-width:992px){.col-md-1,.col-md-3,.col-md-6,.col-md-9,.col-md-12{float:left}.col-md-12{width:100%}.col-md-9{width:75%}.col-md-6{width:50%}.col-md-3{width:25%}.col-md-1{width:8.333333333333332%}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active{background-image:none}.collapse{display:none}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg')}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-fixed-top .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse{border-color:#101010}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.media{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media>.pull-right{margin-left:10px}.carousel{position:relative}.container:before,.container:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table}.container:after,.row:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after{clear:both}.pull-right{float:right!important}@-ms-viewport{width:device-width}


/*******************************/
/*         Navigation         */
/*******************************/
.navbar-inverse { border-radius: 0; background:rgba(0, 0, 0, .8); border-bottom:1px solid rgba(255, 255, 255, 0.15); min-height:100px; padding-top:25px; margin-bottom:0;}
.navbar-inverse *:focus { outline: 0; }
@media (max-width: 767px) {
	.navbar-inverse {  background:rgba(0,0,0,.9); }
}

.navbar-inverse .navbar-nav > li > a { color:rgba(255, 255, 255, .4); }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background:none ; }

.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus { background:none; color:white; }

.navbar-inverse .navbar-nav > .active > a { background:none; color:white; }

.navbar-inverse .navbar-brand { font-family: "Open sans", helvetica, arial; font-size: 24px; color:white; padding:0 0 0 15px; margin:12px 0 0 0; }
	.navbar-inverse .navbar-brand img { margin-top:-8px;}

.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }

.navbar-nav a.btn:focus, 
.navbar-nav a.btn:hover  { border:1px solid rgba(255,255,255,.6); }

.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; }
@media (max-width: 767px) {
	.navbar-collapse ul { text-align: center;  width:100%; padding-bottom:10px; }
	.navbar-collapse ul .btn{ max-width:50%; margin:0 auto; }
}


.navbar-fixed-top { border-radius: 0; }




/*******************************/
/*          Buttons            */
/*******************************/
.btn-default {
	text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}

.btn { padding: 10px 40px; font-weight: bold; border:0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-default { text-shadow: none; background:transparent; color:rgba(50,50,50,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); }
	.btn-default:hover,
	.btn-default:focus { color:rgba(50,50,50,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); background: transparent; }
	.btn-default:active,
	.btn-default.active { color:#333; -webkit-box-shadow:inset 0px 0px 0px 3px #333; -moz-box-shadow:inset 0px 0px 0px 3px #333; box-shadow:inset 0px 0px 0px 3px #333; background: transparent; }
	
.btn-action { color:#FFEFD7; background-image: -webkit-linear-gradient(top, #FF9B22 0%, #FF6A00 100%); background-image: linear-gradient(to bottom, #FF9B22 0%, #FF6A00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFF9B22', endColorstr='#ffFF6A00', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border:0 none; }
	.btn-action:hover,
	.btn-action:focus { color:#fff; background: #FF9B22; }
	.btn-action:active {	background: #FF6A00; }


/* Header */
#head {
	background: #181015;
	text-align: center;
	color: white;
	font-weight: 300;
}

	#head .lead {
		font-size: 44px;
		color: white;
		line-height: 1.15em;
	}

	#head .tagline {
		color: rgba(255,255,255,0.75);
		margin-bottom: 25px;
	}

		#head .tagline a {
			color: #fff;
		}

	#head .btn {
		margin-bottom: 10px;
	}

	#head .btn-default {
		text-shadow: none;
		background: transparent;
		color: rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
		-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
		box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
		background: transparent;
	}

		#head .btn-default:hover,
		#head .btn-default:focus {
			color: rgba(255,255,255,.8);
			-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
			-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
			box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
			background: transparent;
		}

		#head .btn-default:active,
		#head .btn-default.active {
			color: #fff;
			-webkit-box-shadow: inset 0px 0px 0px 3px #fff;
			-moz-box-shadow: inset 0px 0px 0px 3px #fff;
			box-shadow: inset 0px 0px 0px 3px #fff;
			background: transparent;
		}

@media (max-width: 767px) {
	#head {
		padding-top: 160px;
	}

		#head .lead {
			font-size: 34px;
		}
}

.headroom {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}


.highlight {
	margin-top: 40px;
}

.h-body {
}


h1, .h1, h2, .h2 {
	margin-top: 30px;
}

.thin {
	font-weight: 300;
}

.container-full {
	margin: 0 auto;
	width: 100%;
}

.top-space {
	margin-top: 20px;
}

img {
	max-width: 100%;
}

	img.pull-right {
		margin-left: 10px;
	}

.footer1 {
	background: #232323;
	padding: 30px 0 0 0;
	font-size: 12px;
	color: #999;
}

	.footer1 a {
		color: #ccc;
	}

		.footer1 a:hover {
			color: #fff;
		}

	.footer1 .widget {
		margin-bottom: 30px;
	}

.footer2 {
	background: #191919;
	padding: 15px 0;
	color: #777;
	font-size: 12px;
}

	.footer2 a {
		color: #aaa;
		margin-right: 30px;
	}

		.footer2 a:hover, .footer2 a:active {
			color: #fff;
			text-decoration: none;
		}

	.footer2 p {
		margin: 0;
	}




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


body {
	margin: 0;
	height: 100vh;
	background: radial-gradient(farthest-corner at 20% 20%, #2B5625 0%, rgba(0, 0, 0, 1) 75%, #1F3819 100%);
	position: relative;
	font-family: ChakraPetch;
}

.headroom {
	min-height: 140px;
	height: 140px;
	background: #1F3819;
}

.slideUp {
	top: -80px;
}

	.slideUp #logo {
		width: 80px;
		height: 56px;
		margin-top: 60px !important;
		transition: all 0.4s ease-out;
	}

.navbar-collapse {
	margin-top: 55px;
}

#logo {
	width: 220px;
	height: 154px;
}

#head {
	padding-top: 180px;
}

.navbar-nav {
	font-size: 26px;
}

/* menu actif */
.navbar-inverse .navbar-nav > .active > a {
	color: #CEBE6F;
}

.navbar-inverse .navbar-nav > li img {
	width: 30px;
	height: 30px;
	visibility: hidden;
}

.navbar-inverse .navbar-nav > .active img, .navbar-inverse .navbar-nav > li > a:hover img {
	visibility: visible;
}

.navbar-inverse .navbar-nav > li > a:hover img {
	transform: rotate(90deg);
	transform-origin: center;
	transition: all 0.4s ease-out;
}

.navbar-inverse .navbar-nav > li > a {
	color: rgba(255, 255, 255, .4);
}

	.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover {
		font-weight: bold;
		color: #E2BF22;
	}

.navbar-toggle {
	font-size: 30px;
	color: #E2BF22;
}


.navbar-inverse .navbar-toggle:focus {
	background-color: none !important;
}

#head .lead {
	margin-bottom: 20px;
}

#head .btn {
	margin: 30px;
	font-size: 18px;
}

.btn-action {
	background: #E2BF22;
	color: #2B5625;
}

	.btn-action:hover {
		background: #FFCF35;
		color: #000;
		font-weight: bold;
	}

p, address {
	font-size: 18px;
}

h2, p, address {
	color: #FFF;
}

	h2 address {
		font-size: 30px;
	}

.intersticiel {
	background: #181015;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#map {
	width: 100%;
	height: 600px;
	min-height: 70%;
}

	#map .leaflet-popup-content {
		font-size: 14px;
		font-weight: bold;
	}

.mapButton {
	font-size: 20px;
	font-family: ChakraPetch;
	display: block;
	margin: 10px;
	border-radius: 5px;
	background: #E2BF22;
	color: #2B5625;
	font-weight: bold;
}

.tablerow {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	font-size: 26px;
	color: #FFF;
}

.tableleft {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
}

.dot-fill {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.dot-fill::after {
		content: "................................................................................................................................................................................................................................................................";
	}

	.dot-fill span {
		position: relative;
		padding-right: 4px;
		z-index: 2;
	}

.tableright {
	min-width: 80px;
	text-align: right;
	margin-left: 10px;
}


.separator {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.socialMedia {
	width: 50px;
	height: 50px;
}

.footer2 a.paesi-link {
	color: #238EDB;
	text-decoration: underline;
}

#imageOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 1000;
}

	#imageOverlay.visible {
		opacity: 1;
		pointer-events: all;
	}

/* Conteneur image avec animation de zoom */
#imageContainer {
	position: relative;
	max-width: 800px;
	max-height: 800px;
	width: 100%;
	transform: scale(0.5);
	transition: transform 0.4s ease;
	opacity: 0;
}

#imageOverlay.visible #imageContainer {
	transform: scale(1);
	opacity: 1;
}

#imageContainer img {
	width: 100%;
	height: auto;
	display: block;
	max-height: 800px;
	object-fit: contain;
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}


#closeBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #000;
	color: #fff;
	border: none;
	font-size: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	padding: 0;
}


.icon {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: auto;
}







@media (max-width:1199px) {

	#logo {
		width: 160px;
		height: 112px;
	}

	.navbar-inverse .navbar-nav > li img {
		width: 20px;
		height: 20px;
		visibility: hidden;
	}

	.nav > li > a {
		padding: 5px;
	}

	.navbar-nav {
		font-size: 22px;
	}

	.headroom {
		min-height: 120px;
		height: 120px;
	}
}


@media (max-width: 767px) {
	#head {
		padding-top: 120px;
	}

	#logo {
		width: 160px;
		height: 112px;
	}

	.headroom {
		min-height: 100px;
		height: 100px;
	}


	.navbar-collapse {
		margin-top: -40px;
		background: #101010;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.8s ease-out;
	}

		.navbar-collapse.collapse {
			transition: max-height 0.8s ease-out;
		}


		.navbar-collapse.in {
			max-height: 340px; /* adapte à ton contenu */
		}

	.navbar-inverse .navbar-nav > li {
		text-align: right;
	}

	.row {
		padding: 20px;
	}

	#head .btn {
		margin: 15px 0px;
	}

	.nav li {
		padding: 10px 0px;
		border-bottom: 1px solid #555;
		font-size: 30px;
	}

	.navbar-nav > li > a {
		line-height: 30px;
	}


	.slideUp {
		top: -40px;
	}

		.slideUp #logo {
			margin-top: 30px !important;
		}

		.slideUp .navbar-toggle {
			margin-top: 25px;
		}
}