/* CSS Emmarjulia */

/* 
léxique :
		1.Général

		2.Index
			2.a-Bandeau - entête
			2.b-Menu
			2.c-Diaporama de photos
			2.d-footer
			2.e-contenus
			2.f-accroche
			2.g-Bulle Coordonnées
			2.h-Bulle Actualités

		3.Le Gîte
			3.a-Caroussel
			3.b-Contenu gite
			3.c-panneau 2 étoiles

		4.La Suisse Normande
			4.a-Panorama
			4.b-Caroussel
			4.c-Contenu Suisse Normande

		5.Tarifs et Réservations
			5.a-Tarifs
			5.b-Réservations

		6.Contact et accès
			6.a-Contact
			6.b-Accès

		7.Plan du Site

		8.Espace Personnel
			8.a-Identification
			8.b-Contenu Espace Personnel

		9.Données Personnelles
			9.a-Identification
			9.b-Affichage résultat
			9.c-page de modif de mot de pass
			9.d-page d'ajout d'informations

		10.Pages d'erreur
			10.a-erreur 403
			10.b-erreur 404


*/

/* 1.Général */
					BODY.base_emmarjulia{
						background: url(../IMAGES/background_gite_emmarjulia.jpg) fixed repeat top right;
						background-size:cover;
						margin: 0;
						min-height:800px;
						padding-left: 10px;
					}

					@font-face{
						font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
					}
					*{
						font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
						font-size:14px;
					}

					@media all and (max-width:960px){
						BODY.base_emmarjulia{
							width: auto;
							min-height:800px;
						}
					}

