@media (min-width: 768px) and (max-width: 994px) {
	p#debug-fr-about {
		 margin-bottom:17px !important;
	 }
 }
hr {border-top: 1px solid #ba7853;}

@media (max-width: 767px) {
  .front .header-section-1 {
	left:0;
	position:absolute !important;
	right:0;
	top:0;
padding-bottom: 43px;
}
ul.language-switcher-locale-url {
    text-align: right;
    margin-top: 10px;
    margin-bottom: -25px;
    margin-right: 0px;
}

 .header-section-1 {
       padding-bottom: 70px;
}

.EuropeanLogo {
    max-width: 348px;
    margin-top: 0px;
    margin-left: -40px;
}

nav {
  margin-top: -110px;
}


.menu-mobile-a {
color: white;
padding: 15px;
}

.menu-mobile-a:hover {
color: #ba7853;
padding: 15px;
}

.select-menu-ancien{
display: none;
}

a {
text-decoration: none;

}

a:hover {
color: #f64747;
}

#menuToggle {
		  display: block;
		  position: relative;
		  top: 0px;
		  left: -10px;
		  z-index: 1;
      float: right;
      margin-right: -15px;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		   -ms-user-select: none;
		       user-select: none;
		}

		#menuToggle input {
		  display: block;
		  width: 40px;
		  height: 32px;
		  position: absolute;
		  top: -7px;
		  left: -5px;
		  cursor: pointer;
		  opacity: 0;
		  z-index: 2;
		  -webkit-touch-callout: none;
		}


		#menuToggle span {
		display: block;
		width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #175e44;
    border-radius: 0px;
    z-index: 1;

		  -webkit-transform-origin: 4px 0px;
		          transform-origin: 4px 0px;

		  -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              opacity 0.55s ease,
		              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

		  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              opacity 0.55s ease,
		              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

		  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              opacity 0.55s ease;

		  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              opacity 0.55s ease,
		              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		}

		#menuToggle span:first-child {
		  -webkit-transform-origin: 0% 0%;
		          transform-origin: 0% 0%;
		}

		#menuToggle span:nth-last-child(2) {
		  -webkit-transform-origin: 0% 100%;
		          transform-origin: 0% 100%;
		}


		#menuToggle input:checked ~ span {
		  opacity: 1;
		  -webkit-transform: rotate(45deg) translate(-2px, -1px);
		          transform: rotate(45deg) translate(-2px, -1px);
		  background: #175e44;
		}

		#menuToggle input:checked ~ span:nth-last-child(3)
		{
		  opacity: 0;
		  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
		          transform: rotate(0deg) scale(0.2, 0.2);
		}

		#menuToggle input:checked ~ span:nth-last-child(2)
		{
		  opacity: 1;
		  -webkit-transform: rotate(-45deg) translate(0, -1px);
		          transform: rotate(-45deg) translate(0, -1px);
		}


		#menu {
    position: absolute;
    margin-top: 70px;
    background: rgba(0,0,0,0.91);
    list-style-type: none;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

    width: 500px;
    margin-left: -200px;

    }

		#menuToggle input:checked ~ ul {
		  -webkit-transform: scale(1.0, 1.0);
		          transform: scale(1.0, 1.0);
		  opacity: 1;
		}

  }
  @media (min-width: 768px) {
  .menu-version-mobile {
  display: none;
  } }


  .contact-form {
    margin-left: 15px;
    margin-right: 15px;
  }
@media (max-width: 768px) {
.hidden-vm {
display: none;
} }

@media (min-width: 768px) {
.hidden-ge {
display: none;
} }


@media (max-width: 767px) {
.hidden-xs {
display: none;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none;
}

	#debug-fr-about {
		 margin-bottom:17px !important;
	 }
 
}

@media (min-width: 992px) and (max-width: 1250px) {
.hidden-md {
display: none;
}
}

@media (min-width: 1251px) {
.hidden-lg {
display: none;
}
}





.banner-ourservices {
margin-top: -100px;
border-top: 6px solid black;
border-bottom: 6px solid black;
}

  @media (min-width: 1251px) {
   .block-motif-services {
    width: 100%;
    height: 415px;
    margin-top: -100px;
    border-top: 6px solid black;
    border-bottom: 6px solid black;
    background-image: url(../images/EUB_motif-2000x1080.jpg);
   }
  }
  .banner-history {
    margin-top: -100px;
border-top: 6px solid black;
    border-bottom: 6px solid black;
  }

  @media (min-width: 1251px) {
   .block-motif-history {
    width: 100%;
    height: 415px;
    margin-top: -100px;
    border-bottom: 6px solid black;
    border-top: 6px solid black;
    background-image: url(../images/EUB_motif-2000x1080.jpg);
   }
  }

