@font-face {
  font-family: Century_Gothic;
  src: url(fonts/Century_Gothic.ttf);
}

@font-face {
  font-family: Edwardian_Script_ITC;
  src: url(fonts/Edwardian_Script_ITC.ttf);
}

@font-face {
  font-family: Acumin_Variable_Concept;
  src: url(fonts/Acumin_Variable_Concept.ttf);
}

body * {
	/* border-style: dotted; */
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top: 80px;
}

/* Header */

header {
	background-color: #ffffff;
	width: 100%;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 4px 6px #dddddd;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	height: 80px;
	width: 100%;
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
}

header img {
	height: 80%;
	margin-left: 20px;
}

/* Navigation bar */

header nav {
	height: 100%;
	margin-top: 15px;
}

header nav ul {
	display: flex;
	margin: 0px;
}

header nav ul li {
	display: inline-block;
	list-style-type: none;
	background-color: #ffffff;
	font-size: 1.3em;
}

header nav ul li a {
	display: block;
	color: black;
	text-decoration: none;
	font-family: Acumin_Variable_Concept;
	font-size: 1.05em;
	margin: 0px;
	padding: 20px;
}

header nav ul li a:hover {
	text-decoration: underline;
	text-decoration-color: #ff9966;
	text-decoration-thickness: 3px;
}

header nav ul li a:visited {
	display: block;
	color: black;
}

a:visited {
	color: black;
}

/* Titre */

.title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
	height: 100%;
	position: fixed;
	color: white;
	font-size: 3em;
	background: linear-gradient(180deg, #ff9966 0%, #ffbb99 100%);
}

.title img {
	margin-bottom: 20px;
	width: 30%;
}

.title_1 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Century_Gothic;
	/* font-size: 1.2em; */
	font-size: 4.2cqw;
}

.title_2 {
	text-align: center;
	margin-top: 0px;
	font-family: Edwardian_Script_ITC;
	/* font-size: 2.2em; */
	font-size: 5.2cqw;
}

/* Footer */

footer {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	border-radius: 4px 4px 0px 0px;
	box-shadow: 0px -4px 6px #dddddd;
	margin-left: 25%;
	width: 75%;
	height: 120px;
	background-color: white;
	color: black;
}

.footer_banner img {
	width: 15%;
}

footer a {
	color: black;
	text-decoration: none;
}

footer a:visited {
	color: black;
}

/* Accueil */

.index_main{
	display: flex;
	flex-direction: row;
}

.index_main_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
	margin-left: 25%;
	width: 75%;
	background-image: url("images/background.jpg");
}

.index_main_content img {
	object-fit: cover;
	width: 100%;
	height: 250px;
	margin-bottom: 50px;
	
	/* opacity: 0.75; */
}

.index_sections {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 0px 200px 0px;
}

.index_main section {
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	background-color: white;
	width: 45%;
	margin: 0px 20px;
	padding: 10px 25px 25px 25px;
}

.index_main .horizontal_sections {
	display: flex;
	flex-direction: row;
}

.index_main section h2 {
	text-align: center;
}

.index_main section h3 {
	text-align: center;
}

.index_main section p {
	margin: 5px;
	text-align: center;
}

/* Galerie photos */

.galerie_photos_main {
	display: flex;
	flex-direction: row;
}

.galerie_photos_main_content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: white;
	margin-left: 25%;
	width: 75%;
	background-image: url("images/background.jpg");
}

.galerie_photos_main section {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 6px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	background-color: white;
	width: 35%;
	margin: 50px 20px 100px 20px;
	padding: 25px 25px 25px 25px;
	font-size: 1.3em;
}

.galerie_photos_main section div {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.galerie_photos_main section img {
	width: 45%;
	margin: 30px 0px;
}

.galerie_photos_main section .individual_image {
	
	width: 85%;
	height: 85%;
}

/* Services et tarifs */

.services_tarifs_main {
	display: flex;
	flex-direction: row;
}

.services_tarifs_main_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
	margin-left: 25%;
	padding-bottom: 50px;
	width: 75%;
	background-image: url("images/background.jpg");
}

.services_tarifs_main section {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	border-radius: 6px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	background-color: white;
	width: 50%;
	margin: 20px 20px 20px 20px;
	padding: 25px 35px 25px 25px;
	
	font-size: 1.0cqw;
}

.services_tarifs_main section > p {
	margin: 15px 50px 0px 50px;
	align-self: flex-start;
}

.last_tarifs_section ul {
	align-self: flex-start;
}

.no_circle {
	list-style-type: none;
}

/* Contact et informations */

.contact_informations_main {
	display: flex;
	flex-direction: row;
}

.contact_informations_main_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
	margin-left: 25%;
	width: 75%;
	background-image: url("images/background.jpg");
}

.contact_informations_info_sections {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.info_section {
	border-radius: 5px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	margin: 50px 0px 100px 50px;
	padding: 0px 25px 25px 25px;
	width: 400px;
	background-color: white;
}

.schedule_section {
	border-radius: 5px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	margin: 50px 0px 100px 50px;
	padding: 0px 25px 25px 25px;
	width: 400px;
	background-color: white;
}

.form_section {
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	box-shadow: 0px 4px 12px rgba(1.0, 1.0, 1.0, 0.3);
	background-color: white;
	margin: 0px 0px 100px 0px;
	padding: 20px 35px 20px 25px;
	width: 50%;
}

.form_section form * {
	margin: 5px 0px;
}

.form_section form textarea {
	resize: none;
	width: 100%;
    height: 200px;
    padding: 4px;
}

.portail_image {
	margin-bottom: 50px;
}