/* 2.Bandeau - entête */

			/* 2.a-Bandeau - entête */
					header{
						display:flex;
						flex-direction:column;
						justify-content: center;
						align-items: center;
						vertical-align:middle;
						text-align:center;
						margin-top:20px;
					}
					#logo{
						display:flex;
						width:160px;
						height:94px;
						background: #FFF;
						margin:4px;
						border-radius:10px;
						box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
						margin:0 auto;
					}
					#logo_emmarjulia{
						width:150px;
						height:84px;
						margin: 5px 5px 5px 5px;
					}
					#titre_header{
						display:flex;
						flex-direction:row;
						justify-content: center;
						align-items: center;
						margin:2px;
						padding:4px;
					}
					h1.header{
						color:#08523f;
						font-size:16px;
						text-align:center;
						margin:3px auto;
					}

			/* 2.b-Menu */
					nav{
						display:flex;
						flex-direction:row;
						justify-content: center;
						align-items: flex-start;
						margin:5px;
						z-index:10;
					}
					nav>a{
						display:block;
						min-width:200px;
						background-color:rgba(8,82,63,0.6);
						text-align:center;
						box-sizing:border-box;
						padding:14px;
						color:#FFF;
						margin:3px;
						text-decoration:none;
						padding-top:#08523f;
						padding-left:#08523f;
					}
					nav>a:hover{
						background-color:rgba(255,255,255,0.6);
						color:#08523f;
						transition:0.7s;
					}
					.en-cours{
						background-color:rgba(255,255,255,0.6);
						color:#08523f;
						border-bottom: 2px solid rgba(8,82,63,0.5);
					}
					#lab_menu{
						width:30px;
						height:30px;
						background:linear-gradient(#08523f 0%,#08523f 20%,transparent 21%,transparent 40%,#08523f 41%,#08523f 60%,transparent 61%,transparent 80%,#08523f 81%,#08523f 100%);
						margin:4px;
						display:none;
					}
					#bouton_menu{
						display:none;
					}
					@media all and (max-width:960px){
						nav{
							display:block;
							position:absolute;
							left:0;
							right:0;
							transform:translate(-1000px,0);
							transition:all 0.3% ease;
						}
						nav>a{
							width:auto;
							font-size:18px;
						}
						#bouton_menu:checked+nav{
							transform:translate(0,0);
							transition:all 0.3% ease;
						}
						#lab_menu{
							display:block;
						}
					}

			/* 2.c-Diaporama de photos */
						/* Diaporama */
						.conteneur_diapo_index{
							max-width: 576px;
							margin: 10px auto;
						}
						.diapo_index{
							width: 100%;
							height: 0px;
							padding-top: 75%;
							box-shadow: 0px 0px 10px #777;
							background-color: #EDEDED;
							background-size: contain;
							animation: fondu 20s ease-in-out infinite both;
							border: 10px solid #FFF;
						}
						.diapo_index:hover{
							animation-play-state: paused;
						}
						@keyframes fondu{
							0%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-01.jpg);}
							20.00%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-02.jpg);}
							40.01%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-031.jpg);}
							60.02%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-04.jpg);}
							80.03%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-05.jpg);}
							100%{background-image:url(../IMAGES/DIAPORAMA/photo_diapo-06.jpg);}
						}

						@media all and (max-width:960px){
							.conteneur_diapo_index{
								width: auto;
								margin: auto;
							}
						}


			/* 2.d-footer */
						footer{
							display:flex;
							flex-direction:row;
							text-align:center;
							margin-top:50px;
							background: rgba(8,82,63,0.5);
							color: seashell;
							max-width: 800px;
							min-height: 40px;
							margin: auto;
							padding: 5px;
						}
						.footer1{
							min-width: 75%;
							text-align: left;
							margin-left: 20px;
						}
						.footer2{
							min-width: 15%;
							text-align: right;
							margin-right: 20px;
						}
						a.lien_footer{
							text-decoration: none;
							margin: 5px;
							color: #FFF;
						}
						a.lien_footer:hover{
							color: #08523f;
						}
						#cadenas{
							width: 9px;
						}
						@media all and (max-width:960px){
							footer{
								flex-direction: row;
								width: auto;
								min-height: auto;
								padding: 20px;
							}
							.footer1{
								min-width: 50%;
								text-align: left;
								display:flex;
								flex-direction:column;
							}
							.footer2{
								min-width: 20%;
								text-align: right;
							}
							a.lien_footer{
								display: block;
								flex-direction: column;
								text-decoration: none;
								margin: 5px;
								color: #FFF;
							}
							span.lien_footer{
								display: none;
							}
						}

			/* 2.e-contenus */
						.corps{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							margin: auto;
						} 
						.corps > div{
							display: flex;
							flex-direction: row;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin: 2px;
							padding: 10px;
							min-width: 600px;
							min-height: 300px;
						}
						.corps > div > div{
							display: flex;
							flex-direction: column;
							margin: 20px;
							padding: 10px;
							min-width: 300px;
							min-height: 300px;
							background: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.corps > div > div > div{
							display: block;
							width: 100%;
							height: 50%;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
						}
						@media all and (max-width:960px){
							.corps{
								width: auto;
							} 
							.corps > div{
								flex-direction: column;
								width: auto;
								min-height: auto;
								padding: 0px;
								min-width: 400px;
							}
							.corps > div > div{
								min-width: 200px;
							}
						}

						#gite_index{
							margin-top: 30px;
							width: 120px;
							object-fit: contain;
						}
						#snormande_index{
							margin-top: 30px;
							width: 130px;
							object-fit: contain;
						}
						h2.rubrique{
							font-size: 25px;
							color: rgba(0, 0, 0, 1);
						}
						hr.rubrique {
							border: none;
							border-bottom: 3px solid #08523f;
							color: #08523f;
							overflow: visible;
							text-align: center;
							height: 2px;
						}
						.lettrine{
							color: #08523f;
							font-size: 30px;
						}

			/* 2.f-accroche */
						.accroche{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							padding: 20px;
							margin: auto;
						}
						.accroche > div {
							font-family:Georgia, 'Times New Roman', Times, serif;
							color: #777;
							font-size: 25px;
						}
						.lettrine_accroche{
							font-family:Georgia, 'Times New Roman', Times, serif;
							color: #08523f;
							font-size: 42px;
						}

			/* 2.g-Bulle Coordonnées */

						.bulle_coordonnees{
							width: 150px;
							height: 100px;
							display: block;
							position: absolute;
							left: 72%;
							top: 34%;
							vertical-align: middle;
							text-align: center ;
							padding: 10px;
							margin: auto;
							z-index: 10;
							background-color: rgba(8,82,63,0.6);
							border: 4px solid #FFF;
							border-radius: 10px;
							box-shadow: 5px 5px 10px #777;
							color: #FFF;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 16px;
						}
						.bulle_coordonnees > div{
							padding: 2px;
						}
						a.lien_contact{
							color: #FFF;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 14px;
							text-decoration: none;
						}
						a.lien_contact:hover{
							color: #08523f;
							font-size: 14px;
						}
						
						@media all and (max-width:1600px){
							.bulle_coordonnees{
								width: 150px;
								height: 100px;
								display: block;
								position: absolute;
								left: 76%;
								top: 43%;
								vertical-align: middle;
								text-align: center ;
								padding: 10px;
								margin: auto;
								z-index: 10;
								background-color: rgba(8,82,63,0.6);
								border: 4px solid #FFF;
								border-radius: 10px;
								box-shadow: 5px 5px 10px #777;
								color: #FFF;
								font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
								font-size: 16px;
							}
						}
						@media all and (max-width:1280px){
							.bulle_coordonnees{
								display:flex;
								flex-direction:column;
								justify-content: center;
								position: inherit;
								align-items: center;
								vertical-align:middle;
								text-align:center;
								height: 80px;
								padding: 5px;
								min-width: 300px;
								margin: 40px auto;
								background-color: rgba(8,82,63,0.4);
								border: 4px solid #FFF;
								border-radius: 10px;
								box-shadow: 5px 5px 10px #777;
								color: #FFF;
								font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
								font-size: 16px;
							}
						}

			/* 2.h-Bulle Actualités */

						.bulle_actualites{
							width: 150px;
							height: 130px;
							display: block;
							position: absolute;
							left: 72%;
							top: 50%;
							vertical-align: middle;
							text-align: center ;
							padding: 10px;
							margin: auto;
							z-index: 10;
							background-color: rgba(230,182,108,0.4);
							border: 4px solid #FFF;
							border-radius: 10px;
							box-shadow: 5px 5px 10px #777;
							color: #FFF;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 16px;
						}
						.bulle_actualites > div{
							vertical-align: top;
							color: #434343;
							font-size: 14px;
						}
						a.text_actualites{
							font-size: 16px;
						}
						#office_suissenormande{
							width: 150px;
							margin-top: 10px;
						}
						#office_suissenormande:hover{
							margin-top: 5px;
						}
						
						@media all and (max-width:1600px){
							.bulle_actualites{
								width: 150px;
								height: 130px;
								display: block;
								position: absolute;
								left: 76%;
								top: 65%;
								vertical-align: middle;
								text-align: center ;
								padding: 10px;
								margin: auto;
								z-index: 10;
								background-color: rgba(230,182,108,0.4);
								border: 4px solid #FFF;
								border-radius: 10px;
								box-shadow: 5px 5px 10px #777;
								color: #FFF;
								font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
								font-size: 16px;
							}
						}
						@media all and (max-width:1280px){
							.bulle_actualites{
								display:flex;
								flex-direction:column;
								justify-content: center;
								position: inherit;
								align-items: center;
								vertical-align:middle;
								text-align:center;
								padding: 5px;
								min-width: 300px;
								height: 110px;
								margin: 20px auto;
								background-color: rgba(230,182,108,0.4);
								border: 4px solid #FFF;
								border-radius: 10px;
								box-shadow: 5px 5px 10px #777;
								color: #FFF;
								font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
								font-size: 16px;
							}
						}

