/* HEADER */

header{
	background-color: #D0E3FA;
  border: thin solid #6495ed;
  justify-content: space-between;
  width: 100%;
	height: 60px;
}

header h1{
	color: black;
  font: 30pt Brush Script MT;
	margin-left: 50px;
	line-height: 10px;
  font-weight: 700;
	float : left;
  white-space: nowrap;
}

header a{
	float: right;
	line-height: 60px;
	border-left: solid thin #A7C2F4;
	padding: 0 30px;
	text-decoration: none;
	color: #000;
}

header a:hover{
	background-color: #A7C2F4;
}


/* DROPDOWN */
/* Style du button */
.dropbtn {
  background-color: #D0E3FA;
  
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  height: 60px;
  width: 300px;
  border-left: solid thin #A7C2F4;
}

.dropbtn span{
	float: left;
	margin-left: 10px;
	line-height: 30px;
	color: #000;;
}

.dropdown img {
	width: 50px;
	float: left;
	margin-top: -10px;
	margin-left: -10px;
}

.dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* LIENS DANS LE DROPDOWN */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  float: left;
  width: 270px;
  border-left: none;
  height: 40px;
  line-height: 50px;
}

/* Change la couleur des liens quand :hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* ça montre le contenu du menu quand on passe dessus */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change change le fond de couleur quand le contenu est montré */
.dropdown:hover .dropbtn {
  background-color: #A7C2F4;
}