/* mobile style header */
@media only screen and (max-width: 767px) {
	#nav-desktop {
		display: none;
	}

	#nav-tablette {
		display: none;
	}

	#nav-mobile {
		display: block !important;
	}

	.bar-grand-menu-mobile {
		background: #9CCFEA !important;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		height: 73px;
		position: fixed;
		top: 0;
		width: 100% !important;
		z-index: 98;
	}

	.bar-grand-menu-mobile a img {
		margin-top: 12px;
		right: 8px;
	}

	.bar-grand-menu-mobile a {
		display: flex;
		float: left;
	}

	.btn-racourci {
		position: relative;
		margin-left: 5%;
	}

	.bar-grand-menu-mobile .logo-mob-droite {
		/* float: inline-end; */
		margin-left: 1px !important ;
		margin-right: 25px;
		border-radius: 11px;
		margin-top:13px;
	}

	.bar-grand-menu-mobile .recup img {
		background: #FFF;
		padding-left: 6px;
		padding-top: 6px;
		padding-right: 6px;
		padding-bottom: 6px;
		border-radius: 11px;
		margin-left: 100px;
	}

	.bar-grand-menu-mobile .cont img {
		background: #FFF;
		padding-left: 6px;
		padding-top: 6px;
		padding-right: 6px;
		padding-bottom: 6px;
		border-radius: 11px;
	}
	

	.bar-grand-menu-mobile .header-ver-mobile {
		margin-top: 22px !important;
		margin-left: 0px;
	}

	.bar-grand-menu-mobile .mes-menu-principale {
		position: static;
		position: absolute;
		width: 100%;
		height: 396px;
		background: #59C0F0;
		transition-duration: 0.3s;
		transform: translateY(-400px);
		z-index: 100;
	}

	.width--sidebar {
			.mes-menu-principale {
				transform: translateY(0px);
			}
}

	.bar-grand-menu-mobile ul .sous-logo {
		float: inline-start;
	}



	.bar-grand-menu-mobile .mes-menu-principale .sous-logo {
		margin-top: 5px;
		width: 123px;
		height: 53px;
		background: #FFF;
		border-radius: 0px 200px 200px 0px;
	}


	#liste-menu-mobile {
		list-style-type: none;
		margin-top: 12px;
		margin-right: 42px;
	}

	#liste-menu-mobile li {
		text-align: center;
	}

	#liste-menu-mobile li button {
		border: none;
		background: none;
	}

	#liste-menu-mobile li button .m-mobile-menu {
		color: #fff;
		font-family: Nexa-Bold;
		font-size: 24px;
		font-style: normal;
		margin-bottom: 15px;
	}

	#liste-menu-mobile li button .mobile-actif {
		color: #000;
		width: 217px;
		height: 35px;
		background: #F9BE1D;
		border-radius: 19px;
		border: 1px solid #000;
	}

	#close-menu {
		position: absolute;
		margin-left: 303px;
		margin-top: 21px;
		font-size: 25px;
		color: #fff;
		cursor: pointer;
	}

	#close-menu:hover {
		color: #F9BE1D;
		transition-duration: 0.2s;
		font-size: 30px;
	}

	@keyframes slideOut {
		from {
			transform: translateY(0);
		}
		to {
			transform : translateY(-400px);
		}
	}

	@keyframes slideIn {
		from {
			transform: translateY(-400px);
		}
		to {
			transform: translateY(0);
		}
		
	}

	.slide-out {
		animation: slideOut 0.3s ease-in-out forwards;
	}

	

}

/* footer mobile version */

@media only screen and (max-width : 767px) {
	#web-footer {
		background: #9CCFEA !important;
		height: 614px;
		width: 100% ;
	}

	.image-manao {
		margin-left: 90px !important;
		width: 100px;
		height: 50px;
		margin-top: -140px;
		text-align: center;
	}

	#web-footer .cont-foot {
		width: 331px !important;
		height: 522px !important;
		margin-top: -40px;
	}

	.block-footer {
		display: row;
		margin-left: 10px !important;
		margin-top: -45px;
	}

	.block-footer .travail {
		font-size: 22px;
		
	}

	.travailler-emploi a {
		margin-left: 10px;
	} 

	.links-1 {
		margin-top: 180px !important;
		padding-top: -20px !important;

	}

	.links-2 {
		margin-top: -220px;
		position: absolute !important;
		display: row !important;
	}

	.links-2 .block-suivre .nous-suivre-footer {
		display: flex;
	}

	.social-links a img {
		width: 30px !important;
		height: 30px !important;
		padding: 5px !important;
		margin-top: 40px;
	}

	.social-links {
		margin-left: 10px;
	}

	.links-2 .block-suivre .nous-suivre-footer .suivre {
		margin-left: -40px !important;
		font-size: 22px !important;
	}

	.links-2 .block-suivre .abonner {
		width: 239px;
		height: 35.115px;
		margin-left: -20px !important;
		margin-top: -25px !important;
	}

	.links-2 .block-suivre .abonner br {
		display: none;
	}

	.links-1 .block-emploie .travail {
		margin-left: 10px !important;
		font-size: 22px !important;
	}

	.links-1 .block-emploie .trouver-emploie  {
		display: flex;
	}

	.links-1 .block-emploie .trouver-emploie .offre {
		width: 127px;
		height: 45.65px;
		margin-left: 10px;
		margin-top: 0px;
	}

	.links-1 .block-emploie .trouver-emploie .offre-1 {
		margin-left: 158px;
		position: absolute;
		margin-top: -20px;
	}

	.links-3 {
		position: absolute;
		margin-top: -40px !important;
		margin-left: -30px;

	}

	.links-3 .block-contact .travail {
		font-size: 22px;
	}

	.links-3 .block-contact .parti-contact {
		display: flex;
	}

	.links-3 .block-contact .parti-contact div {
		margin-top: -10px;
		margin-left: 12px;
	}

	.links-3 .block-contact .parti-contact .plateforme {
		font-size: 17px;
		margin-left: 7px;
	}

	.links-3 .block-contact .parti-contact .acces img {
		width: 23px;
		height: 23px;
	}

	.links-3 .block-contact .parti-contact .acces_2 {
		margin-left: 30px;
	}

	.links-3 .block-contact .parti-contact .acces_1 .acces img {
		position: absolute;
		margin-top: 10px;
		
		/* display: none; */
	}

	.links-3 .block-contact .parti-contact .acces_1 .acces span .env-mail {
		margin-left: 35px;
	}

	.links-3 .block-contact .parti-contact .acces_1 .acces span {
		margin-left: 37px;
	}

	.links-3 .block-contact .parti-contact .acces_2 .acces img  {
		position: absolute;
		margin-top: 10px;
	}

	.links-3 .block-contact .parti-contact .acces_2 .acces span .env-add {
		margin-left: 35px;
	}

	.links-3 .block-contact .parti-contact .acces_2 .acces span {
		margin-left: 37px;
	}

	.hr-footer {
		width: 292.002px;
		height: 2px;
		background: #FFF;
		position: absolute;
		margin-top: 130px;
		margin-left: 20px;
	}


}



@media only screen and (min-width: 768px) {
	#nav-mobile {
		display: none;
	}
.links-3 .block-contact .parti-contact .acces_1 .acces span br {
	display: none;
}

.links-3 .block-contact .parti-contact .acces_2 .acces span br {
	display: none;
}

.hr-footer {
	display: none;
}
	
}