@import 'notification.css';


/***************************** STYLE POUR LE CONTENEUR DES LIGHTBOX ************************************/



#loader{

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.50);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1000;

  }

  

  #loader2{

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.50);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1050;

  }



  

  #loader3{

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.50);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1052;

  }



#loader_disponibilite{

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.50);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1000000;

  }



/************************************************************************/







/******************font*********/



/*! Generated by Font Squirrel (https://www.../fontsquirrel.com) on September 22, 2017 */





@font-face {

    font-family: 'colaborate-boldregular';

    src: url('../fonts/ColabBol-webfont.eot');

    src: url('../fonts/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/ColabBol-webfont.woff2') format('woff2'),

         url('../fonts/ColabBol-webfont.woff') format('woff'),

         url('../fonts/ColabBol-webfont.ttf') format('truetype'),

         url('../fonts/ColabBol-webfont.svg#colaborate-boldregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'colaboratelightregular';

    src: url('../fonts/ColabLig-webfont.eot');

    src: url('../fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/ColabLig-webfont.woff2') format('woff2'),

         url('../fonts/ColabLig-webfont.woff') format('woff'),

         url('../fonts/ColabLig-webfont.ttf') format('truetype'),

         url('../fonts/ColabLig-webfont.svg#colaboratelightregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'colaborate-mediumregular';

    src: url('../fonts/ColabMed-webfont.eot');

    src: url('../fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/ColabMed-webfont.woff2') format('woff2'),

         url('../fonts/ColabMed-webfont.woff') format('woff'),

         url('../fonts/ColabMed-webfont.ttf') format('truetype'),

         url('../fonts/ColabMed-webfont.svg#colaborate-mediumregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'colaborate-regularregular';

    src: url('../fonts/ColabReg-webfont.eot');

    src: url('../fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/ColabReg-webfont.woff2') format('woff2'),

         url('../fonts/ColabReg-webfont.woff') format('woff'),

         url('../fonts/ColabReg-webfont.ttf') format('truetype'),

         url('../fonts/ColabReg-webfont.svg#colaborate-regularregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'colaborate-thinregular';

    src: url('../fonts/ColabThi-webfont.eot');

    src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/ColabThi-webfont.woff2') format('woff2'),

         url('../fonts/ColabThi-webfont.woff') format('woff'),

         url('../fonts/ColabThi-webfont.ttf') format('truetype'),

         url('../fonts/ColabThi-webfont.svg#colaborate-thinregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









body{

  width: auto;

  height: auto;

  margin:0;

  padding: 0;

  font-family: 'colaborate-regularregular';

}







#menu_header a:hover::before {

  position: absolute;

  content: '';

  left: 6%;

  bottom: 0%;

  border-bottom: 13px solid #71B021;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

  height: 0;

  width: 0px;

  visibility: visible;

  transition: all linear 0.5s;

  display: none;

}



#menu_header li:hover .sous-menu li:first-child::before{

}



a{

  color: inherit;

  text-decoration: none;

  position: relative;

  z-index: 10;

}



.fin_float{

  clear: both;

}



.conteneur-superheader{

  width:auto;

  /*! background-color: rgba(23,23,23,0.8); */

  background: rgba(0, 0, 0, 0.66);

}



.grand-conteneur {

  position: fixed;

  top: 0;

  z-index: 1000;

  left: 0;

  right: 0;

}



.superheader, .header{

  width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #fff;

  z-index: 10000;

  position: relative;

  visibility: visible !important;

}





/******************************superheader*******************************/

.reseau_socio{

  width: 100px;

  display: flex;

  justify-content: space-between

}



.superheader {

    /*! padding: 5px 0; */

    /* height: 46px; */

    /*! border-bottom: 1px solid rgba(255,255,255,0.2); */

}



.content-contact-information {

    display: flex;

    width: auto;

    justify-content: space-between;

    list-style: none;

}



.bloc_contact {

  display: flex;

  align-items: center;

  border-right: 1px solid #d8d8d8;

  padding: 0 10px;

  /*! padding-top: 5px; */

  margin-right: 5px;

}



.bloc_contact:last-child {

    border: none;

    padding-right: 0;

    margin-left: 40px;

}



.bloc-icone {

  margin-right: 12px;

  display: flex;

  align-items: center;

}



.content-information {

  display: flex;

  flex-direction: column;

  font-size: 10px;

}





.bloc_right_header {

  display: flex;

  align-items: center;

}

.bloc_lang {

  font-size: 12px;

  font-weight: 300;

  margin-left: 50px;

}

.bloc_lang .lang_active {

  font-weight: 600;

}





/*******************header********************/







.conteneur-header {

 position: relative;

 z-index: 100;

 /* border-top: 1px solid rgba(255,255,255,0.2); */

 /* border-bottom: 1px solid rgba(255,255,255,0.2); */

 background: transparent;

}

.conteneur-banniere {

  position: relative;

}

#menu_header {

  display: flex;

  list-style: none;

  color: #000;

  font-weight: 500;

  /* font-size: 18px; */

  padding: 0;

  margin: 0;

  height: 100%;

}

.header {

  padding: 10px 0;

}

#menu_header li {

  position: relative;

  width: auto;

  font-size: 16px;

  color: rgb(56, 100, 169);

  border-radius: 0;

  /* text-transform: uppercase; */

  /* margin-left: 5px; */

  /*! padding: 30px; */

  text-align: center;

}



#menu_header li:last-child {

    /*! padding-right: 0; */

}



li.menu_actif:after, #menu_header li:hover:after {

  width: 50% !important;

  transition: all linear 0.3s;

}





