/*
#205a75

#607d8b

*/

.banniere {
	 
	 color: #eee;
	    font-size: 0.3em;
    height: 55px;
	
	position: fixed;
  
	    z-index: 9999;
    top: 5px;
}

.banniere a {
 
	color: inherit;
  text-decoration: none;
	text-align: center;	
	font-size: 2.2em;
float: right;
  padding: 0;
	margin: 10px;
}

.banniere h1 {
	margin: 0;
}


.b-b{
	float: right;
    margin: 7px;
	display:block;
	cursor:pointer;
}
.menul{
	width: 240px;	
	transition: all 2.0s ease-out;	
	height: 100%;
	min-height: 1000px;
	}


.menu li {	
		height: 70px;
	}

.l-a-m{
	font-weight: bold;
	display:none;
	 color: white;
 
  padding: 0 3em;
	line-height: 3em;
	cursor:pointer;
	text-decoration: none;
	font-size: 0.7em;
	display:block;
}

.l-a-m:hover{
	 font-weight: bold;
  border-bottom: 1px solid white;
}


/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  cursor:pointer;
 margin-bottom: 15px;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}





.modalLoad {
	
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 300px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
	background-color: #0c0f15;
   /*  background-color: rgb(0,0,0); /* Fallback color */
  /*   background-color: rgba(0,0,0,1); /* Black w/ opacity */
}

/* Modal Content */
.modalLoad-content {
	color: white;
    
    margin: auto;
	
    padding: 20px;
  
    width: 100%; /* Full width */
    height: 100%; /* Full height */
	
	text-align: center;
}

.loader {
  border: 3px solid white;
  border-radius: 50%;
  border-top: 3px solid #ff0037;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-right:auto;	
  margin-left:auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}









/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
	.b-b{
	  display:block;
  }
	
	.menu li {	
		height: 70px;
	}
	.l-a-m{	
		display:block;
	}
	
}