@charset "UTF-8";

/* Theme Name: Hood Description: Hood
    Author: Mkmultimedia Theme URI: https://www.mkmultimedia.com/ Author URI: https://www.mkmultimedia.com/ Version: 1.0.0
*/
/** * This stylesheet was generated using scss * Do not edit this file directly * Go to _scss folder and edit files then reginerate css
*/

/* Maybe we could get rid of this */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
.loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#ED4315;
	color: white;
	z-index:999;
}

.bleu{
    color: #002060;
}

.source-sans-3-light {
  font-family: "Source Sans Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}
.big{font-size:20px;
color:#2D7FCF;
float:none;
display:inline-block;
vertical-align:middle;
font-weight:700;
    line-height: 1;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius:50%;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,00,0.3);
    box-shadow: 3px 3px 5px 0 rgba(0,0,00,0.3);
    background: #fff;;
    margin: 0 6px;;


}
.titre {
    font-size: 24px;
    color: #002060;
    float: none;vertical-align:middle;

    display: inline-block;
	padding-left:15px;
}

.progress-bar {
position:relative;	

    background-color:#ED4315;
	border-radius:0 30px 30px 0;
	width:0;
}

.progress-bar:after {
    content: " ";
    position: absolute;
    height: 40px;
    width: 40px;
    top: 5px;
    right: 5px;
    z-index: 0;
    background-color: #fff;
    border-radius: 50%;
}
 
.progress{
		border-radius:0;

position:relative;	
z-index:2;    border-radius: 0 30px 30px 0;

}

.vertligne{
	font-weight:700;
	display:block;
	width:100%;
	position:relative;	
}

.vertlignelast:before{
	
	content:" ";
	position:absolute;	
	right:0;
	height:480px;
	width:1px;
	top:70px;
	z-index:0;
	    background-color:#e2e2e2;


}

.progress:after {
    content: " ";
    border-radius: 0;
    position: absolute;
    border-radius: 0 30px 30px 0;
    z-index: -1;
    width: 75%;
    left: 0;
    top: 0;
    height: 100%;
    background: #d4d3d3; 
}
.vertligne{
	font-weight:700;
	display:block;
	width:100%;
	position:relative;	
}

.vertlignelast:before{
	
	content:" ";
	position:absolute;	
	right:0;
	height:480px;
	width:1px;
	top:70px;
	z-index:0;
	    background-color:#e2e2e2;


}

.vertligne:after{
	
	content:" ";
	position:absolute;	
	left:0;
	height:500px;
	width:1px;
	top:50px;
	z-index:0;
	    background-color:#e2e2e2;


}
.vertligne:after{
	
	content:" ";
	position:absolute;	
	left:0;
	height:500px;
	width:1px;
	top:50px;
	z-index:0;
	    background-color:#e2e2e2;


}
.vertligne2:before{
	
	content:" ";
	position:absolute;	
	left:50%;
   transform: translateX(-50%);
	height:500px;
	width:1px;
	top:50px;
	z-index:0;
	    background-color:#e2e2e2;


}

.h-30,.height-30{
	
	
	height:30%;
}
.menuafter{
	
	position: relative;
	
	
}
.menuafter:after{
	content:" ";
	
	position: absolute;
	top: 0;
	left: -6vw;
	
	background-color: #ED4315;
	z-index:0;
	width:100vw;
	height:100%;
	border-radius:50px 0 0 50px;display:none;

	
}
.typecat svg{
	cursor:pointer;
}
.df {display: flex}
.aic {align-items: center}
.jcc {justify-content: center}

.area {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
	
} 
/*Modal*/
.contentcard {
    flex-wrap: wrap;
    flex: 0 0 100%;	
	height:760px;
}
.thecard {
    flex: 1;
	
	background:#fad0c4;
	border-radius:50px;
	position:relative;
	z-index:0;
	transition:all 300ms;
	
	height:503px;
	display:flex;
    justify-content: space-evenly;
	flex-direction:column;
}

.thecard.whitebg {
	
	background:rgba(255,255,255,0.8) !important;
	
	transform:translateY(100px) scale(1.1);
		z-index:1;

}


.thecard .encartbg {
    background-color: #ED4315;
	padding:15px 0;
}


.thecard .font24 {
       font-size: 18px;
}

.thecard.whitebg .encartbg {
    background-color: #000000;
}

button.close,
a.close,
.modal-header .close,
.close {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjZmZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;
	
}

.closemodal {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xMC4yNzYsMTAuMjA3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwxOC44NjYuMjM5TDEwLjIxMSw4LjAzMiwxLjU1NS4yMzlBLjkzMi45MzIsMCwxLDAsLjMwOCwxLjYyNEw5LjU4Nyw5Ljk3NUEuOTI4LjkyOCwwLDAsMCwxMC4yNzYsMTAuMjA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxNC40NCkgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTTAsMEgxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS45NjYgMS45NjYpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg") 0 0 no-repeat;
    background-size: 20px auto;
    z-index: 3;
	bottom: 0px;
    right: 0px;
    width: 40px;
    color: transparent;
    height: 40px;
    margin: 0;
	
}

button.close2,
a.close2,
.modal-header .close2,
.close2 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMDA2MzMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    color: transparent;
    height: 50px;
    margin: 0;
	
}

.close3 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMTExMTExIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;
	
}

.modal-dialog {
 	
}

/*****************Modal****************/
.modal-dialog .modal-content {
     text-align: center;
    border-radius: 0;
    border: 0;    background: #fff;

	
}



.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rbga(0,0,0,0.6) ;
	
}

.modal-header {
    align-self: center;
    width: 100%;
    justify-content: space-evenly;
	
}

 

.modal-header .modal-title {
	
}

/*EndModal*/

/*Navbar*/

.navigator {
    width: 100vw;
    height: 200px;
    background: transparent;
    position: absolute;
    padding-top: 25px !important;
    z-index: 99;
    overflow:visible !important;
	pointer-events:none;
	
}
.navigator a,
.navigator li,.navigator .hamburger{
	
	pointer-events:all;
	
}
.navigator  .container-fluid > .row,
.navigator .start .container-fluid > .row {
	background: white;
    height: 80px;
	box-shadow: none;
}

.navigator ul li{
	
	transition:0.5s;
}

.navigator ul.menu > li > a{
	
	transition:0.5s;
}

.navigator ul.menu > li > a:hover{
	
	filter:blur(0);
	
} 
.navigator .rouge  .container-fluid > .row ,.navigator .rouge  .sub-menu  {
	/* background: rgb(255 255 255 / 90%);*/
    color: #ED4315;
}
.navigator .white .container-fluid > .row ,.navigator .white  .sub-menu {
    color: white;
	
    background:white;	
}

.navigator .white2 .container-fluid > .row,.navigator .white2  .sub-menu {
	background: rgb(30 30 30 / 00%) ;
	
    color: white;    background:white;	
	
}
.navigator .orange .container-fluid > .row, .navigator .orange .sub-menu {
    color: white;
    background: #ED4315;    background:white;	
	
}
.navigator.opening .container-fluid > .row{
	background: rgb(30 30 30 / 00%) ;
	
    color: white;    background:white;	
	
}
.navigator.opening .brand {
	display:none !important;
}
.navigator .black .container-fluid > .row ,.navigator .black  .sub-menu
{
    color: #292721;
	background: rgb(255 255 255 / 99%);    background:white;	
	
	
}
 
	.menu-item:after {    
 		bottom: 45px;
		content: " ";
		display: block;
		height: 40px;
		left: 50%;
		position: absolute;
		background: #F6A792 ;
		transition: all 0.6s;
		width: calc(100% + 20px);
		border-radius:10px 0px 10px 10px;
		transform:translateX(-50%);
		z-index:0;
		opacity:0;
		
	}
	 
	.menu-item:hover:after {    
 		bottom: 45px;
		content: " ";
		display: block;
		height: 40px;
		left: 50%;		background: #F6A792 ;
		opacity:1;

		position: absolute;
		background: rgba(237, 67, 21, 1) ;
		transition: all 0.6s;
		width: calc(100% + 20px);
		border-radius:10px 10px  10px 10px;
		transform:translateX(-50%);
		z-index:0; 

	}
	
	.menu-item:hover a {    
 	
		position: relative !important;
        font-weight: 700;
		background: transparent !important;

   
	}
	.menu-item:hover a {    
 	
		position: relative !important;

		background: transparent !important;

        -webkit-background-clip: unset !important;

        -webkit-text-fill-color: unset  !important;

    		z-index:6  !important;
	}
	

 
	.menu-item.active:after {    
 		bottom: 45px;
		content: " ";
		display: block;
		height: 40px;
		left: 50%;
		position: absolute;
		background: #ED4315 ;
		transition: width 0.3s ease 0s, left 0.3s ease 0s;
		width: calc(100% + 20px);
		border-radius:10px 10px 10px 10px;
		transform:translateX(-50%);
		z-index:0;
		opacity:1;
	}
	
	.menu-item.active a {    
 	
		position: relative !important;
        font-weight: 700;
		background: transparent !important;

   
	}
	.menu-item.active a {    
 	
		position: relative !important;

		background: transparent !important;

        -webkit-background-clip: unset !important;

        -webkit-text-fill-color: unset  !important;

    		z-index:6  !important;
	}
	

.navigator.rouge .menu li.menu-item:after {
    position: absolute;height:1px;width:0px;top:55px;left:50%;
	transform:translateX(-50%);
	background:#ED4315;
	transition:0.5s;
	content:' ';
}



.navigator.black .menu li.menu-item:after {
    position: absolute;height:1px;width:0px;top:55px;left:50%;
	transform:translateX(-50%);
	background:#ED4315;
	transition:0.5s;
	content:' ';
}
.navigator li:hover:after {
    /* width: 60px; */
    transform: translateX(-50%) scale(1);
    transition: 0.5s;
}

.navigator li.active:hover:after {
    /* width: 60px; */
    transform: translateX(-50%) scale(1.2);
    transition: 0.5s;
}
.navigator li {
	
    position: relative;
	
	
}

.navigator li .sub-menu{
	position: absolute;
    left:-10px;
    top: 59px;
    padding: 0;
    text-align: left;
	z-index:999;
	pointer-events:all;
	padding: 0 10px;
	margin-left:0px;
	
}
.navigator.opening {
    width: 100vw;
    height: 100dvh;
	
    position: fixed;
    top: 0;
    z-index: 99;
	background:#ED4315;
	
    background-size: 150% 150%;
	
	
	
}
.slideactu .slick-slide,
.slideactu2 .slick-slide{
    padding: 25px;
    background: #fff;
	border-radius:37px;
	margin:0 7px 40px;
	
}

.slideactu .slick-slide .pb-3 ,
.slideactu2 .slick-slide .pb-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 350px;
}


.board .slideactu2 .slick-slide{
    padding: 15px;
    background: #fff;
	border-radius:37px;
	margin:0 15px 40px;
	border:1px solid #000;
	
}
.slider-heading {
    width: 37vw;
    margin-right: 0%;
    display: block;
    vertical-align: top;
    position: relative;
    min-height: 562px;
    vertical-align: top;
    float: left;
    z-index: 9999;
    position: relative;

	}
	
	

	
	
	
.slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
	position:relative;
	
	
	
	min-height:130%;

	}
.slider-heading .talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);
 max-width: 2000px;
	max-height:100%}


.slider-container {
    width: calc(((100vw - 39vw) / 2) + 46.967%);
    margin-right: -25vw;
    display: inline-block;
    vertical-align: top;
}




.slidemanagement .slick-slide{
    padding: 15px;
    background: #fff;
	border-radius:37px;
	margin:0 15px 40px;
	
} 

.perso  {
   
	background:url(img/illustration4.svg) -50px 50% no-repeat;
	
	background-size:27vw auto;

	}
.perso2 {
    background: url(img/illustration5.svg) 12.5vw 85% no-repeat;
    background-size: 20vw auto;
}.perso3  {
   
	background:url(img/illustration6.svg) 12.5vw 85% no-repeat;
    background-size: 20vw auto;

	} 
 .balign,
 .balign{
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: 50%;
    height: auto !important;
	min-height:0;
    transform: translate(-50%, 0%);
}
 .balign6{
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: 50%;
    height: 100px !important;
	min-height:0;
    transform: translate(-50%, 0%)  !important;
}

 

.slider-heading .talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 2000px;
	max-height:100%;
	opacity:0;
}


.slider-container {
    width: calc(((100vw - 39vw) / 2) + 46.967%);
    margin-right: -25vw;
    display: block;
    vertical-align: top;
	float:left;
	
}

.strategic .blocid {

aspect-ratio:420/310;
}



.board .blocid{
 
aspect-ratio:420/250;
}



 .blocid{
    padding:15px 45px 15px 25px;
    border-radius: 50px;
	background:#fff;
    margin: 15px auto 15px;
	position:relative;
}


.blocid .nom{
font-size:24px;
color:#ED4315;
height:60px;
border-bottom:1px solid #ED4315;



}
.board .blocid .nom{
font-size:24px;
color:#000;
height:60px;
border-bottom:1px solid #000;



}
.blocid .portrait{
    border-radius: 50px;
border:1px solid #ED4315;

position:absolute;
top:15px;
right:15px;
width:150px;
height:150px;
}



.board  .blocid .portrait{
    border-radius: 50px;
border:1px solid #000;

position:absolute;
top:15px;
right:15px;
width:150px;
height:150px;
}

.strategic .slideactu2 .slick-slide ,
.board .slideactu2 .slick-slide ,
.team .slideactu2 .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
    margin: 0 15px 100px;
}

.board .slideactu .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
margin: 0 15px 150px;
}

.lien{
	
	font-size:24px;
	color:#000;
	
	background:url(img/arrow.svg) 0 50% no-repeat;
	background-size:50px auto;
	font-weight:400;
	text-decoration:underline;
	padding-left:60px;
}

.thedate{
	
	font-size:24px;
	
	height:70px;
	line-height:70px;
	color:#ec4315;
	border-bottom:1px solid #ec4315;
	font-weight:700;
}




.thetitre{
	
	font-size:21px;
	
	
	color:#000;
	font-weight:700;
}

.thetexte{
	
	font-size:18px;
	
	
	color:#000;
	font-weight:400;
}






.langs {
	
    right: 0px;
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}



.langs:active,.langs:hover {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.rouge .langs {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjYzgzZDI5IiBzdHJva2U9IiNjODNkMjkiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.rouge .langs:active, .rouge .langs:hover  {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIgc3Ryb2tlPSIjYzgzZDI5IiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}


.black .langs {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}

.black .langs:hover, .black .langs:active   {
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
}
.black .langs a{
    color:#292721 !important;
	
}
.navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a{
	font-weight:700;
	
}
.navigator.white ul.langs .menu-item a{
	font-weight:500 !important;
	
}
.midnightHeader  {
    height: 200px;
    overflow: hidden !important;
	pointer-events: none  !important;
	
}
.navigator.opening  {
    height: 100vh !important;    overflow: hidden !important;
	
}
.navigator .reseau {
	display: none ;
}
.opening  .midnightHeader {
    height: 100vh !important;
	}.brand a {
    width: 200px;
    background-size: contain;
    height: 90px;
    background: url(img/logo.svg) 0 50% no-repeat;
    background-size: contain;
    padding: 0;
    position: absolute;
    margin: 0;
    display: block;
    margin: 0;
    top: 4px;
    left: 36px;
}
.black .brand a {
    width: 200px;
    background-size: contain;
    height: 90px;
    background: url(img/logo.svg) 0 50% no-repeat;
    background-size: contain;
    padding: 0;
    position: absolute;
    margin: 0;
    display: block;
    margin: 0;
    top: 4px;
    left: 36px;
}

.outlines .outlinescontainer {
	color: #292721 !important;
 	line-height: 1;
	font-family: "Inter", sans-serif;
	display: inline-block;
 	font-weight: 800 !important;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	vertical-align: top;
	display: inline-block !important;
	white-space: nowrap;
	color:#E3D1BA !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rougebg .outlines .outlinescontainer {
	color: #ED4315 !important; 
}

.chambres_list  .outlines .outlinescontainer {
	color: #ED4315 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}
.rougebg .outlines .outlinescontainer {
	color: #274A42 !important; 
}

.rooftop_list  .outlines .outlinescontainer {
	color: #274A42 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rooftop_list  .outlines .outlinescontainer span {
	color: #274A42 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}
.navigator ul.menu .menu-item>a,
.navigator.white ul.menu .menu-item>a,
.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a{
    font-size:15px;
    line-height: 80px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: none;
    position: relative;
    color: #fff;
	pointer-events: all;
	
}


#news .orangebg .balign {
    position: absolute;
    bottom: -0;
    top: auto !important;
    left: 50%;
    height:60px !important;
    min-height:60px;
    transform: translate(-50%, 0%);
}
.horizontal,.horizontal2,.horizontal3 {
  box-sizing: border-box;
}

.horizontal__container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}


.horizontal__list {
    display: flex;
    width: 120vw;
}#news .horizontal__list {
  display: flex;
  
  width:120vw
 }
.horizontal__item,.horizontal__item2,.horizontal__item3 {
  margin-left: 30px;
  box-sizing: border-box;
  
  
    max-width: 5000px;
    min-width: 0;
    width: 600px;
    min-height: 400px;height: 400px;
	
	
	
	
}

.slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 130%;
	
	
background: linear-gradient(90deg, rgba(236,67,21,1) 0%, rgba(237,67,21,1) 60%, rgba(237,67,21,0) 100%);
}



.board .slider-heading.slider-heading2 ,.strategic .slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 80%;
    height: 85dvh;
    background: transparent;
}


.slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 75%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 9;
    width: 80% !important;
}




.slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 9;
}



.board .slider-heading.slider-heading2 .talign ,.strategic .slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 77%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 1;
}

.horizontal__item .whitebg,.horizontal__item2 .whitebg,.horizontal__item3 .whitebg {
  padding: 30px;
  border-radius:30px;
  box-sizing: border-box;	
height:100%;
}



.cardboard.sebastien{
	background:url(img/photo-SBL.jpg) 50% 50% no-repeat;
	background-size:cover;
	

}

.cardboard.lars{
	background:url(img/lars2.png) 50% 50% no-repeat;
	background-size:cover;
	

}

.cardboard.mickael{
	background:url(img/mickael2.png) 50% 50% no-repeat;
	background-size:cover;
	

}
.portrait.pascale{
	background:url(img/pascale.png) 50% 50% no-repeat;
	background-size:cover;
	

}




.cardboard{

	width:100%;
	padding-top:70%;
	
	position:relative;
	
	
	margin-bottom:30px;
	display:block;
	
	overflow:hidden;
	cursor:pointer;

}
.cardboard:after{

	width:100%;
	height:100%;
	content:" ";
	
	
	position:absolute;
	
	top:100%;
	left:0;
	
	margin-bottom:0px;
	display:block;
		width:100%;

	background:rgba(237,67,21,0.4);
	z-index:1;
	transition:all 300ms;

}
.cardboard:hover:after{

	width:100%;
	height:100%;
	content:" ";
	
	
	position:absolute;
	
	top:0;
	left:0;
	
	margin-bottom:0px;
	display:block;
		width:100%;

	background:rgba(237,67,21,0.4);
	z-index:1;

}
 .balign9 {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 50px;
    transform: translate(-50%, 0%)  !important;
}


 .balign10 {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 150px;
    transform: translate(-50%, 0%)  !important;
}
 .cardboard .balign{

	width:100%;

		z-index:2;

	
	bottom:-100%;
	
		transition:all 300ms;
height:auto !important;

}
 .cardboard .balign3{
  position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 50px;
    transform: translate(-50%, 0%);
	width:100%;

}


 .cardboard:hover .balign3{
display:none;

}
.goright{
	    transform: translateX(3vw);
	
}
.goright2{
	    transform:translateX(-4vw) rotateY(-180deg);
	
}
 .cardboard:hover .balign{

	width:100%;

		z-index:2;

	
	bottom:-0%;
	
		transition:all 300ms;


}
.cardboard .balign p,.cardboard .balign3 p{

	width:100%;
margin-bottom:0;
	
	
	
	

} .balign {
    position: absolute;
    bottom:0px;
    top: auto !important;
    left: 50%;
    height: auto !important;
    min-height: 0px;
    transform: translate(-50%, 0%);
}
.cardboard.pascale{
	background:url(img/pascale2.png) 50% 50% no-repeat;
	background-size:cover;

	
	
	
	
	

}
.cardboard.noemie{
	background:url(img/noemie2.png) 50% 50% no-repeat;
	background-size:cover;
	

}
.cardboard.alain{
	background:url(img/alain@2x.png) 50% 50% no-repeat;
	background-size:cover;
	

}