#menu_header > li:after {

  bottom: 15px !important;

}



#menu_header li:after {

  position: absolute;

  bottom: 0px;

  left: 20px;

  width: 0;

  height: 2px;

  content: '';

  background: #71b021;

  transition: all linear 0.3s;

  display: none;

}



.sous-menu {

  position: absolute;

  z-index: 10000 !important;

  left: 0;

  /*! right: 0; */

  overflow: hidden;

  -moz-transition: all linear 0.3s;

  -webkit-transition: all linear 0.3s;

  list-style: none;

  padding: 0;

  border-radius: 2px;

  color: rgb(19, 0, 125);

  /*! box-shadow: 0px 9px 8px rgba(0,0,0,0.7); */

  width: auto;

  padding-top: 0;

  background: transparent;

  visibility: hidden;

  /*! display: none; */

  top: 300%;

  /* padding-top: 20px; */

  /* max-width: 222px; */

  border-top: 3px solid rgb(19, 0, 125);

  white-space: nowrap;

  border-radius: 5px;

  transition: all linear 0.3s;

}

li {

}

#menu_header > li:hover ul {

  z-index: 100;

  visibility: visible;

  transition: all linear .3s;

  top: 230%;

}

body .sous-menu li {

  border-bottom: 1px solid rgb(19, 0, 125);

  /* width: 100% !important; */

  font-weight: 400;

  font-size: 13px;

  position: relative;

  cursor: pointer;

  background: rgb(255, 255, 255);

  position: relative;

  color: rgb(19, 0, 125) !important;

  padding: 10px !important;

  text-align: left !important;

  opacity: 0;

  transition: all linear 0.3s;

}

#menu_header ul.sous-menu li:hover:after {

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

}



.sous-menu li:hover {

  background: #fff;

  color: #71B021;

}





.menu_actif, #menu_header li:hover {

  /*! background: #e10613; */

}





.titre-calligraphique{

  font-family: 'Pinyon Script';

  color: rgba(36, 36, 36, 0.89);

}







.degrade-header{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  /* height: 39%; */

  opacity: .6;

  pointer-events: none;

  background: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));

  background: linear-gradient(180deg,#000 0,transparent);

}





