@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600');
body{
    font-family: 'Poppins', sans-serif !important;
     margin:0;
     font-size:14px;
     background:#ffffff;
     font-weight:300;
}

body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration:none;
}
a:hover{text-decoration:none;}

textarea, input,button { outline:0;}

.left{float:left;}

.right{float:right;}

.clear {    clear: both;    height:0;}

.no-padding{padding:0;}

.no-margin{margin:0;}

ul{padding:0;margin:0;}

.content_page {
    background: #ffffff;
    margin: 5vh;
    min-height: 500px;
    padding: 80px 90px;
    top: 35px;

}
.content_page_interne {
    background: #ffffff;
    margin: 5vh;
    min-height: 500px;
    padding: 5% 15%;
}

.content_page_catalogue{
    background: #ffffff;
    margin: 5vh;
    min-height: 500px;
    padding: 5% 15%;
}
.content_page_interne p{color:#5c5c5c;    text-align: justify;}

.container{max-width:1144px ; margin:0 auto;width:100%;}

.titre_page{
    background-color: rgba(22, 65, 148, 1);
    max-width: 500px;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    position: relative;
    margin: 0 auto;
    top: 60%;
}
.titre_page h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 0;
}
.chemin{color:#ffff;}

.chemin a {    color: #ffffff;    margin: 5px;    text-transform: capitalize;}

.chemin a:hover{color:#e4e4e4;}


.modal-backdrop{position: relative !important;background-color: transparent !important;}

.modal {
    top:0px;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
}



.background_page{
    background: url(/Files/App_002/NewFolder/Sans-titre---34.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_catalogue{
    background: url(/Files/App_002/NewFolder/Sans-titre---12.jpg)no-repeat;
    margin: 0;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}
.background_company{
    background: url(/Files/App_002/NewFolder/Sans-titre---4.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_durabilité{
    background: url(/Files/App_002/NewFolder/Sans-titre---3.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_contact{
    background: url(/Files/App_002/NewFolder/Sans-titre---56.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_solution-b{
    background: url(/Files/App_002/NewFolder/Sans-titre---20.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_aviation{
    background: url(/Files/App_002/NewFolder/Sans-titre---58.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_sante{
    background: url(/Files/App_002/NewFolder/Sans-titre---61.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_hotelerie{
    background: url(/Files/App_002/NewFolder/Sans-titre---49.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_industry{
    background: url(/Files/App_002/NewFolder/Sans-titre---55.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}



.background_educ{
    background: url(/Files/App_002/NewFolder/Sans-titre---53.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_centre{
    background: url(/Files/App_002/NewFolder/Sans-titre---59.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_gov{
    background: url(/Files/App_002/NewFolder/Sans-titre---62.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_Service_alimentaire{
    background: url(/Files/App_002/NewFolder/Sans-titre---46.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_agro{
    background: url(/Files/App_002/NewFolder/Sans-titre---36.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_laitiere{
    background: url(/Files/App_002/NewFolder/Sans-titre---38.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_spas{
    background: url(/Files/App_002/NewFolder/Sans-titre---52.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_agri{
    background: url(/Files/App_002/NewFolder/Sans-titre---40.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_bureau{
    background: url(/Files/App_002/NewFolder/Sans-titre---60.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_linge{
    background: url(/Files/App_002/NewFolder/Sans-titre---50.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_innov{
    background: url(/Files/App_002/NewFolder/Sans-titre---44.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_brassage{
    background: url(/Files/App_002/NewFolder/Sans-titre---54.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_tech{
    background: url(/Files/App_002/NewFolder/Sans-titre---51.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 80px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.plis a {
	background:#00509e url('../images/learn-more-arrow.png') no-repeat;
	background-position:93% center;
	color:#fff;text-transform:none;
	font-style:italic;
	padding:5px 30px 5px 30px;
	font-size: 14px;
	text-decoration: none;
	font-family: 'AauxProOT-Regular', sans-serif;
	}


.views-field-field-large-promo-text .arrow{
    background: url('/Files/App_002/NewFolder/arrow.png') no-repeat;
    background-position:  right center;
    background-size: 100%;
    width:6.5%;
    margin-left: 95%;
    height: 300px;
    margin-top: -308px;
    position: relative;
    z-index: 5;
}



@media only screen and (max-width: 1401px){
.container{width:100% !important;}
.content_page {    padding: 20px 20px;}
.content_page_interne {    padding: 20px 20px;}
}


@media only screen and (max-width: 768px){
.content_page {margin: 1vh;}
.content_page_interne {margin: 1vh;}
}




@import url(https://fonts.googleapis.com/css?family=BenchNine:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600;);
.solico{
  background-color: #fff;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 10px 7px;
  max-width: 315px;
  min-width: 230px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.solico* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.solico:before,
.solico:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #0088C9;
  border-left: 3px solid #0088C9;
  border-right: 3px solid #0088C9;
  content: '';
  opacity: 0.5;
  z-index: 1;
}

.solico:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%);
}

.solico:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%);
}

.solico img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.solico figcaption {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
}

.solico h3 {
  background-color: #000000;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
}

.solico a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.solico:hover > img,
.solico.hover > img {
  opacity: 0.5;
}

.solico:hover:before,
.solico.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%);
}

.solico:hover:after,
.solico.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%);
}

.solico:hover figcaption,
.solico.hover figcaption {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.log{
  font-family: 'Lato', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 8px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffff;
  font-size: 18px;
  text-align: center;
}
.log * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.log:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.log img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  height: 209px;
    width: 315px;
}
.log figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.log h3,
.log h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 0.5px;
}
.log h3 {

   font-size: 18px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 100;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.log h5 {
  font-weight: normal;
  background-color: #0000ff;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.log:hover:before,
.log.hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log:hover h3,
.log.hover h3,
.log:hover h5,
.log.hover h5 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.log:hover h3,
.log.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.log:hover h5,
.log.hover h5 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}







}

.log1{
  font-family: 'Lato', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 8px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffff;
  font-size: 18px;
  text-align: center;
}
.log1 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.log1:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.log1 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.log1 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.log1 h3,
.log1 h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 0.5px;
}
.log1 h3 {

   font-size: 18px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 100;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.log1 h5 {
  font-weight: normal;
  background-color: #0000ff;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log1 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.log1:hover:before,
.log1.hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log1:hover h3,
.log1.hover h3,
.log1:hover h5,
.log1.hover h5 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.log1:hover h3,
.log1.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.log1:hover h5,
.log1.hover h5 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
 


.log2{
  font-family: 'Lato', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 8px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffff;
  font-size: 18px;
  text-align: center;
}
.log2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.log2:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.log2 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  height: 209px;
    width: 315px;
}
.log2 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.log2 h3,
.log2 h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 0.5px;
}
.log2 h3 {

   font-size: 18px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 100;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.log2 h5 {
  font-weight: normal;
  background-color: #00b0f0;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log2 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.log2:hover:before,
.log2.hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.log2:hover h3,
.log2.hover h3,
.log2:hover h5,
.log2.hover h5 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.log2:hover h3,
.log2.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.log2:hover h5,
.log2.hover h5 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}








/*  english section css */




.background_page_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---34.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_catalogue_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---12.jpg)no-repeat;
    margin: 0;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}
.background_company_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---4.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_durabilité_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---3.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_contact_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---56.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_solution-b_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---20.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_aviation_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---58.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_sante_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---61.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_hotelerie_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---49.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_industry_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---55.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}



.background_educ_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---53.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_centre_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---59.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_gov_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---62.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_Service_alimentaire_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---46.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_agro_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---36.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_laitiere_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---38.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_spas_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---52.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_agri_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---40.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_bureau_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---60.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_linge_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---50.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}

.background_innov_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---44.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}
.background_brassage_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---54.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_tech_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---51.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: 100%;
}


.background_media_en{
    background: url(/Files/App_002/NewFolder/Sans-titre---66.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}



.background_guide_linge{
    background: url(/Files/App_002/images/NewFolder/BANNPROTOCOLELINGE.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}


.background_guide_Hebergement{
    background: url(/Files/App_002/images/NewFolder/BANNPROTOCOLEHEBERGEMENT.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}
.background_guide_cuisine{
    background: url(/Files/App_002/images/NewFolder/BANNPROTOCOLECUISINE.jpg)no-repeat;
    margin-bottom: 120px;
    position: relative;
    top: 120px;
    width: 100%;
    height: 50vh;
    background-size: cover;
}


.logleft{
  font-family: 'Lato', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 8px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffff;
  font-size: 18px;
  text-align: center;
}
.logleft * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.logleft:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.9);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.logleft img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  height: 209px;
    width: 315px;
}
.logleft figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.logleft h3,
.logleft h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 0.5px;
}
.logleft h3 {

   font-size: 18px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 100;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
}
.logleft h5 {
  font-weight: normal;
  background-color: #0000ff;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.logleft a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.logleft:hover:before,
.logleft.hover:before {
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.logleft:hover h3,
.logleft.hover h3,
.logleft:hover h5,
.logleft.hover h5 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.logleft:hover h3,
.logleft.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.logleft:hover h5,
.logleft.hover h5 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}


@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
.minmenu {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.minmenu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.minmenu li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 1.2em;
  padding: 0;
}
.minmenu a {
  padding: 0 0.6em;
  color: #0000ff;
  position: relative;
  text-decoration: none;
}
.minmenu a:before,
.minmenu a:after {
  width: 3px;
  height: 0;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #2980b9;
}
.minmenu a:before {
  bottom: 0;
  right: 0;
}
.minmenu a:after {
  top: 0;
  left: 0;
}
.minmenu a:hover,
.minimenu .current a {
  color: #0088c9;
}
.minmenu a:hover:before,
.minmenu .current a:before,
.minmenu a:hover:after,
.minmenu .current a:after {
  height: 100%;
}




@import url(https://fonts.googleapis.com/css?family=Open+sans:700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
.1560 {
  font-family: 'Open Sans', Arial, sans-serif;
  display: inline-block;
  margin: 8px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: none !important;
  position: relative;
  padding: 10px;
  border: 2px solid #e8b563;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.1560:before {
  content: '';
  background-color: #000000;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: -1;
}

.1560 * {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.1560 img {
  max-width: 100%;
  vertical-align: top;
  background-image: linear-gradient(#000000, #ffffff);
}

.1560 figcaption,
.1560 .link {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.1560 h2,
.1560 h3,
.1560 h4 {
  margin: 0px;
  position: absolute;
  width: 100%;
  text-transform: uppercase;
}

.1560 h2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2em;
  font-family: 'Playfair Display', Arial, sans-serif;
}

.1560 h2 span {
  color: #e8b563;
}

.1560 h3 {
  font-size: 1.3em;
  bottom: 0;
  font-weight: 700;
  letter-spacing: 2px;
}

.1560 h4 {
  top: 0;
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  opacity: 0.9;
  font-family: 'Playfair Display', Arial, sans-serif;
}

.1560:hover img,
.1560.hover img {
  opacity: 0.35;
}