.cardboard.clement{
	background:url(img/clement@2x.png) 50% 50% no-repeat;
	background-size:cover;
	

}

.portrait.clement{
	background:url(img/clement.png) 50% 50% no-repeat;
	background-size:cover;
	

}



.portrait.lars{
	background:url(img/lars.png) 50% 50% no-repeat;
	background-size:cover;
	

}


.cardboard.jean{
	background:url(img/jean2.png) 50% 50% no-repeat;
	background-size:cover;
	

}

.portrait.alain{
	background:url(img/alain.png) 50% 50% no-repeat;
	background-size:cover;
	

}
.cardboard.armelle{
	background:url(img/armelle2.png) 50% 50% no-repeat;
	background-size:cover;
	
}



.cardboard.alex{
	background:url(img/alexandre2.png) 50% 50% no-repeat;
	background-size:cover;
	
}


.cardboard.karine{
	background:url(img/karine3.jpg) 50% 50% no-repeat;
	background-size:cover;
	
}

.cardboard.vincent{
	background:url(img/vincent3.jpg) 50% 50% no-repeat;
	background-size:cover;
	
}


.cardboard.loic{
	background:url(img/loic2.png) 50% 50% no-repeat;
	background-size:cover;
	
}



.horizontal__item:first-of-type {
  margin-left: 0;
}
.horizontal__item:first-of-type {
    margin-left: 0;
    margin-bottom: 100px;
}
 
.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a{
    font-size:15px;
    line-height: 80px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    color: #fff;
	pointer-events: all;
	
}



.navigator ul.menu .menu-item.active,
.navigator.white ul.menu .menu-item.active,
.navigator ul.langs .menu-item.active,
.navigator.white ul.langs .menu-item.active{

   color :white !important;

	
}
 
.navigator.black ul.menu .menu-item>a ,
.navigator.black ul.lang .menu-item>a {
	
    color: #292721;
}
.navigator .menu-item {
	transition:height 600ms;
	z-index:1;
}
.navigator .menu-item:hover {
	transition:height 600ms;
	z-index:1;height:auto !important;
}.navigator li:hover .sub-menu{   display: block;top: 100%;    background: white;

} 
.navigator .midnightHeader.default ul.menu .menu-item>a,
.navigator .midnightHeader.default ul.lang .menu-item>a  {
    background: none;
    color: white;
}.navigator.black .midnightHeader.default ul.menu .menu-item>a,
.navigator.black .midnightHeader.default ul.lang .menu-item>a  {
    background: none;
    color: #292721;
}
.navigator.rouge .midnightHeader.default ul.menu .menu-item>a,
.navigator.rouge .midnightHeader.default ul.lang .menu-item>a,
.navigator.rouge ul.menu .menu-item a,
.navigator.rouge ul.langs .menu-item a
{
    background: none;
    color: #ED4315;
}
.navigator .midnightHeader.white ul.menu .menu-item>a,
.navigator .midnightHeader.white ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a,
.navigator .midnightHeader.white2 ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item>a ,
.navigator .midnightHeader.black ul.lang .menu-item>a
{
    color: #292721;
}


.navigator .sub-li a {
     font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
 	font-weight:600 !important;
	white-space:nowrap;
	line-height:45px;height:45px;
	display:block;
	border-bottom:1px solid #e2e2e2;
	background: linear-gradient(25deg, rgba(237, 67, 21,1) 0%, rgba(237, 67, 21,1) 25%, rgba(237, 67, 21, 1) 50%, rgba(237, 67, 21, 1) 75%, rgba(237, 67, 21, 1) 100%) !important;
        background-size: auto 100%;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
}

.navigator.black .sub-li a {
    background: none;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
    color: #292721;
	font-weight: 800 !important;
	white-space:nowrap;
	line-height:33px;
}

.navigator .midnightHeader.default ul.menu .menu-item .sub-li a {
    background: none;
    color: white;
}

.navigator .midnightHeader.white ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item .sub-li a {
    color: #292721;
}

.navigator .midnightHeader.default ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #ED4315;
    border-color: #ED4315;
}

.navigator .midnightHeader.white ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #ED4315;
    border-color: #ED4315;
}

.navigator .midnightHeader.black ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #ED4315;
    border-color: #ED4315;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #E2876F;
    border-color:#E2876F;
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #ED4315;
    border-color: #ED4315;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	transition:all 300ms;
	transform:translateY(0px);
	
}

.btn-primary,
.btn-primary:active ,
.btn-primary:visited {
    color: #fff;
    background-color: #ED4315!important;
    border-color: #ED4315!important;   
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	transition:all 300ms;
	transform:translateY(0px);
	
}

.btn-primary:hover {
	background-color: #ba3825;
    border-color: #ba3825;
	transform:translateY(0px) scale(1.08);
}

.navigator ul.menu .menu-item>a.btn-primary,.navigator ul.menu .menu-item>a.btn-primary:hover{
    color: #fff;
    background-color: #ED4315;
    border-color: #ED4315;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}



.navigator.vert ul.menu .menu-item>a.btn-primary{
    color: #274A42;
    background-color:#fff; 
    border:2px solid #274A42;
	
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}
.navigator  ul.menu .menu-item .sub-li a:hover {
	
	text-decoration:underline  !important;  text-underline-offset: 4px   !important;  text-decoration-thickness: 1px   !important;  
	
	
}

.btn-primary-r,
.btn-primary-r:active ,
.btn-primary-r:visited {
    color: #fff;
    background-color: #F08700;
    border-color: #F08700;   
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    line-height: 50px;   
	max-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
	width: 297px;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1.0);
	
}

.btn-primary-r:hover, .btn-primary-r:active {
	background-color: #F08700!important;
    border-color: #F08700!important;
    color:#FFF!important;
	transform:translateY(0px)  scale(1.08);
}



.balign.btn-primary-r:hover, .balign.btn-primary-r:active  {
	background-color: #F08700!important;
    border-color: #F08700!important;
    color:#FFF!important;
    transform: translate(-50%, 0px)  scale(1.08);
}
.btn-primary-m,
.btn-primary-m:active ,
.btn-primary-m:visited {
    color: #fff;
    background-color: #634229;
    border-color: #634229;  
	
	
	
	
	
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
	width: 297px;
	display:inline-block;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1);
	
}

.btn-primary-m:hover {
	background-color: #513520;
    border-color: #513520;
	transform:translateY(0px) scale(1.08);
}
.btn-primary2,
.btn-primary2:hover {
    color: #fff;
    background-color: #ed1c2e;
    border-color: #ed1c2e;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 500;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1);
	
}

.btn-primary2:hover {
	/* background-color: #d91a2a;
	border-color: #d91a2a; */
	transform:translateY(0px)  scale(1.08);
}
.btn-primary-w,
.btn-primary-w:hover {
    color:#F19005;
    background-color: #fff;
    border-color:  #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 800;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
	width:auto;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;
	
	transition:all 300ms;
	transform:translateY(0px) scale(1);
	
}

.btn-primary-w:hover {
	background-color: #ededed;
    border-color: #ededed;
	transform:translateY(0px) scale(1.08);
}
.btn-outline,
.btn-outline:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0 40px;
    border-radius: 8px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin: 10px 0 30px;
    cursor: pointer;
    width: 200px;
    text-align: center;
    text-decoration: none !important;
	
}


.navigator ul.menu .menu-item>a.btn-primary-z,
.navigator ul.menu .menu-item>a.btn-primary-z:hover {
    color:#274A42;
    background-color: #fff;
    border-color: #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}

.icocal   {
	
	background-image: url("data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAuNzY1IiBoZWlnaHQ9IjE5LjU2NSIgdmlld0JveD0iMCAwIDIwLjc2NSAxOS41NjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NyIgd2lkdGg9IjIwLjc2NSIgaGVpZ2h0PSIxOS41NjUiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTY4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNjgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODUyIiBkPSJNMjAuNzYsNC4zMjVhMi4yLDIuMiwwLDAsMC0yLjIxNi0yLjJjLS40MzcsMC0uODc0LDAtMS4zMTEsMC0uMTA3LDAtLjE1Mi0uMDItLjE0NS0uMTM4YTQuNjU1LDQuNjU1LDAsMCwwLDAtLjUxQTEuNTYsMS41NiwwLDAsMCwxNS43MzEuMDEyLDEuNTgxLDEuNTgxLDAsMCwwLDE0LjAxOCwxLjFhMi41MjEsMi41MjEsMCwwLDAtLjA2OS44NDhjMCwuMTM1LS4wMjMuMTg1LS4xNzMuMTgxLS40NDMtLjAxMi0uODg2LDAtMS4zMjksMC0uMTYzLDAtLjM4Mi4wNTYtLjQ3NC0uMDI2cy0uMDIzLS4zMTktLjAzNC0uNDg2YzAtLjAyNCwwLS4wNDksMC0uMDczQTEuNTc1LDEuNTc1LDAsMCwwLDguODMsMS4yMTNhMy4wMjEsMy4wMjEsMCwwLDAtLjA0Mi43NzljMCwuMS0uMDI4LjEzMS0uMTMxLjEzMS0uNTgzLDAtMS4xNjYtLjAwNi0xLjc0OCwwLS4xMiwwLS4xNDEtLjAzOS0uMTM2LS4xNDYuMDA4LS4xNTcsMC0uMzE2LDAtLjQ3M2ExLjU3MSwxLjU3MSwwLDAsMC0zLjEtLjI3NiwzLjI4MywzLjI4MywwLDAsMC0uMDMzLjc0NGMwLC4xMTgtLjAyOS4xNTMtLjE1LjE1MS0uNDEzLS4wMDgtLjgyNiwwLTEuMjM4LDBBMi4xNTcsMi4xNTcsMCwwLDAsMCw0LjM2NVEwLDEwLjg1NywwLDE3LjM1YTIuMjg0LDIuMjg0LDAsMCwwLC4wNTIuNTA2LDIuMTUxLDIuMTUxLDAsMCwwLDIuMTU2LDEuNzA3cTQuMDg5LDAsOC4xNzcsMHQ4LjE3NywwYTIuMTQyLDIuMTQyLDAsMCwwLDIuMi0yLjE2MXEuMDA3LTYuNTM4LDAtMTMuMDc2TTE0LjgsMS42YS43MjIuNzIyLDAsMSwxLDEuNDQzLjAxOWMwLC4zMTYsMCwuNjMxLDAsLjk0N3MwLC42MzEsMCwuOTQ3YS43MjIuNzIyLDAsMSwxLTEuNDQzLjAxOHEtLjAxMi0uOTY1LDAtMS45M20tNS4xODEuMDIyYS43MjUuNzI1LDAsMSwxLDEuNDQ3LS4wMDhjMCwuMzE2LDAsLjYzMSwwLC45NDdzMCwuNjE5LDAsLjkyOWEuNzI1LjcyNSwwLDEsMS0xLjQ0Ny4wMDhxMC0uOTM4LDAtMS44NzVNNC40NjgsMS41NTRhLjcxNS43MTUsMCwwLDEsLjcxMy0uN0EuNzI0LjcyNCwwLDAsMSw1LjksMS41N2MuMDA1LjMzMywwLC42NjcsMCwxczAsLjY0MywwLC45NjRhLjcyNS43MjUsMCwwLDEtLjcwNy43My43MTcuNzE3LDAsMCwxLS43MjUtLjcxcS0uMDE0LTEsMC0yTTE5LjgzNiwxNy41OTVhMS4zLDEuMywwLDAsMS0xLjMsMS4wOTRjLTEuMTg0LDAtMi4zNjcsMC0zLjU1MSwwSDEwLjMzN2MtMi42OTUsMC01LjM5LS4wMTEtOC4wODUuMDA3QTEuMzg5LDEuMzg5LDAsMCwxLC44MjUsMTcuMjc1Qy44NDIsMTIuOTg0LjgzMyw4LjY5My44MzMsNC40QTEuMywxLjMsMCwwLDEsMi4yMzYsM2MuMzg4LDAsLjc3Ny4wMDcsMS4xNjUsMCwuMTQ3LDAsLjIuMDI3LjE5Mi4xODVBMi41ODcsMi41ODcsMCwwLDAsMy42MywzLjlhMS41NzIsMS41NzIsMCwwLDAsMy4xLS4zMjJjMC0uMDE4LDAtLjAzNiwwLS4wNTUuMDEyLS4xNzMtLjA3Ni0uNC4wMzUtLjUuMS0uMDg1LjMyMy0uMDI1LjQ5Mi0uMDI1LjMzNCwwLC42NjgsMCwxLDAsLjE1NiwwLC4zNjItLjA2OS40NTIuMDMuMDc3LjA4NC4wMjYuMjg3LjAyNS40MzhhMS44LDEuOCwwLDAsMCwuMDUzLjQ2OCwxLjU3NCwxLjU3NCwwLDAsMCwzLjEtLjM4NSwzLjcsMy43LDAsMCwwLDAtLjQxOWMtLjAxLS4xMTguMDM1LS4xMzguMTQzLS4xMzcuNTc3LjAwNSwxLjE1My4wMDcsMS43MywwLC4xMywwLC4xNDMuMDQ5LjE0NC4xNTdhMy40MjIsMy40MjIsMCwwLDAsLjAzMS43MjUsMS41NzEsMS41NzEsMCwwLDAsMy4xMDctLjNjMC0uMTU4LDAtLjMxNiwwLS40NzMsMC0uMDc4LjAyLS4xMDYuMS0uMTA1LjQ5MiwwLC45ODQtLjAxNCwxLjQ3NS4wMDlhMS4yODQsMS4yODQsMCwwLDEsMS4xODQsMS4yNTVjMCwuMDY3LDAsLjEzMywwLC4ycTAsNi4zNjQsMCwxMi43MjhhMi4wNTYsMi4wNTYsMCwwLDEsLjAzMy40MDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAxIDApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODUzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1MyIgZD0iTTI0My44LDE5OC40NTJxLTEuMDczLS4wMDUtMi4xNDcsMGEuNDM5LjQzOSwwLDEsMCwwLC44NzNjLjM1OCwwLC43MTYsMCwxLjA3Mywwcy43MTYsMCwxLjA3MywwYS40MzkuNDM5LDAsMSwwLDAtLjg3MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zODIgLTE5MS4yMTkpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU0IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NCIgZD0iTTEwMS42NDIsMTk4LjQ1N3EtMS4wODEsMC0yLjE2MiwwYS40NC40NCwwLDEsMCwuMDA3Ljg3NGMuMzUxLDAsLjcsMCwxLjA1NCwwLC4zNjksMCwuNzM5LDAsMS4xMDgsMGEuNDI2LjQyNiwwLDAsMCwuNDQ5LS40NDIuNDE3LjQxNywwLDAsMC0uNDU2LS40MzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zODggLTE5MS4yMjMpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU1IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NSIgZD0iTTM4Ni4wODIsMTk4LjQ1OHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMCwwLS40ODMuNDQ5LjQzNC40MzQsMCwwLDAsLjQ4Ni40MjRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzMsMGEuNDQzLjQ0MywwLDAsMCwuNDg4LS40MjcuNDQ5LjQ0OSwwLDAsMC0uNDkxLS40NDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjkuNDk4IC0xOTEuMjI1KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NiIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTYiIGQ9Ik0xMDEuNjU0LDMwNWEuNDI4LjQyOCwwLDAsMCwuNDUtLjQ0Mi40MTYuNDE2LDAsMCwwLS40NTQtLjQzMWMtLjM2MywwLS43MjcsMC0xLjA5LDBzLS43MzksMC0xLjEwOCwwYS40MzYuNDM2LDAsMSwwLDAsLjg3MnExLjEuMDA1LDIuMiwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuMzk1IC0yOTMuMDQ2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTciIGQ9Ik0xMDEuNjQ3LDQwOS4xMTNxLTEuMDgxLDAtMi4xNjIsMGEuNDM4LjQzOCwwLDEsMCwwLC44NzNjLjM1NywwLC43MTUsMCwxLjA3Miwwcy43MjcsMCwxLjA5LDBhLjQzMS40MzEsMCwwLDAsLjQ2Mi0uNDQ4LjQxNy40MTcsMCwwLDAtLjQ2LS40MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zOTggLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU4IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1OCIgZD0iTTI0My44LDMwNC4xNDJxLTEuMDY0LDAtMi4xMjksMGEuNDQuNDQsMCwxLDAtLjAwNS44NzRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzQsMGEuNDQuNDQsMCwxLDAsLjAwNS0uODc0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjMyLjM5NSAtMjkzLjA1OSkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTkiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODU5IiBkPSJNMzgzLjk2OCwzMDUuMDE2Yy4zNTIsMCwuNywwLDEuMDU1LDBzLjcxNiwwLDEuMDc0LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMjkzLjA2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg2MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NjAiIGQ9Ik0yNDMuOCw0MDkuMTEzcS0xLjA2NCwwLTIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAsLjg3NGMuMzUyLDAsLjcsMCwxLjA1NSwwcy43MTYsMCwxLjA3NCwwYS40MzkuNDM5LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zOTUgLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODYxIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg2MSIgZD0iTTM4Ni4xLDQwOS4xMTZjLS4zNTgsMC0uNzE2LDAtMS4wNzQsMHMtLjcsMC0xLjA1NSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NHExLjA2NCwwLDIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMzk0LjIwOSkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo");
	background-position: 30px 14px;
	background-repeat: no-repeat;
	background-size: 21px auto;
	padding: 0 15px 0 40px !important;
	
	
}


.icoemporter   {
	
	background-image: url("data:image/svg+xml; base64,PHN2ZyBpZD0iR3JvdXBlXzEyMiIgZGF0YS1uYW1lPSJHcm91cGUgMTIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgdmlld0JveD0iMCAwIDE1LjcxMiAxNS40OTciPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM4IiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgZmlsbD0ibm9uZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8xMjEiIGRhdGEtbmFtZT0iR3JvdXBlIDEyMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDQiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNCIgZD0iTTEwNy40LDExLjY4OWwtLjYzNS41OTJoMy43MTVhMS4xNDgsMS4xNDgsMCwwLDAsMS4xNDMtMS4xNDNWNy4wNjRhMy44MTUsMy44MTUsMCwwLDAtLjY0NS0yLjEzbC0uMDg0LjA1N2gwbC4wODQtLjA1Ni0xLjM1NC0yLjAyN1YxLjIyNEExLjIyNywxLjIyNywwLDAsMCwxMDguNDA1LDBoLTUuNzI4YTEuNjQyLDEuNjQyLDAsMCwwLTEuNjM3LDEuNjM4VjMuMDQ2YS40LjQsMCwwLDAsLjYuMzQ2bDEuMTc3LS42OS4yNjYuMTY4LTEuNDc3LDIuMzlhMy44MzEsMy44MzEsMCwwLDAtLjU2OSwyLjAxNFY5Ljc4M2wuNi4wNDRoMFY3LjI3NGEzLjIzMiwzLjIzMiwwLDAsMSwuNDgyLTEuN2wxLjQ3Mi0yLjM4My4zODkuMjQ5YS40LjQsMCwwLDAsLjQyMywwbDEuMTgxLS43MTUsMS4xMTIuNjE1YS40LjQsMCwwLDAsLjU0NS0uMTU2LjQwNy40MDcsMCwwLDAsLjA1LS4xOTVWMS42MzdBMS4wMzYsMS4wMzYsMCwwLDEsMTA4LjI4OC42aC4xMTdhLjYyNC42MjQsMCwwLDEsLjYyMi42MjJWMi45MUwxMDcuNSw1LjMxYTMuODI1LDMuODI1LDAsMCwwLS42LDIuMDYxdjQuMzQxbS0uMjA2LTEwLjA3NVYyLjY1M2wtLjkxNi0uNWEuNC40LDAsMCwwLS40LjAwOGwtMS4xNzQuNzEtLjU0Mi0uMzQ2LS42MjUtLjM5MmEuNC40LDAsMCwwLS40MTctLjAwN2wtLjk3OS41NzNWMS42MzhBMS4wMzgsMS4wMzgsMCwwLDEsMTAyLjY3Ny42aDQuMzg3YTEuNjM0LDEuNjM0LDAsMCwwLS4zNzEsMS4wMzhtMy43ODgsMTAuMDQzSDEwNy41VjcuMzcxQTMuMjIxLDMuMjIxLDAsMCwxLDEwOCw1LjYzMmwxLjAyMy0xLjYwN1YxMC4zYS4zLjMsMCwwLDAsLjYsMFYzLjk4OWwuODUzLDEuMjc4YTMuMjExLDMuMjExLDAsMCwxLC41NDUsMS44djQuMDc0YS41NDUuNTQ1LDAsMCwxLS41NDMuNTQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuOTE3KSIgZmlsbD0iI2ZmZmZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDUiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNSIgZD0iTTguNzUxLDE1My4xMWwwLDAsMS4wMzUtMWExLjMsMS4zLDAsMCwwLDAtMS44LDEuMjczLDEuMjczLDAsMCwwLTEuOCwwbC0xLjMzOSwxLjQwNmExLjg1NywxLjg1NywwLDAsMC0uOTM3LS40NThoMGwtLjYtLjA0NC0uMDQsMGMtLjEsMC0uMiwwLS4zMTcsMGEuMzE4LjMxOCwwLDEsMCwwLC42MzVjLjEzMywwLC4yNTEsMCwuMzU3LDBhMi41OTMsMi41OTMsMCwwLDEsLjYuMDU3LDEuNTQ2LDEuNTQ2LDAsMCwxLC43MjYuNDg0LjMxOC4zMTgsMCwwLDAsLjQ1NC0uMDA2bDEuNTUtMS42MjdhLjYzNi42MzYsMCwwLDEsLjg5My4wMDUuNjUxLjY1MSwwLDAsMSwwLC45bC0xLjUsMS40NTMtLjE2NS4xNi0uNDU2LjQ0MS0uMTMzLjEyOWEuMzE3LjMxNywwLDEsMCwuNDQxLjQ1NmwuNTY1LS41NDZIOS45NjdsLTEuODc1LDEuNjY3YS45NTcuOTU3LDAsMCwxLS42MzEuMjRIMi41NDJWMTUwLjQ4bDEuNjg5LS41NjNhLjMxOC4zMTgsMCwxLDAtLjItLjZsLTEuNDg4LjVWMTQ5LjNhLjMxOC4zMTgsMCwwLDAtLjMxOC0uMzE4SC4zMThBLjMxNy4zMTcsMCwwLDAsMCwxNDkuM3Y3LjMwN2EuMzE3LjMxNywwLDAsMCwuMzE4LjMxN0gyLjIyNGEuMzE4LjMxOCwwLDAsMCwuMzE4LS4zMTd2LS4zMThINy40NjFhMS41OSwxLjU5LDAsMCwwLDEuMDUyLS40bDIuMzQtMi4xODEuNjM1LS41OTJabS02Ljg0NCwzLjE3N0guNjM1di02LjY3MkgxLjkwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE0MS40MjYpIiBmaWxsPSIjZmZmZmZmIi8+CiAgPC9nPgo8L3N2Zz4");
	background-position: 65px 14px;
	background-repeat: no-repeat;
	background-size: 21px auto;
	padding: 0 15px 0 40px !important;
	
	
}
.navbar-closer-icon:after {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 800;
    content: "";
    opacity: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 14px;
	
}

.menu-item .sub-menu {
    display: none;
	
}


.menu-item:hover .sub-menu,
.menu-item .sub-menu:hover {
	
	
}

.language-picker {
    display: inline-block;
    position: relative;
	
}
.prehome .prehome.valign {
	position: absolute;
	top:190px;
	left: 50%;
	transform: translate(-50%, 0);
	
	transition:all 1s;
}



.introduction  .card .valign {
	position: absolute;
	top:190px;
	left: 50%;
	transform: translate(-50%, 0);
	
	transition:all 1s;
}

.expo {
	display: flex;
	min-height: 100vh;
	flex-grow: 1;
	overflow: hidden;
	position: fixed;
	margin: 0;
	left: -23px;
	color: white;
	font-size: 3em;
	border: 20px solid #E2876F;
	padding: 0;
	right: -23px;
	background:#E2876F;
	
	top: -23px;
	
}
.rooftop .expo {
	border: 20px solid #274A42;
	background:#274A42;
}

.hotel .expo {
	border: 20px solid #E3D1BA;
	background:#E3D1BA;
}


@keyframes scene-transition {
	25% {
		filter: brightness(100%);
	}
	100% {
		filter: brightness(100%);
		-webkit-mask-size: 1800%;
	}
} 

.launchtrans .scenes .scene-2 {
	animation: scene-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

/* everything else */

@keyframes visual-transition {
	25% {
		background-color: #808080;
	}
	100% {
		background-color: #808080;
	}
}


.visualizer {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.visualizer-frame-1, .visualizer-frame-2 {
	position: relative;
	width: min(150px, 25vw);
	aspect-ratio: 2.4 / 1;
	outline: 2px solid #ccc;
	background-color: #333;
	background-image:
    linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%),
    linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%);
	background-size:
    16px 16px,
    16px 16px;
	background-position:
    0 0,
    8px 8px;
}

.visualizer-mask {
	position: absolute;
	inset: 0;
	box-shadow: inset 0 0 0 2px #111;
}

.visualizer-frame-1 .visualizer-mask {
	background-color: #000;
}

.visualizer-frame-2 .visualizer-mask {
	background-image: url(https://assets.codepen.io/77020/sw-jedi-crest.svg);
	background-size: 10%;
	background-position: center;
	background-repeat: no-repeat;
}

.scenes:is(:hover, :focus) + .visualizer .visualizer-frame-1 .visualizer-mask {
	animation: visual-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

.scenes:is(:hover, :focus) + .visualizer .visualizer-frame-2 .visualizer-mask {
	background-size: 1800%;
	transition: background-size 4s cubic-bezier(1, 0, 1, 1);
}

.operator {
	display: grid;
	place-items: center;
	font-size: 1.25em;
}





@media only screen and (max-width: 991px) {
	
	
	
	
	
    .language-picker {
        display: block;
		
        position: relative;
		
        text-align: center;
	}
}

.js .language-picker__form {
    display: none;
	
}

.language-picker__button .icon {
    height: 16px;
    width: 16px;
    margin-left: 0.25rem;
    margin-left: var(--space-xxxs);
    fill: #ae8440;
    margin-top: -3px;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__button .icon {
        -webkit-appearance: none;
		
        display: inline-block !important;
	}
}

.language-picker__dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    width: auto;
    background-color: #fff;
    background-color: var(--color-bg);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-sm);
    padding: 0.375rem 0;
    padding: var(--space-xxs) 0;
    border-radius: 0.25em;
    z-index: 4;
    z-index: var(--zindex-popover);
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: 1.25rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s, transform 0.2s ease-out;
    white-space: normal;
	
}

@media only screen and (max-width: 1199px) {
    .language-picker__dropdown {
        width: 50px;
		
        left: -3px;
		
        margin: 0 auto;
		
        text-align: center;
		
        position: relative;
	}
}

.language-picker__dropdown ul {
    background-color: #fff;
    position: relative;
	
}

.language-picker__dropdown li {
    width: 100%;
    display: block;
    padding-left: 0px;
    position: relative;
	
}

.language-picker__dropdown a {
    position: relative;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__dropdown {
        width: 50px;
		
        left: -3px;
	}
}

.language-picker__list {
    background-color: #fff;
    padding: 10px;
	
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(4px) translateX(3px);
    transition: opacity 0.2s, transform 0.2s ease-out;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__button[aria-expanded=true]+.language-picker__dropdown {
        transform: translateY(-7px) translateX(3px);
	}
}

.language-picker__item {
    text-decoration: none;
    padding: 0 !important;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: #313135;
    color: var(--color-contrast-high);
    margin-bottom: 0px;
	
}

.language-picker__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5px;
    color: #001222;
    line-height: 30px;
    pointer-events: none;
	
}

