#preload {
	position: absolute;
	z-index: 99999999;
	height: 100vh;
	width: 100vw;
	background: #252525;
}
#preload .titre {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-style: italic;
	color: #585858;
	font-size: 2em;
	display: inline-block;
	letter-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#preload .donnees {
	color: #cecece;
	font-family: 'Oswald', serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 1px;
}
#preload .center {
	margin: 0 auto;
	position: relative;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
}


#nav-icon {
	position: relative;
	width: 30px;
	height: 24px;
	display: block;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #ddc17a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(even) {
  left: 50%;
  /*border-radius: 0 9px 9px 0;*/
}

#nav-icon span:nth-child(odd) {
  left:0px;
  /*border-radius: 9px 0 0 9px;*/
}

#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
  top: 0px;
}

#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
  top: 10px;
}

#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
  top: 20px;
}

#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
  left: 3px;
  top: 6px;
}

#nav-icon.open span:nth-child(2) {
  left: calc(50% - 3px);
  top: 6px;
}

#nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon.open span:nth-child(5) {
  left: 3px;
  top: 15px;
}

#nav-icon.open span:nth-child(6) {
  left: calc(50% - 3px);
  top: 15px;
}










html, body {
	height: auto;
	font-size: 16px;
	max-width: 100vw; /* test */

	/*overflow-y: scroll;
	-webkit-overflow-scrolling: touch;*/

	overflow-x: hidden !important;
}

.main {
	/*overflow-y: scroll;
	-webkit-overflow-scrolling: touch;*/
}


a, a:hover, a:focus { text-decoration: none; color: #fff; outline: none; }
.posr { position: relative; }
.jaune { color: #ddc17a !important; }
.fz12 { font-size: 1.2em; }
.fz14 { font-size: 1.4em; }
.fz15 { font-size: 1.5em; }

.row { margin: 0 !important; }

.centered {
  display: inline-block;
  vertical-align: middle;
  width: 99%; /* Problème de valign center si 100% */
}

.absolue {
	position: fixed;
	z-index: -1;
}

#bgvid {
	background-size: cover;
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-overlay {
	height: 100%;
	width: 100%;
	background: rgba(39,39,39,0.8);
	opacity: 1;
	position: absolute;
	top: 0;
}

.div-texte:before,
.text-infos:before,
.text-top-gmap:before,
.text-top-contact:before,
.box-form-contact:before,
.mentions-legales:before,
.infos-gmap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.logo {
	position: relative;
	top:40%;
	margin: 0 auto;
	padding: 0 30px;
	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.text-top-gmap { height: 50% !important; }
.text-top-contact { height: 50% !important; }
.gmap {
	background: #000;
	height: 50%;
	position: relative;
}
#map-canvas {
	height: 100%;
	width: 100%;
}

.box-form-contact {
	background: url('../img/contact.jpg') no-repeat center;
	background-size: cover;
	height: 50%;
	padding: 40px 10% !important;
}

h1, .h1span {
	font-family: 'Oswald', serif;
	color: #5e5d5b;
	font-size: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
	width: 105%;
	letter-spacing: 1px;
	line-height: 1.3em;
	display: block;
}
h2 {
	font-family: 'Oswald', serif;
	font-weight: 700;
	color: #3a3a3a;
	text-transform: uppercase;
	margin: 0 0 20px;
	line-height: 1.2em;
	font-size: 35px;
	letter-spacing: 1px;
}
h3 {
	font-family: 'Oswald', serif;
	color: #5e5d5b;
	font-size: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
	width: 105%;
	letter-spacing: 1px;
	line-height: 1.3em;
}
h4 {
	font-family: 'Oswald', serif;
	font-weight: 700;
	color: #3a3a3a;
	text-transform: uppercase;
	margin: 0 0 20px;
	line-height: 1.3em;
}

.titre-h2-infos { margin-top: 0 !important; }

.nom-camp {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-style: italic;
	color: #3a3a3a;
	font-size: 1.5em;
}
.intro-desc {
	font-family: 'Crimson Text', serif;
	font-weight: 700;
	font-style: italic;
	color: #3a3a3a;
}
.desc-camp {
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	text-align: justify;
	letter-spacing: 1px;
	line-height: 26px;
	font-size: 1.1em;
	margin-bottom: 0 !important;
}
a.lien-infos {
	font-family: 'Oswald', serif;
	font-weight: 300;
	color: #3a3a3a;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.2em;
	cursor: pointer;
}

a.lien-blog {
	font-family: 'Oswald', serif;
	font-weight: 300;
	color: #3a3a3a;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.2em;
	cursor: pointer;
}

.text-header a.lien-infos img {
	-webkit-animation: fleche_out 0.6s forwards;
    animation: fleche_out 0.6s forwards;
}

.text-header a.lien-infos:hover img {
    -webkit-animation: fleche 0.6s forwards;
    animation: fleche 0.6s forwards;
}


@keyframes fleche {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(-20deg); }
    75% { transform: rotate(110deg); }
    90% { transform: rotate(80deg); }
    100% { transform: rotate(90deg); }
}
@-webkit-keyframes fleche {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(-20deg); }
    75% { transform: rotate(110deg); }
    90% { transform: rotate(80deg); }
    100% { transform: rotate(90deg); }
}



