body {
	font-family: Arial, sans-serif;
	color: white;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	
	/* Style du menu */
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #333;
	}

	li {
		position: relative;
		display: inline-block;
	}

	a {
		color: white;
		padding: 15px 20px;
		text-decoration: none;
		display: block;
	}

	a:hover {
		background-color: #555;
	}

	/* Style pour le sous-menu */
	ul ul {
		display: none; /* Masquer les sous-menus par défaut */
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #444;
		min-width: 160px;
	}

	li:hover > ul {
		display: block; /* Afficher le sous-menu quand l'élément est survolé */
	}

	ul ul li {
		display: block;
	}

	ul ul li a {
		padding: 10px;
		background-color: #444;
	}

	ul ul li a:hover {
		background-color: #666;
	}
}

header {
	color: white;
	padding: 2rem 0;
	text-align: center;
}

#logo
{
position: absolute;
right:0;
top:0;
}

.body_area {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url(../images/blue-background.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

header h1 {
	margin: 0;
	font-size: 3rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}


nav {
	margin: 0;
	background: #333;
	overflow: hidden;
}
nav a {
	color: white;
	padding: 14px 20px;
	text-decoration: none;
	display: inline-block;
}
nav a:hover {
	background: #575757;
}
main {
	padding: 20px;
}
footer {
	text-align: center;
	padding: 10px 0;
	background: #333;
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.contact_section {
  position: relative;
  background-color: #27223f;
  color: #ffffff;
}

.contact_section .heading_container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.contact_section .heading_container h2::before {
  text-align: left;
  left: 0;
  -webkit-transform: none;
          transform: none;
}

.contact_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact_section .img-box img {
  width: 100%;
}

.contact_section .form_container {
  padding: 45px 0 45px 15px;
}

.contact_section input {
  width: 100%;
  border: none;
  background-color: #ffffff;
  outline: none;
  color: #000000;
  margin-top: 25px;
  padding: 12px;
}

.contact_section input::-webkit-input-placeholder {
  color: #2a2a2c;
}

.contact_section input:-ms-input-placeholder {
  color: #2a2a2c;
}

.contact_section input::-ms-input-placeholder {
  color: #2a2a2c;
}

.contact_section input::placeholder {
  color: #2a2a2c;
}

.contact_section input.message-box {
  padding: 45px 12px;
}

.contact_section button {
  padding: 10px 65px;
  outline: none;
  border: none;
  color: #ffffff;
  background: #ff2953;
  margin: 45px 0 0 auto;
  text-transform: uppercase;
}