#menu-headermenu .language-picker__list li a * {
    pointer-events: none;
	
}

.language-picker__label em {
    margin-left: 5px;
    font-style: normal;
    color: #fff;
    line-height: 60px;
    font-size: 14px;
	
}

@media only screen and (max-width: 1199px) {
    .language-picker__label em {
        color: #060644;
		
        font-weight: 700;
	}
}

.language-picker__item:hover {
    background-color: #f2f2f2;
    background-color: var(--color-contrast-lower);
	
}

.language-picker__item[aria-selected=true] {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;
	
}

.language-picker__item[aria-selected=true] span {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;
	
}

.language-picker__flag {
    display: block;
    display: flex;
    align-items: center;
	
}

.language-picker__flag::before {
    display: none;
    flex-shrink: 0;
    content: "";
    height: 18px;
    width: 30px;
    margin-right: 0.375rem;
    margin-right: var(--space-xxs);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
}

.language-picker__dropdown .language-picker__flag::before {
    margin-right: 0 !important;
    margin-right: var(--space-xs);
	
}

.language-picker--hide-label .language-picker__button .icon {
    margin-left: 0;
	
}

.language-picker--hide-label .language-picker__button em {
    display: none;
	
}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
    margin-right: 0.25rem;
    margin-right: var(--space-xxxs);
	
}

.language-picker__button {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	
}

#menu-headermenu li a {
    font-size: 14px;
    font-weight: 500;
	
}

#menu-headermenu .language-picker__list li a {
    font-size: 14px;
    font-weight: 500;
	
}

#menu-headermenu .language-picker__list li a:hover {
    opacity: 0.5;
	
}

/*
End Footer */
@keyframes toleft {
    from {
        right: 60px;
	}
	
    to {
        right: 80px;
	}
}

@keyframes toleftmobile {
    from {
        left: 230px;
	}
	
    to {
        left: 210px;
	}
}

@keyframes toright {
    from {
        left: 130px;
	}
	
    to {
        left: 110px;
	}
}

@keyframes floatting {
    0% {
        transform: translateY(0px);
	}
	
    25% {
        transform: translateY(-50px);
	}
	
    50% {
        transform: translateY(0px);
	}
	
    75% {
        transform: translateY(50px);
	}
	
    100% {
        transform: translateY(0px);
	}
}

.input-group-prepend {
    margin-right: -1px;
    padding: 0 10px;
	
}

@media only screen and (max-width: 991px) {
    .input-group-prepend {
        padding: 0 0px 0 10px;
	}
}

input.submit {
    display: block;
    border: 0;
    float: none;
    margin: 30px 0;
    cursor: pointer;
    clear: both;
    font-size: 14px;
	
}

textarea.form-control {
    margin-bottom: 10px;
    border-radius: 0;
	
}

.error_log {
    display: none;
    font-size: 11px;
    color: #cfaf2b;
    font-family: Arial, Helvetica, Sans-serif;
    margin-top: 0px;
    font-style: italic;
    padding: 0;
	
}

.img-reponsive {
    max-width: 100%;
	
}

.error_log.show {
    display: block;
    padding: 5px 0;
    vertical-align: top;
	
}

.resagroup .error_log.show {
    display: block;
    margin-left: 0px;
    margin-bottom: 5px !important;
	
}

.error_infos,
.error_infos.required,
input.error_infos {
    border: 1px solid #cfaf2b !important;
    margin-bottom: 0 !important;
	
}

label,
select,
label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
	
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}

textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}

.blockform input[type=text],
.blockform select {
    width: 100%;
	
}

.empty_text {
    width: 100%;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 5px;
	
}

.milieucpte {
    padding: 0 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    font-family: "BenchNine", sans-serif;
	
}

label,
#login_form label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: "Inter", sans-serif;
	
}

label {
    color: #919191;
	
}

label.dark {
    color: #292721;
	
}

.blockform input[type=text],
.blockform select {
    width: 100%;
	
}

.form-control,
input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    height: 50px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    font-family: "Inter", sans-serif;
    border: 1px solid #fff;
    text-align: left;
    text-transform: uppercase;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}


.form-control::placeholder {
    color: #fff;
	
}

textarea.form-control {
    min-height: 120px;
	
}

.form-control:focus,
input:focus {
    outline: 0;
    background-color: transparent;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    color: #fff;
	
}

.blockform [type=radio]:checked,
.blockform [type=radio]:checked,
.blockform [type=radio]:not(:checked),
.blockform [type=radio]:not(:checked),
#preference [type=radio]:checked,
#preference [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
	
}

.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
#preference [type=radio]:checked+label,
#preference [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;
	
}

.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
#preference [type=radio]:checked+label:before,
#preference [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;
	
}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;
	
}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
.blockform [type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;
	
}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:checked+label:after,
#preference [type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;
	
}

.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
	
}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:checked+label:after,
#preference [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);
	
}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;
	
}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #292721;
	
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
	
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
	
}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #fff;
	
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;
	
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
	
}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;
	
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
	
}

/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/
.Switch {
    position: relative;
    display: inline-block;
    font-size: 1.6em;
    font-weight: normal;
    color: #fff;
    text-shadow: 0;
    height: 30px;
    width: 63px;
    padding: 6px 6px 5px 6px;
    border: 0;
    border-radius: 4px;
    background: #ecc09d;
    cursor: pointer;
    font-size: 9px;
    line-height: 30px;
    transition: all 300ms ease-out;
	
}

.Switch.On {
    border: 0;
    background: #e0dfdf;
	
}

body.IE7 .Switch {
    width: 78px;
	
}

.Switch span {
    display: inline-block;
    width: 63px;
	
}

.Switch .Toggle {
    position: absolute;
    top: 2px;
    width: 63px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
	
}

input[type=checkbox].switcher {
    display: block;
    position: absolute;
    left: -999999px;
	
}

/* Round Switch */
.Switch.Round {
    padding: 0px 20px;
    border-radius: 40px;
    vertical-align: middle;
	
}

body.IE7 .Switch.Round {
    width: 1px;
	
}

.Switch.Round .Toggle {
    border-radius: 40px;
    width: 26px;
    height: 26px;
    cursor: pointer;
	
}

.Switch.Round.Off .Toggle {
    left: 1px;
    background: #920000;
	
}

.Switch.Round.On .Toggle {
    left: 36px;
    top: 2px;
    background: #920000;
	
}

.Switch.Round.On .Toggle:after {
    content: "oui";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;
	
}

.Switch.Round.Off .Toggle:after {
    content: "non";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;
	
}

.tabs-material .tab-marker {
    display: none;
    position: absolute;
	
}

.file-upload-input.hidden {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 12px;
	
}

.prequalifbloc,
.prequalifblocdemande,
.reclamationbloc {
    display: none;
	
}

.prequalifbloc.show,
.prequalifblocdemande.show {
    visibility: visible;
    display: block;
	
}

.file-upload-wrapper {
    margin-bottom: 50px;
	
}

@media only screen and (max-width: 991px) {
    .file-upload-wrapper {
        margin-bottom: 0px;
	}
}

#imgpreview {
    border: 2px dashed #c4c4c4;
    height: 130px;
    min-width: 130px;
    box-shadow: none;
    width: auto;
    display: inline-block;
	
}

#imgpreview img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 60px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: #920000;
    vertical-align: top;
	
}

#imgpreview.view img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 30px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: red;
    vertical-align: top;
	
}

#imgpreview img:before {
    left: 0;
    top: 15px;
    position: absolute;
    content: "+Ajouter un autre fichier";
    color: red;
    min-height: 70px;
    height: 70px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
	
}

label.small,
label.small {
    font-size: 12px;
	
}

label.lbl-form,
label.lbl-form {
    margin: 20px 0 10px;
	
}

.file-upload-button {
    padding: 0px 30px;
    font-size: 16px;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    width: 220px;
    border: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,e4e4e4+100 */
    background: rgb(254, 254, 254);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(254, 254, 254) 0%, rgb(228, 228, 228) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e4e4e4", GradientType=0);
    /* IE6-9 */
    border: 1px solid #c4c4c4;
    border-radius: 3px;
	
}

.input-group-append {
    font-size: 14px;
    border-left: 0;
    width: 40px;
    text-align: center;
	
}

.calend .input-group-append {
    font-size: 14px;
    border: 1px solid #999;
    border-left: 0;
    width: 40px;
    text-align: center;
	
}

.fa-calendar-alt:before {
    content: "\f073";
    width: 40px;
    text-align: center;
    display: block;
    line-height: 28px;
	
}

.btn-back-history {
    font-size: 12px;
    width: 120px;
    color: #292721;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    border-color: #fff;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 15px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 500;
    display: block;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 300ms ease-out;
    transform: translateY(0px);
    -webkit-appearance: none;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
	
}

select.form-control,
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    margin-bottom: 15px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
	
}
.semi{
	font-weight: 600;
	
}
.lh23{
	line-height:23px;
}
.btn-back-history:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 800;
    content: "\f053";
    opacity: 1;
    color: #919191;
    left: 20px;
    position: absolute;
    color: #292721;
    top: 0;
    display: block;
    line-height: 40px;
    height: 40px;
	
}

.panel-confirmation {
    padding: 30px 50px;
    background: url(../img/bg_groupe_confirmation.jpg) 50% 0% no-repeat;
    background-size: cover;
    border-radius: 30px;
    margin: 50px 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
	
}

@media only screen and (max-width: 991px) {
    .group-service {
        text-align: center;
		
        padding-bottom: 50px;
	}
}

.btn-social {
    -webkit-appearance: none;
    transition: all 300ms ease-out;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #3b5998;
    padding: 0 30px 0 50px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    font-family: "Inter", sans-serif;
    height: 40px;
    border-radius: 20px;
    transition: all 0.15s ease-in-out;
    width: calc(100% - 40px);
    max-width: 350px;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 0px;
    background: #3b5998;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	
}

.btn-social:hover {
    transform: translateY(5px);
	
}

@media only screen and (max-width: 991px) {
    .btn-social {
        font-size: 10px;
		
        padding: 0 20px 0 50px;
	}
}

@media only screen and (max-width: 339px) {
    .btn-social {
        font-size: 8px;
	}
}

.btn-social:after {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400;
    content: "\f39e";
    opacity: 1;
    color: #fff;
    position: absolute;
    left: 0;
    top: 9px;
    width: 52px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-style: 14px;
    border-right: 1px solid #fff;
	
}

@media only screen and (max-width: 991px) {
    .btn-social:after {
        top: 7px;
		
        width: 36px;
	}
}