/* 3.Le Gîte */

			/* 3.a-Caroussel */

					/* ----voir page CSS = styles_caroussel_def.css--------- */

			/* 3.b-Contenu gite */
						.contenu_gite{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							margin: auto;
						} 
						.contenu_gite > div{
							display: flex;
							flex-direction: row;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin: 2px;
							padding: 5px;
							min-width: 600px;
							min-height: 300px;
						}
						.contenaire_gite{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 400px;
							min-height: 600px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.top_description_gite{
							display: block;
							margin-left: 20px;
							width: 90%;
							justify-content: center;
							text-align: center ;
						}
						.contenu_description_gite{
							display: block;
							overflow: hidden;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 10px;
						}

						h2.description_gite{
							font-size: 25px;
							color: rgba(0, 0, 0, 1);
						}
						hr.description_gite {
							border: none;
							border-bottom: 3px solid #08523f;
							color: #08523f;
							overflow: visible;
							text-align: center;
							height: 2px;
						}
						a.ss_titre{
							color: #08523f;
						}
						#logo_wifi{
							width: 20px;
						}
						#wifi_text{
							color: #086473;
						}

						@media all and (max-width:960px){
							.contenu_gite{
								width: auto;
							} 
							.contenu_gite > div{
								flex-direction: column;
								width: auto;
								min-height: auto;
								padding: 0px;
								min-width: 400px;
							}
							.contenu_gite > div > div{
								min-width: 200px;
							}
						}

			/* 3.c-panneau 2 étoiles */

						.panneau_2etoiles{
							width: 150px;
							height: 130px;
							display: block;
							position: absolute;
							left: 72%;
							top: 70%;
							vertical-align: middle;
							padding: 10px;
							margin: auto;
							z-index: 10;
						}
						#panneau_2etoiles{
							width: 150px;
						}
						
						@media all and (max-width:1500px){
							.panneau_2etoiles{
								width: 150px;
								height: 130px;
								display: block;
								position: absolute;
								left: 76%;
								top: 88%;
								vertical-align: middle;
								padding: 10px;
								margin: auto;
								z-index: 10;
								}
						}
						@media all and (max-width:960px){
							.panneau_2etoiles{
								display:flex;
								justify-content: center;
								position: inherit;
								align-items: center;
								vertical-align:middle;
								text-align:center;
								padding: 5px;
								min-width: 300px;
								height: 110px;
								margin: 20px auto;
								margin-top: 40px;
							}
						}