@keyframes fleche_out {
    0% { transform: rotate(90deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes fleche_out {
    0% { transform: rotate(90deg); }
    100% { transform: rotate(0deg); }
}




section:nth-child(2n+1) .div-texte,
section:nth-child(2n+1) .text-top-gmap {
	background-color: #d3d3d3 !important;
}

.div-texte,
.text-top-gmap,
.text-top-contact {
	background-color: #e1e1e1;
	color: #919191;
	height: 100%;
	padding-left: 5%;
	padding-right: 13%;
	overflow: hidden;
}
.text-top-gmap,
.text-top-contact {
	padding: 0 26% 0 10% !important;
}
.infos-gmap {
	/*width: 35% !important;*/
	height: 100% !important;
	left: 0 !important;
	padding: 0 20px 0 10% !important;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	margin: 0;
	top: 50%;
}


.header {
	/*background: url('img/bg-header.gif') no-repeat center;*/
	background: url('../img/anim_header/Calque-91.jpg') no-repeat center;
	background-size: cover;
	background-color: #282828;
	text-align: center;
}

.text-header {
	font-family: 'Oswald', serif;
	font-weight: 300;
	color: #e1e1e1;
	position: absolute;
	bottom: 50px;
	max-width: 440px;
	width: 440px;
	left: 50%;
	margin-left: -220px;
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center;
}
.value-accueil {
	font-family: 'Crimson Text', serif;
	font-weight: 700;
	color: #fff;
	letter-spacing: 3px;
	display: inline-block;
	margin-top: -10px;
	font-size: 1.1em;
}


.text-infos {
	font-family: 'Oswald', serif;
	font-weight: 400;
	color: #eae6e1;
	position: absolute;
	width: 350px;
	z-index: 20;
	left: 0;
	top: 0;
	height: 100%;
	text-transform: uppercase;
	font-size: 0.9em;
	overflow: hidden;
	padding: 0 30px 0 12%;
	background: rgba(20,20,20,0.5);
}
.text-infos span span { font-size: 1.4em; }
.text-infos p { line-height: 15px; margin: 0px 0px 15px; }
.text-infos hr { margin: 0 0 20px; width: 100% !important; }
.span-hr { font-size: 0.7em; letter-spacing: 1px; }
.value-block {
	font-weight: 700;
	color: #888;
	letter-spacing: 1px;
	display: inline-block;
	width: 103%;
}
.value-block.ouverture { color: #D1CECB !important; display: inline-block; width: 102%; }
.libelle-block {
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #7E7676;
}

.img_social { margin-right: 10px; width: 38px; height: 39px; display: block; float: left; }
.img_social img {
	position: absolute;
	margin-bottom: 10px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.img_social img.top:hover {
	opacity: 0;
}


/*.facebook { background: url('../img/facebook.jpg') center center no-repeat; }*/
/*.facebook:hover { background: url('../img/facebook.jpg') bottom center no-repeat; }*/

/*.twitter { background: url('../img/twitter.jpg') center center no-repeat; }*/
/*.twitter:hover { background: url('../img/twitter.jpg') bottom center no-repeat; }*/

.strikethrough {
	position: relative;
}
.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	width: 0%;

	border-top: 1px solid;
	border-color: inherit;
	transition: all 0.4s linear 0.1s;
}
.strikethrough:hover:before {
	width: 100%;
	transition: all 0.4s linear 0.1s;
}
.strikethrough img {
	position: relative;
	top: -2px;
}
/*.arrow-cross {
	position: absolute;
	left: -15%;
	top: 5px;
	transition: all 0.6s linear;
}
.strikethrough:hover .arrow-cross {
	left: 105%;
}*/


/*
███████╗ ██████╗ ██████╗ ███╗   ███╗
██╔════╝██╔═══██╗██╔══██╗████╗ ████║
█████╗  ██║   ██║██████╔╝██╔████╔██║
██╔══╝  ██║   ██║██╔══██╗██║╚██╔╝██║
██║     ╚██████╔╝██║  ██║██║ ╚═╝ ██║
╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝     ╚═╝*/
form {
	font-family: 'Oswald';
	font-weight: 400;
}

form .form-control {
	background: rgba(0,0,0,0);
	border-radius: 0;
	color: #fff;
	height: 40px;
	font-size: 12px;
	letter-spacing: 2px;
}
form textarea.form-control { height: 100px; }

form .form-control:focus {
	border-color: #ddc17a;
	box-shadow: none;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(221, 193, 122, 0.6);*/
}

form .form-control.has-error {
	border-color: #ff305c;
	box-shadow: none;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 48, 92, 0.6);*/
}

.btn-himalaya {
	background: rgba(0,0,0,0);
	border-radius: 0;
	color: #fff;
	transition: all 0.5s ease-in-out 0s;
	padding-right: 60px;
	height: 40px;
	font-size: 12px;
	letter-spacing: 2px;
}
.btn-himalaya:hover {
	background: #ddc17a;
	padding-right: 200px;
	border: 1px solid transparent !important;
}
.btn-himalaya:hover .fleche-submit { color: #000; }
.fleche-submit {
	position: absolute;
	right: 10px;
	top: 14px;
	color: #ddc17a;
	transition: all 0.5s linear 0s;
}

.mail_sent {
	float: right;
	margin-top: 10px;
	margin-left: 25px;
	color: #ddc17a;
}







.map {
	/*background: url('img/bg-map.png') no-repeat center;*/
	height: 100%;
	padding: 0;
	overflow: hidden;
	color: #fff;
	background: #ddc17a;
	/*
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;*/
}
.wrapper-img-map {
	position: absolute;
	/*position: relative;*/
	left: 50%;
	height: 100%;
	color: #fff;
}
.img-map {
	position: relative;
	left: -50%;
	height: 100%;
	z-index: 1;
	/*bottom: -9999px;
    height: 100%;
    left: -9775px;  Permet de décaler un tout petit peu vers la gauche
    margin: auto;
    position: absolute;
    right: -9999px;
    top: -9999px;
    z-index: 1;*/
}

.bg-color-jaune {
	background: #ddc17a none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.bg-color {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	bottom: -90%;

	transition: all 2s linear 0s;
}

.camp {
	height: 15px;
	width: 15px;
	border-radius: 50%;

	background-color: #fff;
	position: absolute;
	z-index: 500000;

	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.2);
}
.camp:hover { background-color: #ddc17a; }

.camp.past {
	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.2), 0px 0px 0px 20px rgba(255, 255, 255, 0.1);
}
.camp.active {
	box-shadow: 0px 0px 0px 10px rgba(255, 212, 95, 0.2), 0px 0px 0px 20px rgba(255, 212, 95, 0.1);
}


/* Coordonnées des points sur la map */
.camp1 {
	left: -6.4%;
    top: 79.8%;
	/*left: 44.9%;
	top: 81.5%;*/
}
.camp2 {
	left: 6.6%;
    top: 65.1%;
	/*left: 76.5%;
    top: 66%;*/
}
.camp3 {
	left: 0.6%;
    top: 47.8%;
	/*left: 63%;
    top: 48.5%;*/
}
.camp4 {
	left: -7.1%;
    top: 30.6%;
	/*left: 42.6%;
    top: 29%;*/
}
.camp5 {
	left: 5.8%;
    top: 19%;
	/*left: 74.5%;
    top: 14.5%;*/
}
.camp:before {

	position: absolute;
	right: 50px;
	top: -6px;
	width: 120px;
	text-align: right;
	font-family: 'Oswald', serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #fff;
	opacity: 0;
	transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.camp:hover:before {

	position: absolute;
	right: 30px;
	top: -6px;
	width: 120px;
	text-align: right;
	font-family: 'Oswald', serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #fff;
	opacity: 1;
}
      .camp1:before { content: 'Camp 1 ' url("../img/fleche_blanche.png"); }

      .camp2:before { content: 'Camp 2 ' url("../img/fleche_blanche.png"); }

      .camp3:before { content: 'Camp 3 ' url("../img/fleche_blanche.png"); }

      .camp4:before { content: 'Camp 4 ' url("../img/fleche_blanche.png"); }

      .camp5:before { content: 'Contact ' url("../img/fleche_blanche.png"); }





.active .ring {
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: -10px;
    border: 2px solid rgba(255, 212, 95, 0.5);
    box-shadow: inset 0 0 10px 0 rgba(255, 212, 95, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -50%;
    margin-left: -50%;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

    -moz-animation: pulsar 2s 0s linear infinite;
    -o-animation: pulsar 2s 0s linear infinite;
    -webkit-animation: pulsar 2s 0s linear infinite;
    animation: pulsar 2s 0s linear infinite;
}

.next .ring {
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: -10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -50%;
    margin-left: -50%;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

	-moz-animation: next 6s linear 2s infinite;
	-o-animation: next 6s linear 2s infinite;
    -webkit-animation: next 6s linear 2s infinite;
    animation: next 6s linear 2s infinite;
}


@keyframes pulsar {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes pulsar {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-moz-keyframes pulsar {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-o-keyframes pulsar {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}





@keyframes next {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    37.5% {
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes next {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    37.5% {
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-moz-keyframes next {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    37.5% {
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-o-keyframes next {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    37.5% {
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}


footer {
	text-align: center;
	height: 90px;
	line-height: 90px;
	background: rgba(0,0,0,0);
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: -40px;
	transition: 0.5s all ease-in-out;
	font-size: 0.8em;
	z-index: 10000;
	display: none;
}
footer a {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
}
footer a:hover { color: #fff; text-decoration: none; }
footer a.no-style { border-bottom: none;}
.footer-close {
	cursor: pointer;
	position: absolute;
	right: 50px;
	top: 35px;
}

.mentions-legales {
	height: 100%;
	width: 50%;
	position: absolute;
	right: -50%;
	bottom: 0;
	top: 0;
	background: #252525;
	color: #b3b3b3;
	padding: 20px 5% !important;
	overflow-y: scroll;
	opacity: 0;
	transition: 0.5s all ease-in-out;
	z-index: 9999;
	/*display: none;*/
}
.mentions-legales.show {
	right: 0;
	opacity: 1;
	display: block !important;
}
.mentions-close {
	position: fixed;
	top: 70px;
	right: -47%;
	opacity: 0;
	transition: 0.5s all linear;
	cursor: pointer;
}
.mentions-close.show {
	right: 3%;
	opacity: 1;
}
.mentions-legales .nom-camp { color: #585858; }
.mentions-legales h4 { color: #cecece; font-size: 36px; }
.mentions-legales .centered { padding: 0 0 50px;}



.visible-1400 { display:block;}
.hidden-1400 {display:none;}

/* OVERRIDE BOOTSTRAP */
@media only screen and (max-width: 1400px) {
	.absolue { z-index: 999; }
	#section1, #section1bis { height: 100% !important; z-index: 1000; }

	.div-texte,
	.text-top-gmap,
	.text-top-contact { height: auto !important; padding: 30px 10% !important; }

	.div-texte { padding-right: 5% !important; padding-left: 5% !important; }

	.onepage-wrapper .section { height: auto !important; }
	.logo { top:30%; }

	#map-canvas,
	.infos-gmap {
		height: 600px !important;
	}

	.visible-1400 { display:none;}
	.hidden-1400 {display:block;}

	.mentions-legales { display: none !important; }

	.sidebar-infos-camp { display: none; }
}


@media only screen and (max-width: 991px) {
	/* On target le marker google map par la source de l'image */
	img[src^='img/gmap_marker2.png']{
		display: none;
	}

	.infos-gmap { display: block !important; width: 100%; padding-left: 10% !important; }

	.desc-camp { text-align: left !important; }
}



@media only screen and (max-height: 500px) and (orientation : landscape) {
	.text-header { display: none; }
	.logo { top: 50%; }
}




@media only screen and (max-width: 640px) {
	#section1 .text-header,
	#section1bis .text-header { font-size: 0.9em; margin-left: -160px; max-width: 320px; width: 320px; bottom: 30px; }

	.crochet {
		white-space: pre;
		overflow: hidden !important;
		max-width: 320px;
	}

	.logo { max-width: 400px; width: 100%; }

	.infos-accueil { letter-spacing: 1px; }
	.value-accueil { letter-spacing: 2px; }
}

@media only screen and (max-width: 599px) {
	.map {
		height: 100vh;
		background: none !important;
	}

	.infos-gmap { padding-left: 5% !important }
	.text-infos { display: none; }
	.absolue { z-index: -1 !important; overflow: visible; }

	.div-texte, .text-top-gmap, .text-top-contact { padding-right: 5% !important; padding-left: 5% !important; }




	#map-canvas,
	.infos-gmap {
		height: 470px !important;
	}


	/*MOBILE*/
	.wrapper-img-map {
		position: relative;
		/*left: 25%;*/
		/*background: #ddc17a;*/
		/*background: url('../img/bg-map.png') no-repeat right center;*/
	}

	.mentions-legales { width: 100%; display: none; }


	h2 { font-size: 29px; }
	.nom-camp { font-size: 1.5em; }

	/* Ajuster un peu les camps sur mobile */
	.camp1 { left: -6.6%; }
	.camp2 { left: 6.4%; }
	.camp4 { left: -7.3%; }

	#preload .titre { font-size: 6vw; }
	#preload .donnees { font-size: 6vw; }

}


@media (max-height: 275px)  {
    .map { display:none; }
}​
@media (max-width:599px) and (min-width:525px) and (max-height: 335px)  {
    .map { display:none; }
}​



@media only screen and (min-width: 250px) and (min-height: 250px) { .wrapper-img-map { left: 22%; } }
@media only screen and (min-width: 250px) and (min-height: 300px) { .wrapper-img-map { left: 19%; } }
@media only screen and (min-width: 250px) and (min-height: 350px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 250px) and (min-height: 400px) { .wrapper-img-map { left: 15%; } }
@media only screen and (min-width: 250px) and (min-height: 450px) { .wrapper-img-map { left: 13%; } }
@media only screen and (min-width: 250px) and (min-height: 500px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 250px) and (min-height: 550px) { .wrapper-img-map { left: 11%; } }
@media only screen and (min-width: 250px) and (min-height: 600px) { .wrapper-img-map { left: 10%; } }
@media only screen and (min-width: 250px) and (min-height: 650px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 250px) and (min-height: 700px) { .wrapper-img-map { left: 8%; } }
@media only screen and (min-width: 250px) and (min-height: 750px) { .wrapper-img-map { left: 8%; } }
@media only screen and (min-width: 250px) and (min-height: 800px) { .wrapper-img-map { left: 7%; } }

@media only screen and (min-width: 300px) and (min-height: 250px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 300px) and (min-height: 300px) { .wrapper-img-map { left: 24%; } }
@media only screen and (min-width: 300px) and (min-height: 350px) { .wrapper-img-map { left: 22%; } }
@media only screen and (min-width: 300px) and (min-height: 400px) { .wrapper-img-map { left: 19%; } }
@media only screen and (min-width: 300px) and (min-height: 450px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 300px) and (min-height: 500px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 300px) and (min-height: 550px) { .wrapper-img-map { left: 13%; } }
@media only screen and (min-width: 300px) and (min-height: 600px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 300px) and (min-height: 650px) { .wrapper-img-map { left: 11%; } }
@media only screen and (min-width: 300px) and (min-height: 700px) { .wrapper-img-map { left: 10%; } }
@media only screen and (min-width: 300px) and (min-height: 750px) { .wrapper-img-map { left: 10%; } }
@media only screen and (min-width: 300px) and (min-height: 800px) { .wrapper-img-map { left: 9%; } }

@media only screen and (min-width: 350px) and (min-height: 250px) { .wrapper-img-map { left: 32%; } }
@media only screen and (min-width: 350px) and (min-height: 300px) { .wrapper-img-map { left: 26%; } }
@media only screen and (min-width: 350px) and (min-height: 350px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 350px) and (min-height: 400px) { .wrapper-img-map { left: 21%; } }
@media only screen and (min-width: 350px) and (min-height: 450px) { .wrapper-img-map { left: 18%; } }
@media only screen and (min-width: 350px) and (min-height: 500px) { .wrapper-img-map { left: 16%; } }
@media only screen and (min-width: 350px) and (min-height: 550px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 350px) and (min-height: 600px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 350px) and (min-height: 650px) { .wrapper-img-map { left: 13%; } }
@media only screen and (min-width: 350px) and (min-height: 700px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 350px) and (min-height: 750px) { .wrapper-img-map { left: 11%; } }
@media only screen and (min-width: 350px) and (min-height: 800px) { .wrapper-img-map { left: 10%; } }

@media only screen and (min-width: 400px) and (min-height: 250px) { .wrapper-img-map { left: 36%; } }
@media only screen and (min-width: 400px) and (min-height: 300px) { .wrapper-img-map { left: 32%; } }
@media only screen and (min-width: 400px) and (min-height: 350px) { .wrapper-img-map { left: 26%; } }
@media only screen and (min-width: 400px) and (min-height: 400px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 400px) and (min-height: 450px) { .wrapper-img-map { left: 21%; } }
@media only screen and (min-width: 400px) and (min-height: 500px) { .wrapper-img-map { left: 18%; } }
@media only screen and (min-width: 400px) and (min-height: 550px) { .wrapper-img-map { left: 16%; } }
@media only screen and (min-width: 400px) and (min-height: 600px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 400px) and (min-height: 650px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 400px) and (min-height: 700px) { .wrapper-img-map { left: 13%; } }
@media only screen and (min-width: 400px) and (min-height: 750px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 400px) and (min-height: 800px) { .wrapper-img-map { left: 11%; } }

@media only screen and (min-width: 450px) and (min-height: 250px) { .wrapper-img-map { left: 38%; } }
@media only screen and (min-width: 450px) and (min-height: 300px) { .wrapper-img-map { left: 35%; } }
@media only screen and (min-width: 450px) and (min-height: 350px) { .wrapper-img-map { left: 32%; } }
@media only screen and (min-width: 450px) and (min-height: 400px) { .wrapper-img-map { left: 26%; } }
@media only screen and (min-width: 450px) and (min-height: 450px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 450px) and (min-height: 500px) { .wrapper-img-map { left: 21%; } }
@media only screen and (min-width: 450px) and (min-height: 550px) { .wrapper-img-map { left: 18%; } }
@media only screen and (min-width: 450px) and (min-height: 600px) { .wrapper-img-map { left: 16%; } }
@media only screen and (min-width: 450px) and (min-height: 650px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 450px) and (min-height: 700px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 450px) and (min-height: 750px) { .wrapper-img-map { left: 13%; } }
@media only screen and (min-width: 450px) and (min-height: 800px) { .wrapper-img-map { left: 12%; } }

@media only screen and (min-width: 500px) and (min-height: 250px) { .wrapper-img-map { left: 42%; } }
@media only screen and (min-width: 500px) and (min-height: 300px) { .wrapper-img-map { left: 38%; } }
@media only screen and (min-width: 500px) and (min-height: 350px) { .wrapper-img-map { left: 30%; } }
@media only screen and (min-width: 500px) and (min-height: 400px) { .wrapper-img-map { left: 28%; } }
@media only screen and (min-width: 500px) and (min-height: 450px) { .wrapper-img-map { left: 25%; } }
@media only screen and (min-width: 500px) and (min-height: 500px) { .wrapper-img-map { left: 22%; } }
@media only screen and (min-width: 500px) and (min-height: 550px) { .wrapper-img-map { left: 20%; } }
@media only screen and (min-width: 500px) and (min-height: 600px) { .wrapper-img-map { left: 19%; } }
@media only screen and (min-width: 500px) and (min-height: 650px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 500px) and (min-height: 700px) { .wrapper-img-map { left: 15%; } }
@media only screen and (min-width: 500px) and (min-height: 750px) { .wrapper-img-map { left: 15%; } }
@media only screen and (min-width: 500px) and (min-height: 800px) { .wrapper-img-map { left: 14%; } }

@media only screen and (min-width: 550px) and (min-height: 250px) { .wrapper-img-map { left: 50%; } }
@media only screen and (min-width: 550px) and (min-height: 300px) { .wrapper-img-map { left: 39%; } }
@media only screen and (min-width: 550px) and (min-height: 350px) { .wrapper-img-map { left: 34%; } }
@media only screen and (min-width: 550px) and (min-height: 400px) { .wrapper-img-map { left: 30%; } }
@media only screen and (min-width: 550px) and (min-height: 450px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 550px) and (min-height: 500px) { .wrapper-img-map { left: 24%; } }
@media only screen and (min-width: 550px) and (min-height: 550px) { .wrapper-img-map { left: 22%; } }
@media only screen and (min-width: 550px) and (min-height: 600px) { .wrapper-img-map { left: 21%; } }
@media only screen and (min-width: 550px) and (min-height: 650px) { .wrapper-img-map { left: 19%; } }
@media only screen and (min-width: 550px) and (min-height: 700px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 550px) and (min-height: 750px) { .wrapper-img-map { left: 16%; } }
@media only screen and (min-width: 550px) and (min-height: 800px) { .wrapper-img-map { left: 15%; } }
@media only screen and (min-width: 550px) and (min-height: 850px) { .wrapper-img-map { left: 15%; } }
@media only screen and (min-width: 550px) and (min-height: 900px) { .wrapper-img-map { left: 14%; } }




/*@media only screen and (min-width: 700px) and (min-height: 900px) {	.wrapper-img-map { left: 25%; } }*/





@media only screen and (min-width: 600px) and (min-height: 250px) { .wrapper-img-map { left: 50%; } }




@media only screen and (min-width: 990px) and (min-height: 300px) { .wrapper-img-map { left: 53%; } }
@media only screen and (min-width: 990px) and (min-height: 350px) { .wrapper-img-map { left: 61%; } }

@media only screen and (min-width: 990px) and (min-height: 400px) { .wrapper-img-map { left: 70%; } }
@media only screen and (min-width: 990px) and (min-height: 450px) { .wrapper-img-map { left: 76%; } }
@media only screen and (min-width: 990px) and (min-height: 500px) { .wrapper-img-map { left: 74%; } }
@media only screen and (min-width: 990px) and (min-height: 550px) { .wrapper-img-map { left: 72%; } }
@media only screen and (min-width: 990px) and (min-height: 600px) { .wrapper-img-map { left: 70%; } }
@media only screen and (min-width: 990px) and (min-height: 650px) { .wrapper-img-map { left: 68%; } }
@media only screen and (min-width: 990px) and (min-height: 700px) { .wrapper-img-map { left: 66%; } }
@media only screen and (min-width: 990px) and (min-height: 750px) { .wrapper-img-map { left: 64%; } }
@media only screen and (min-width: 990px) and (min-height: 800px) { .wrapper-img-map { left: 62%; } }
@media only screen and (min-width: 990px) and (min-height: 850px) { .wrapper-img-map { left: 60%; } }
@media only screen and (min-width: 990px) and (min-height: 900px) { .wrapper-img-map { left: 58%; } }
@media only screen and (min-width: 990px) and (min-height: 1000px) { .wrapper-img-map { left: 56%; } }
@media only screen and (min-width: 990px) and (min-height: 1050px) { .wrapper-img-map { left: 54%; } }
@media only screen and (min-width: 990px) and (min-height: 1100px) { .wrapper-img-map { left: 53%; } }



@media only screen and (min-width: 1401px) and (min-height: 600px) { .wrapper-img-map { left: 69%; } }



/*


@media only screen and (max-width: 991px) {
	.wrapper-img-map { left: 20%; }
}
@media only screen and (max-width: 600px) {
	.wrapper-img-map { left: 30%; }
}
@media only screen and (max-width: 550px) {
	.wrapper-img-map { left: 29%; }
}
@media only screen and (max-width: 500px) {
	.wrapper-img-map { left: 23%; }
}
@media only screen and (max-width: 400px) {
	.wrapper-img-map { left: 18%; }
}
@media only screen and (max-width: 350px) {
	.wrapper-img-map { left: 13%; }
}

@media only screen and (min-width: 300px) and (min-height: 250px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 300px) and (min-height: 300px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 300px) and (min-height: 350px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 300px) and (min-height: 400px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 300px) and (min-height: 450px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 300px) and (min-height: 500px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 300px) and (min-height: 550px) { .wrapper-img-map { left: 4%; } }
@media only screen and (min-width: 300px) and (min-height: 600px) { .wrapper-img-map { left: 3%; } }
@media only screen and (min-width: 300px) and (min-height: 650px) { .wrapper-img-map { left: 2%; } }
@media only screen and (min-width: 300px) and (min-height: 700px) { .wrapper-img-map { left: 1%; } }
@media only screen and (min-width: 300px) and (min-height: 750px) { .wrapper-img-map { left: 1%; } }
@media only screen and (min-width: 300px) and (min-height: 800px) { .wrapper-img-map { left: 0%; } }

@media only screen and (min-width: 350px) and (min-height: 300px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 350px) and (min-height: 350px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 350px) and (min-height: 400px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 350px) and (min-height: 450px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 350px) and (min-height: 500px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 350px) and (min-height: 550px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 350px) and (min-height: 600px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 350px) and (min-height: 650px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 350px) and (min-height: 700px) { .wrapper-img-map { left: 4%; } }
@media only screen and (min-width: 350px) and (min-height: 750px) { .wrapper-img-map { left: 3%; } }
@media only screen and (min-width: 350px) and (min-height: 800px) { .wrapper-img-map { left: 2%; } }

@media only screen and (min-width: 400px) and (min-height: 300px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 400px) and (min-height: 350px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 400px) and (min-height: 400px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 400px) and (min-height: 450px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 400px) and (min-height: 500px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 400px) and (min-height: 550px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 400px) and (min-height: 600px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 400px) and (min-height: 650px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 400px) and (min-height: 700px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 400px) and (min-height: 750px) { .wrapper-img-map { left: 4%; } }
@media only screen and (min-width: 400px) and (min-height: 800px) { .wrapper-img-map { left: 3%; } }

@media only screen and (min-width: 450px) and (min-height: 300px) { .wrapper-img-map { left: 35%; } }
@media only screen and (min-width: 450px) and (min-height: 350px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 450px) and (min-height: 400px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 450px) and (min-height: 450px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 450px) and (min-height: 500px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 450px) and (min-height: 550px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 450px) and (min-height: 600px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 450px) and (min-height: 650px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 450px) and (min-height: 700px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 450px) and (min-height: 750px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 450px) and (min-height: 800px) { .wrapper-img-map { left: 4%; } }

@media only screen and (min-width: 500px) and (min-height: 300px) { .wrapper-img-map { left: 45%; } }
@media only screen and (min-width: 500px) and (min-height: 350px) { .wrapper-img-map { left: 35%; } }
@media only screen and (min-width: 500px) and (min-height: 400px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 500px) and (min-height: 450px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 500px) and (min-height: 500px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 500px) and (min-height: 550px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 500px) and (min-height: 600px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 500px) and (min-height: 650px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 500px) and (min-height: 700px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 500px) and (min-height: 750px) { .wrapper-img-map { left: 5%; } }
@media only screen and (min-width: 500px) and (min-height: 800px) { .wrapper-img-map { left: 5%; } }

@media only screen and (min-width: 550px) and (min-height: 300px) { .wrapper-img-map { left: 50%; } }
@media only screen and (min-width: 550px) and (min-height: 350px) { .wrapper-img-map { left: 45%; } }
@media only screen and (min-width: 550px) and (min-height: 400px) { .wrapper-img-map { left: 35%; } }
@media only screen and (min-width: 550px) and (min-height: 450px) { .wrapper-img-map { left: 27%; } }
@media only screen and (min-width: 550px) and (min-height: 500px) { .wrapper-img-map { left: 23%; } }
@media only screen and (min-width: 550px) and (min-height: 550px) { .wrapper-img-map { left: 17%; } }
@media only screen and (min-width: 550px) and (min-height: 600px) { .wrapper-img-map { left: 14%; } }
@media only screen and (min-width: 550px) and (min-height: 650px) { .wrapper-img-map { left: 12%; } }
@media only screen and (min-width: 550px) and (min-height: 700px) { .wrapper-img-map { left: 9%; } }
@media only screen and (min-width: 550px) and (min-height: 750px) { .wrapper-img-map { left: 7%; } }
@media only screen and (min-width: 550px) and (min-height: 800px) { .wrapper-img-map { left: 5%; } }








@media only screen and (min-width: 990px) and (min-height: 300px) { .wrapper-img-map { left: 50%; } }
@media only screen and (min-width: 990px) and (min-height: 350px) { .wrapper-img-map { left: 45%; } }

@media only screen and (min-width: 990px) and (min-height: 400px) { .wrapper-img-map { left: 57%; } }
@media only screen and (min-width: 990px) and (min-height: 450px) { .wrapper-img-map { left: 55%; } }
@media only screen and (min-width: 990px) and (min-height: 500px) { .wrapper-img-map { left: 53%; } }
@media only screen and (min-width: 990px) and (min-height: 550px) { .wrapper-img-map { left: 51%; } }
@media only screen and (min-width: 990px) and (min-height: 600px) { .wrapper-img-map { left: 49%; } }
@media only screen and (min-width: 990px) and (min-height: 650px) { .wrapper-img-map { left: 47%; } }
@media only screen and (min-width: 990px) and (min-height: 700px) { .wrapper-img-map { left: 45%; } }
@media only screen and (min-width: 990px) and (min-height: 750px) { .wrapper-img-map { left: 43%; } }
@media only screen and (min-width: 990px) and (min-height: 800px) { .wrapper-img-map { left: 41%; } }
@media only screen and (min-width: 990px) and (min-height: 850px) { .wrapper-img-map { left: 39%; } }
@media only screen and (min-width: 990px) and (min-height: 900px) { .wrapper-img-map { left: 37%; } }
@media only screen and (min-width: 990px) and (min-height: 1000px) { .wrapper-img-map { left: 35%; } }
@media only screen and (min-width: 990px) and (min-height: 1050px) { .wrapper-img-map { left: 33%; } }
@media only screen and (min-width: 990px) and (min-height: 1100px) { .wrapper-img-map { left: 32%; } }



@media only screen and (min-width: 1401px) and (min-height: 600px) { .wrapper-img-map { left: 52%; } }*/



@media only screen and (min-width: 1401px) {
	.appear {
		opacity: 0;
		position: relative;
		bottom: -50px;
		transition: 0.5s all cubic-bezier(.17,.99,.51,.99);
	}
	.appear:nth-child(1) {
		transition-delay: 0s;
	}
	.appear:nth-child(2) {
		transition-delay: 0.25s;
	}
	.appear:nth-child(3) {
		transition-delay: 0.5s;
	}
	.appear:nth-child(4) {
		transition-delay: 0.75s;
	}
}



/*
███╗   ███╗███████╗███╗   ██╗██╗   ██╗    ███╗   ███╗ ██████╗ ██████╗ ██╗██╗     ███████╗
████╗ ████║██╔════╝████╗  ██║██║   ██║    ████╗ ████║██╔═══██╗██╔══██╗██║██║     ██╔════╝
██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║    ██╔████╔██║██║   ██║██████╔╝██║██║     █████╗
██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║    ██║╚██╔╝██║██║   ██║██╔══██╗██║██║     ██╔══╝
██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝    ██║ ╚═╝ ██║╚██████╔╝██████╔╝██║███████╗███████╗
╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝     ╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚═╝╚══════╝╚══════╝*/

.navbar-default {
	z-index: 200000;
    background: none;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
}

.navbar-toggle {
	padding: 17px 18px;
    position: relative;
    background-color: transparent;
    background-image: none;
    border: medium none;
    height: 100%;
    float: left;
    margin: 0;
    border-right: 1px solid #d4d4d4;
    border-radius: 0px;
    width: 67px; /*la croix ne fait pas bouger le bouton*/
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: none;
}

.navbar-collapse {
	padding: 0;
}

.navbar-nav {
	background: #252525;
	color: #fdfdfd !important;
	margin: 0;
}
.navbar-header { background: rgba(24,24,23,0.95); }

.navbar-nav li { margin: 20px 10px 40px; }
.navbar-nav li:last-child { margin: 20px 10px 0px; padding-bottom: 105px; }
.navbar-nav li:not(:last-child) { border-bottom: 1px solid #d4d4d4; margin: 0 10px; }

.navbar-nav li a { padding: 15px 0; }
.navbar-nav a .nom-camp { color: #e1e1e1; font-size: 1.1em; text-transform: none; }
.navbar-nav a h4 { color: #e1e1e1; font-size: 26px; margin: 2px 0 0; }

.navbar-default .navbar-toggle .icon-bar { background: #ddc17a; }


.navbar-brand {
	float: left;
	position: relative;
	font-family: 'Crimson Text', serif;
	font-style: italic;
	color: #ddc17a !important;
	letter-spacing: 1px;
	height: 100%;
	padding: 19px;
}

.navbar-brand img { height: 20px; margin: 0 auto; position: relative; }

img.img_fleche_menu { position: relative; top: 15px; }

.nav > li > a.mentions { padding: 0; margin: 0; color: #fdfdfd; }
.nav > li > a:hover.mentions { padding: 0; margin: 0; color: #fdfdfd; }

.nav-social { padding: 15px 0 40px 0; }

.menu-li-mentions { font-size: 0.9em;  }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 100vh;
}


/* rgpd fixes */
#rgpd-checkbox-label{
	color:#fdfdfd;
}
#bandeau-cookies .desc-camp{
	text-align: center;	
	padding-left:10%;
	padding-right:10%;
}
#bandeau-cookies{
    padding: 20px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    background-color: #1a1a1a;
    color: #fdfdfd;
}
#cookie-close{
    position: absolute;
    display: block;
    right: 40px;
    top: 25px;
}