
.Quisommenous a
{
	color:white;
}

.baspage
{
	background-color: none;
	background-color: #074b83!important;
	/*color:black;*/
	color:#fff !important;

	border-top: 1px solid #074b83;
	padding-top:15px;
	/*position:absolute;bottom:0;
	width: 100%;*/

	border-bottom: 1px blue solid;
	bottom:0;
}

.entete
{
	background-color: none;
	background-color:#074b83 !important;
	border-bottom: none;
	border-top: 1px solid #074b83;
	/*padding-top:5px;*/
	margin-bottom:0%;

	/*position:fixed;*/
	width:100%;
	z-index:1;
	top:0;
}

.navBar_ul
{
  list-style-type: none;
  margin: 0px;
	margin-right: calc((1.5rem) * -.4);
	margin-left: calc((1.5rem) * -.9);
  padding: 0px;

/*	overflow: hidden;*/
	/*background-color: #333;*/
}

.navBar_ul:before,.navBar_ul:after
{
	content:"";
	display:table;
	clear:both;
}

.navBar_li,.navBar_li_logo
{
	float: left;
}

@media screen and (max-width: 768px)
{

.navBar_ul .navBar_li, .navBar_ul .navBar_li_logo
	{
		white-space:normal;
	}
}

.navBar_ul_position
{
	float:right!important;
	/*margin: 0px;*/
}

@media screen and (max-width: 768px) {
.navBar_ul_position
{
	float:left!important;
	margin: 0px;
}
}

.navBar_li_logo
{
	display: flex!important;
	height:55px!important;
	padding:auto 0px!important;
}

.navBar_li_logo img
{
	max-height:40px;
	max-width:40px;
}

.navBar_li_logo a
{
	Color:#ffeb3b;

margin: auto 0px!important;
	/*text-align: center;*/
	border:none;
	text-decoration: none;
	font-size: calc(1.275rem + 0.3vw);

	font-family:system-ui!important;
	font-weight:bold;

	width:auto;
	outline:0;

	overflow:hidden;/*by w3-2*/
	cursor:pointer;/*by w3-2*/
	white-space:nowrap;/*by w3-2*/

	-webkit-touch-callout:none;/*by w3-2*/
	-webkit-user-select:none;/*by w3-2*/
	-khtml-user-select:none;/*by w3-2*/
	-moz-user-select:none;/*by w3-2*/
	-ms-user-select:none;/*by w3-2*/
	user-select:none;/*by w3-2*/

}
.navBar_li a
{
  display: block;
  color: white;
  text-align: center;
	padding:12px 0px;/*by w3-2*/
	margin-left: 35px;
	border: 4px solid transparent;
  text-decoration: none;
	font-size:calc(0.75rem + 0.1vw);
	width:auto;/*by w3-2*/
	outline:0;/*by w3-2*/

	display:inline-block;/*by w3-2*/
	vertical-align:middle;/*by w3-2*/
	overflow:hidden;/*by w3-2*/
	background-color:inherit;/*by w3-2*/
	cursor:pointer;/*by w3-2*/
	white-space:nowrap;/*by w3-2*/

	-webkit-touch-callout:none;/*by w3-2*/
	-webkit-user-select:none;/*by w3-2*/
	-khtml-user-select:none;/*by w3-2*/
	-moz-user-select:none;/*by w3-2*/
	-ms-user-select:none;/*by w3-2*/
	user-select:none;/*by w3-2*/

	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.navBar_li a:hover
{
  color: #ffad33;
}

.menu_sidebar
{
	height:auto;
	width:100%;
	/*background-color:#fff;*/
	background-color:#f2f9fe!important;
	position:fixed!important;
	z-index:4;
/*	overflow:auto;*/
		overflow:hidden;
	padding: 0px;

	font-family:'poppinsmedium',system-ui,Arial;
	line-height: 1.7;
}

.menu_sidebar .Contenu .lien
{
	width:100%;
	display: block!important;
	padding:0px!important;
	margin: 0px!important;
	text-align: left;
	border:1px solid transparent;
	border-bottom:0.5px solid rgba(0, 0, 0, 0.3);
	white-space:normal;
	float:none;
}

.menu_sidebar .Contenu .lien a
{
 	width:100%;
 	display: block!important;
	text-align: left;
	white-space:normal;
	float:none;
	outline:0;
  text-decoration: none;
	font-size: 17px;
	padding:9px;
	padding-left:12px;
	padding-right:0px;
	margin: 0px;
	color:#000;
}
.menu_sidebar .Contenu .lien a:hover{
 	text-decoration: none;
	background-color: #0d6efd;
}
.menu_sidebar-animate-left
{
	position:relative;
	animation:animateleft 0.7s
}

@keyframes animateleft
{
	from{left:-200px;opacity:0}
	to{left:0px;opacity:1}
}

.menu_sidebar .Contenu .lien_menu
{
	border-bottom: 1px solid black;
	font-size:18px!important;
	padding:5px!important;
	padding-top:10px!important;
	padding-left:0px!important;
}
.menu_sidebar .Contenu .lien_bouton_close
{
	border:none!important;
	border-radius:none!important;
	font-size:23px!important;
	padding:0px 5px;
	color: red;
	float:right!important;
	margin-top:10px;
	background-color: none;
}
.menu_sidebar .Contenu .lien_bouton_close:hover
{
	background-color: #0d6efd;
}
.ombre
{
	position:fixed;
	display:none;width:100%;
	height:100%;
	top:0px;left:0;
	right:0;bottom:0;
	background-color:rgba(0,0,0,0.5);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	z-index:2
}
.ombre2
{
	position:fixed;
	display:none;width:100%;
	height:100%;
	top:0px;left:0;
	right:0;bottom:0;
	background-color:rgba(0,0,0,0.17);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	z-index:2
}
.contenu_small_bar_menu {
  display: inline-block;
  cursor: pointer;
	padding: 0px;
	margin: 0px;
}
.bar_menu1,.bar_menu2,.bar_menu3 {
  width: 25px;
  height: 3px;
  background-color: white;
  margin:5px 0;

}

.change .bar_menu1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 6px);
  transform: rotate(-45deg) translate(-5px, 6px);
	background-color: red;
}
.change .bar_menu2 {opacity: 0;}