/* 4.La Suisse Normande */

			/* 4.a-Panorama */
							.panorama_suissenormande{
								max-width: 700px;
								display:flex;
								flex-direction:column;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
								margin-top:20px;
								margin: auto;
								border: 3px solid ;
								box-shadow: 5px 5px 10px #777;
								border: 5px solid #FFF;
							}
							#panorama_suissenormande{
								width: 850;
								height: 284;
							}

							@media all and (max-width:960px){
								#panorama_suissenormande{
									width: 250;
									height: 84;
								}
							}

			/* 4.b-Caroussel */
						/* ----voir page CSS = styles_caroussel_suisse_normande.css--------- */
						
			/* 4.c-Contenu Suisse Normande */

						.contenu_suissenormande{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							margin: auto;
						} 
						.contenu_suissenormande > div{
							display: flex;
							flex-direction: row;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin: 2px;
							padding: 5px;
							min-width: 800px;
							min-height: 300px;
						}
						.contenu_suissenormande > div > div{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 400px;
							min-height: 600px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.top_activite_suissenormande{
							display: block;
							margin-left: 20px;
							width: 90%;
							justify-content: center;
							text-align: center ;
						}
						.contenu_activite_suissenormande{
							display: block;
							overflow: hidden;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 10px;
						}

						h2.activite_suissenormande{
							font-size: 25px;
							color: rgba(0, 0, 0, 1);
						}
						hr.activite_suissenormande {
							border: none;
							border-bottom: 3px solid #08523f;
							color: #08523f;
							overflow: visible;
							text-align: center;
							height: 2px;
						}
						a.ss_titre{
							color: #08523f;
						}
						#logo_wifi{
							width: 20px;
						}
						#wifi_text{
							color: #086473;
						}
						.picto_localisation{
							width: 20px;
							margin-left: 20px;
						}
						a.consult_activites{
							font-size: 16px;
							color:#6f87a1 ;
							text-decoration: none;
						}
						a.consult_activites:hover{
							font-size: 16px;
							text-decoration: none;
							font-weight: bold;
							color: #08523f;
						}
						#picto_facebook{
							width: 15px;
						}

						@media all and (max-width:960px){
							.contenu_suissenormande{
								width: auto;
							} 
							.contenu_suissenormande > div{
								flex-direction: column;
								width: auto;
								min-height: auto;
								padding: 0px;
								min-width: 400px;
							}
							.contenu_suissenormande > div > div{
								min-width: 200px;
							}
							#panorama_suissenormande{
								width: 250;
								height: 84;
							}
						}

	/* 5.Tarifs et Réservations */

						#alerte_covid{
							width: 300px;
							height: 25px;
							display: block;
							vertical-align: middle;
							text-align: center ;
							padding: 10px;
							margin: auto;
							z-index: 10;
							background-color: rgba(240, 0, 0, 0.6);
							border-radius: 50px;
							color: rgb(255, 255, 255);
							font-family:Arial, Helvetica, sans-serif;
							font-size: 16px;
						}

			/* 5.a-Tarifs */

						.contenu_tarifs{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							margin: auto;
						} 
						.contenu_tarifs > div{
							display: flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin: 2px;
							padding: 5px;
							min-width: 800px;
							min-height: 300px;
						}
						.contenu_tarifs_tarifs{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 800px;
							min-height: 700px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.top_tarifs{
							display: block;
							margin-left: 20px;
							width: 90%;
							justify-content: center;
							text-align: center ;
						}
						.rubrique_tarifs{
							display: block;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 10px;
						}
						.rubrique_tarifs > div{
							display: block;
							width: 95%;
							height: 50px;
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 20px;
							font-size: 18px;
						}
						#bandeau_s_haute{
							display: block;
							width: 98%;
							height: 50%;
							background-color: rgba(8,82,63,0.8);
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							color: rgb(255, 255, 255);
							font-size: 18px;
						}
						#bandeau_s_moyenne{
							display: block;
							width: 98%;
							height: 50%;
							background-color: rgba(8,82,63,0.7);
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							color: rgb(255, 255, 255);
							font-size: 18px;
						}
						#bandeau_s_basse{
							display: block;
							width: 98%;
							height: 50%;
							background-color: rgba(8,82,63,0.6);
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							color: rgb(255, 255, 255);
							font-size: 18px;
						}
						#bandeau_we{
							display: block;
							width: 98%;
							height: 50%;
							background-color: rgba(8,82,63,0.5);
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							color: rgb(255, 255, 255);
							font-size: 18px;
						}
						#bandeau_info_complementaires{
							display: block;
							width: 98%;
							height: 50%;
							background-color: rgba(83, 83, 83, 0.5);
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							color: rgb(255, 255, 255);
							font-size: 18px;
						}
						h2.tarifs{
							font-size: 25px;
							color: rgba(0, 0, 0, 1);
						}
						hr.tarifs {
							border: none;
							border-bottom: 3px solid #08523f;
							color: #08523f;
							overflow: visible;
							text-align: center;
							height: 2px;
						}

						@media all and (max-width:960px){
							.contenu_tarifs{
								width: auto;
							} 
							.contenu_tarifs > div{
								flex-direction: column;
								width: auto;
								min-height: auto;
								padding: 0px;
								min-width: 400px;
							}
							.contenu_tarifs_tarifs{
								min-width: 200px;
								min-height: 850px;
							}
							#bandeau_s_haute{
								margin-left: 8px;
								font-size: 18px;
							}
							#bandeau_s_moyenne{
								margin-left: 8px;
								font-size: 18px;
							}
							#bandeau_s_basse{
								margin-left: 8px;
								font-size: 18px;
							}
							#bandeau_we{
								margin-left: 8px;
								font-size: 18px;
							}
							#bandeau_info_complementaires{
								margin-left: 8px;
								font-size: 18px;
							}
							.rubrique_tarifs > div{	
								font-size: 16px;
							}
						}

			/* 5.b-Réservations */

						.contenu_tarifs_reservations{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 400px;
							min-height: 500px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.rubrique_reservations{
							display: block;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 10px;
						}
						.rubrique_reservations > div{
							display: block;
							width: 95%;
							height: 50px;
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							font-size: 18px;
						}
						.contenu_reservations{
							display: block;
							width: 90%;
							margin: auto;
							justify-content: middle;
							vertical-align: top;
							text-align: left ;
							padding-left: 10px;
						}
						.lien_contactez-nous{
							text-decoration: none;
							font-weight: bold;
							color: #08523f;
							font-size: 14px;
						}
						#periode_occupee{
							width: 90px;
						}
						#leptitchezvous{
							width: 250px;
							height: 102;
						}
				/* Calendrier */
						iframe.cal1_reservations{
							width: 700px;
							height: 180px;
							margin: auto;
						}
						.couvre_cal1_reservations{
							display: block;
							position: absolute;
							width: 720px;
							height: 160px;
							z-index: 10;
							margin: auto;
							margin-top: 30px;
						}
						#blank_cal1{
							width: 720px;
							height: 160px;
						}
						.indications_calendrier{
							margin-left: 30px;
							font-size: 16px;
							color: #08523f;
						}
						

						@media all and (max-width:960px){
							.contenu_tarifs_reservations{
								min-width: 200px;
								min-height: 350px;
							}
							.rubrique_reservations > div{	
								font-size: 16px;
							}
							iframe.cal1_reservations{
								width: 350px;
								height: 200px;
								margin: auto;
							}
							.couvre_cal1_reservations{
								width: 350px;
								height: 190px;
								z-index: 10;
								margin: auto;
								margin-top: 30px;
							}
							#blank_cal1{
								width: 350px;
								height: 190px;
								z-index: 10;
							}
							#leptitchezvous{
								width: 200px;
								height: 82;
							}
						}

