.container
{
  height:100vh;
 
  display:flex;
  flex-direction:column;
}


body
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	display:table;
	width:100%;
	background-color:#6da3cf;
	box-sizing:border-box;
}

.bloc_page
{
	
	margin-right:15px;
	margin-left: 15px;
	margin-top: 10px;
	
}

header{
	
	background-color:#111111;
	padding:0;
	margin-top:0px;
	height:40px;
    
    
	
}

header h1
{
	font-family:"Arial";
	font-size:1.3em;
	color:white;
	font-weight:bold;
	margin-left:10px;
    margin-top: 0px;
	padding-top:5px;
	   
    
}

.head-zones
{
	flex: 1;
	display: flex;
	flex-direction:row;
}

.head-zone1
{
	width:97%;
	
	text-align:left;
}

.head-zone2
{
	width:3%;
	
	text-align:left;
}

.icone
{
	margin-top:5px;
	margin-bottom:5px;
}



footer{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display: table-row;
	background-color:#111111;
	height:40px;
}
footer h1
{
	font-family:"Arial";
	font-size:1.3em;
	color:white;
	font-weight:bold;
	margin-left:10px;
    margin-top: 0px;
	padding-top:5px;
   
}


  

button{
	-webkit-appearance: none;
	border:0px;
	border-radius:10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 10px 20px;
	background:#e37b7b;
	cursor: pointer;
	color:black;
	font-weight: bold;
	text-decoration:none;
}

button.active{
	background:#e2e2c6;
	color:black;
	text-decoration:underline;
}

button:hover{.container
    {
      height:100vh;
     
      display:flex;
      flex-direction:column;
    }
	background:#26a515;
}

.tab-content{
	border:1px solid white;
	border-top: 3px solid white;
	display: none;
	font-size: 10px;
	background-color:#e2e2c6;
    flex: 1;
	flex-direction:row;
}



.zones{
    flex: 1;
	display: flex;
	flex-direction:row;
}

.zones h2{
	margin-left: 10px;
	
}
.zones h1{
	margin-left: 0px;
	padding-left: 10px;
	background-color: #a97230;
	font-weight: bold;
	font-size:15px;
	color:white;
	height: 25px;
	text-align: left;
}

.zones hr{
	border:solid 2px white;
}

.zones a{
	margin-left: 10px;
	border:solid 1px white;
	display: flex;
	width:90%;
	font-size: 18px;
	
}

.zone-1{
    width:33%;
	border:solid 2px white;
	text-align:left;
}

.zone-2{
    width:33%;
	border:solid 2px white;
	text-align:left;
}

.zone-3{
    width:34%;
	border:solid 2px white;
	text-align:left;
}

.mTop10{
	margin-top:00px;
    
}

a:link {
	color: rgb(104, 102, 102);
	text-decoration: none;
	background-color:white;
	
  }
   
  a:visited {
	color: rgb(104, 102, 102);
	text-decoration: none
  }
  
  a:hover {
	text-decoration: none;
	background-color:#26a515;
  }
  
  a:active {
	text-decoration: none;
  }