@media only screen and (max-width: 991px) {
	
    #candidature form .d-inline-block.mt-2,
    #candidature form .d-inline-block.my-2 {
        margin-top: -2rem !important;
		
        margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 991px) {
    #candidature form label.mr-3 {
        margin-top: 15px;
		
        white-space: nowrap;
	}
}

.experienceoui,
.enseigneoui {
    display: none;
	
}

[type=radio]:checked,
[type=radio]:checked,
[type=radio]:not(:checked),
[type=radio]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
	
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;
	
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;
	
}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;
	
}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;
	
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;
	
}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
	
}

[type=radio]:checked+label:after,
[type=radio]:checked+label:after,
[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);
	
}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;
    text-align: left;
	
}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #292721;
	
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
	
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
	
}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #ccc;
	
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;
	
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
	
}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;
	
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
	
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    width: 30px;
    display: inline-block;
	
}

.form-check-label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
	
}

.locker {
    background: rgba(0, 0, 0, 0.7) url(../images/preload.gif) 50% 50% no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
	
}

.loading .locker {
    display: block;
	
}

:root {
    /* Base font size */
    /* Set neon color */
    --neon-text-color: #920000;
    --neon-border-color: #08f;
	
}

@media only screen and (max-width: 991px) {
    html {
        margin-top: 0 !important;
	}
}

body,
html {
    position: relative;
    display: block;
	  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  	    overflow: auto;

	
}body::-webkit-scrollbar,
html::-webkit-scrollbar {
  display: none;
}

html {
	    overflow: auto;
    overflow-x:hidden;
	
}

body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility;
    background: #ffffff;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
	    overflow: auto;
}
.fixedmobile{
    position: fixed;
    width: calc(100% - 50px);
    z-index: 60;
    height: 78px;
    line-height: 78px;
    left:50%;
    bottom: -80px;
    background: #fff;
    border-radius: 30px 30px 0 0;
    text-align: center;
	color:#F29007;
	border:1px solid #F29007;
	transform:translate(-50%,0);
	transition:all 0.6s;
	font-size:18px;
	font-weight:800;
}
.fixedmobile.entrer{
	
    bottom: 0px;
	
}
footer {
    position: relative;
    width: 100%;
    z-index: 3;
	left: 0;
    bottom: 0;
    background: #fff;
}

footer p {
	font-size: 18px;
	
    height: 60px;
    line-height: 60px;
	
} 
html,
body {	 
    position: relative;
    background: #fff;
    color: #292721;
	
}
html{
	   overflow: auto;

    overflow-x: hidden;
	
	
}
h1,
.h1 {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
	
}



h2,
.h2 {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 30px;
    color: #E2876F;
	
}


h3,
.h3 {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 25px;


    color: #E2876F;
	
	
}

.absolute{ position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.shadowtext{ text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.wrapper {
    display: block;
    margin: 0 auto;
	position:relative;
	padding-top:130px;
	
	
	background: #fff;
	overflow:hidden;
	
	}.wrapper section{
	z-index:2;
	
	
}
 .wrapper:after {
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    width: 200vw;
    height: 200vw;
    top: -50vw;
    left: -50vw;
    content: " ";
    background: linear-gradient(90deg, rgba(237, 67, 21,1) 0%, rgba(237, 67, 21,1) 25%, rgba(237, 67, 21,1) 50%, rgba(237, 67, 21,1) 75%, rgba(237, 67, 21,1) 100%);
    background-size: 150% 150%;
    animation: moveColor 30s linear infinite;
    background-color: red;
    animation-name: example2;
    animation-duration: 20s;
}
.imgscale{
	transform:scale(1.1) translate(0px, 70px);
}

@keyframes example2 {
	
	0%{background-position:0% 0%;	
		transform:rotate(0deg) scale(1.6);
	transform-origin: 50% 50%;	opacity:0.5;
}
    50%{background-position:100% 100%; 
		transform:  rotate(180deg)  scale(1); 	    
	transform-origin: 50% 50%;	opacity:1;
}
    100%{background-position:0% 0%; 
		transform: rotate(360deg)  scale(1.6);   	
	transform-origin: 50% 50%;	opacity:0.5;
}
}


@keyframes example {
	
	0%{background-position:0% 0%}
    50%{background-position:100% 100%}
    100%{background-position:0% 0%}
}
.inter {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}



@keyframes moveColor {
	
	
	from{background: linear-gradient(90deg, rgba(236,67,21,1) 0%, rgba(139,57,76,1) 50%, rgba(43,48,128,1) 100%);
	}	
	
	to{background: linear-gradient(90deg,rgba(43,48,128,1) 0%, rgba(139,57,76,1) 50%,   rgba(236,67,21,1) 100%);
	}
	
	
	
} 
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0;
    width: 100% !important;
    perspective: 800px;
	
}
.lignetab {
	
	
	border-top:0.5px solid #000;	
}
.lignetab p{
	
	
	height:170px;
	margin-bottom:0;
	
}
.lignetabw {
	
	
	border-top:0.5px solid #fff;	
}
.lignetabw p{
	
	margin-bottom:0;
	
	height:170px;

}
.btntab {
    height: 80px;
    line-height: 0;
    /* background: #fff; */
}
.btntab a {
    height: 80px;
    line-height: 80px;
}
.relative {
    position: relative;
	
}


.fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, 0%);
	
}


.imgchambre .fixed.video-js ,
.imgcarte .fixed.video-js {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -50%);
}

#transition,
#masktransition,
#output,
#buffer {
    right: 0%;
    position: absolute;
    mix-blend-mode: normal;
    z-index: 0;
	
}

#output {
    right: -60vw;
    position: absolute;
    z-index: 9999;
    min-height: 100vh;
    width: 100vw !important;
    height: calc(100vh - 50px) !important;
    mix-blend-mode: normal;
    top: 0;
	
}

@media only screen and (max-width: 991px) {
	
	
	.cardboard  .font20 {
    font-size: 18px;
}.cardboard  .font24 {
    font-size: 20px;
}
	.strategic 	.cardboard  v.balign, .board 	.cardboard  .balign {
    position: absolute;
    bottom: -100%;
    top: auto !important;
    left: 50%;
    height: auto !important;
    min-height: 0;
    transform: translate(-50%, 0%);
}
	.imgcoeur{
		
		
		max-width:100px;}
	
	
    #output {
        right: -110vw;
		
        position: absolute;
		
        z-index: 9999;
		
        min-height: calc(50vh - 50px);
		
        width: auto !important;
		
        height: calc(50vh - 50px) !important;
		
        mix-blend-mode: normal;
		
        display: none;
	}
}

#buffer {
    display: none;
	
}

.wrapperv.init {
    position: fixed;
    top: 80px;
    left: 80px;
    right: 80px;
    bottom: 80px;
    background: #df9e5e;
    background-size: cover;
    display: block;
    overflow-y: hidden;
    overflow: hidden;
    /*	-moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
	*/
    transform-origin: 50% 50%;
    transition: all 300ms ease-out;
	
}

@media only screen and (max-width: 991px) {
    .wrapperv.init {
        height: calc(100vh - 40px);
		
        width: calc(100vw - 40px);
		
        position: fixed;
		
        top: 20px;
		
        left: 20px;
		
        right: 20px;
		
        bottom: 20px;
	}
}

@media only screen and (min-width: 1640px) {
    .wrapperv.init {
        top: 40px;
		
        left: 40px;
		
        right: 40px;
		
        bottom: 40px;
	}
}

section {
    position: relative;
    display: block;
	
}

.2col {
    columns: 2;
	
}

.h-100 {
    height: calc(100vh - 0px) !important;
	
}

.hotel #introduction .h-100,
.rooftop #introduction .h-100 ,
.restaurantcarte #introduction .h-100 ,
.restaurant #introduction .h-100 ,
.hotels #introduction .h-100 {
    height: calc(100vh - 0px) !important;
	max-height:550px;
}


@media only screen and (max-width: 991px) {
    .h-100 {
        height: calc(100vh - 0px) !important;
	}
}

.h-50 {
    height: 50vh !important;
	
}

@media only screen and (max-width: 991px) {
    .h-50 {
		height: 50vh !important;
	}
}

.mb-25 {
    margin-bottom: 10vh !important;
	
}

@media only screen and (min-width: 1200px) {
    .mb-xl-25 {
        margin-bottom: 10vh !important;
	}
}

.height-100 {
    height: 100% !important;
	
}

.height-50 {
    height: 50% !important;
	
}

.serif {
    font-family: "Inter", sans-serif;
	
}

img {
    pointer-events: none;
	
}

@media only screen and (max-width: 991px) {.mt-lg-117{
margin-top:117px !important;}

.mt-lg-190{
margin-top:120px !important;}


.mt-lg-100{
margin-top:80px !important;}

.mt-lg-75{
margin-top:60px !important;}


.mt-lg-50{
margin-top:40px !important;}

.mb-lg-40{
margin-bottom:30px !important;}		



.mb-lg-50{
margin-bottom:40px !important;}	


.mb-lg-60{
margin-bottom:50px !important;}	


.pb-lg-100{
padding-bottom:70px !important;}
.pb-lg-115{
padding-bottom:90px !important;}
.title {
	left: 50%;
	
	top: 50%;
	
	font-size: 180px;
	
	transform: translateX(-50%) translateY(-50%);
}
}

.highlight .title {
    color: #920000;
	
}

/* Animate neon flicker */
@keyframes flicker {
	
    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        text-shadow: -0.2rem -0.2rem 1rem #920000, 0.2rem 0.2rem 1rem #920000, 0 0 5px var(--neon-text-color), 0 0 10px var(--neon-text-color);
	}
	
    20%,
    24%,
    55% {
        text-shadow: none;
		
        box-shadow: none;
	}
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;
    width: 211vw;
	
}
.custom-popover{
	
	background:#ED4315;
	color:#fff;
	
	text-align:left;
	
}
@media only screen and (max-width: 991px) {
	
	
	
    .paraphe {
        left: 50%;
		
        top: 50%;
		
        font-size: 14px;
		
        width: 84%;
		
        transform: translateX(-50%) translateY(-50%);
	}
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;
	
}

@media only screen and (max-width: 991px) {}

.scalledimg {
    transform: scale(1.08) translateX(10%);
	
}

.mt-20 {
    margin-top: 20px;
	
}

.mt-30 {
    margin-top: 30px;
	
}

.mt-40 {
    margin-top: 40px;
	
}

.mt-60 {
    margin-top: 60px;
	
}

.mt-70 {
    margin-top: 70px;
	
}

.mt-80 {
    margin-top: 80px;
	
}

.mb-20 {
    margin-bottom: 20px;
	
}

.mb-30 {
    margin-bottom: 30px;
	
}

.mb-40 {
    margin-bottom: 40px;
	
}

.mb-50 {
    margin-bottom: 50px;
	
}

.mb-60 {
    margin-bottom: 60px;
	
}

.mb-70 {
    margin-bottom: 70px;
	
}

.mb-80 {
    margin-bottom: 80px;
	
}

.pb-40 {
    padding-bottom: 40px;
	
}

.pb-50 {
    padding-bottom: 50px;
	
}

.pb-60 {
    padding-bottom: 60px;
	
}

.pb-70 {
    padding-bottom: 70px;
	
}

.pb-80 {
    padding-bottom: 80px !important;
	
}

.pb-90 {
    padding-bottom: 130px;
	
}

.pb-100 {
    padding-bottom: 100px;
	
}

.pt-40 {
    padding-top: 40px;
	
}

.pt-50 {
    padding-top: 50px;
	
}

.pt-60 {
    padding-top: 60px;
	
}

.pt-70 {
    padding-top: 60px;
	
}

.pt-80 {
    padding-top: 80px;
	
}

.pt-90 {
    padding-top: 130px;
	
}

.pt-100 {
    padding-top: 100px;
	
}

#histoire #js-scroll {
    margin-top: 0px;
    overflow: hidden;
	
}

::-moz-selection {
    background-color: #ED4315;
    color: #fff;
    opacity: 1;
	
}

::selection {
    background-color: #ED4315;
    color: #fff;
    opacity: 1;
	
}

.lettrine::first-letter {
    color: #fff;
    float: left;
    font-size: 60px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 4px;
	
}

[type=button].submit,
[type=reset],
[type=submit] {
    border: 0 !important;
	
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
	
}

.w-30 {
    width: 30% !important;
	
}

.w-40 {
    width: 40% !important;
	
}

.w-50 {
    width: 49% !important;
	
} 
/* reset */
a {
    text-decoration: none;
	
}

a:focus,
a:visited,
a:active {
    text-decoration: none;
    outline: 0 !important;
    text-decoration: none;
	
}

a:hover {
    text-decoration: none;
	
}


.btn a:hover,
.card a:hover {
    color: inherit;
    text-decoration: none;
	
}

.btn a *,
.card a *,
.the-slide a *,
.btn a:hover *,
.card a:hover * {
    color: inherit;
    text-decoration: none;
	
}

.upper {
    text-transform: uppercase;
	
}

button a {
    color: inherit;
    text-decoration: none;
	
}

video {
    width: 100%;
	
}

.clear {
    clear: both;
	
}

.mh-0 {
    max-height: 0;
	
}

.mh-100 {
    max-width: 80%;
	
}

.minh-100 {
    min-height: 100dvh;
	
}
.m-h-70 {
    min-height: 0vh;
	
}


.mCustomScrollbar {
    touch-action: initial;
	
}

.slick-next {
    right: 0px;
	
}

.slick-prev {
    left: 0px;
	
}
.slider_evenementfixed    .slick-slide {
	padding: 0 0px;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;
	
}

/* fin reset */
/* utilitaires */
li {
    list-style: none;
	
}

/* utilitaires */
.bullet-orange {
    padding-left: 0;
	
}

.bullet-orange li {
    list-style: none;
    padding-left: 30px;
    background: url(../SVG/dry-clean.svg) 20px 10px no-repeat;
    background-size: 7px auto;
    padding-left: 40px;
    margin-bottom: 15px;
	
}

.bold,b, strong,bold {
    font-weight: 800 !important;
	
}

.noir,
.extrabold {
    font-weight: 800 !important;
	
}

.normal {
    font-weight: normal;
	
}

.light {
    font-weight: 200;
	
}

.img100 {
    width: 100%;
    height: auto;
	
}

.w-20 {
    width: 20% !important;
	
}

.w-30 {
    width: 30% !important;
	
}

@media only screen and (max-width: 991px) {
    .w-40 {
        width: 45% !important;
	}
}

@media only screen and (min-width: 1200px) {
    .w-lg-40 {
        width: 45% !important;
	}
}

.w-60 {
    width: 60% !important;
	
}

.w-70 {
    width: 70% !important;
	
}

.w-80 {
    width: 80% !important;
	
}

.w-100gutters {
    width: calc(100% - 30px) !important;
	
}

.img-responsive {
    max-width: 100%;
	
}

.vertical-align {
    vertical-align: middle;
	
}

.txtb-align {
    vertical-align: text-bottom;
	
}

.table thead th {
    vertical-align: top;
    border-top: 0;
    border-bottom: 2px solid #dee2e6;
	
}

.vertical-align-top,
.table thead th.vertical-align-top {
    vertical-align: top !important;
	
}

div.side {
    padding-right: 0;
    padding-left: 0;
	
}

.mr-60 {
    margin-right: 60px;
	
}

.z8 {
    z-index: 8 !important;
	
}

.z9 {
    z-index: 9 !important;
	
}

.z10 {
    z-index: 10 !important;
	
}

.z20 {
    z-index: 20;
	
}
.p-80{
	
	padding:80px;
	
}
.zfront {
    z-index: 999999;
	
}

.z3 {
    z-index: 3  !important;
	
}

.z0 {
    z-index: 0;
	
}

.font10 {
    font-size: 9px;
	
}

.font10 {
    font-size: 10px;
	
}

.font12 {
    font-size: 12px;
	
}

.font13 {
    font-size: 13px;
	
}

.font14 {
    font-size: 13px;
	
}

.font16 {
    font-size: 15px;
	
}


.font16 {
    font-size: 14px;
	
}

.font18 {
    font-size: 16px;
	
}

.font20 {
    font-size: 18px;
	
}

.font22 {
    font-size: 22px;
	
}

.font24 {
    font-size: 21px;
	
}
.font25 {
    font-size: 25px;
	
}

.font28 {
    font-size: 28px;
	
}



.font30 {
    font-size: 30px;
	
}

.font32 {
    font-size: 32px;
	
}

.font36 {
    font-size: 36px;
	
}

.font38 {
    font-size: 38px;
	
}

.font42 {
    font-size: 42px;
	
}

.font48 {
    font-size: 48px;
	
}

.font50 {
    font-size: 50px;
	
}

@media only screen and (max-width: 991px) {
    .font55 {
        font-size: 35px;
	}
	
	
	.font28 {
        font-size: 14px;
	}
}

@media only screen and (max-width: 767px) {
    .font55 {
        font-size: 35px;
	}
}

@media only screen and (min-width: 992px) {
    .font55 {
        font-size: 40px;
	}
}

@media only screen and (min-width: 1200px) {
    .font55 {
        font-size: 45px;
	}
}

@media only screen and (min-width: 1640px) {
    .font55 {
        font-size: 53px;
	}
}

.font65 {
	font-size: 65px;
}
@media only screen and (max-width: 991px) {
    .font72 {
        font-size: 42px;
	}
}


@media only screen and (min-width: 992px) {
    .font72 {
        font-size: 64px;
	}
}




@media only screen and (min-width: 1200px) {
    .font72 {
        font-size: 64px;
	}
}

@media only screen and (max-width: 991px) {
    .font150 {
        font-size: 40px;
	}
}

@media only screen and (max-width: 767px) {
    .font150 {
        font-size: 40px;
	}
}

@media only screen and (min-width: 992px) {
    .font150 {
        font-size: 75px;
	}
}

@media only screen and (min-width: 1200px) {
    .font150 {
        font-size: 75px;
	}
}

@media only screen and (min-width: 1640px) {
    .font150 {
        font-size: 110px;
	}
}

@media only screen and (max-width: 991px) {
    .font300 {
        font-size: 300px;
	}
}

@media only screen and (min-width: 992px) {

	
	
	.menu-item a{position:relative;
	text-decoration:none !important;}
 
 
 hr{
 
     opacity: 1;
 border:0  !important ;
 border-bottom:1px solid #000  !important;
	 }
 
 
 
	.mt-lg-117{
	margin-top:117px !important;}
	
	.mt-lg-190{
	margin-top:190px !important;}
	
	
	.mt-lg-100{
	margin-top:100px !important;}
	
	.mt-lg-75{
	margin-top:75px !important;}
	
	
	.mt-lg-50{
	margin-top:50px !important;}
	
	.mb-lg-40{
	margin-bottom:40px !important;}		
	
	
	
	.mb-lg-50{
	margin-bottom:50px !important;}	
	
	
	.mb-lg-60{
	margin-bottom:60px !important;}	
	
	.mb-lg-90{
	margin-bottom:90px !important;}
	
	.pb-lg-60{
	padding-bottom:55px !important;}
	
	.pb-lg-100{
	padding-bottom:100px !important;}
	
	.pb-lg-115{
	padding-bottom:115px !important;}
	
	.navigator {
		width: 100vw;
		height: 130px;
		background: #fff;
        position: fixed;    
		padding-top: 0px !important;
		z-index: 99;
		overflow: visible !important;
		pointer-events: none;
		border-bottom:0.5px solid #fff;
	}
	.logo {
		width: 286px;
		display: block;
		position: relative;
		height: 56px;
		background: url(img/logo.svg) 50% 0% no-repeat;
		background-size: contain;
		margin-top: 32px;
	} 
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a, .navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a {
		font-size: 20px;
		line-height: 130px;
		font-family: "Inter", sans-serif;
		font-weight:600;
		display: block;
		height: auto;
		text-decoration: none;
		text-transform: none;
		position: relative;
		color: #fff;
		pointer-events: all;
		background:#fff;
		
		    background: linear-gradient(25deg, rgba(237, 67, 21,0.41) 0%, rgba(237, 67, 21,0.41) 25%, rgba(237, 67, 21,1) 50%, rgba(237, 67, 21,1) 75%, rgba(237, 67, 21,1) 100%);
background-size:auto 100%;
		
		-webkit-background-clip: text;
		
		
		
		
		
		
		-webkit-text-fill-color: transparent;
		
		
	}
	
	
	

}