/* 6.Contact et accès */

			/* 6.a-Contact */
						.contenu_contact{
							max-width: 800px;
							display:flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin-top:20px;
							margin: auto;
						} 
						.contenu_contact > div{
							display: flex;
							flex-direction:column;
							vertical-align: middle;
							justify-content: center;
							text-align: center ;
							margin: 2px;
							padding: 5px;
							min-width: 400px;
							min-height: 300px;
						}
						.contenu_contact_contact{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 400px;
							min-height: 600px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.top_contact{
							display: block;
							margin-left: 20px;
							width: 90%;
							justify-content: center;
							text-align: center ;
						}
						.rubrique_contact{
							display: block;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 40px;
							font-size: 16px;
						}
						h2.contact{
							font-size: 25px;
							color: rgba(0, 0, 0, 1);
						}
						hr.contact {
							border: none;
							border-bottom: 3px solid #08523f;
							color: #08523f;
							overflow: visible;
							text-align: center;
							height: 2px;
						}
						.lien_coordonnees{
							color: black;
							text-decoration: none;
						}
						.lien_coordonnees:hover{
							color: #08523f;
							text-decoration: none;
						}
						.formulaire_contact{
							margin:auto
						}
						input.formulaire{
							color: #ffffff;
							background-color:rgba(8,82,63,0.5) ;
							border: 0;
							height: 20px;
							width: 280px;
						}
						textarea.formulaire{
							color: #ffffff;
							background-color:rgba(8,82,63,0.5) ;
							border: 0;
							height: 100px;
							width: 400px;	
						}
						#retour_message{
							font-size: 16px;
							color: #c700bd;
						}
						.valid_envoie_message{
							font-size: 12px;
							color: #4b4b4b;
						}


						@media all and (max-width:960px){
							.contenu_contact{
								width: auto;
							} 
							.contenu_contact > div{
								flex-direction: column;
								width: auto;
								min-height: auto;
								padding: 0px;
								min-width: 400px;
							}
							.contenu_contact_contact{
								min-width: 200px;
								min-height: 700px;
							}
							.rubrique_contact{
								padding-left: 20px;
								padding-right: 20px;
							}
							input.formulaire{
								width: 220px;
							}
							textarea.formulaire{
								width: 240px;
							}
							.g-recaptcha{
								width: auto;
							}
						}

			/* 6.b-Accès */

						.contenu_contact_acces{
							display: block;
							flex-direction: column;
							margin: 20px;
							min-width: 400px;
							min-height: 700px;
							background-color: rgba(255, 255, 255, 0.7);
							box-shadow: 0px 0px 10px #777;
							vertical-align: top;
							justify-content: center;
						}
						.rubrique_acces{
							display: block;
							width: 90%;
							justify-content: middle;
							text-align: left ;
							padding-left: 10px;
						}
						.rubrique_acces > div{
							display: block;
							width: 95%;
							height: 50px;
							justify-content: middle;
							text-align: left ;
							vertical-align: middle;
							padding-left: 10px;
							padding-top: 5px;
							margin-left: 18px;
							font-size: 18px;
						}
						.top_acces{
							display: block;
							margin-left: 20px;
							width: 90%;
							justify-content: center;
							text-align: center ;
						}
						#map_localite{
							width: 630px;
							height: 473px;
							border: 0;
						}
						.coordonnées_gps{
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 16px;	
							color: rgb(99, 71, 39);
						}
						.itineraire{
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 18px;	
							color: rgb(15, 0, 146);
						}
						img#route{
							width: 30px;
						}

						@media all and (max-width:960px){
							.contenu_contact_acces{
								min-width: 200px;
								min-height: 600px;
							}
							.rubrique_acces > div{	
								font-size: 16px;
							}
							#map_localite{
								width: 260px;
								height: 195px;
								border: 0;
							}
						}

/* 7.Plan du Site */

							.contenu_plan_site{
								max-width: 500px;
								display:block;
								flex-direction:column;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
								margin-top:20px;
								margin: auto;
							} 
							.contenu_plan_site_sup{
								display: block;
								flex-direction: column;
								margin: 20px;
								min-width: 400px;
								min-height: 600px;
								background-color: rgba(255, 255, 255, 0.7);
								box-shadow: 0px 0px 10px #777;
								vertical-align: top;
								justify-content: center;
								text-align: center;
							}
							.top_plan_site{
								display: block;
								margin-left: 20px;
								width: 90%;
								justify-content: center;
								text-align: center ;
							}
							.rubrique_plan_site{
								display: block;
								margin: auto;
								width: 65%;
								justify-content: center;
								text-align: left ;
							}
							#picto_plan_site{
								width: 230px;
							}
							h2.plan_site{
								font-size: 25px;
								padding-top: 30px;
								color: rgba(0, 0, 0, 1);
							}
							hr.plan_site {
								border: none;
								border-bottom: 3px solid #08523f;
								color: #08523f;
								overflow: visible;
								text-align: center;
								height: 2px;
							}
							.lien_plan_site{
								font-size: 20px;
								color: #08523f;
								text-decoration: none;
							}
							.lien_plan_site2{
								font-size: 20px;
								color: #383838;
								text-decoration: none;
							}
							.lien_plan_site:hover{
								font-size: 20px;
								color: #4b4b4b;
							}
							.lien_plan_site2:hover{
								font-size: 20px;
								color: #08523f;
							}
						
							@media all and (max-width:960px){
								.contenu_plan_site{
									width: auto;
								} 
								.contenu_plan_site_sup{
									min-width: 250px;
									min-height: 600px;
								}
								.rubrique_plan_site > div{	
									font-size: 16px;
								}
								#picto_plan_site{
									width: 130px;
								}
							}


