
@media (min-width:500px) {
	.sousmenu:hover {
		display:block!important;
	}
}
.sousmenu	{	
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    z-index: 1000;
    float: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}








.init_bandeau_mx {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none
}


.init_bandeau_mx .dispo_immediate {
	float:left;
	margin:15px 30px 0 0;
	color:#fff;
	letter-spacing: 1px;
	font-size: 15px;
	/* font-weight:600; */
}

.init_bandeau_mx .dispo_immediate div{
	float:left;
}
.init_bandeau_mx .dispo_immediate .glissant{
	margin: 0 20px;
	width:54px;
	height:22px;
	border-radius:25px;
	background-color:#fff;
}
.init_bandeau_mx .dispo_immediate .glissant	div{
	width:20px;
	height:16px;
	margin:3px;
	border-radius:25px;
	background-color:green;
}
@media (max-width:1360px) {
	.init_bandeau_mx .dispo_immediate .voir_le{
		display:none;
	}
}
	
@media (max-width:710px) {
	.init_bandeau_mx .dispo_immediate {
		display:none;
	}
}
	
	
	

.init_bandeau_mx .bandeauSearch {
	background-color: #000;
	height: 65px;
	width: 1fr;
	padding: 5px;
	position:relative;
	/* overflow: hidden */
}


.init_bandeau_mx  .bandeauSearch .profil_nom {
	font-size: 11px;
	color: #8f8ff1;
	position: absolute;
	right: 14px;
	bottom: -16px;
	z-index:1;
	font-weight: 600;
}
.init_bandeau_mx  .bandeauSearch .utility {
	float:right;
	margin-top:4px;
}
.init_bandeau_mx  .bandeauSearch .utility .utility_icon {
	position:relative;
	float:left;
}

.init_bandeau_mx  .bandeauSearch .utility img {
	filter:invert(100%);
	width:30px;
	margin:10px;
}
.init_bandeau_mx  .bandeauSearch .utility .logout	img {
	filter:invert(0%)!important;
}


.init_bandeau_mx  .bandeauSearch .telephone a {
	color: rgb(255,214,0);
}
.init_bandeau_mx  .bandeauSearch .telephone {
	font-family: bold;
	font-size:30px;
	float:left;
	margin-top:2px;
	margin-right:40px;
}

@media (max-width:1050px) {
	.init_bandeau_mx  .bandeauSearch .telephone {
		display:none;
	}
}


.init_bandeau_mx  .bandeauSearch .logo {
	height: 55px;
	float: left;
}

.init_bandeau_mx .bandeauSearch .champsrecherche1 {
	border: none;
	border-radius: 0;
	background-color: #fff;
	float: left;
	font-size: 17px;
	height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	
	padding:20px;
	width:50%;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}

.init_bandeau_mx .bandeauSearch .champsrecherche2 {
	border: none;
	border-radius: 0;
	background-color: #fff;
	float: left;
	font-size: 17px;
	margin-left: 3%;
	height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	
	padding:20px;
	width:30%;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
@media (max-width:1220px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:20%;
	}	
}
@media (max-width:1050px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:30%;
	}	
}	
@media (max-width:850px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:24%;
	}	
}	
@media (max-width:772px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:20%;
	}	
}	
@media (max-width:734px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:17%;
	}	
}	
@media (max-width:710px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		width:36%;
	}
}
@media (max-width:355px) {
	.init_bandeau_mx .bandeauSearch .champsrecherche2 {
		display:none;
	}
}
	
@media (max-width:216px) {
	.init_bandeau_mx .bandeauSearch .utility {
		display:none;
	}
}
	

.init_bandeau_mx .bandeauNav {
	background-color: #000;
	opacity: .85;
	width: 1fr;
	padding-left: 15%;
	display: grid;
	grid-template-columns: 20% 80%;
	grid-template-rows: 1fr
}

.init_bandeau_mx .MxEvenementLogo {
	width: 100%;
	float: left;
	box-sizing: border-box;
	object-fit: contain
}

.init_bandeau_mx .MxEvenementLogo img {
	object-fit: contain;
	width: 100%;
	height: 120px;
	padding: 0;
	float: left
}

.init_bandeau_mx .navMenu {
	width: 100%;
	height: 1fr;
	margin-top: 40px;
	margin-bottom: auto;
	float: left;
	font-family: sans-serif
}

.init_bandeau_mx .navMenu a {
	text-decoration: none
}

.init_bandeau_mx .navMenu ul {
	background: 0 0;
	list-style: none;
	padding-left: 0
}

.init_bandeau_mx .navMenu li {
	color: #fff;
	background-color: #000;
	display: block;
	float: left;
	padding: 10px;
	position: relative;
	text-decoration: none;
	transition-duration: .5s;
	box-sizing: border-box
}

.init_bandeau_mx .navMenu li a {
	color: #fff
}

.init_bandeau_mx .navMenu li:hover {
	background: red;
	cursor: pointer
}

.init_bandeau_mx .navMenu ul li ul {
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all .5s ease;
	left: 0;
	display: none;
	margin-top: 10px
}

.init_bandeau_mx .navMenu ul li ul:hover,
.init_bandeau_mx .navMenu ul li:focus-within>ul,
.init_bandeau_mx .navMenu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	display: block;
	background-color: #000;
	position: relative;
	z-index: 10
}

.init_bandeau_mx .navMenu ul li ul li {
	clear: both;
	width: 100%
}

.init_bandeau_mx ul li ul:hover,
.init_bandeau_mx ul li:focus-within>ul {
	visibility: visible;
	opacity: 1;
	display: block;
	position: relative;
	z-index: 10
}

@media screen and (max-width:450px) {
	
	.init_bandeau_mx  .bandeauSearch .utility img {
		margin-top:10px;
		margin-left:5px;
		margin-right:5px;
	}
}
@media screen and (max-width:400px) {
	
	.init_bandeau_mx  .bandeauSearch .utility img {
		width:25px;
	}
}
@media screen and (max-width:800px) {
	.init_bandeau_mx .MxEvenementLogo {
		padding: 0;
		float: none;
		display: block;
		width: 100%;
		text-align: center
	}
	.init_bandeau_mx .MxEvenementLogo img {
		width: 150px;
		height: 110px;
		float: none;
		padding: 0
	}
	.init_bandeau_mx .bandeauNav {
		height: 1fr;
		grid-template-rows: 1fr;
		grid-template-columns: 75%;
		background-color: #000;
		opacity: 1
	}
	.init_bandeau_mx .navMenu {
		display: none
	}
}