@media only screen and (min-width: 1200px) {
    .font300 {
        font-size: 300px;
	}
}



.font51{        font-size: 51px;
}


.font111{        font-size: 111px;
}



.font203{     
	font-size: 203px;
}

.nowrap{white-space:nowrap;}
.img-thumbnail {
    padding: 0;
	
}

.mb0 {
    margin-bottom: 7px;
    line-height: 1;
	
}

.italic {
    font-style: italic;
	
}

.blue,
.bleu,
.btn-white.blue {
    color: #060644;
	
}

b,
strong {
    font-weight: bold;
	
}

h1 b,
h1 strong {
    font-weight: 800;
	
}

.rouge {
    color: #ED4315;
	
}

.violet {
    color: #c96fc7;
	
}

.vert {
    color: #0f2550;
	
}

.dark {
    color: #292721 !important;
	
}

.darkblue {
    color: #001222;
	
}

.jaune {
    color: #f2c024;
	
}

.jaune:hover {
    color: #f2c024;
	
}

.bluetxt {
    color: #fff;
    text-decoration: underline;
	
}

.white {
    color: #fff;
	
}

.white:visited {
	color: #fff;
	
}


.whitebg {
    background: #fff !important;
	
}

.beigebg {
    background: #E3D1BA !important;
	
}

.bluebg {
    background-color:#2B3081;
	
}

.orangebg {
    background-color: #ED4315;
	
}
.orangebg2 {
    background:rgba(237, 67, 21,0.3); 
	
}
.orange {
    color: #ED4315 !important;
	
}
.btn-close:hover,
.btn-close{    --bs-btn-close-color: #ED4315 !important;
    --bs-btn-close-color: #ED4315;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED4315'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);

    color: #ED4315 !important;
	
}
.bluelightbg {
    background-color: #0083c6;
	
}

.placeholderbg {
    background: #e0e0e0 !important;
	
}

.vertbg {
    background: #0f2550;
	
}

.jaunebg {
    background: #f2c024;
	
}

.placeholderbg:after {
    color: #c4c4c4 !important;
    content: "Chargement, veuillez patienter";
    font-size: 30px;
    text-align: center;
    bottom: 40%;
    left: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: absolute;
    transform: translateY(50%);
    z-index: 0;
	
}


.placeholderbg>* {
    z-index: 1 !important;
	
}

.beigelight {
    color: #ecc09d;
	
}

.beigeultralight {
    color: #fdf4ed;
	
}

.beigeultralight-bg {
    background: #fdf4ed;
	
}

.lightgreybg {
    background: #f7f7f7;
	
}

.greybg {
    background: #b5b5b5;
	
}

.darkgreybg {
    background: #949494;
	
}

.br0,
.br-0 {
    border-radius: 0px !important;
	
}
.br190{
    border-radius: 190px  190px 0 0 !important;    overflow: hidden;
	
}
.br5,
.br-5 {
    border-radius: 5px !important;
	
}

.br10,
.br-10 {
    border-radius: 10px !important;
	
}
.br30,
.br-30 {
    border-radius: 30px !important;
	
}
.br60,
.br-60 {
    border-radius:60px !important;
	
}

.lh1 {
    line-height: 1 !important;
	
}

.lh12 {
    line-height: 1.2 !important;
}
.font24.lh12 {
    line-height: 28px !important;
}
.lh13 {
    line-height: 1.3 !important;
	
}

.lh14 {
    line-height: 1.4 !important;
	
}

.lh15 {
    line-height: 1.5 !important;
	
}

.lh2 {
    line-height: 2 !important;
	
}

.lh41 {
    line-height: 41px;
	
}

.noborder {
    border: 0 !important;
	
}

.noborderx {
    border-left: 0 !important;
    border-right: 0 !important;
	
}

.grey {
    color: #5a5a5a !important;
	
}

.grey3 {
    color: #646464;
	
}

.grey4 {
    color: #949494;
	
}

.lightgrey {
    color: #ababab !important;
	
}

.darkgrey {
    color: #292721;
	
}

.darkgreylight {
    color: #919191;
	
}

.hardblue {
    color: #72a4bb;
	
}

.jaunebg {
    background-color: #f2c024;
	
}

.rosebg {
    background-color: #E2876F;
	
}


.rougebg {
    background:#ED4315;
	
}

.darkbg {
    background: #252626;
	
}

.under {
    text-decoration: underline !important;
	
}

.card-header:first-child {
    border-radius: 0 !important;
	
}

.under2 {
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    text-underline-offset: -4px;
	
}

.relative {
    position: relative;
	
}

.oh {
    overflow: hidden;
	
}

.ov {
    overflow: visible;
	
}

.satisfy {
    font-family: "Satisfy";
    font-weight: 400 !important;
	
}

.bench {
    font-family: "BenchNine", "Inter", sans-serif;
	
}

.korolev {
    font-family: "Inter", sans-serif;
	
}

.overpass {
    font-family: "Inter", sans-serif;
	
}

.valign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}

.balign {
    position: absolute;
    bottom: -2px;
	top:auto !important;
    left: 50%;
    transform: translate(-50%, 0%);
	
}