/* 8. Espace Personnel */

						h1.header_espace_perso{
							color:#08523f;
							font-size:22px;
							text-align:center;
							margin:3px auto;
						}	
			/* 8.a-Identification */

						.cadre_identification_espace_perso{
							width: 300px;
							height: 200px;
							display: block;
							vertical-align: middle;
							text-align: center ;
							padding: 20px;
							margin: 70px auto;
							z-index: 10;
							background-color: rgba(8,82,63,0.6);
							border: 4px solid #FFF;
							border-radius: 10px;
							box-shadow: 5px 5px 10px #777;
							color: #FFF;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 16px;
						}
						h1#cadre_identification_espace_perso{
							font-size: 20px;
							color: #FFF;
						}
						a.modif_pass{
							color: #FFF;
						}
						a.modif_pass:hover{
							color:#08523f;
						}
						span#memorisation_espace_perso{
							color:#ffffff;
							text-align:center;
							font-size:16px;
							font-style:inherit;
						}
						.bouton_memo_espace_perso{
							color:#ffffff;
							background-color:#b0bbdc;
							width:50px;
							height:15px;
						}
						.bouton_connexion_espace_perso{
							color:rgb(255, 255, 255);
							background-color:#015b80;
							width:50px;
							border-radius:5px;
						}
						a.modif_pass_espace_perso{
							font-family:Verdana;
							color:rgb(255, 255, 255);
							font-size:12px;
							margin-left:0px;
						}
						a.modif_pass_espace_perso:hover{
							font-family:Verdana;
							color:#777;
							font-size:12px;
							margin-left:0px;
						}
						footer.identification_espace_perso{
							margin: 50px auto;
						}
						.identifiants_message{
							font-family:Verdana, Geneva, sans-serif;
							font-size:10px;
							color:#F00;
							}
						
						@media all and (max-width:960px){
							.cadre_identification_espace_perso{
								width: auto;
								height: 300px;
							}
						}

			/* 8.b-Contenu Espace Personnel */

					/* base */

							.bulle_date_heure{
								display:flex;
								flex-direction:row;
								justify-content: center;
								position: inherit;
								align-items: center;
								vertical-align:middle;
								text-align:center;
								height: 30px;
								padding: 5px;
								width: 500px;
								margin: auto;
								background-color: rgba(8,82,63,0.4);
								border: 3px solid #FFF;
								border-radius: 10px;
								box-shadow: 5px 5px 10px #777;
								color: #FFF;
								font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							}
						.bulle_date_heure > div{
							font-size: 18px;
						}

							.corps_espace_perso{
								max-width: 800px;
								display:flex;
								flex-direction:column;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
								margin-top:20px;
								margin: auto;
							} 
							.corps_espace_perso > div{
								display: flex;
								flex-direction: row;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
								margin: 2px;
								padding: 10px;
								min-width: 600px;
								min-height: 300px;
							}
							.corps_espace_perso > div > div{
								display: flex;
								flex-direction: column;
								margin: 20px;
								padding: 10px;
								min-width: 300px;
								min-height: 300px;
								background: rgba(255, 255, 255, 0.7);
								box-shadow: 0px 0px 10px #777;
								vertical-align: top;
								justify-content: center;
							}
							.corps_espace_perso > div > div > div{
								display: block;
								width: 100%;
								height: 50%;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
							}

					/* données personnelles */

							#donnees_espace_perso_index{
								margin-top: 30px;
								width: 120px;
								object-fit: contain;
							}

					/* téléchargements */

							.contenu_telechargements{
								vertical-align: top;
							}
							.lien_telechargement_espace_perso{
								font-size: 18px;
								color: #08523f;
								text-decoration: none;
							}
							.lien_telechargement_espace_perso:hover{
								font-size: 18px;
								color: #4b4b4b;
								text-decoration: none;
							}

					/* calendrier */

							.contenu_calendrier{
								display: block;
								width: 90%;
								margin: auto;
								justify-content: middle;
								vertical-align: top;
								text-align: left ;
								padding-left: 10px;
							}
							
							.calendrier_espace_perso{
								max-width: 800px;
								display:flex;
								flex-direction:column;
								vertical-align: middle;
								justify-content: center;
								text-align: center ;
								margin-top:20px;
								margin: auto;
							}

							.calendrier_espace_perso > div{
								display: block;
								flex-direction: column;
								margin: 20px;
								min-width: 300px;
								min-height: 500px;
								background-color: rgba(255, 255, 255, 0.7);
								box-shadow: 0px 0px 10px #777;
								vertical-align: top;
								justify-content: center;
							}

							iframe.cal1{
								width: 650px;
								height: 280px;
								margin: auto;
							}
							.img_reservation_ext{
								width: 150px;
								padding: 10px;
							}

					/* test calendrier GOOGLE */
							.calendar_google{
								border: 0;
								width: 700px;
								height: 500px;
							}
							
							@media all and (max-width:960px){
								.calendrier_espace_perso{
									width: auto;
								} 
								.bulle_date_heure{
									flex-direction:column;
									height: 60px;
									width: 150px;
									margin-top: 20px;
								}
								.bulle_date_heure > div{
									font-size: 16px;
								}
								.corps_espace_perso{
									width: auto;
								} 
								.corps_espace_perso > div{
									flex-direction: column;
									width: auto;
									min-height: auto;
									padding: 0px;
									min-width: 400px;
								}
								.corps_espace_perso > div > div{
									min-width: 200px;
								}
								iframe.cal1{
									width: 350px;
									height: 200px;
									margin: auto;
									background-color: 3px solid black;
								}
								.img_reservation_ext{
									width: 100px;
								}
								.calendrier_espace_perso > div{
									min-height: 400px;
								}
								.contenu_calendrier{
									padding-left: 3px;
								}
								.calendar_google{
									border: 0;
									width: 320px;
									height: 320px;
								}
							}


			/* 8.c-modification du mot de pass */
						
						.lien_retour_espace_perso{
							width:380px;
							height:40px;
							background-color:rgba(8,82,63,0.4);
							color:#FFF;
						}
						#lien_retour_espace_perso{
							color:#FFF;
							font-family:Verdana, Geneva, sans-serif;
							font-size:14px;
							text-align:justify;
							margin-left:20px;
							vertical-align:middle;
						}
						#lien_retour_espace_perso:hover{
							color:#08523f;
							font-family:Verdana, Geneva, sans-serif;
							font-size: 14px;
							text-align:justify;
							margin-left: 20px;
							vertical-align:middle;
						}
						.ligne_new_pass_espace_perso{
							width:380px;
							height:40px;
							text-align:center;
							color:#FFF;
							font-size:12px;
							vertical-align:middle;
							background-color:rgba(8,82,63,0.4);
						}
						.derniere_ligne_new_pass_espace_perso{
							width:380px;
							height:60px;
							text-align:center;
							color:#FFF;
							font-size:12px;
							vertical-align:middle;
							background-color:rgba(8,82,63,0.4);
						}
						input.champs_espace_perso{
								background-color:#FFF;
								width:200px;
								height:25px;
								border: 1px #bac7ed outset;
						}
						.formulaire_espace_perso{
							background-color:rgba(8,82,63,0.4);
							width:380px;
						}