#menu_header > li:after {

  /* position: absolute; */

  /* content: ''; */

  /* display: block; */

  /* margin: auto; */

  /* height: 3px; */

  /* width: 0px; */

  /* background: transparent; */

  /* -webkit-transition: width .5s ease, background-color .5s ease; */

  -o-transition: width .5s ease, background-color .5s ease;

  /* transition: width .5s ease, background-color .5s ease; */

  /* z-index: 1; */

  /* top: 100%; */

}

#menu_header > a {

  /*! position: relative; */

  padding: 6px 12px;

  /*! font-size: 14px; */

  line-height: 1;

  /* color: rgb(255, 255, 255); */

  z-index: 1;

  font-weight: 300;

  -webkit-transition: padding .2s ease-in-out,-webkit-transform .2s ease-in-out;

  transition: padding .2s ease-in-out,-webkit-transform .2s ease-in-out;

  transition: padding .2s ease-in-out,transform .2s ease-in-out;

  transition: padding .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

#menu_header li:hover a::after, #menu_header li.menu_actif a::after {

  width: 120%;

  background: rgb(56, 100, 169);

  left: -5px;

  right: -5px;

  display: none;

}

#menu_header li span {

  z-index: 10;

  position: relative;

}





.deuxieme-ligne {

    padding-top: 140px !important;

    position: relative !important;

}





.texte-banniere .deuxieme-ligne::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    bottom: -3px !important;

    width: 100%;

    height: 1px;

    background: rgba(255,255,255,0.5);

}



.texte-banniere {

    /* color: #fff; */

    /* text-align: left; */

    /* position: absolute; */

    /* left: 0; */

    /* right: 0; */

    /* height: 100%; */

    /* display: flex; */

    /* align-items: center; */

    /* justify-content: center; */

    /* text-transform: uppercase; */

    /* font-size: 60px; */

    /* font-family: 'proxima_nova_altlight'; */

    text-shadow: 1px 3px 5px rgba(0,0,0,0.8);

    /* bottom: 0; */

    /* flex-direction: column; */

}

.texte-banniere hr {

    position: relative !important;

    width: 165px !important;

    margin: 0px auto 0px !important;

    height: 6px !important;

    background: #fff !important;

    border: none;

}



.fil-ariane {

    font-size: 15px;

    text-transform: none;

    opacity: 1;

    color: inherit !important;

    margin-top: 10px !important;;

}

.fil-ariane a {

    font-weight: 300;

}





.titre-simple {

    padding-bottom: 40px;

    text-align: center;

    /* font-family: 'proxima_novaregular'; */

    font-size: inherit;

    /* padding-top: 50px; */

}





.titre-simple h1 {

    font-size: 60px;

    line-height: 1;

    position: relative;

    font-weight: 300;

    /* padding-bottom: 15px; */

    color:#fff;

    margin:0;

}





.conteneur-pourquoi .titre-bloc-groupe {

    text-align: center;

    display: inline-block;

    /* padding: 0; */

}



.titre-bloc-groupe {

    font-size: 45px;

    line-height: 1.2;

    position: relative;

    font-weight: 300;

    padding-bottom: 20px;

}



.titre-bloc-groupe:after {

    border-style: solid;

    border-width: 6px 15px 0 15px;

    border-color: #3864a9 transparent transparent transparent;

    left: 0;

    right: 0;

    width: 0;

    margin: 0 auto;

    bottom: -6px !important;

}

.titre-calligraphique {

    font-size: 70px !important;

    color:rgba(36, 36, 36, 0.89) !important;

}





.titre-service:after, .titre-page:after {

  position: absolute;

  content: '';

  left: -90px;

  /*! right: -50px; */

  top: 50%;

  height: 3px;

  background: #c41e00;

  z-index: 1;

  width: 30%;

  display: none;

}

.titre-service:before, .titre-page:before {

  position: absolute;

  content: '';

  right: -90px;

  width: 30%;

  top: 50%;

  height: 3px;

  background: #c41e00;

  display: none;

} 