@media (max-width: 767px){
.services-col-1#services {

	margin-left:0px;
	
}
.services-col-2#services2 {
		margin-left:0px;

	
}
.services-col-3#services3 {
		margin-left:0px;
	
}
	.services-col-1#history {

	margin-left:0px;
	
}
.services-col-2#history2 {
		margin-left:0px;

	
}
.services-col-3#history3 {
		margin-left:0px;
	
}
a {
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-webkit-transition:.3s ease;
	transition:.3s ease;
	color:#ba7853;
	text-decoration:none;
}
a:hover {
 color: #175e44;
 }
	
	
}
.historique-debug {
margin-top:70px; 
margin-bottom: 150px; 
font-size: 19px; 
color:  #175e44; 
text-align: left; 
margin-bottom: 30px;


}
#historique-debug p {
margin-top:0px; 
margin-bottom: 150px; 
font-size: 19px; 
color:  #175e44; 
text-align: left; 
margin-bottom: 30px;


}
.services-col-1 {
	width:30%;
	margin-right:5%;
	
}
.service-col-2 {
	width:30%;
	margin-left:0px;
}
.service-col-3 {
	width:30%;
	margin-left:5%;
	margin-right:0;
}
#block-block-19 {
	margin-bottom:40px;
	
}
.coeach{
text-align: center;
border: 2px solid #ba7853;
background-color: transparent;
width:100% !important;
padding: 10px;
font-weight: 500;
color: #c0b176;
text-decoration: none;
outline: none; 
padding: 5px 0px; 
color:#ba7853;
padding:15px 0px;
font-family: 'Roboto Slab', serif;
margin-bottom:0px !important;
}
.coeach:hover{
text-align: center;
border: 2px solid #175e44;
background-color: transparent;
width: 100%;
padding: 10px;
font-weight: 500;

text-decoration: none;
outline: none; 
padding: 5px 0px; 
color:#175e44 !important;
padding:15px 0px;
font-family: 'Roboto Slab', serif;
}
.coeach a:hover {

color:#175e44 !important;

}
.coeach:focus{
text-align: center;
border: 2px solid #175e44;
background-color: transparent;
width: 100%;
padding: 10px;
font-weight: 500;
color: #c0b176;
text-decoration: none;
outline: none; 
padding: 5px 0px; 
color:#175e44;
padding:15px 0px;
font-family: 'Roboto Slab', serif;
}

h6 a:hover{color :#175e44;}
li.liste{font-size: 16px;
padding-left: 20px;}
.grid {
  max-width: 100%;
/*	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center; */
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    /* margin: 10px 1%; */
    /* min-width: 320px; */
    /* max-width: 480px; */
    /* max-height: 360px; */
    /* width: 48%; */
    /* height: auto; */
    background: ;
    text-align: center;
    cursor: pointer;
}
.about-us-img {
	opacity:1 !important;
	width:5000px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
/*	padding: 2em; */
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
/*	position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*-----------------*/
/***** Hera *****/
/*-----------------*/

figure.effect-hera {
	background: ;
}

figure.effect-hera h4 {
	font-size: 158.75%;
}

figure.effect-hera h4,
figure.effect-hera p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera figcaption::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	border: 2px solid white;
/*  border: 4px solid #175E46;  */
	content: '';
	opacity: 0;
  /* background-color: rgba(23, 94, 71, 0.33); */
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera p {
	width: 100px;
	text-transform: none;
	font-size: 121%;
	line-height: 2;
}

figure.effect-hera p a {
	color: #fff;
}

figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
  opacity: 1;
}

figure.effect-hera p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-hera p a:first-child i {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-hera p a:nth-child(2) i {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-hera p a:nth-child(3) i {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(-60px,60px,0);
}

figure.effect-hera p a:nth-child(4) i {
	-webkit-transform: translate3d(60px,60px,0);
	transform: translate3d(60px,60px,0);
}

figure.effect-hera:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}

figure.effect-hera:hover h4 {
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

figure.effect-hera:hover p i:empty {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
	opacity: 1;
}

/* Media queries */
{
	.content  {
		
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


figure.effect-hera:hover {
    background: black;
}
.grid figure img:hover{
	opacity: 0.8;
  background: black;
}
.icon-coordonnee:hover {
color: #175e44;
}

@media (max-width: 1251px) {
#target {
  display: none;
}
.grid figure img:hover {
background: none;
}
figure.effect-hera:hover {
background: none;
}
}
/* [Object] Modal
 * =============================== */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
/* background: rgba(0,0,0, .9);*/
  height: 100%;
  width: 100%;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 450px;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 0px;
  padding: 1em 2em;
  height: 450px;
  transition: opacity .25s ease;
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
  margin-left: 50%;
  margin-top: 100%;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .modal__inner {
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    transition: opacity .25s ease;
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    margin-left: 50%;
    margin-top: 100%;
  }

}

.btn {
  cursor: pointer;
  background: #175e44;
  display: inline-block;
  padding: .5em 2em;
  color: #fff;
  border-radius: 0px;
}

.btn:hover,
.btn:focus {
  background: #2ecc71;
}

.btn:active {
  background: #175e44;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus {
  background: #3498db;
}

.btn--blue:active {
  background: #2980b9;
}

@media (min-width: 1252px) {
  #target {
  display: block;
}
.test {
display: none;
}
.btn {
display: none;
}
.modal-state {
display: none;
}
.modal {
display: none;
}
}

.contenu-box {
    transition: opacity .25s ease;
   /* -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    margin-left: 50%;
    margin-top: 100%;*/
}




.Hide {
display:none;
}


.test {
background-color: transparent;
}

.btn-vert {
    font-size: 25px;
    background-color: #175e44;
    box-shadow: none;
    border: 1px solid #175e44;
    width: 50px;
    height: 50px;
    margin-top: -250px;
    margin-bottom: 50px;
    margin-left: 15px;
    transform: rotate(-45deg);
    text-decoration: none;
    z-index: 9999999;
}

a {
color: #ba7853;
}
@media screen and (min-width: 1200px) {
  .grid figure {
  width: 100%;
  }
 .ttt {
  width: 5%;
  }
  .coco{margin-left: -15px;}
  .cocob{width: 90%;}
}
.grid{
max-width: 900px;
}
.cocoa{width: 47%;}
#menu.debugmobile li:before {
	background: none;
    border-radius: none;
    content: '';
    display: block;
    height: 0px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 0px;
}
#menu.debugmobile li {
	margin:0;
}
#menu.debugmobile .active {
	color:white;
}
#menu.debugmobile  {
	color:white;
}
	
}