/* 9.Données Personnelles */

			/* 9.a-Identification */
									
						body.donnees_perso{
							background-color:#FFF;
							}
						.cadre_identification{
							width: 400px;
							height: 300px;
							display: block;
							vertical-align: middle;
							text-align: center ;
							padding: 10px;
							margin: 70px auto;
							z-index: 10;
							background-color: rgba(8,82,63,0.6);
							border: 4px solid #FFF;
							border-radius: 10px;
							box-shadow: 5px 5px 10px #777;
							color: #FFF;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
							font-size: 16px;
							}
						.cadre_identification >div{
							width:360px;
							height:280px;
							margin: auto;
						}
						.cadre_login{
							width:360px;
							height:260px;
							background-color:rgba(8,82,63,0.4);
						}
						h1#identification{
							color: rgb(255, 255, 255);
							font: 30px Arial, sans-serif;
							-webkit-font-smoothing: antialiased;
							text-shadow: 0px 1px black;
							text-align: center;
							margin-bottom: 10px;
						}
						div.log{
							width:360px;
							height:30px;
							text-align:center;
							vertical-align:middle;
						}
				/* identifiant */
						input#login{
								background-color:#FFF;
								width:250px;
								height:30px;
								border: 1px #bac7ed outset;
						}
				/* mot de pass */
						input#pass{
								background-color:#FFF;
								width:250px;
								height:30px;
								border:none;
								border: 1px #bac7ed outset;
						}
				/* Se souvenir de moi */
						div.memo{
							width:360px;
							height:50px;
							text-align:center;
							vertical-align:middle;
						}
						span#memorisation{
							color:#ffffff;
							text-align:center;
							font-size:16px;
							font-style:inherit;
						}
						.bouton_memo{
							background-color:#b0bbdc;
							width:50px;
							height:15px;
						}
								
						.bouton_connexion{
							background-color:#015b80;
							width:50px;
							border-radius:5px;
						}
						a.modif_pass{
							font-family:Verdana;
							color:rgb(255, 255, 255);
							font-size:12px;
							margin-left:0px;
						}
						a.modif_pass:hover{
							font-family:Verdana;
							color:rgba(8,82,63,1);
							font-size:12px;
							margin-left:0px;
						}

			/* 9.b-Affichage résultat */
						
						.cadre_affiche_resultats{
							width:700px;
							margin-top:20px;
							margin: auto;
							padding: 10px;
							background-color: rgba(8,82,63,0.5);
						}
						.affiche_resultat{
							width:600px;
							margin-left:20px;
						}
						.resultat_lien_ajout{
							display:block;
							width:600px;
							margin-left:20px;
						}
						a.infos_lien_ajout{
							font-family:Arial Black;
							color:#ffffff;
							font-size:18px;
							margin-left:0px;
							text-shadow: 2px 2px 3px rgb(32, 32, 32);
						}
						a.infos_lien_ajout:hover{
							font-family:Arial Black;
							color:#00af83;
							font-size:18px;
							margin-left:0px;
							text-shadow: 2px 2px 3px rgb(32, 32, 32);
						}
						a.infos_liens_suppr{
							font-family:Verdana;
							color:#0d8567;
							font-size:12px;
						}
						a.infos_liens_suppr:hover{
							font-family:Verdana;
							color:rgb(83, 83, 83);
							font-size:12px;
						}
						a.donnees_perso{
							font-family:Verdana;
							color:#08523f;
							font-size:14px;
						}
						a.titre_donnees{
							font-family:Verdana;
							color:#FFF;
							font-size:16px;
						}

				/* page principale pour les mobiles */
						@media all and (max-device-width:960px){
							
					/* Identification */
							.cadre_identification{
								width:auto;
								height:400px;
							}
							.cadre_login{
								width:auto;
								height:260px;
							}
							h1#identification{
								color: #eee;
								font: 30px Arial, sans-serif;
								-webkit-font-smoothing: antialiased;
								text-shadow: 0px 1px black;
								text-align: center;
								margin-bottom: 20px;
							}
							.log{
								width:auto;
								height:40px;
								text-align:center;
								vertical-align:middle;
							}
					/* identifiant */
							input#login{
									background-color:#ffffff;
									width:200px;
									height:20px;
									border: 1px #bac7ed outset;
									font-size:16px;
							}
					/* mot de pass */
							input#pass{
									background-color:#ffffff;
									width:200px;
									height:20px;
									border:none;
									border: 1px #bac7ed outset;
									font-size:16px;
							}
					/* Se souvenir de moi */
							.memo{
								width:auto;
								height:50px;
								text-align:center;
								vertical-align:bottom;
							}

					/* Affichage résultat */

							.cadre_affiche_resultats{
								width:auto;
							}
							.affiche_resultat{
								width:auto;
							}
							a.infos_lien_ajout{
								font-family:Arial Black;
								color:#ffffff;
								font-size:18px;
								margin-left:0px;
								text-shadow: 2px 2px 3px rgb(32, 32, 32);
							}
							a.infos_lien_ajout:hover{
								font-family:Arial Black;
								color:#00dfa7;
								font-size:18px;
								margin-left:0px;
								text-shadow: 2px 2px 3px rgb(32, 32, 32);
							}
							.resultat_lien_ajout{
								width:auto;
							}
							a.infos_liens_suppr{
								font-size:14px;
								color: #0d8567;
							}
							a.infos_liens_suppr:hover{
								font-size:14px;
							}
							a.donnees_perso{
								font-size:16px;
							}
							a.titre_donnees{
								font-size:20px;
							}
						}


			/* 9.c-page de modif de mot de pass */
						.lien_retour{
							width:380px;
							height:40px;
							background-color:rgba(8,82,63,0.4);
							color:#ffffff;
						}
						#lien_retour{
							color:#ffffff;
							font-family:Verdana, Geneva, sans-serif;
							font-size:14px;
							text-align:justify;
							margin-left:20px;
							vertical-align:middle;
						}
						.ligne_new_pass{
							width:380px;
							height:40px;
							text-align:center;
							color:#ffffff;
							font-size:12px;
							vertical-align:middle;
							background-color:#ffffff;
						}
						.derniere_ligne_new_pass{
							width:380px;
							height:60px;
							text-align:center;
							color:#ffffff;
							font-size:12px;
							vertical-align:middle;
							background-color:#ffffff;
						}
						input.champs{
								background-color:#ffffff;
								width:200px;
								height:25px;
								border: 1px #bac7ed outset;
						}
						.formulaire{
							background-color:rgba(8,82,63,0.4);
							width:380px;
						}

				/* page de modif de mot de pass pour les mobiles */
						@media all and (max-device-width:960px){
							
						.lien_retour{
							width:auto;
							height:40px;
						}
						#lien_retour{
							font-family:Verdana, Geneva, sans-serif;
							font-size:16px;
							text-align:justify;
							margin-left:20px;
							vertical-align:middle;
							background-color:rgba(8,82,63,0.4);
						}
						.ligne_new_pass{
							width:auto;
							height:40px;
							text-align:center;
							font-size:14px;
							vertical-align:middle;
							background-color:rgba(8,82,63,0.4);
						}
						.derniere_ligne_new_pass{
							width:auto;
							height:60px;
							text-align:center;
							font-size:14px;
							vertical-align:middle;
							background-color:rgba(8,82,63,0.4);
						}
						input.champs{
								width:200px;
								height:25px;
						}
						.formulaire{
							width:auto;
						}
						}

			/* 9.d-page d'ajout d'informations */
						.ligne_tableau{
							width:400px;
							height:40px;
							background-color:rgba(8,82,63,0.4);
							color:#ffffff;
							font-family:Verdana, Geneva, sans-serif;
							font-size:14px;
							text-align:left;
							vertical-align:middle;
							margin-top:30px;
						}
						#ligne_texte{
							width:400px;
							height:auto;

						}
						#form_ajout{
							width:400px;
							background-color: rgba(8,82,63,0.4);
						}

				/* page d'ajout d'informations pour les mobiles */
						@media all and (max-device-width:960px){
						.ligne_tableau{
							width:auto;
							height:40px;
							font-family:Verdana, Geneva, sans-serif;
							font-size:16px;
							text-align:left;
							vertical-align:middle;
							margin-top:30px;
						}
						#ligne_texte{
							width:auto;
							height:auto;

						}
						#form_ajout{
							width:auto;
						}
						}