.change .bar_menu3 {
  -webkit-transform: rotate(45deg) translate(-5px, -7px);
  transform: rotate(45deg) translate(-5px, -7px);
	background-color: red;
}
.navBar_ul .icon_nav_bar {
  display: none;
}


@media screen and (min-width: 992px) {
		.MenuDisplayNoneMin992px
		{
			display: none;
		 }
	}
@media screen and (max-width: 992px) {

		.MenuDisplayNoneMax992px
		{
			display: none;
		 }

	 	.navBar_li a
	 	{
	 		display: block;
	 	}
		 .navBar_ul .icon_nav_bar
		{
			float: right;
			display: block;
			margin:9px 0px!important;
			padding:auto!important;
			vertical-align:middle!important;
			border: 1px solid transparent;
		 }
	}

@media screen and (max-width: 768px) {
	/*.menuBar .navBar_li:not(:first-child) {display: none;}*/
	.menuBarNav
	{
		display: none;
	}
	.navBar_li a
	{
		display: block;
	}

  .navBar_ul .icon_nav_bar
	{
  	float: right;
  	display: block;
		margin:9px 0px!important;
		padding:auto!important;
		vertical-align:middle!important;
		border: 1px solid transparent;
  }
}

.reperageNavigation
{
	color: #fde400!important;
	border-bottom: 4px solid white!important;
}
.menu_sidebar .Contenu .reperageNavigation_mini a
{

	/*font-weight: bold!important;*/
	font-family:'poppinssemibold';
	color: #2196f3!important;
}


/*-------------------------------------------------------*/
.dropdown
{
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
  display: none;
  position: absolute;
  background-color: #074b83;
	margin-left:36px!important;
  /*min-width: 180px;*/ /*new2022 sup*/
	/*width: 100%;*/ /*new2022 sup*/
	border:1px solid rgba(13, 110, 253, 1);
		border-top: none;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  z-index: 11;
}

/* Links inside the dropdown */
.dropdown-content a
{
  color: white;
	text-align: left;
	/*padding:8px 0px 8px 12px;*/ /*new2022 sup*/
  padding:8px 12px 8px 12px; /*new2022*/
  text-decoration: none;
  display: block;
	margin:0px;
 	font-weight:400!important;
	font-size: 16px;

	border-top:1px solid rgba(250,250,250,0.5);
}

.dropdown-content a:first-child /*new2022*/
{
		border-top:1px solid #ffad33;
}


/* Show the dropdown menu on hover */
.dropdown:hover .btnHover
{
	Color:#ffad33;
}

.dropdown:hover .dropdown-content
{
	display: block;
}

.dropdown-content a:hover
{
	background-color: #6eb9f7!important;
	color:black;
}

.Triangle_dropdown
{
	width: 0;
	height: 0;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid;
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle!important;
}
/*----------------------------------------------------------*/