.titre-page:before , .titre-page:after{

  top:58% !important;

}

.titre-page{

  position: relative;

  display: inline-block;

}



.prix-chambre {

    font-size: 15px;

    font-family: 'proxima_novabold';

    text-align: left;

    display: flex;

    align-items: center;

}

.separateur {

  font-size: 30px;

  padding: 0 5px;

  line-height: 1

}

.prix-chambre span:first-child sup {

    right: -14px !important;

    text-transform: capitalize !important;

    font-weight: 300;

}

.bloc-prix-chambre sup {

    position: absolute;

    top: -15px;

    right: -5px !important;

}

.bloc-prix-chambre sup {

    position: absolute;

    top: -15px;

}



.separateur {

  padding: 0 11px;

  padding-right: 5px;

}



.prix-chambre span {

    font-size: 11px;

    position: relative;

    font-family: 'proxima_nova_altlight';

    text-transform: capitalize;

}



.btn-emploi{

  background: transparent;

  font-size: 15px;

  padding: 5px 18px;

  border-radius: 3px;

  border: 1px solid #fff;

  transition: all linear 0.3s;

  cursor: pointer;

}

ul.content-contact-information li {

    padding: 0 10px;

    cursor: pointer

}



ul.content-contact-information li:first-child {

    border-right: 1px solid;

}



.logo img {

    width: 100%;

    height: auto;

}



#menu_header a:after {

    position: absolute;

    content: '';

    display: block;

    margin: auto;

    height: 2px;

    width: 0px;

    background: rgba(0, 0, 0, 0);

    -webkit-transition: width .5s ease, background-color .5s ease;

    -o-transition: width .5s ease, background-color .5s ease;

    transition: width .5s ease, background-color .5s ease;

    z-index: 1;

    top: 98%;

}



.logo {

    width: 150px;

    /* padding: 10px 0; */

}





.reseau_socio i {

  padding: 15px 15px;

  border-right: 1px solid rgba(255,255,255,0.5);

  font-size: 12px;

}

.btn-emploi:hover {

  background: #fff;

  color: #0f0062;

  transition: all linear 0.3s;

}



.bloc-icone svg {

  width: 18px;

}

.bloc-icone svg path {

  fill: rgba(255,255,255,0.5);

}





.sous-menu li a:after {

  display: none !important;

}

#menu_header .sous-menu li:hover {

  background: rgb(19, 0, 125);

  transition: all linear 0.3s;

  

}





#menu_header .sous-menu li:hover > a{

  color: rgb(255, 255, 255) !important;

}





.content-superheader-bloc {

    height: 40px;

    display: flex;

}



.content-lang {

    display: flex;

    position: relative;

    float: right;

    padding-left: 15px;

    margin-left: 18px;

    font-weight: 300;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 30px;

    justify-content: center;

    align-items: center;

    border-left: 1px solid rgba(255,255,255,0.5);

}



a.active-lang i {

    position: relative;

    top: -2px;

    padding-left: 8px;

    color: #c5dadc;

    font-size: 9px;

}



ul.content-list-lang {

    overflow: hidden;

    display: block;

    position: absolute;

    right: 0;

    top: 100%;

    width: 100%;

    z-index: 10001;

    background-color: rgba(56, 100, 169,1);

    -webkit-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    -o-transform-origin: right top;

    transform-origin: right top;

    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    list-style: none;

    margin: 0;

    text-align: center;

    padding: 0;

}



.content-lang:hover ul.content-list-lang {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

}



ul.content-list-lang li:hover {

    background: #69acd9;

    transition: all linear 0.3s;

}



ul.content-list-lang li {

    transition: all linear 0.3s;

}



.content-espace-client {

    font-size: 12px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: 30px;

}



ul.sous-menu > a {

    color: rgb(19, 0, 125) !important;

    width: 100%;

}