.apple .balign.right {
    position: absolute;
    bottom:32px;
	top:auto !important;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.balign3 {
    position: absolute;
    bottom: -2px;
	top:auto !important;
    left:auto;
    transform: translate(0%, 0%);
	
}


.balign4 {
    position: absolute;
    bottom: -30px;
	top:auto !important;
    left:auto;
    transform: translate(0%, 0%);
	
}
.talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.talign.top {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}

.apple .talign.top {
    position: absolute;
    top: -62px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}

.apple .rooftop .talign.top {
    position: absolute;
    top: -62px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.talign.talign9 {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.slidercarte  .talign {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}
.balign2 {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.balign.leftalign {
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: translate(0%, 0%);
	
	}.leftalign.balign.btn-primary-r:hover {
	
    transform: translate(0%,8px);
	
	}.mh-lg-900{
	
	min-height:900px;
}
@media only screen and (min-width: 1200px) {
    .valignxl {
        position: absolute;
		
        top: 50%;
		
        left: 50%;
		
        transform: translate(-50%, -50%);
	}
	
	.restaurant .headerrestaurant  .previous,
	.restaurant .headerrestaurant  .nextious{
	margin-bottom:25px !important;} 
}

.twocol {
    columns: 2;
	
}

.bloc_actu {
    position: relative;
    overflow: hidden;
	
}




.bloc_actu .caption {
    position: absolute;
    bottom: -200px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;
    transition: all 600ms;
	
}


.bloc_actu:hover .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;
	
}


.rose {
    color: #E2876F;
	
}

.rosebg {
    background: #E2876F;
	
}


.marron {
    color: #292721;
	
}

.marronbg {
    background: #292721;
	
}

.vert {
    color: #274A42;
	
}

.vertbg {
    background: #274A42;
	
}

.beige {
    color: #E3D1BA;
	
}

.beigebg {
    background: #E3D1BA;
	
}
p{
    font-weight:400;
}

/* End utils */


/*Section*/

.introduction {
    width: 100%;
	
}

.ico_insta{
    
    width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MS42NjkiIGhlaWdodD0iNDEuNjY4IiB2aWV3Qm94PSIwIDAgNDEuNjY5IDQxLjY2OCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI5IiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgZmlsbD0iIzMwMzAzMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8zOCIgZGF0YS1uYW1lPSJHcm91cGUgMzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjUiIGRhdGEtbmFtZT0iVHJhY8OpIDY1IiBkPSJNMjAuMjcsMy42NTJjNS40MTIsMCw2LjA1My4wMjEsOC4xOTEuMTE4YTExLjIxMSwxMS4yMTEsMCwwLDEsMy43NjQuNyw2LjI4LDYuMjgsMCwwLDEsMi4zMzEsMS41MTYsNi4yOCw2LjI4LDAsMCwxLDEuNTE2LDIuMzMxLDExLjIyMywxMS4yMjMsMCwwLDEsLjcsMy43NjNjLjEsMi4xMzguMTE4LDIuNzc5LjExOCw4LjE5MXMtLjAyMSw2LjA1My0uMTE4LDguMTkxYTExLjIyMywxMS4yMjMsMCwwLDEtLjcsMy43NjMsNi43MTEsNi43MTEsMCwwLDEtMy44NDcsMy44NDcsMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC43Yy0yLjEzNy4xLTIuNzc4LjExOC04LjE5MS4xMThzLTYuMDU0LS4wMjEtOC4xOTEtLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLTMuNzY0LS43LDYuMjgsNi4yOCwwLDAsMS0yLjMzMS0xLjUxNiw2LjI4LDYuMjgsMCwwLDEtMS41MTYtMi4zMzEsMTEuMjExLDExLjIxMSwwLDAsMS0uNy0zLjc2M2MtLjEtMi4xMzgtLjExOC0yLjc3OS0uMTE4LTguMTkxcy4wMjEtNi4wNTMuMTE4LTguMTkxYTExLjIxMSwxMS4yMTEsMCwwLDEsLjctMy43NjNBNi4yOCw2LjI4LDAsMCwxLDUuOTg1LDUuOTg1LDYuMjgsNi4yOCwwLDAsMSw4LjMxNSw0LjQ2OGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LS43YzIuMTM4LS4xLDIuNzc5LS4xMTgsOC4xOTEtLjExOE0yMC4yNywwYy01LjUsMC02LjIuMDIzLTguMzU3LjEyMmExNC44ODEsMTQuODgxLDAsMCwwLTQuOTIuOTQyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMi4zMzgsMy41OSwxNC44OCwxNC44OCwwLDAsMC0uOTQyLDQuOTJDLjAyMywxNC4wNzQsMCwxNC43NjUsMCwyMC4yN3MuMDIzLDYuMi4xMjIsOC4zNTdhMTQuODgsMTQuODgsMCwwLDAsLjk0Miw0LjkyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzNy4xMzdhOS45NCw5Ljk0LDAsMCwwLDMuNTksMi4zMzgsMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLjk0MmMyLjE2Mi4xLDIuODUzLjEyMiw4LjM1Ny4xMjJzNi4yLS4wMjMsOC4zNTctLjEyMmExNC44ODEsMTQuODgxLDAsMCwwLDQuOTItLjk0MiwxMC4zNjQsMTAuMzY0LDAsMCwwLDUuOTI4LTUuOTI4LDE0Ljg4LDE0Ljg4LDAsMCwwLC45NDItNC45MmMuMS0yLjE2Mi4xMjItMi44NTMuMTIyLTguMzU3cy0uMDIzLTYuMi0uMTIyLTguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLS45NDItNC45MkE5Ljk0LDkuOTQsMCwwLDAsMzcuMTM4LDMuNGE5LjkzNCw5LjkzNCwwLDAsMC0zLjU5LTIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAtNC45Mi0uOTQyQzI2LjQ2NS4wMjMsMjUuNzc1LDAsMjAuMjcsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxLjEyOSkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjYiIGRhdGEtbmFtZT0iVHJhY8OpIDY2IiBkPSJNMzEuMDg1LDIwLjY3NkExMC40MDksMTAuNDA5LDAsMSwwLDQxLjQ5MywzMS4wODUsMTAuNDA5LDEwLjQwOSwwLDAsMCwzMS4wODUsMjAuNjc2bTAsMTcuMTY1YTYuNzU2LDYuNzU2LDAsMSwxLDYuNzU3LTYuNzU3LDYuNzU3LDYuNzU3LDAsMCwxLTYuNzU3LDYuNzU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuODE1IC05LjY4NikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjciIGRhdGEtbmFtZT0iVHJhY8OpIDY3IiBkPSJNNjQuOTUyLDE3LjE0NWEyLjQzMiwyLjQzMiwwLDEsMS0yLjQzMi0yLjQzMiwyLjQzMiwyLjQzMiwwLDAsMSwyLjQzMiwyLjQzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxLjQyOSAtNi41NjcpIiBmaWxsPSIjMzAzMDMwIi8+CiAgPC9nPgo8L3N2Zz4") 50% 50% no-repeat;
    background-size:contain;
    
}
.ico_insta.vert{
    
    width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgdmlld0JveD0iMCAwIDQxLjY2OSA0MS42NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyOSIgd2lkdGg9IjQxLjY2OSIgaGVpZ2h0PSI0MS42NjgiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMzgiIGRhdGEtbmFtZT0iR3JvdXBlIDM4IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY1IiBkYXRhLW5hbWU9IlRyYWPDqSA2NSIgZD0iTTIwLjI3LDMuNjUyYzUuNDEyLDAsNi4wNTMuMDIxLDguMTkxLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LjcsNi4yOCw2LjI4LDAsMCwxLDIuMzMxLDEuNTE2LDYuMjgsNi4yOCwwLDAsMSwxLjUxNiwyLjMzMSwxMS4yMjMsMTEuMjIzLDAsMCwxLC43LDMuNzYzYy4xLDIuMTM4LjExOCwyLjc3OS4xMTgsOC4xOTFzLS4wMjEsNi4wNTMtLjExOCw4LjE5MWExMS4yMjMsMTEuMjIzLDAsMCwxLS43LDMuNzYzLDYuNzExLDYuNzExLDAsMCwxLTMuODQ3LDMuODQ3LDExLjIxMSwxMS4yMTEsMCwwLDEtMy43NjQuN2MtMi4xMzcuMS0yLjc3OC4xMTgtOC4xOTEuMTE4cy02LjA1NC0uMDIxLTguMTkxLS4xMThhMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC0uNyw2LjI4LDYuMjgsMCwwLDEtMi4zMzEtMS41MTYsNi4yOCw2LjI4LDAsMCwxLTEuNTE2LTIuMzMxLDExLjIxMSwxMS4yMTEsMCwwLDEtLjctMy43NjNjLS4xLTIuMTM4LS4xMTgtMi43NzktLjExOC04LjE5MXMuMDIxLTYuMDUzLjExOC04LjE5MWExMS4yMTEsMTEuMjExLDAsMCwxLC43LTMuNzYzQTYuMjgsNi4yOCwwLDAsMSw1Ljk4NSw1Ljk4NSw2LjI4LDYuMjgsMCwwLDEsOC4zMTUsNC40NjhhMTEuMjExLDExLjIxMSwwLDAsMSwzLjc2NC0uN2MyLjEzOC0uMSwyLjc3OS0uMTE4LDguMTkxLS4xMThNMjAuMjcsMGMtNS41LDAtNi4yLjAyMy04LjM1Ny4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMC00LjkyLjk0MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMy40YTkuOTM0LDkuOTM0LDAsMCwwLTIuMzM4LDMuNTksMTQuODgsMTQuODgsMCwwLDAtLjk0Miw0LjkyQy4wMjMsMTQuMDc0LDAsMTQuNzY1LDAsMjAuMjdzLjAyMyw2LjIuMTIyLDguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLC45NDIsNC45MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMzcuMTM3YTkuOTQsOS45NCwwLDAsMCwzLjU5LDIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAsNC45Mi45NDJjMi4xNjIuMSwyLjg1My4xMjIsOC4zNTcuMTIyczYuMi0uMDIzLDguMzU3LS4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLS45NDIsMTAuMzY0LDEwLjM2NCwwLDAsMCw1LjkyOC01LjkyOCwxNC44OCwxNC44OCwwLDAsMCwuOTQyLTQuOTJjLjEtMi4xNjIuMTIyLTIuODUzLjEyMi04LjM1N3MtLjAyMy02LjItLjEyMi04LjM1N2ExNC44OCwxNC44OCwwLDAsMC0uOTQyLTQuOTJBOS45NCw5Ljk0LDAsMCwwLDM3LjEzOCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMy41OS0yLjMzOCwxNC44ODEsMTQuODgxLDAsMCwwLTQuOTItLjk0MkMyNi40NjUuMDIzLDI1Ljc3NSwwLDIwLjI3LDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMS4xMjkpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY2IiBkYXRhLW5hbWU9IlRyYWPDqSA2NiIgZD0iTTMxLjA4NSwyMC42NzZBMTAuNDA5LDEwLjQwOSwwLDEsMCw0MS40OTMsMzEuMDg1LDEwLjQwOSwxMC40MDksMCwwLDAsMzEuMDg1LDIwLjY3Nm0wLDE3LjE2NWE2Ljc1Niw2Ljc1NiwwLDEsMSw2Ljc1Ny02Ljc1Nyw2Ljc1Nyw2Ljc1NywwLDAsMS02Ljc1Nyw2Ljc1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjgxNSAtOS42ODYpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY3IiBkYXRhLW5hbWU9IlRyYWPDqSA2NyIgZD0iTTY0Ljk1MiwxNy4xNDVhMi40MzIsMi40MzIsMCwxLDEtMi40MzItMi40MzIsMi40MzIsMi40MzIsMCwwLDEsMi40MzIsMi40MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMS40MjkgLTYuNTY3KSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size:contain;
    
}


.ico_chambre{
	
    background:url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjIgMTUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEwMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTAxIiB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1IC0wLjM4MykiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMjA3IiBkYXRhLW5hbWU9Ikdyb3VwZSAyMDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzY3IDAuODczKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIwNiIgZGF0YS1uYW1lPSJHcm91cGUgMjA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC43MTcgLTAuNDkpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzYiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc2IiBkPSJNMTYuNCw1LjY3YS40LjQsMCwwLDAsLjQtLjRWMi4wMjVBMS4yMTYsMS4yMTYsMCwwLDEsMTguMDI1LjgxaDEyLjk2QTEuMjE2LDEuMjE2LDAsMCwxLDMyLjIsMi4wMjV2My4yNGEuNC40LDAsMSwwLC44MSwwVjIuMDI1QTIuMDI3LDIuMDI3LDAsMCwwLDMwLjk4NSwwSDE4LjAyNUEyLjAyNywyLjAyNywwLDAsMCwxNiwyLjAyNXYzLjI0YS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjY3NSAwLjUzMikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzciIGQ9Ik0xOS4wMzUsNjRIMS4yMTVBMS4yMTYsMS4yMTYsMCwwLDAsMCw2NS4yMTV2Mi40M0ExLjIxNiwxLjIxNiwwLDAsMCwxLjIxNSw2OC44NmguNHYxLjIxNWEuNC40LDAsMSwwLC44MSwwVjY4Ljg2SDE3LjgydjEuMjE1YS40LjQsMCwxLDAsLjgxLDBWNjguODZoLjRhMS4yMTYsMS4yMTYsMCwwLDAsMS4yMTUtMS4yMTV2LTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsMTkuMDM1LDY0bS40LDMuNjQ1YS40MDUuNDA1LDAsMCwxLS40LjRIMS4yMTVhLjQwNS40MDUsMCwwLDEtLjQtLjR2LTIuNDNhLjQwNS40MDUsMCwwLDEsLjQtLjRoMTcuODJhLjQwNS40MDUsMCwwLDEsLjQuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzA1IC01Ni45ODgpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzgiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc4IiBkPSJNNDQuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCw0My42NDUsMzJoLTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsNDAsMzMuMjE1di44MWEuNC40LDAsMSwwLC44MSwwdi0uODFhLjQwNS40MDUsMCwwLDEsLjQtLjRoMi40M2EuNDA1LjQwNSwwLDAsMSwuNC40di44MWEuNC40LDAsMCwwLC40LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNS4yNDUgLTI4LjIyOCkiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3OSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzkiIGQ9Ik0xMTYuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCwxMTUuNjQ1LDMyaC0yLjQzQTEuMjE2LDEuMjE2LDAsMCwwLDExMiwzMy4yMTV2LjgxYS40LjQsMCwxLDAsLjgxLDB2LS44MWEuNDA1LjQwNSwwLDAsMSwuNC0uNGgyLjQzYS40MDUuNDA1LDAsMCwxLC40LjR2LjgxYS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5Ljk1NSAtMjguMjI4KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 0% 0% no-repeat;
    background-size:auto 15px;
    
}


.ico_lit{
	
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIwOSIgZGF0YS1uYW1lPSJHcm91cGUgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8yMDgiIGRhdGEtbmFtZT0iR3JvdXBlIDIwOCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODAiIGQ9Ik0xNS4zNjMsMEgyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwwLDIuNjQ5djkuNTM1YS41MjkuNTI5LDAsMCwwLC41My41M0gxNy40ODJhLjUyOS41MjksMCwwLDAsLjUzLS41M1YyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwxNS4zNjMsMG0xLjU4OSwxMS42NTRIMS4wNTlWOS41MzVoMTQuM2EuNTMuNTMsMCwwLDAsMC0xLjA1OUgxLjA1OVYyLjY0OUExLjU5MSwxLjU5MSwwLDAsMSwyLjY0OSwxLjA1OUgxNS4zNjNhMS41OTEsMS41OTEsMCwwLDEsMS41ODksMS41ODlaIiBmaWxsPSIjYzgzZDI5Ii8+CiAgPC9nPgo8L3N2Zz4K") 0% 0% no-repeat;
    background-size:auto 15px;
    
}



.ico_wifi{
	
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDMiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zMzQpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBlXzIxMSIgZGF0YS1uYW1lPSJHcm91cGUgMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMzM0KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIxMCIgZGF0YS1uYW1lPSJHcm91cGUgMjEwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4ODEiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODgxIiBkPSJNNzguNjQsMTIwYTIuNjQsMi42NCwwLDEsMCwyLjY0LDIuNjRBMi42NDMsMi42NDMsMCwwLDAsNzguNjQsMTIwbTAsNC40YTEuNzYsMS43NiwwLDEsMSwxLjc2LTEuNzYsMS43NjIsMS43NjIsMCwwLDEtMS43NiwxLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuNjQgLTEwNi44KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgyIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MiIgZD0iTTIxLjg3MSw0LjUyOUExNS4wODUsMTUuMDg1LDAsMCwwLDExLDAsMTUuMDg1LDE1LjA4NSwwLDAsMCwuMTI5LDQuNTI5YS40NC40NCwwLDAsMCwuNjIyLjYyMkExNC4wMzgsMTQuMDM4LDAsMCwxLDExLC44OCwxNC4wMzgsMTQuMDM4LDAsMCwxLDIxLjI0OSw1LjE1MWEuNDQuNDQsMCwwLDAsLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MyIgZD0iTTM1LjkyLDQwYTExLjA4NiwxMS4wODYsMCwwLDAtNy43OTEsMy4yMDkuNDQuNDQsMCwxLDAsLjYyMi42MjIsMTAuMTgzLDEwLjE4MywwLDAsMSwxNC4zMzgsMCwuNDQuNDQsMCwxLDAsLjYyMi0uNjIyQTExLjA4NiwxMS4wODYsMCwwLDAsMzUuOTIsNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC45MiAtMzUuNikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4NCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODQiIGQ9Ik02MC44NCw4MGE2LjMzOSw2LjMzOSwwLDAsMC00LjcxMSwxLjg4OS40NC40NCwwLDEsMCwuNjIyLjYyMiw1Ljk0MSw1Ljk0MSwwLDAsMSw4LjE3OCwwLC40NC40NCwwLDEsMCwuNjIyLS42MjJBNi4zMzksNi4zMzksMCwwLDAsNjAuODQsODAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS44NCAtNzEuMikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 0% 0% no-repeat;
    background-size:auto 15px;
    
}




.ico_link{
	width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMzAzMDMwIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzMwMzAzMCIvPgogIDwvZz4KPC9zdmc+Cg") 50% 50% no-repeat;
    background-size:contain;
    
}






.ico_link.vert{
	width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size:contain;
    
}




.ico_phone{
    
    width:31px;
    height:32px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMS45OTMiIGhlaWdodD0iMzIuMDE3IiB2aWV3Qm94PSIwIDAgMzEuOTkzIDMyLjAxNyI+CiAgPHBhdGggaWQ9Im5vdW4tdGVsZXBob25lLTY4NjkzODciIGQ9Ik0xMzEuMjA5LDc1LjM0NGEyLjk5NCwyLjk5NCwwLDAsMS0uOTg3LDEuODg2Yy0uNTUuNTQxLTEuMDgzLDEuMS0xLjY0MSwxLjYzMy0uMTkyLjE4My0uMjI3LjMtLjA0NC41MjRhNDYuMjUyLDQ2LjI1MiwwLDAsMCw3LjQxMyw3LjQzYy4yNDQuMTkyLjM2Ny4xNTcuNTU5LS4wNDQuNTA2LS41NDEsMS4wMzktMS4wNTYsMS41NjMtMS41OGEzLjA5MiwzLjA5MiwwLDAsMSw0LjQ4OC0uMTgzYzEuNSwxLjI4MywyLjk5NSwyLjU3Niw0LjUsMy44NjhhMy4wNzgsMy4wNzgsMCwwLDEsLjIsNC41NjZjLTEuNjI0LDEuNjUtMy4yNDgsMy4yOTItNC45MDcsNC45YTIuOTM1LDIuOTM1LDAsMCwxLTMuMTYxLjY0NiwyOS4xLDI5LjEsMCwwLDEtNi40MzUtMy4xNDMsNDIuNTgyLDQyLjU4MiwwLDAsMS04LjMzOC02Ljk3NiwzNi43LDM2LjcsMCwwLDEtNy43NTMtMTEuODkyLDQuMjE4LDQuMjE4LDAsMCwxLS40MS0yLjUzMiwzLjcwNywzLjcwNywwLDAsMSwxLjAzOS0xLjcyOWMxLjUzNy0xLjUyOCwzLjA2NS0zLjA2NSw0LjYtNC41OTJhMy4wMzUsMy4wMzUsMCwwLDEsNC41NTguMTU3YzEuMzYyLDEuNTU0LDIuNywzLjEyNiw0LjA0Miw0LjdhMy4zMiwzLjMyLDAsMCwxLC43MDcsMi4zNzVabS03LjA2My02LjA5NGExLjAyOCwxLjAyOCwwLDAsMC0uODU2LjM2N2MtMS41NDUsMS41MzctMy4wOTEsMy4wODItNC42NDUsNC42MWExLjIxOCwxLjIxOCwwLDAsMC0uMzE0LDEuMzg4LDI2LjEzMywyNi4xMzMsMCwwLDAsMi43MjQsNS42MjMsNDIuNyw0Mi43LDAsMCwwLDEyLjE4LDEyLjQ5NCwyNi4yMSwyNi4yMSwwLDAsMCw2LjU0OCwzLjMsMS4xMjIsMS4xMjIsMCwwLDAsMS4yNDktLjI0NGMxLjU4LTEuNTcyLDMuMTUyLTMuMTM0LDQuNzIzLTQuNzE1YTEuMDU1LDEuMDU1LDAsMCwwLS4wNy0xLjdxLTIuMjI2LTEuOTI1LTQuNDYyLTMuODQyYTEuMDMzLDEuMDMzLDAsMCwwLTEuNjQxLjA2MWMtLjc4Ni43NzctMS41NjMsMS41NjMtMi4zNCwyLjM0OWExLjA3MSwxLjA3MSwwLDAsMS0xLjYxNS4xMzEsNDQuODI4LDQ0LjgyOCwwLDAsMS05LjMxNi05LjMwNywxLjA2NCwxLjA2NCwwLDAsMSwuMTIyLTEuNjE1Yy43ODYtLjc5NSwxLjU4OS0xLjU4LDIuMzc1LTIuMzc1YTEuMDMsMS4wMywwLDAsMCwuMDctMS41OHEtMS45MjUtMi4yNTMtMy44NjgtNC41YTEuMDQ0LDEuMDQ0LDAsMCwwLS44NDctLjQ1NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuMTgxIC02Ny4xNjkpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size:contain;
    
}




.ico_email{
    
    width:31px;
    height:32px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4xNDQiIGhlaWdodD0iMjIuODY5IiB2aWV3Qm94PSIwIDAgMzAuMTQ0IDIyLjg2OSI+CiAgPHBhdGggaWQ9Im5vdW4tbWFpbC02ODY5NTAxIiBkPSJNMTMxLjU3MiwxMzMuNDY3SDEyMC42NjNhMy45NDEsMy45NDEsMCwwLDEtNC4wMTQtMy4xNzcsNC43LDQuNywwLDAsMS0uMDktMS4wMThjMC00Ljg0My0uMDA4LTkuNjg2LDAtMTQuNTIxYTMuOTc5LDMuOTc5LDAsMCwxLDMuMzI0LTQuMDcxLDQuOTYzLDQuOTYzLDAsMCwxLC45ODUtLjA1N2M3LjIwNywwLDE0LjQxNC4wMzMsMjEuNjIxLS4wMjVhNC4xMjcsNC4xMjcsMCwwLDEsNC4yLDQuMTM3YzAsNC44OTIuMDE2LDkuNzkzLDAsMTQuNjg1YTMuOTYyLDMuOTYyLDAsMCwxLTQuMTQ1LDQuMDM5SDEzMS42Wk0xMjAsMTEyLjU5M2EuODEuODEsMCwwLDEtLjAxNi4xNGMuMDQxLjA0OS4wOS4xLjEzMS4xNHE1LjIwOCw1LjIwOCwxMC40MDgsMTAuNDE2YTEuNDUxLDEuNDUxLDAsMCwwLDIuMjktLjAyNXE1LjEzNC01LjEzNCwxMC4yNzctMTAuMjZhLjU2Ni41NjYsMCwwLDAsLjIzOC0uNDFIMTIwWm0yMy4zMzYsMTguODQ2Yy0yLjY2LTIuNjYtNS4yMTItNS4yLTcuNzU3LTcuNzY1LS4xNjQtLjE2NC0uMjQ2LS4xMzEtLjM4Ni4wMDgtLjM0NS4zNTMtLjY4OS43LTEuMDUxLDEuMDQyYTMuNDI2LDMuNDI2LDAsMCwxLTQuOTgyLDBjLS40MjctLjQxOS0uODM3LS44NjItMS4yLTEuMjMxLTIuNjY4LDIuNjYtNS4zMTEsNS4yODYtNy45NzksNy45NDZoMjMuMzUzWk0xMTguNTcsMTE0LjExMlYxMjkuOWMuMDc0LS4wNDkuMTA3LS4wNTcuMTIzLS4wNzRxMy44LTMuOCw3LjYwOS03LjU5M2MuMTg5LS4xODkuMTA3LS4yNzEtLjAzMy0uNDE5LS43NzItLjc1NS0xLjUyNy0xLjUyNy0yLjI5LTIuMjktMS43NzMtMS43ODEtMy41NTQtMy41NjItNS40LTUuNDE4Wm0yNi4wODYuMmMtLjAzMy0uMDI1LS4wNzQtLjA0OS0uMTA3LS4wNzRhMi4zNDUsMi4zNDUsMCwwLDEtLjIzLjMyOHEtMy42MiwzLjYzMi03LjI1Niw3LjI0OGMtLjIzOC4yMzgtLjIzOC4zNTMsMCwuNTkxLDIuNDQ2LDIuNDIxLDQuODg0LDQuODY4LDcuMzIyLDcuMy4wNjYuMDY2LjExNS4xODkuMjcxLjE3MlYxMTQuMzA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi41NTYgLTExMC41OTgpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size:contain;
    
} 



.showmodal {
    width: 47px;
    display: block;
    position: absolute;
	
    height: 48px;
    color: #fff;
	overflow:hidden;
	background:#F29007 url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPGcgaWQ9Ikdyb3VwZV80ODMiIGRhdGEtbmFtZT0iR3JvdXBlIDQ4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ni40OSA3MzEuODM3KSByb3RhdGUoLTEzNSkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjMuNjU0IDgxNC4wNDIpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTS01MjMzLjU2OS0xMzI3LjE1M2gxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQ0Mi44NDUgMjEyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo") 40% 50% no-repeat;
	border-radius:120px 120px 0 0;
	background-size: 20px auto;
	top:797px;
	right:-500px;
	padding:20px;
	
	
}



.lastdiv {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:all 1200ms;
}
.lastdivview.lastdiv {
	
	opacity:1;
	transition:all 1200ms;
}
.bloc_photoresto img{
	
	opacity:0;
	
}

/**
	* Submenu
-----------------------------*/


.submenu {
	display: block;
	max-height:0;height:0;
 	font-size: 15px;
	padding-left:0;
	position:relative;
	background:#E3D1BA;
	overflow:hidden;		 
	
	
}
.open .submenu {
	display: block;
	height:auto;
	max-height:1000px;
	overflow:visible;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
}


.submenu li {  
	text-align:left;   
	padding: 0 40px;
}
.submenu:after {
	border-left: 2px solid #ED4315;
	border-right: 2px solid #ED4315;
	content : " ";
	position:absolute;
	top:0;
	left:0;
	right:0; 
	width:100%;
	height:200vh;
	pointer-events:none;
	
	
	
}

.submenu li > p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
}

.submenu a:hover {
}
























.vertbg .accordion {
	width: 100%;
	max-width: 100%;
	margin: 30px auto 0px;
	border-bottom: 2px solid #274A42; 
	overflow: hidden;  	   background:#E3D1BA;  border-radius: 60px 60px 0px  0px;
	
}
.vertbg .accordion > li{
    height: 100px;
	
	transition: all 0.9s ease;
}
.vertbg .accordion li.open {
    height: auto; 
	transition: all 0.9s ease;
	
}


.vertbg .accordion .link  {
	cursor: pointer;
	display: block;
	padding: 0 0 0 100px;
	color:  #274A42;
	font-size: 18px;
	font-weight: 800;
	height:100px;
	line-height:101px;
	border-top: 2px solid #274A42;
	
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-align:left;
	border-radius: 60px 60px 0px  0px;
	
	
}

.vertbg .accordion li .link  {
	cursor: pointer;
	display: block;
	padding: 0 0 0 50px;
	color:  #274A42;
	font-size: 18px;
	font-weight: 800;
	height:161px;
	line-height:101px;
	border-top: 2px solid #274A42;
	
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-align:left;
	border-radius: 60px 60px 0px  0px;
}
.vertbg  .accordion li.open .link  {
	
	height:auto;
	
}


.vertbg  .accordion li i {
	position: absolute;
	top: 32px;
	left: 12px;
	font-size: 18px;
	color: #274A42;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.vertbg  .accordion li i.fa-chevron-down {
	right: 50px;
	left: auto;
	font-size: 16px;
}

.vertbg  .accordion li.open .link { color: #274A42; }

.vertbg  .accordion li.open i { color: #274A42; }

.vertbg  .fa-chevron-down{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;
}

.vertbg  .fa-chevron-down:before{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;  
	position: relative;
    display: block;
}

.vertbg  .accordion li i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64, IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjcuNjM3IiBoZWlnaHQ9IjI3LjYzNyIgdmlld0JveD0iMCAwIDI3LjYzNyAyNy42MzciPgogIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MzAiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjMwIiBkPSJNMTcuMjgsMjUuNjM3SDguMzU4QTguMzY3LDguMzY3LDAsMCwxLDAsMTcuMjhWOC4zNThBOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsMEgxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMSw4LjM1OCw4LjM1OFYxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMS04LjM1OCw4LjM1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNjM3IDI2LjYzNykgcm90YXRlKDE4MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI3NEE0MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}

.vertbg  .accordion li.open i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42MzciIGhlaWdodD0iMjcuNjM3IiB2aWV3Qm94PSIwIDAgMjcuNjM3IDI3LjYzNyI+CiAgPGcgaWQ9Ikdyb3VwZV8xNzciIGRhdGEtbmFtZT0iR3JvdXBlIDE3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzU4IiBkYXRhLW5hbWU9IlRyYWPDqSA1OCIgZD0iTTE3LjI4LDI1LjYzN0g4LjM1OEE4LjM2Nyw4LjM2NywwLDAsMSwwLDE3LjI4VjguMzU4QTguMzY3LDguMzY3LDAsMCwxLDguMzU4LDBIMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsOC4zNThWMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEtOC4zNTgsOC4zNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjYzNyAyNS42MzcpIHJvdGF0ZSgxODApIiBmaWxsPSIjMjc0QTQyIiBzdHJva2U9IiMyNzRBNDIiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3MSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzEiIGQ9Ik0yNzMzLjA3Miw4NjQ1LjM4NGgxNi45NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDM4Ljk2MSAtNDE2MS44Mikgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MjUiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjI1IiBkPSJNMjczMy4wNzIsODY0NS4zODRoMTYuOTYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTg3LjQ1OCAtODAzOC45NjIpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPg")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}
/**
	* Submenu
-----------------------------*/


.vertbg  .submenu {
	display: block;
	max-height:0;height:0;
	overflow:hidden;
	transition: max-height 0.9s ease;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
	background:#E3D1BA;
	
}
.vertbg .open .submenu {
	display: block;height:auto;
	max-height:1000px;
	transition: max-height 0.9s ease;
	overflow:visible;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
}
.customselect{
	border: 2px solid #ED4315;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#ED4315;
	max-width:323px;
	margin:50px auto; 	 width:323px; max-height:50px;
	transition: max-height 0.9s ease;   padding: 0 40px 0 40px;
	
	
}

.customselect.exp{
	border: 2px solid #ED4315;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#ED4315;
	max-width:323px;
	margin:50px auto; width:323px; max-height:500px;
	transition: max-height 0.9s ease;   padding: 0 40px 0 40px;
	
}



.customselect li{
	display:block;
	height:0px;
	max-height:0px;
	overflow:hidden;
	line-height:50px;	 
	color:#ED4315;
	text-align:left;
	font-weight:600;
	cursor: pointer; max-height:500px;
	transition: max-height 0.9s ease;
	
}
.customselect.exp li{
	display:block;
	height:50px;
	overflow:hidden;
	line-height:50px;	 
	color:#ED4315;
	text-align:left;
	font-weight:600;
	max-height:50px;
	transition: max-height 0.9s ease;
	
}

.customselect .active,
.customselect.exp .active{
	display:block;
	height:50px;
	line-height:50px;	 
	font-weight:800;
	
	
	
}
.vertbg  .customselect{
	border: 2px solid #274A42;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#274A42;width:323px;
	max-width:323px;
	margin:50px auto; 	  max-height:50px;
	transition: max-height 0.9s ease;    padding: 0 40px 0 40px;
	
	
}

.vertbg .customselect.exp{
	border: 2px solid #274A42;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzI3NEE0MiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#274A42;
	max-width:323px;
	margin:50px auto;  max-height:500px;
	transition: max-height 0.9s ease;    padding: 0 40px 0 40px;
	
}



.vertbg .customselect li{
	display:block;
	height:0px;
	max-height:0px;
	overflow:hidden;
	line-height:50px;	 
	color:#274A42;
	text-align:left;
	font-weight:600;
	cursor: pointer; max-height:500px;
	transition: max-height 0.9s ease;
	
}
.vertbg  .customselect.exp li{
	display:block;
	height:50px;
	overflow:hidden;
	line-height:50px;	 
	color:#274A42;
	text-align:left;
	font-weight:600;
	max-height:50px;
	transition: max-height 0.9s ease;
	
}

.vertbg .customselect .active,
.vertbg .customselect.exp .active{
	display:block;
	height:50px;
	line-height:50px;	 
	font-weight:800;
	
	
	
}

.customselect li a{
	
	opacity:0;
	transition:all 400ms;
	transition-delay:150ms;
	
}


.customselect .active a{
	
	opacity:1;
	
}
.customselect.exp li a{
	opacity:1;
	
}





.vertbg .submenu li {  
	text-align:left;   
	padding: 0 40px;
}
.vertbg .submenu:after {
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	content : " ";
	position:absolute;
	top:0;
	left:0;
	right:0; 
	width:100%;
height:200%;}

.vertbg.accordion  .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color:transparent !important;
	transition:all 600ms;
	transition-delay:400ms;
}

.vertbg.accordion  .open .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color: #274A42 !important;
	transition:all 600ms;
	transition-delay:400ms;
}

.rosebg .accordion  .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color:transparent !important;
	transition:all 600ms;
	transition-delay:400ms;
}

