@charset "utf-8";
/* CSS Document */

@media (min-width:60px){
	
}
@media (min-width:360px){

}
@media (min-width:500px){

}
@media (max-width:767px){
	.container-fluid.nav-fond{padding-right: var(--bs-gutter-x, 0);padding-left: var(--bs-gutter-x, 0);}
	.menu2{padding-top:20px;padding-bottom:0;}
	.connexion{display:block;width:50%;}
	.connexion a{width:100%;text-align:center;height:50px;line-height:50px;}
	.menu3{display:block;width:50%;}
	.menu3 a{ width:25%;text-align:center;height:50px;line-height:50px;}
	.navbar-brand{margin-right:0;}
	.us{background-color:var(--w-bluelight)}
	.me{background-color:var(--w-blue2)}
	.agence{background-color:var(--bs-light)}
	.planning {background-color:var(--w-blue5)}
	.planning::before {color:#fff;}
	.us span,
	.me span,
	.planning span{transform: translate(10px,-35px);opacity: 0.9;color:#fff;}
	.agence span	{transform: translate(10px,-35px);opacity: 0.9;color:#000;}
	.us:hover ,
	.me:hover ,
	.planning:hover ,
	.agence:hover{background-color:var(--w-bg-btnup)}
	.us:hover span,
	.me:hover span,
	.planning:hover span,
	.agence:hover span{transform: translate(10px,-35px);opacity: 1;color:#fff;}
	.navbar-collapse{padding-left:0;}
	.dropdown-menu{display:block;padding:0 0 0 15px;background-color:transparent;border-width:0;}
	.dropdown-item { font-size: 1em;}
}
@media (min-width:768px){
	.brand{width:30%;padding-right:1rem;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:30%}
	.navbar-brand {margin-right:0;width:50%;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;text-align:center;}
	.connexion{padding-bottom:10px}
}
@media (min-width:800px){
	.brand{width:30%;padding-right:1rem;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:25%}
	.navbar-brand {margin-right:0;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;text-align:center;}
	.dropdown-item {font-size: 1.1em;}
	.connexion{padding-bottom:10px}
}
@media (min-width:900px){
	.brand{width:30%;padding-right:1rem;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:30%}
	.navbar-brand {margin-right:0;width:70%;}

	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.1em;line-height:2em;text-align:center;}

	.connexion{padding-bottom:10px}
}
@media (min-width:1000px){
	.brand{width:15%;padding-right:1rem;}
	.menu{width:70%}
	.menu2{width:30%;position:absolute;right:0;top:20px;}
	.navbar-brand {margin-right:0;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.1em;line-height:2em;text-align:center;}
}
@media (min-width:1024px){
	.brand{width:15%;padding-right:1rem;}
	.menu{width:70%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.1em;line-height:2em;text-align:center;}
	.dropdown-item {font-size: 1.1em;}
}
@media (min-width:1100px){
	.brand{width:15%;padding-right:1rem;}
	.menu{width:70%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;text-align:center;}
}
@media (min-width:1200px){
	.brand{width:15%;padding-right:1rem;}
	.menu{width:70%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;}
}
@media (min-width:1300px){
	.brand{width:15%}
	.menu{width:65%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;}
		.connexion{width:50%;}
	.menu3{width:50%;}
	.navbar-light .navbar-nav .nav-link {font-size: 1.3em;line-height:2em;}
	.dropdown-item {font-size: 1.2em;}
}
@media (min-width:1400px){
	.brand{width:20%}
	.menu{width:60%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;}
	.navbar-light .navbar-nav .nav-link {font-size: 1.3em;line-height:2em;}
}
@media (min-width:1500px){
	.brand{width:20%}
	.menu{width:60%}
	.menu2{width:30%}
	.navbar-brand {margin-right:0;margin-top:10px;width:20%;}
	.connexion{width:50%;}
	.menu3{width:50%;}
	.navbar-light .navbar-nav .nav-link {font-size: 1.5em;line-height:2em;}
	.dropdown-item {font-size: 1.4em;}
}
@media (min-width:1600px){
	.brand{width:20%}
	.menu{width:55%}
	.menu2{width:30%}
	.connexion{width:50%;}
	.menu3{width:50%;}
}
/*@media (min-width:1700px){
	.brand{width:25%}
	.menu{width:50%}
	.menu2{width:25%}
}*/