ul.sous-menu li:first-child:after {

    position: absolute;

    right: 100%;

    width: 0;

    height: 0;

    content: '';

    border-right: 17px solid rgb(241, 241, 241);

    border-top: 10px solid rgba(0, 0, 0, 0);

    border-bottom: 10px solid rgba(0, 0, 0, 0);

    top: 50px;

}



ul#menu_header li:hover .sous-menu li {

    opacity: 1;

    transition: all linear 0.3s;

}



li {}



li.first-child:before {

    position: absolute;

    right: 100%;

    width: 0;

    height: 0;

    content: '';

    border-top: 17px solid rgb(19, 0, 125);

    border-left: 10px solid rgba(0, 0, 0, 0);

    border-right: 10px solid rgba(0, 0, 0, 0);

    top: -17px;

    left: 9px;

    transform: rotate(180deg);

    display: none;

}



ul#menu_header > a {

    padding: 30px 10px;

    position: relative;

}



ul#menu_header li:last-child a {

    padding-right: 0;

}



#menu_header > li > a {

    padding: 0 10px;

}



.mega-menu-1 li .titre-service-header h3 {

	margin: 4px 0 10px 0;

	text-transform: uppercase;

	font-size: 16px;

	border-bottom: 1px solid;

}

.mega-menu-1 li .titre-service-header h3 ::after {

	position: absolute;

	content: "";

	width: auto;

	background: #ccc;

	left: 0;

	bottom: 0;

}



ul.sous-menu.mega-menu-1 {

    display: flex;

    left: 0;

    /* right: -100%; */

    width: 100% !important;

    overflow: unset;

    border-radius: 5px;

    background: #ccc;

}



body ul.sous-menu.mega-menu-1 li {

    width: auto !important;

    padding-top: 8px !important;

    padding-bottom: 10px !important;

    border: none;

}



ul.sous-menu.mega-menu-1 li .description-service-header {

    width: auto;

    display: inline-block;

    white-space: normal;

    line-height: 1.3;

    height: 38px;

    overflow: hidden;

    font-size: 14px;

    color: #000;

    opacity: 0.8;

    font-family: 'colaboratelightregular';

}



ul.sous-menu.mega-menu-1 li:hover {

    background: rgba(255, 255, 255, 1) !important;

}





.mega-menu li .titre-service-header h3 {margin: 0 0 10px 0;text-transform: uppercase;font-size: 16px;}



ul.sous-menu.mega-menu {

    display: flex;

    left: -510px;

    /* right: -100%; */

    width: 1208px !important;

    overflow: unset;

    border-radius: 5px;

}



body ul.sous-menu.mega-menu li {

    width: 200px !important;

    padding-top: 25px !important;

    padding-bottom: 10px !important;

    border: none;

}



ul.sous-menu.mega-menu li .description-service-header {

    width: auto;

    display: inline-block;

    white-space: normal;

    line-height: 1.3;

    height: 38px;

    overflow: hidden;

    font-size: 14px;

    color: #000;

    opacity: 0.8;

    font-family: 'colaboratelightregular';

}



ul.sous-menu.mega-menu li:hover {

    background: rgba(255, 255, 255, 1) !important;

}



body .btn-savoir-header a {

    padding: 5px 15px;

    background: rgb(62, 105, 171);

    color: #fff !important;

    border-radius: 3px;

}



.btn-savoir-header {

    margin: 10px 0;

}



body .btn-savoir-header:last-child a {

    padding-right: 15px !important;

}



.titre-service-header

 h3 {

    white-space: normal;

}



body .btn-savoir-header a:hover {

    background: transparent;

    border: 1px solid rgb(62, 105, 171);

    color: rgb(62, 105, 171) !important;

    transition: all linear 0.3s;

}

ul.smenu-mega {

    list-style: none;

    padding-left: 0;

}

ul.smenu-mega li a {

    /* color: #535353; */

    font-size: 16px;

}