/*************************************/
												/* 				Style global         */
												/*************************************/


/************************/
/* Style pour le header */
/************************/
header {
    height: 50px;
    background-color: #33333f; /* Fond du header */
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px;
}

.logo img {
    height: 45px; /* Ajustez la hauteur selon vos besoins */
	width: auto;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu ul li {
    display: inline;
    margin-left: 20px;
    position: relative; /* Ajout d'une position relative pour li */
}

.menu ul li:first-child {
    margin-left: 0;
}

.menu ul li a {
    color: #E5B638; /* Couleur du texte des liens */
    text-decoration: none;
    position: relative; /* Ajout d'une position relative pour a */
}

.menu ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px; /* Hauteur de la barre de surlignage */
    bottom: -20px; /* Décalage vers le bas pour cacher la barre initialement */
	margin-top : 20px;
    left: 0;
    background-color: transparent; /* Couleur de la barre de surlignage par défaut */
    transition: bottom 0.5s, background-color 0.5s; /* Animation de transition */
}

.menu ul li a:hover::before {
    bottom: -4px; /* Décalage vers le haut pour faire apparaître la barre */
    background-color: #efefef; /* Couleur de la barre de surlignage au survol */
}

.menu ul li a:hover {
    color: #efefef; /* Couleur du texte des liens au survol */
}


.numero_header {
	display:flex;
	align-items:center;
	color:#E5B638;
	font-size:26px;
}
.numero_header img {
	margin-right:10px;
}


/************************/
/* Style pour le corps  */
/************************/


body {
    margin: 0;
    padding: 0;	
    font-family: Arial, sans-serif;
	background-color:#1A1919;
}



/************************/
/* Style pour le footer */
/************************/
footer {
	height:310px;
    background-color: #33333f; /* Fond du footer */
    color: #E5B638;
    padding: 10px 100px;
    display: flex;
    justify-content: space-between;
}

.contact-info,
.map {
    flex: 1;
	border: 2px;
	border-color:black;
}

.map iframe {
	width:100%;
	height:auto;
}


												/*************************************/
												/* 			  Style par page         */
												/*************************************/



/************************/
/* Style page d'Accueil */
/************************/


/* Style pour le contenu */
.content {
    display: flex;
    justify-content: center; /* Centre l'image horizontalement */
    align-items: center; /* Centre l'image verticalement */
	min-height: calc(100vh - 50px);
    /*height: 100vh; /* Hauteur de la fenêtre */
}

/* Style pour l'image */
.logo-accueil {
    max-width: 100%; /* Largeur maximale de l'image pour s'adapter à l'écran */
    max-height: 100%; /* Hauteur maximale de l'image pour s'adapter à l'écran */
    height: auto; /* Hauteur automatique pour maintenir les proportions */
    width: auto; /* Largeur automatique pour maintenir les proportions */
}




/***************************/
/* Style page présentation */
/***************************/
/* Style pour la page de présentation */
.presentation {
    justify-content: center;
    align-items: center;
	min-height: calc(100vh - 90px);
    background-image: url('img/fond-presentation.jpg'); /* Chemin vers votre image */
    background-size: cover;
    background-position: center;
    color: #fff; /* Couleur du texte */
	margin: 0px 200px;
    padding: 20px;
    position: relative; /* Position relative pour les pseudo-éléments */
}

.presentation .pave{
	margin-top:50px;
	padding:0px 120px;
	color: #E5B638; /* Texte en couleur #E5B638 */
	
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    padding: 10px 20px; /* Rembourrage pour le texte */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre portée */
}

.presentation h1 {
    
	position: relative; /* Position relative pour pouvoir positionner les pseudo-éléments */
    color: #E5B638; /* Texte en couleur #E5B638 */
}

.presentation h1::before,
.presentation h1::after {
    content: '';
    position: absolute;
    bottom: -5px; /* Écart de 5 pixels par rapport au texte */
    width: 50%; /* Largeur de la ligne de soulignement */
    height: 2px; /* Épaisseur de la ligne de soulignement */
    background-color: red; /* Couleur de la ligne de soulignement */
}

.presentation h1::before {
    left: 0; /* Positionnement du pseudo-élément avant le texte */
}

.presentation h1::after {
    right: 0; /* Positionnement du pseudo-élément après le texte */
}






/***************************/
/* Style page prestations  */
/***************************/
.corps_prestations {
	display:flex;
    justify-content: center;
    align-items: center;
	min-height: calc(100vh - 90px);
    background-image: url('img/fond-prestations.jpg'); /* Chemin vers votre image */
    background-size: cover;
    background-position: center;
    color: #fff; /* Couleur du texte */
	margin: 0px 200px;
    padding: 20px 100px;
}


.corps_prestations  table {
	
	width:600px;
	color: #E5B638; /* Texte en couleur #E5B638 */
    border-collapse: collapse;
	
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    padding: 10px 20px; /* Rembourrage pour le texte */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre portée */
	
	
}


.corps_prestations th, td {
    padding: 10px;
    text-align: left;
}

.corps_prestations th {
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    color: #fff;
	text-align:center;
}

.corps_prestations .tarif{
	text-align:center;
	width:150px;
}

.corps_prestations tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    padding: 10px 20px; /* Rembourrage pour le texte */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre portée */
}


.corps_prestations tr:hover {
    /*background-color: #1A1919;*/
	font-weight:bold;
	color:white;
	
}






































/***************************/
/* Style page contact      */
/***************************/


.corps_contact {
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 90px);
    background-image: url('img/fond-contact.jpg');
    background-size: cover;
    background-position: center;
	margin: 0px 200px;
	padding: 20px 100px;
	color:#E5B638;
}

.form-info-container{
	display:flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
	color:#E5B638;
}

.corps_contact .reponse_mail {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #E5B638; /* Couleur du texte */
	margin-bottom:50px;
}

.corps_contact .reponse_mail_false {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: red; /* Couleur du texte */
	margin-bottom:50px;
}


.corps_contact .form-container,
.corps_contact .info-container {
    flex: 1;
    padding: 50px;
}

.corps_contact .form-container {
    background-color: rgba(0, 0, 0, 0.5);
    margin-right: 20px;
}

.corps_contact .info-container {
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 20px;
    text-align:center;
	align-items:center;
}

.corps_contact .form-group {
    margin-bottom: 20px;
}

.corps_contact .form-group label {
    display: block;
    margin-bottom: 5px;
}

.corps_contact input[type="text"],
.corps_contact input[type="email"],
.corps_contact input[type="tel"],
.corps_contact textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
}

.corps_contact textarea {
    height: 75px; /* Définissez une hauteur fixe ou minimale pour le champ textarea */
}

.corps_contact input[type="checkbox"] {
    margin-right: 5px;
}

.corps_contact button[type="submit"] {
    background-color: #E5B638;
    color: #333;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.corps_contact button[type="submit"]:hover {
    background-color: #333;
    color: #E5B638;
}

.corps_contact .message {
    color: red;
    margin-top: 10px;
}

.corps_contact p{
	margin-top:5px;
	margin-bottom:0px;
}

.corps_contact .initiales{
	margin-top:20px;
	margin-bottom:30px;
}

.corps_contact .tel,
.corps_contact .horaire{
	margin-top:30px;
}








/***************************/
/* Style page commentaires */
/***************************/
.corps_commentaires {
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 90px);
    background-image: url('img/fond-commentaires.jpg');
    background-size: cover;
    background-position: center;
	margin: 0px 200px;
	padding: 20px 100px;
	color:#E5B638;
}


.corps_commentaires .commentaires-container {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: red; /* Couleur du texte */
	margin-bottom:50px;
}