.rosebg .accordion  .open .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color:#ED4315 !important;
	transition:all 600ms;
	transition-delay:400ms;
}



.vertbg .submenu a:hover {
}

.bloc_rse .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;
	
}
.bloc_rse.bloc_rse2 .relative {
	
    background-size: cover;
	
}
.bloc_rse.bloc_rse3 .relative {
	
    background-size: cover;
	
	}.bloc_rse.bloc_rse4 .relative {
	
    background-size: cover;
	
}
.bloc_rse {
	
	text-align:left;
	
	
}

.bloc_slidercarte .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;
	
}

.bloc_slidercarte {
	
	text-align:left;
	
	
}



.bloc_sliderevenement .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: auto  100%  !important;
	transition:all 2s;
	
}

.bloc_rse .relative{
	
    background-size: auto  100%  !important;
	transition:all 2s;
	
}

.bloc_sliderevenement:hover .relative,
.bloc_rse:hover .relative{
    
    background-size:auto  130% !important;
	
}
.bloc_sliderevenement {
	
	text-align:left;
	
	
}


.bloc_carterooftop .relative {
    width: 100%;
    display: block;
    position: relative;
	height: 360px;
    color: #fff;
    padding: 0;
    background-size:  100% auto!important;
	transition:all 2s;
	
	
}

.bloc_carterooftop:hover .relative {
 	transition:all 2s;
    background-size:  120% auto!important;
	
}

.bloc_carterooftop {
	
	text-align:left;
	
	
}

.bloc_carterooftop p.first {
	
	text-align:left;
	
	
}


.h-70{
	
height:72%;}

.bloc_slidech {
    display: block;
    position: relative;
	
    height: 650px;
	
	max-width: 500px;
}


.bloc_slidech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;
	
}

.bloc_slidech {
    display: block;
    position: relative;
	
	height: auto;
	aspect-ratio: 301 / 760;
	
	
	max-width: 500px;
	margin-bottom:20px;
}



.bloc_slidech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
	height: auto;aspect-ratio: 285 / 510;
    color: #fff;
    padding: 0;
	background-size: cover;
	
} 
.bloc_event {
    display: block;
    position: relative;
	
    height:598px;
	
	max-width: 500px;
}


.evenement .bloc_event {
    display: block;
    position: relative;
	
    height:498px;
	
	max-width: 500px;
}

.bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
	height: auto;aspect-ratio: 360 / 405;
	
    color: #fff;
    padding: 0;
	background-size: 100% auto !important;
	transition:all 2s;
	
}


.bloc_event:hover .relative {
	
    background-size: 120% auto !important;
	
}

.rooftop .bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: auto;aspect-ratio: 360 / 405;
    color: #fff;
    padding: 0;
	background-size: cover;
	
}



.captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
	
	
}

.slider_evenementfixed .captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 0px);
	
	
}
.captionch {
    background: transparent;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
	
	
}
.bloc_resa .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 200px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.bloc_offre .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 260px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.bloc_offre .relativetxt ,.bloc_resa  .relativetxt {
    width: 100%;
	
    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 370px;
	
	
}

.hotel .bloc_offre .relative,.bloc_typech .relative {
	
    height:406px;
	
}

.bloc_offre .btn-primary {
	
    width:294px;
	
}
.font60 {
	font-size: 37px;
}


.bloc_resa .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
	height: 110px;
    color: #fff;
    padding: 0;
	top:0;
	right:0;   background: url(img/iconplus.png) 50% 50% no-repeat;
    background-size: contain;
	}.bloc_offre .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
	height: 110px;
    color: #fff;
    padding: 0;
	top:0;
	right:0;   background: url(img/iconpromo.png) 50% 50% no-repeat;
    background-size: contain;
}
.bloc_resa .relative .icone svg {
	width: 100%;
	
}

.logo {
    width:310px;
    display: block;
    position: relative;
    height: 74px; 
	background: url(img/logo.svg) 50% 50% no-repeat;
    background-size: contain;
	
} 

.nextious {
    background:#fff url(img/chevron-right.svg) 54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
	cursor:pointer;
	
	
		margin:15px 0 15px 0;

	
	z-index:999;
	
	
}

.btnrights {
 position:absolute;right:15px;
 top:15px;

}




.btnlefts {
 position:absolute;left:15px;
 top:15px;

}





.previous {
    background:#fff url(img/chevron-left.svg) 46% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    margin-right: 10px;
	cursor:pointer;	z-index:999;
	
	
	
	
	margin:15px 10px 15px 50px;

}
.previous,.nextious {
    width: 38px;
    height: 38px;
    display: inline-block;
    border: 1px solid #000;
    position: relative;
    vertical-align: middle;
}






.previous.previous2 {
    background:transparent url(img/chevron-left2.svg) 46% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    margin-right: 10px;
	cursor:pointer;	z-index:999;
	
	
	
	
	margin:15px 10px 15px 50px;

}
.previous2,.nextious2 {
    width: 38px;
    height: 38px;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    vertical-align: middle;
}




.nextious2.nextious {
    background:transparent url(img/chevron-right2.svg) 54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
	cursor:pointer;
	
	
		margin:15px 0 15px 0;

	
	z-index:999;
	
	
}




html *{
	
	box-sizing:border-box !important;
}

.slider_ch  .balign {
	
	display: none ;
	
	
}

.slider_ch .slick-current .balign {
	
 	
	
}
.nextious2 {
    background: url(img/arrow_nextr.svg) 54% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #ED4315;
    border-radius: 12px;
	
	cursor:pointer;
	
}

.previous2 {
    background: url(img/arrow_prevr.svg) 46% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #ED4315;
	margin-right: 5px;
    border-radius:12px;
	cursor:pointer;
	
	
}

.nextious3,.rooftop .bloc_event  .nextious,.rooftop #evenement  .nextious2,.rooftop #evenement.rooftop  .nextious {
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgwLjM2IDI2LjQwNSkgcm90YXRlKC05MCkiIGZpbGw9IiMyNzRhNDIiLz4KPC9zdmc+Cg")  54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #274A42;
    border-radius: 12px;
	cursor:pointer;
	
	
}

.previous3,.rooftop .bloc_event  .previous,.rooftop #evenement  .previous2,.rooftop #evenement.rooftop  .previous {
	
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTAuNTcgLTUuOTg0KSByb3RhdGUoOTApIiBmaWxsPSIjMjc0YTQyIi8+Cjwvc3ZnPg")  46% 50% no-repeat;	
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #274A42;
    border-radius: 12px;
    margin-right: 10px;
	cursor:pointer;
	
}
.rooftop  .insideref  .nextious {
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgwLjM2IDI2LjQwNSkgcm90YXRlKC05MCkiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+")  50% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 12px;
	cursor:pointer;
	
	
}
.rooftop  .insideref .bloc_event {
	
    height: 408px;
}
.rooftop  .insideref .bloc_event .previous,.rooftop  .insideref .bloc_event .nextious  {
	
display:none !important; }
.rooftop  .insideref  .previous {
	
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTAuNTcgLTUuOTg0KSByb3RhdGUoOTApIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPg")  50% 50% no-repeat;	
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 12px;
    margin-right: 10px;
	cursor:pointer;
	
}

.slick-slide {
    padding: 0 15px;
	
}
.slidershowreel  .slick-slide {
    padding: 0px;
}
.typecat{
	min-height:35px;
	padding-left:35px;
	
}
.typecatchambres{
	background: url(img/ico_chambre.svg) 0% 4px no-repeat;
	
    background-size: auto 15px;
	
}
.typecatlit{
	background: url(img/ico_lit.svg) 0% 4px no-repeat;
	
    background-size: auto 13px;
	
}
.typecatwifi{
	background: url(img/ico_wifi.svg) 0% 0px no-repeat;
	
    background-size: auto 19px;
	
}

.typecatpressing{
	background: url(img/ico_pressing.svg) 0% 0px no-repeat;
	
    background-size: auto 26px;
	
}
.typecatcoworking{
	background: url(img/ico_coworking.svg) 0% 0px no-repeat;
	
    background-size: auto 24px;
	
}
.typecatevenements{
	background: url(img/ico_evenement.svg) 4px 0px no-repeat;
	
    background-size: auto 29px;
	
}
.typecatparking{
	background: url(img/ico_parking.svg) 0% 4px no-repeat;
	
    background-size: auto 20px;
	
}



.busnumber{
	
	text-align:center;
	border:1px solid #fff;
	border-radius:7px;
	
	width:34px;
	height:28px;
	line-height:32px;
	display:inline-block;
	
}



.apple .busnumber{
	
	
	line-height:24px;
	
}



.custom-popover {
	--bs-popover-max-width: 200px;
	--bs-popover-border-color: #ED4315;
	--bs-popover-header-bg: #ED4315;
	--bs-popover-body-bg: #ED4315;
	--bs-popover-header-color: #fff;
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: .5rem;
	
	background: #ED4315 !important;
	color: #fff !important;
	border-radius: 5px !important;
}


.custom-popover:before,

.custom-popover:after ,

.custom-popover .popover-arrow , .tooltip-arrow{
	
	
	display: none !important;
}
.custom-popover * {
 	text-align:left;
	
	background: #ED4315 !important;
	color: #fff !important;
	
}

.mytooltip{
 	text-align:left;
	
	background: #ED4315 !important;
	color: #fff !important;
	border-radius:7px;
	padding:8px;
	text-align:left;
	font-size:12px;
	
 	font-family: "Inter", sans-serif;
	font-weight: 400;
}


.noview{
	display:none; 
	text-align:left;
	
	background: #ED4315 !important;
	color: #fff !important;
	border-radius:7px;
	padding:8px;
	text-align:left;
	font-size:12px;
	position:absolute;
	z-index:3;
	cursor:pointer;
	top: 0;
	left: 0;
	width:215px;
	
 	font-family: "Inter", sans-serif;
	font-weight: 400;
	
}



@media only screen and (max-width:1300px) {
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a{
		font-size: 15px;
		
	}
	.font18{
		
		font-size: 18px;
		
	}
	
	.management  .horizontal__list {
    display: flex;
    width:160vw;
}
}





@media only screen and (min-width:1700px)and (max-width:2600px)  {
	.bloc_slidech {
		display: block;
		position: relative;
		
		height: auto;
		aspect-ratio: 301 / 714;
		
		
		max-width: 500px;
		margin-bottom:20px;
	}
	
	
}

@media only screen and (min-width:1400px)and (max-width:1700px)  {
	.bloc_slidech {
		display: block;
		position: relative;
		
		height: auto;
		aspect-ratio: 301 / 730;
		
		
		max-width: 500px;
		margin-bottom:50px;
	}
	
	
}
@media only screen and (min-width:992px)and (max-width:1400px) {
	.bloc_slidech {
		display: block;
		position: relative;
		height: auto;
		aspect-ratio: 301 / 809;
		max-width: 500px;
		margin-bottom: 20px;
	}
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a, .navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a {
		font-size: 15px !important;
		
		}.rooftop  .vertbg .bloc_event .relative {
		
		max-height: 498px;
		max-width: 360px;
		margin:0 auto;
	}
	
	.navigator ul.menu .menu-item > a:hover{
		
	    font-size: 18px !important
		
		
	}
	.font18{
		
		font-size: 18px;
		
	}
	.navigator .sub-li a {
		font-size: 13px !important;
		}ul.menu  {
		max-width: 1100px;
	}
	
	.bloc_event {
		
		height: 498px;
		} .navigator ul.menu .menu-item>a.btn-primary,.navigator ul.menu .menu-item>a.btn-primary-z, .navigator ul.menu .menu-item>a.btn-primary:hover,.navigator ul.menu .menu-item>a.btn-primary-z,.navigator ul.menu .menu-item>a.btn-primary-z:hover{padding-right: 40px !important;
	padding-left: 40px !important;}
	}.rouge .langs {
    right: 0px;
position: absolute;}


@media only screen and (min-width:992px)and (max-width:1180px) {
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a, .navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a {
		font-size: 13px !important;
		
		}.navigator ul.menu .menu-item>a:hover{
		font-size: 15px !important;
		
	}
	.font18{
		
		font-size: 18px;
		
	}
	.navigator .sub-li a {
		font-size: 13px !important;
		}ul.menu  {
		max-width: 1100px;
	}
	
	
	.bloc_event {
		
		height: 498px;
	}
	
	.navigator ul.menu .menu-item>a.btn-primary, .navigator ul.menu .menu-item>a.btn-primary:hover{padding-right: 40px !important;
	padding-left: 40px !important;}
}
.rooftop footer .dark {
    color:#274A42 !important;
}
@media only screen and (max-width: 991px) {
	.horizontal__list {
  display: flex;
  
  width:500vw;
  height:400px;
 }
 
 
.vertligne.font18 {
    font-size: 10px;
}



.titre.font18 {
    font-size: 13px;
}

.titre .font20 {
    font-size: 14px;
	
}




 .horizontal__item, .horizontal__item2, .horizontal__item3 {
    margin-left: 0px;
    box-sizing: border-box;
    max-width: 5000px;
    min-width: 0;
    width: 100vw;
    padding: 15px;
    min-height: 310px !important;height: 310px !important;
    margin-bottom: 50px;
}
.board .slider-heading.slider-heading2, .strategic .slider-heading.slider-heading2 , .management  .slider-heading.slider-heading2 {
    width: 100vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 80%;
    height: auto;
    background: transparent;display:none;

}
.board .slider-heading.slider-heading2 .talign, .strategic .slider-heading.slider-heading2 .talign, .management  .slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 40%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 300px;
    opacity: 1;
    z-index: 1;
}.strategic .blocid {
    aspect-ratio: 420/420;
}
.menuafter:after{
	
display:none;
	
}.blocid .portrait {
    border-radius: 25px;
    border: 1px solid #ED4315;
    position: absolute;
    top: 37px;
    right: 15px;
    width: 90px;
    height: 90px;
}.horizontal__item, .horizontal__item2, .horizontal__item3 {
    margin-left: 30px;
    box-sizing: border-box;
    max-width: 5000px;
    min-width: 0;
    width: 100vw;
    padding: 15px;
    min-height: 450px;height: 450px;
	margin-bottom:50px
}.blocid .nom {
    font-size: 20px;
    color: #ED4315;
    height: 60px;
    border-bottom: 1px solid #ED4315;
}
.perso  {
   
	background:url(img/illustration4.svg) 50% 100px no-repeat;
	
	background-size:130px auto;

	}
.perso2 {
    background: url(img/illustration5.svg) 50% 100px no-repeat;
	
	background-size:130px auto;
}.perso3  {
   
	background:url(img/illustration6.svg) 50% 100px no-repeat;
	
	background-size:130px auto;

	} 
	

	.contentcard {
    flex-wrap: nowrap;
    flex: 0 0 100%;
    height: auto;
    flex-direction: column;
}
	
		.thecard {
   border-radius:0;
}


	.thecard  li {
    list-style: none;
    max-width: 90%;
	}



	.thecard.whitebg {
    background: rgba(255,255,255,0.8) !important;
    transform: translateY(0px) scale(1);
    z-index: 1;
}
	.blocid .portrait {
    border-radius: 25px;
    border: 1px solid #ED4315;
    position: absolute;

    width: 90px;
    height: 90px;
	
	
	
}



.board  .blocid .portrait {
    border-radius: 25px;
    border: 1px solid #000;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 90px;
    height: 90px;
}
.font28 {
    font-size: 18px;
}.pb-lg-115 {
    padding-bottom: 30px !important;
}

	
	.cardboard  .font20 {
    font-size: 18px;
}.cardboard  .font24 {
    font-size: 20px;
}
	.strategic 	.cardboard  v.balign, .board 	.cardboard  .balign {
    position: absolute;
    bottom: -100%;
    top: auto !important;
    left: 50%;
    height: auto !important;
    min-height: 0;
    transform: translate(-50%, 0%);
}
	.slideactu  .slick-slide{

}
	.slider-heading {
    width: 100vw;
    margin-right: 0%;
    display: block;
    vertical-align: top;
    position: relative;
}

	.slider-heading .talign {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    max-width: 77%;
    margin: 0 auto;
}



	
	.homepage .slider-heading {
		width: 100vw;
    margin-right: 0%;
    display: block;
    vertical-align: top;
    position: relative;
    min-height: 300px;
    vertical-align: top;
    float: left;
    z-index: 9999;
    position: relative;

	}
	
	.homepage 	.slider-heading .talign {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    max-width: 77%;
    margin: 0 auto;
}




.slideactu .slick-slide {
    padding:0 15px;
    background: transparent;
    border-radius: 0px;
}
.slideactu .slick-slide .the-slide{
    padding:15px;
    border-radius: 37px;
    margin: 0 0 50px;
}