/* 10.Pages d'erreur */
				/* 10.a-erreur 403 */

					.contenu_403{
						max-width: 800px;
						display:block;
						flex-direction:column;
						vertical-align: middle;
						justify-content: center;
						text-align: center ;
						margin-top:20px;
						padding-top: 50px;
						margin: auto;
					} 
					.rubrique_403{
						display: block;
						margin: auto;
						width: 65%;
						justify-content: center;
						text-align: left ;
					}
					#img_403{
						width: 100%;
					}
					.lien_403{
						font-size: 20px;
						color: #08523f;
						text-decoration: none;
					}
					.lien_403:hover{
						font-size: 20px;
						color: #4b4b4b;
					}

				/* 10.b-erreur 404 */

					.contenu_404{
						max-width: 800px;
						display:block;
						flex-direction:column;
						vertical-align: middle;
						justify-content: center;
						text-align: center ;
						margin-top:20px;
						padding-top: 50px;
						margin: auto;
					} 
					.rubrique_404{
						display: block;
						margin: auto;
						width: 65%;
						justify-content: center;
						text-align: left ;
					}
					#img_404{
						width: 100%;
					}
					.lien_404{
						font-size: 20px;
						color: #08523f;
						text-decoration: none;
					}
					.lien_404:hover{
						font-size: 20px;
						color: #4b4b4b;
					}
			