

@media (max-width: 767px) {
	.region.region-content-top {
		padding-top:100px !important;
	}
  .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;
}
}

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

@media (min-width: 1251px) {
.hidden-lg {
display: none;
}
}
@media (min-width: 768px) and (max-width: 995px){
	.p-about-us-cadre1 {
		margin-bottom:41px !important;
	}
}
@media (min-width: 768px) and (max-width: 1250px) {
	.content-main {
		margin-bottom:0px !important;
	}
	.about-us-cadre-2 {
		width:48% !important;
		padding-left:4% !important;
		margin-left:0% !important;
		margin-right:0 !important;
		
	}
	.about-us-cadre-1 {
	text-align: center !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px;
    width: 48% !important;	
	}
	.about-us-cadre-1-contenu {
		width:100% !important;
	
		
	}
	.about-us-cadre-2-contenu {
		width:100% !important;
		margin-left:0 !important;
		margin-right:0 !important;
	
		
	}
	
}
@media (max-width: 1199px) {
	#prio.debug-grid-12 {
		margin-left:0 !important;
		margin-right:0 !important;

}}
}
@media (min-width: 995px) and (max-width: 1250px) {
	p {
		font-size:17px;
	}
	
}
@media (min-width: 768px) and (max-width: 995px){
	.pt-align-bas {
	height:624px;
	}
	
}


.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: 479px) {
.welcome-1 {
    margin-left: 0px;
    padding-right: 0px;
}
.welcome-2 {
  margin-left: 0px;
  padding-right: 0px;
}
}
.foot-debug {
	text-align:center !important;
}
@media (max-width: 767px) {
	.foot-debug {
	text-align:left !important;
}
}
@media (max-width: 768px) {
.about-us-img {
	width:5000px;
}
}