.slider-container {
    width: 100%;
    margin-right: 0vw;
    display: block;
    vertical-align: top;
}.lien {
    font-size: 16px;
    color: #000;
    background: url(img/arrow.svg) 0 50% no-repeat;
    background-size: 40px auto;
    font-weight: 400;
    text-decoration: underline;
    padding-left: 50px;
    height: 50px;
    position: relative;
    display: block;
    line-height: 50px;
    margin-bottom: 0px !important;
}



	.thetitre {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}
	.thedate {
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    color: #ec4315;
    border-bottom: 1px solid #ec4315;
    font-weight: 700;
}.thetexte {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}.lien {
    font-size: 16px;
    color: #000;
    background: url(img/arrow.svg) 0 50% no-repeat;
    background-size: 40px auto;
    font-weight: 400;
    text-decoration: underline;
    padding-left: 50px;
}
	.wrapper {
		display: block;
		margin: 0 auto;
		position:relative;
		padding-top:80px;
		
		
		background: rgb(236,67,21);
		overflow:hidden;
		
	}
	.navigator.opening .container-fluid > .row {
		background: transparent  !important;
		color: white;
	}
	section:not(.introduction) .imgscale3,section:not(.introduction).imgscale2,section:not(.introduction).insidetexte,.insidetexte2{transform:none !important;}
	section:not(.introduction).imgscale{ transform: scale(1.1) translate(0px, 70px)  !important;}
	.wrapper:after {
		display: block;
		margin: 0 ;
		position:absolute;
		z-index:1;
		width:140dvh;
		height:140dvh;
		top:-20dvh;left:-20dvh;
		
	} 
	.bloc_typecarte .relative,.bloc_typecarte:hover .relative{    background-size:cover !important;}
	
	.rouge .langs {
		right: 50px;
		position: absolute;
		background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
		background-size: 10px auto;
		padding-right: 20px !important;
	}	
	h3.font30 {
		font-size: 18px;
	}
	.restaurant	.headerrestaurant .balign {
		position: absolute;
		bottom: 34px;
		top: auto !important;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	.btn-primary-r{
	}	
	.navigator{
		overflow-x:hidden  !important;
		overflow-y:hidden  !important;
	}
	.horairecontainer2 {
		width: auto;
		background-size: 100% auto;
		border-radius: 0 120px 0 0;
		border: 0;
		margin: 10px 0px  0px 0px;
		padding: 10px 0px;
	}
	.horairecontainer2 .horaireinfo{
		border-bottom:2px solid #292721;
		padding-bottom:30px;
		padding-top:30px;
	}
	
	.contactpage  .horairecontainer2  .container-fluid > .row >  .col-lg > h3{
		margin-top:30px  !important;
	}
	.contactpage  .contact{
		padding-bottom:30px  !important;
	}
	.lescartes .br190.headerrestaurant{    position: absolute;
		top: 0;
	width: 100vw;}
	.lescartes .accordion{margin-top: 710px  !important;}
	
	#contact > div.px-4.px-lg-0 > div > div > div > div > div > div > div > div:nth-child(3),.last.col-lg {
		border-bottom:0;
		padding-bottom:0px   !important;
		
	} 
	
	
	.lescartes  .accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#ED4315 !important;
		transition:all 600ms;
		transition-delay:400ms;
	}
	
	
	.lescartes  .accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#ED4315 !important;
		transition:all 600ms;
		transition-delay:400ms;
	}
	.lescartes  .accordion  .open .submenu li  p.white {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#fff !important;
		transition:all 600ms;
		transition-delay:400ms;
	}
	.lescartes .accordion .bloc_typecarte .relative {
		border-radius: 120px 120px 0 0  !important;
		}   .lescartes  .accordion {
		border-bottom: 2px solid #ED4315;
		background: #E3D1BA;
	}
	.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech  {
		
		margin-right:0px;        padding: 0 ;	
		
		
	}
	.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech{
		
		margin-left:0px;	        padding: 0 ;
		
	}
	
	.lescartes  .col-lg-6:nth-of-type(odd) .bloc_typecarte  {
		
		margin-right:0px;	        padding: 0 13px;
		
		
	}
	.lescartes  .col-lg-6:nth-of-type(even) .bloc_typecarte{
		
		margin-left:0px;	        padding: 0 13px;
		
	}
	
	.slider_sliderevenement .slick-slide,.slider_evenement .slick-slide  {
		
	padding:0 35px;}
	.btn_retour {
		position: absolute;
		top: 70px;
		left: 20px;
		width: 35px;
		height: 35px;
		z-index: 10;
	}
	.btn_retour.btn_retourrouge {
		position: absolute;
		top: 70px;
		left: 20px;
		width: 35px;
		height: 35px;
		z-index: 10;
	}
	
	.slider_evenementfixedwrap {
		
		border-radius: 120px 120px 0 0;
		right: 50%;
		transform: translateX(50%);
	}
	.bloc_offre .relativetxt, .bloc_resa .relativetxt {
		width: 100%;
		display: flex;
		position: relative;
		flex-direction: column;
		min-height: 0px;
		margin:30px 0;
	}
	.fixed.video-js{    top: -2px !important;}
	.bloc_typech {
		
		text-align:center;
		
		
	}
	.bloc_photoresto,.bloc_photorooftop{
		
		
		min-height: 410px;
	}
	
	.mh-lg-900{
		
		min-height:900px;
	}
	
	
	.prehome .prehome.valign {
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translate(-50%, 0);
		transition: all 1s;
	}
	.slider_ch  .slick-slide{padding: 0 10px;}
	.slider_rse  .slick-slide{padding: 0 10px;}
	.bloc_slidech  {
		
		height: 750px;   
		height: auto;
		aspect-ratio: 301 / 695;
		
		
	}	
	
	.slidercarte {
		background: #ED4315 ;
	}
	
	.slidercarte .h-50 {
		background: #ED4315;
		background-size:cover ;
	}
	
	#slidercarte svg.balign,
	#slidercarte svg.talign{
		
		width: 1500px !important;		
	}
	
	.bloc_event {
		display: block;
		position: relative;
		height: 396px;
		max-width: 500px;
	}
	
	#slidercarte svg.talign{
		
        top: -82px !important;
        left: 50% !important;
        right: auto !important;
	}	
	
	
	
	
	#slidercarte svg.talign #Groupe_défilant_1{
		transform: translate(546px, 3px)  !important;
		
	}
	
	#slidercarte svg.talign #clip-path2 rect{
		x:-1000  !important;
		
	}
	
	#slidercarte svg.balign{
		bottom: -65px !important;
        right: -1501px !important;
        left: auto !important;
	}
	.slidershowreel,.lescartes .br190.headerrestaurant,.slidershowreel ,.slidershowreel .blocslide,.slidershowreel  {
	min-height:760px;height:760px !important;}
	.btn-primary.balign.leftalign {
		position: absolute;
		bottom: -2px;
		left: 50%;
		transform: translate(-50%, 0%)  scale(1);
		width: 297px;
		}		.btn-primary.balign.leftalign:hover {
		position: absolute;
		bottom: -2px;
		left: 50%;
		transform: translate(-50%, 0px)  scale(1.08);
	}
	.bloc_typecarte {text-align: center;}
	
	.headerrestaurant h3{
		font-size: 18px !important;
		
	}
	
	
	
	.headerrestaurant h1{
		margin-top:100px !important;		
		font-size:34px !important;
		
	}
	
	.bloc_slidech .relative {
		
        height: auto;aspect-ratio: 285 / 462;
		
		
	}
	.slider_evenementfixed    .slick-slide {
        padding: 0 0px;
	}
	
	
	.slider_carteroof  .slick-slide {
		padding: 0 35px;
	}
	
	
	h1.font50 {
		font-size: 34px;
		margin-top:100px !important;
		
		}.br190 {
		border-radius: 120px 120px 0 0 !important;
		overflow: hidden;
	}
	
	.navigator li .sub-menu{
		
		padding: 0 0px;
		
	}
    /* .slider_quartier .slick-slide {
        padding: 0 25px;
	} */
	/* .slider_resa {
        padding: 0 15px;
	} */
    .slider_quartier .slick-slide, .slider_evenement .slick-slide{
        padding: 0
	}
    video {
        width: auto;
		height: calc(100vh + 632px);
		
	}
	
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
	}
	
	.introduction {
		width: 100%;
		height: calc(100vh + 834px);
	}
	
    .card {
        width: 100%;
        display: block;
        position: absolute;
        border: 20px solid #E2876F;
        border-radius: 130px 130px 0 0;
		height: 630px;
        color: #fff;
        padding: 0;
        bottom: -1px;
		left: 0;
        transform: translateY(-0%);
		cursor:pointer !important;
		pointer-events:all !important;
		
	}
	
    .card.rooftop {
        border: 20px solid #274A42;
		
        transform: translateY(0px);
		
		height: 434px;
		
		
	}
	
    .card.hotel {
        border: 20px solid #E3D1BA;
        transform: translateY(0%);
		
        height: 250px;
		
	}
	
    .card .valign {
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translate(-50%, 0%);
	}
	
    .card .valign .font38 {
        font-size: 35px;text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	}
	
    .menu {
        display: none ;
	}
	
    .caption {
        font-size: 18px;
        font-weight:900;
	}
	
    .hamburger {
        width: 40px;
		
        height: 40px;
		
        position: relative;
		
        cursor: pointer;
        display: block;
		
		
        position: fixed;
		
        top: 25px;
		
        right: 15px;
		z-index:999;
		pointer-events:all;
        background-color: transparent;
	}
	.rouge .hamburger span{
		background: #ED4315  ;
	}
    .white .hamburger span,
    .hamburger span {
        z-index: 3;
		
        display: block;
		
        position: absolute;
		
        height: 2px;
		
        width: 100%;
		
        border-radius: 1px;
		
        opacity: 1;
		
        left: 0;
		
        -webkit-transform: rotate(0deg);
		
        -moz-transform: rotate(0deg);
		
        -o-transform: rotate(0deg);
		
        transform: rotate(0deg);
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .25s ease-in-out;
	}
	
    .white .hamburger span:nth-child(1),
    .white2 .hamburger span:nth-child(1),
    .hamburger span:nth-child(1) {
        top: 0px;
        background: #fff;background: #ED4315;
		background-size:40px auto;
		
	}
	
    .white .hamburger span:nth-child(2),
    .white2 .hamburger span:nth-child(2),
    .hamburger span:nth-child(2) {
        top: 14px;
		
        background: #fff;
		background: #ED4315;
		background-size:40px auto;
        height: 2px;
		
        width: 60%;
		
        left: 50%;
		
        transform: rotate(0deg) translate(-50%, 0);
		
		
	}
	
    .white .hamburger span:nth-child(3),
    .hamburger span:nth-child(3),
    .white2 .hamburger span:nth-child(3),
    .hamburger span:nth-child(3) {
        top: 28px;
		
        background: #fff;background: #ED4315;
		background-size:40px auto;
		
		
	}
	
    .black .hamburger span:nth-child(1) {
		
        top: 0px;
        background: #292721;
		background: #ED4315;
		background-size:40px auto;
		
	}
	
	
	
    .black .hamburger span:nth-child(2) {
		
        top: 14px;
		
        background: #292721;
		background: #ED4315;
		background-size:40px auto;
		
        width: 60%;
        left: 50%;
		
        transform: rotate(0deg) translate(-50%, 0);
	}
	
	
	
	
    .black .hamburger span:nth-child(3) {
		
        top: 28px;
		
        background: #292721;
		background: #ED4315;
		background-size:40px auto;
		
		
	}
	
	
    .hamburger.in span:nth-child(1) {
        top: -4px;
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .20s ease-in-out;
		
		
        background: #fff;
	}
	
    .hamburger.in span:nth-child(2) {
        background: #fff;
		
		
		
        width: 60%;
		
		
		
        margin: 0 auto;
		
	}
	
    .hamburger.in span:nth-child(3) {
        top: 34px;
		
        -webkit-transition: .16s ease-in-out;
		
        -moz-transition: .16s ease-in-out;
		
        -o-transition: .16s ease-in-out;
		
        transition: .16s ease-in-out;
		
		
        background: #fff;
		
		
	}
	
    .hamburger span {
        z-index: 3;
		
        display: block;
		
        position: absolute;
		
        height: 2px;
		
        width: 100%;
		
        border-radius: 1px;
		
        opacity: 1;
		
        left: 0;
		
        -webkit-transform: rotate(0deg);
		
        -moz-transform: rotate(0deg);
		
        -o-transform: rotate(0deg);
		
        transform: rotate(0deg);
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .25s ease-in-out;
	}
	
    .hamburger span:nth-child(1) {
        top: 0px;
	}
	
    .hamburger span:nth-child(2) {
        top: 14px;
	}
	
    .hamburger span:nth-child(3) {
        top: 28px;
	}
	
    .hamburger.open span:nth-child(1) ,
	.black .hamburger.open span:nth-child(1) {
        top: 14px;
		
        -webkit-transform: rotate(135deg);
		
        -moz-transform: rotate(135deg);
		
        -o-transform: rotate(135deg);
		
        transform: rotate(135deg);
		
        background: #fff;
		
		
		
		
	}
	
    .black .hamburger.open span:nth-child(2),
	.hamburger.open span:nth-child(2) {
        opacity: 0;
		
        left: -30px;
		
        -webkit-transition: .16s ease-in-out;
		
        -moz-transition: .16s ease-in-out;
		
        -o-transition: .16s ease-in-out;
		
        transition: .16s ease-in-out;        background: #fff;
		
	}
	
    .hamburger.open span:nth-child(3),
	.black .hamburger.open span:nth-child(3){
        top: 14px;
		
        -webkit-transform: rotate(-135deg);
		
        -moz-transform: rotate(-135deg);
		
        -o-transform: rotate(-135deg);
		
        transform: rotate(-135deg);
		
        background: #fff;
	}
	
	
	
	.navigator {
		height: 130px !important;
		position: fixed !important;
		background: transparent;
		top: 0 !important; 
	}
    .menu {
		flex-direction: column;
        display: none !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        text-align: left;
        justify-content:center !important;
        color: #292721;
        padding:0;
	}
	
    .menu.opening {
		flex-direction: column;
        display: flex !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        margin-top: 90px;
        text-align: left;
        justify-content:center !important;
        color: #292721;
        padding:0;
	}
    .navigator ul.menu.opening  .menu-item {
		overflow:hidden;
		font-size:34px;
		line-height: 60px;
		font-family: "Inter", sans-serif;
		font-weight: 400;
		display: inline-block;
		height: auto;
		font-weight: 800 !important;
		position:relative;
	}
	
	
	.navigator li .sub-menu{
		position: relative;
		left: 0;
		top: 0px;
		padding: 0;
		text-align: left;
		
		
	}
	.navigator li .sub-menu li{
		position: relative;
		
		height: 40px;
		line-height: 40px;
		
	}
	
	
	.navigator ul.menu.opening  .menu-item>a {
		position:relative;
		left:auto;
		top:auto;
		
        color: #fff !important;
        font-size:30px;
		line-height: 60px;
		font-family: "Inter", sans-serif;
		display: block;
		height: 60px;
		font-weight: 300 !important;
		text-decoration: none;
		text-transform: none;
		position: relative;
		white-space:nowrap;
	}
	
	.navigator ul.menu.opening  .menu-item.font14 {
		
		height: 30px 
		
	}
	.img-responsive.img1  {
		max-width: 300px !important;
		}.img-responsive.img2 {
		max-width: 250px !important;
	}
	.navigator ul.menu.opening  .menu-item>a.font14 {
		position:relative;
		left:auto;
		top:auto;
		
        color: #fff !important;
        font-size:20px;
		line-height: 30px;
		font-family: "Inter", sans-serif;
		display: block;
		height: 30px;
		font-weight: 300 !important;
		text-decoration: none;
		text-transform: none;
		position: relative;
		white-space:nowrap;
	}
	
	
	.navigator .sub-li a {
		background: none;
		font-size:18px;
		text-transform:uppercase;
		text-decoration:none;
		color: #292721 !important;  
		font-weight: 600 !important;
		
		
	}
	
	.navigator ul.menu.opening  .menu-item>a .outl {
        color: #292721 !important;
        font-size:34px;
		line-height: 80px;
		font-family: "Inter", sans-serif;
		font-weight: 400;
		display: inline-block;
		height: 80px;
		font-weight: 800 !important;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
		display: inline-block !important;
		white-space: nowrap;
		color:#E2876F !important;
		text-shadow: rgb(48, 48, 48) 2px 0px 0px, rgb(48, 48, 48) 1.75517px 0.958851px 0px, rgb(48, 48, 48) 1.0806px 1.68294px 0px, rgb(48, 48, 48) 0.141474px 1.99499px 0px, rgb(48, 48, 48) -0.832294px 1.81859px 0px, rgb(48, 48, 48) -1.60229px 1.19694px 0px, rgb(48, 48, 48) -1.97998px 0.28224px 0px, rgb(48, 48, 48) -1.87291px -0.701566px 0px, rgb(48, 48, 48) -1.30729px -1.5136px 0px, rgb(48, 48, 48) -0.421592px -1.95506px 0px, rgb(48, 48, 48) 0.567324px -1.91785px 0px, rgb(48, 48, 48) 1.41734px -1.41108px 0px, rgb(48, 48, 48) 1.92034px -0.558831px 0px;
	}
    .font18 {
        font-size: 18px;
	} 
	h2.font18,	h3.font25 {
        font-size: 18px;
	}
	.lh23 {
		line-height:20px;
	}
	footer p {
		font-size: 18px;
		height: auto;
		line-height: 60px;
	}
	
	.lignetabw img,.lignetab img,.btntab img{ 
		width: 40px !important;
	}
	.lignetabw  img:first-of-type(),.lignetab img:first-of-type(){ 
		margin-top: 15px;
	}
	
	footer {
		height: auto;
	}
    footer p {
		
	} 
	
	
	footer p a{
		text-align:left;
		line-height:40px;
		white-space  : nowrap;
		width:100%;		display:block !important;
		
	}
    .horairecontainer {
		
		margin: 30px 0 0;
		padding: 30px 10px;
	}
	.introduction .valign {
		position: absolute;
		top:66px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	
	.logo {
		width: 80px;
		display: block;
		position: relative;
		height: 80px;
		
	}
	
	
	
	
	.langs {
		display:none;
		
		right: auto;
		left:20px;
		color:#292721;
		background: url(img/downd.png) 100% 12px no-repeat;
		background-size: auto 20px;
		padding-right:30px  !important;
	}
	
	
	.opening .langs {
		display:block;
		right: auto;
 		color:#292721  !important;
	}
	
	.opening .langs a{
		
		color:#292721 !important;
	}
	.outl, .navigator ul.menu .menu-item>a > span {
		display: inline-block !important;
	}
	
	.navigator li:hover:after {
		width:0px;
		
		transition:0.5s;
		display:none;
		
	}
	
	
	
	
	
	
	
	
	.texte3,.texte3b,.texte4,.texte7{
		left: 0%;
		height: 152px !important;
		width: auto !important;
	}
	.navigator .menu-item {
		text-align: center;
		}.navigator li .sub-menu {
		position: relative;
		left: 0;
		top: -20px;
		padding: 0 0 0 15px ;
		text-align: left;
		}.navigator .langs  li .sub-menu {
		position: relative;
		left: 0;
		top: -30px;
		padding: 0 0 0 0px ;
		text-align: left;
	}
	.introduction .card .valign {
		top: 65px;
		
	}
	.introduction .card.great .valign {
		transition: all 1s;
		transform: translate(-50%, 125px);
	}
    .card.great {
		
        height: 680px;
		
	} 
	.card.hoodresaurant.great,
	.card.rooftop.great,
	.card.hotel.great{
		
        height: 740px;
		
	}
	
	h3,
	.h3 {
		font-family: "Inter", sans-serif;
		font-weight: 800;
		font-size: 18px;
		text-transform: uppercase;
		
		color: #E2876F;
		
		
	}
	
	.p-80 {
		padding: 30px;
	}
	.lignetab p {
		height:  100%;
		margin-bottom:0;
	}
	
	
	
	.lignetabw p {
		min-height: 100%;
		height: auto;
		margin-bottom:0;
	}
    .container,  .container-xl, .container-xxl {
        --bs-gutter-x:4.375rem
	}
	
	
	
    .slider_evenementfixedwrap {
        width: calc(100% - 50px);
        padding-bottom: 60px
        
	}
    .slider_evenementfixedwrap .closemodal {
        bottom: 5px;
	}
    .slider_carteroof .slick-slide {
        padding: 0;
	}
    .introduction {
        height: auto !important;
		padding-bottom: 60px
		
	}
	
	    .introduction.introduction2 {
        height: auto !important;
		padding-bottom: 0px
		
	}
	
	
	
	.noview {
		display: none;
		text-align: left;
		background: #ED4315 !important;
		color: #fff !important;
		border-radius: 7px;
		padding: 8px;
		text-align: left;
		font-size: 12px;
		position: relative;
		z-index: 3;
		cursor: pointer;
		top: auto;
		left: auto;
		width: 100%;
		font-family: "Inter", sans-serif;
		font-weight: 400;
	}
	 
    
}
.btn{
    line-height:50px !important
	
}


.apple .btn{
    line-height:44px !important
	
}