@charset "utf-8";
/* CSS Document  style="background-image:url(img/teal.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed" */
body,form, input, h2, button, select{ margin: 0; padding: 0; font-family:Segoe UI; font-weight:400;  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));}
a:hover {text-decoration:none!important;}
.white {color:white; text-align:center;}
.center{text-align:center!important; margin:0 auto!important;}
* {box-sizing: border-box}

/*----contenu-----#024c80 bleufonce; #6495ED blue ciel    */

.header {
  background-color: #ffffff;
  padding: 10px;
  text-align: center;
}

#navbar {
 /* overflow: auto;
  background-color: #024c80;*/
  border:4px #024c80 solid;
  text-align:center;
    align-content:center;

}

#navbar a {
  float: 0;
  display: block;
  background-color: #024c80;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: white;
  color: #024c80 ;
}

#navbar a.active {
  background-color: #FFFFFF;
  color: #024c80;
}

.content {
  padding: 0px;
}