@charset "utf-8";
/* CSS Document */
@media (max-width:767px){
	.navbar {width:80%;}
	.open > .dropdown-menu {width: 97%;}
}
@media (min-width:60px){
	.connexion .menu{display:none!important;}
	.connexion .brand{/*width: 100%;*/
		padding-right:var(--bs-gutter-x, 0.75rem);
		padding-left:var(--bs-gutter-x, 0.75rem);
		margin-right: auto;
		margin-left: auto;
	}
	.brand {  width: 100%;}
	.navbar-brand{  width: 100%;}
	#logo {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin:0 auto;
	}

	#logo img {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin:0 auto;
	}
	.navbar-nav .dropdown-menu {
		position:absolute;
	}
	.menu {font-family: "menu";}
	.menu .nav > li > a { color:var(--mac); background-color: var(--mabk); border:2px solid var(--mabdr);
	border-radius:  var(--marad);
	text-transform:uppercase;margin-right: 1em;margin-bottom: 0.25rem;}

	.nav > li > a:hover, .nav > li > a:focus,.nav > li.active> a {
		text-decoration: none;
		color:var(--macf); 
		background-color: var(--mabkf);
		cursor:pointer;
		border:2px solid var(--mabdrf);
	}
	
	.menu .dropdown-menu a{color:var(--odpmc);background-color:var(--odpmcbk);height:50px;line-height:50px;padding: 0px 10px 15px 10px;margin-bottom:2px;display:block;}
	.menu .dropdown-menu a:hover{color:var(--odpmcf);background-color:var(--odpmcbkf); height:50px;line-height:50px;}
	.img-responsive{display: block;max-width: 100%;height: auto;padding: 3px;}
	.img-responsive-gauche {display: block;max-width: 100%;height: auto;float: left;}
	.img-center{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.dropdown.niv01{border: 2px solid var(--mn1bdr);color:var(--mn1c);background-color:var(--mn1bk);}
	.dropdown.open .niv01{border: 2px solid var(--mn1bdrf);color:var(--mn1cf);background-color:var(--mn1bkf);}
	.dropdown .dropdown-menu {
		background-color: #fff;
		margin: 0;
		margin-top: 0px;
		display: none;
	}
	.open > .dropdown-menu {
		display: block;
		border: 2px solid var(--odpmbdr);
		border-radius: var(--odpmrad);
		padding:var(--oppmp);
	}

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

}
@media (min-width:500px){
	.brand {  width: 100%;}
	.navbar-brand{  width: 80%;margin-right : auto; margin-left:auto;}
	#logo {
		max-width: 80%;
		min-width: 80%;
		width: 80%;
		margin:0 auto;
	}
}
@media (max-width:767px){
	.container-fluid.nav-fond{padding-right:var(--bs-gutter-x, 0);padding-left: var(--bs-gutter-x, 0);}
	#logo img {
	  max-width: 100%;
	  min-width: 100%;
	  width: 100%;
	}
}
@media (min-width:768px){
	.brand{width:100%;}
	.menu .nav > li > a {margin-right:0.25em;font-size: 0.8em;padding: 10px 10px;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:20%}
	.navbar-brand {}
	#logo {
	  max-width: 60%;
	  min-width: 60%;
	  width: 60%;}
	#logo #espace_affaires{max-width:90%;width:90%}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;text-align:center;}
	.open > .dropdown-menu {min-width:200%;white-space: nowrap;}

}
@media (min-width:800px){
	.brand{width:100%;}
	.menu .nav > li > a {margin-right:0.1em;font-size: 0.9em;padding: 10px 10px;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:20%}
	.navbar-brand {}
	#logo {
	  max-width: 380px;
	  min-width: 380px;
	  width:380px;}
	.navbar-light .navbar-nav .nav-link {font-size: 1.2em;line-height:2em;text-align:center;}
	.dropdown-item {font-size: 1.1em;}

}
@media (min-width:900px){
	.brand{width:100%;}
	.menu .nav > li > a {margin-right:0.25em;font-size: 1em;}
	.menu{width:100%}
	.menu2{position:absolute; top:20px ;right:5%;width:20%}
	.navbar-brand {}
	#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:992px){
	.connexion .brand {margin-left:auto; margin-right:auto;margin-bottom:0;}
}
@media (min-width:1000px){
	.brand{width:100%;}
	.menu{width:100%}
	.menu2{width:15%;position:relative;right:0;top:0;}
	.menu .nav > li > a  {margin-right:0.25em;font-size: 0.9em;padding: 10px 10px;}
	.navbar-brand {}
	#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){

	.menu .nav > li > a {margin-right:0.25em;font-size: 0.9em;padding: 10px 10px;}
	.navbar-brand {}
	#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){
	#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:30%;}
	.menu{width:70%}
	.menu2{width:15%}
	.menu .nav > li > a {margin-right:0.25em;font-size:1em;padding: 10px 8px;}
	#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:30%}
	.menu{width:70%}
	.menu2{width:20%}
	.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){

	.navbar-light .navbar-nav .nav-link {font-size: 1.3em;line-height:2em;}
}
@media (min-width:1500px){

	.navbar-light .navbar-nav .nav-link {font-size: 1.5em;line-height:2em;}
	.dropdown-item {font-size: 1.4em;}
}