/**************************************************************CSS PAR DEFAUT SELON BALISE******************************************************************/
html, body {
	font-size 	: 20px;
	line-height : 26px;
}

h1 {
	font-size 	: 40px;
	line-height : 50px;
}

h3 {
	font-size 	: 20px;
	line-height : 24px;
}
/**************************************************************EN TETE DU SITE***********************************************************************/
/*Définit la hauteur de l'entête*/
#entete { height : 85px; }

.ent_gen { 
	padding	  	: 10px 10px;
	gap			: 15px;
	font-size 	: 30px;
}

.ent_gen > div:first-child a {
	font-size 	: 25px;
	line-height : 28px;
}

.ent_gen > div:last-child > a { gap : 10px; }

.ent_gen > div:last-child img { height : 20px; }

.ent_gen > div:last-child { 
	font-size 	: 15px; 
	line-height : 20px;
}

.ent_rec { 
	width 	: 100%; 
	height 	: 40px;
}

.ent_rec .ent_rec_loupe, .ent_rec .ent_rec_effacer { 
	height 		: 18px; 
	margin-left : 10px;
}

.ent_rec .ent_rec_loupe img, .ent_rec .ent_rec_effacer img { height : 18px; }

.ent_rec .ent_rec_input { width : calc(100% - 72px); }

.ent_rec .ent_rec_input input {
  height		: 18px;
  font-size 	: 16px;
  margin-left 	: 10px;
  width 		: calc(100% - 10px);
}
/*********************************************************PAGE***********************************************************************/
#page {
	min-height  : calc(100vh - 176px);
	width		: 95%;
	margin		: auto;
	padding 	: 15px 0px;
}

/********************************************************AVIS***********************************************************************/
.liste_avis_titre, .avis_titre { flex-direction : column; }

.liste_avis_titre > div:nth-child(3) { display : none; }

.avis_retour > a {
	margin-top 		: 20px;
	margin-bottom	: 20px;
	width 			: 200px;
	font-size 		: 18px;
	line-height 	: 18px;
	padding			: 5px 15px;
}

.avis_titre > div:nth-child(1) { display : none; }

.avis_titre > div:nth-child(3) { margin-bottom : 10px; }

.avis_titre > div:last-child img { height : 80px; }

.avis_titre > div:last-child { 
	font-size 	: 16px; 
	line-height : 20px;
	margin-top 	: 10px;
	text-align  : center;
}

.liste_avis_titre img, .avis_titre img { height : 200px; }

.avis_titre h3 { font-size : 30px; }

.liste_avis_cadre { 
	width 			: 100%;
	max-width 		: 350px;
	margin	  		: 10px auto 0px auto; 
	padding 		: 10px 20px 10px 20px; 
	font-size 		: 18px;
	flex-direction 	: column;
	gap 			: 10px;
}

.liste_avis_cadre > div:nth-child(1) { 
	flex-direction 	: column;
	height 			: 100%; 
}

.liste_avis_cadre > div:nth-child(1) > div:nth-child(1) {  
	height 			: 100%; 
	width 			: 90px;
}

.liste_avis_cadre > div:nth-child(1) > div:nth-child(1) img { 
	height 			 : 60px;
	width			 : 90%;
}

.liste_avis_cadre img { height : 23px; }

.liste_avis_cadre a {
	padding			: 2px 5px;
	font-size 		: 15px;
}

.avis_page { 
	margin 	: 30px 0px 30px 0px; 
	gap	 	: 10px;
}

.liste_page { margin-top : 15px; }

.liste_page div:nth-child(n+1), .liste_page a:nth-child(n+1) { margin-left : 5px; }

.liste_page img { height : 25px; }

.avis_btn > a {
	width 		: 200px;
	font-size 	: 18px;
	line-height : 18px;
	padding		: 5px 15px;
}

.avis_btn > a:nth-child(n+2) { margin-top : 10px; }

.liste_share {
	margin-top 			: 5px;
	width 				: 200px;
	height 				: 80px;
}

.liste_share a {
	width			: 38px;
	height 			: 38px;
	font-size 		: 18px;
}

.liste_share a:nth-child(n+2) { margin-left : 5px; }

.liste_share a { line-height : 39px; }

.avis_doc { 
	width  : 100%; 
	margin : 10px auto 20px auto; 
}

.avis_doc p { line-height : 28px; }

.avis_doc p:first-child { padding-top : 40px; }

.avis_doc p:nth-child(2) { font-size : 24px; }

.avis_doc p:last-child { padding-bottom : 40px; }

#condoleance {
	width 	: 100%;
	margin 	: auto;
}

#condoleance > div:nth-child(1), #hommage > div:nth-child(1), #hommage_print > div:nth-child(1) { 
	font-size  	: 30px;
	line-height : 32px;
	margin		: 20px 0px;
}

#condoleance > div:nth-child(3), #condoleance > div:nth-child(5), #condoleance > div:nth-child(7), #condoleance > div:nth-child(9) {
	margin-top : 10px;
} 

#condoleance > div:not(:first-child,:nth-child(2),:last-child) { 
	width 		: 100%;
	margin-right: auto;
	margin-left : auto;
}

#condoleance input[type="text"], #condoleance textarea {
	width 		: 100%;
	font-size 	: 20px;
	line-height : 20px;
}

#condoleance input[type="text"] { height : 41px; }

#condoleance button {
	margin-top 		: 20px;
	margin-bottom	: 20px;
	width 			: 200px;
	font-size 		: 18px;
	line-height 	: 18px;
	padding			: 5px 15px;
}

#obj_list { width : 100%; }

#hommage, #hommage_print {
	width 	: 100%;
	margin 	: auto;
}

#hommage > div:nth-child(1) > div:first-child { flex-grow : 2; }

#hommage > div:nth-child(1) a {
	margin-top 		: 20px;
	margin-bottom	: 20px;
	font-size 		: 18px;
	line-height 	: 18px;
	padding			: 5px 15px;
}

.liste_hommage_cadre { 
	width 		: 100%;
	margin	  	: 10px auto 0px auto; 
	padding 	: 10px 20px 10px 20px; 
	font-size 	: 18px;
}

.liste_hommage_cadre > div { margin : 10px 0px 10px 0px; }

.liste_hommage_cadre > div:nth-child(1) > div:nth-child(2) { margin-bottom : 20px; }

.liste_hommage_cadre > div:nth-child(2) { 
	flex-direction : column;
	gap : 10px; 
}

.btn_garder_oui, .btn_garder_non { 
	height 		: 40px;
	width		: 100px;
	font-size	: 15px;
}

.btn_garder_oui { padding-left : 10px; }
.btn_garder_non { padding-left : 32px; }

/***********************************************CARROUSEL***********************************************************************/
.carrousel {
	height			: 200px;
	width			: 300px;
	margin 			: auto;
	margin-bottom 	: 10px;
}

.car_img { 
	width 	: 100%;
	height 	: 100%;
}

.car_img img {
	width 		: 100%;
	height 		: 100%;
}

/***********************************************LOGIN***********************************************************************/
.login {
	margin 			: 80px auto;
	width			: 100%;
	max-width		: 500px;
}

.login > div:nth-child(1) {
	padding 		 : 0px;
	font-size 		 : 30px;
	padding			 : 10px 0px;
}

.login > div:nth-child(1) img {
	height 		 : 35px;
	margin-right : 20px;
}

.login > div:nth-child(n+2) {
	font-size 		: 16px;
	width	  		: 250px;
}

.login > div:nth-child(n+2) > div { padding : 5px 0px; }

.login > div:nth-child(2) { margin-top 		: 30px; }

.login > div:last-child { margin-bottom 	: 30px; }

.login input[type=submit] { padding	: 14px 36px; }

.login a { font-size : 12px; }

.login input[type="email"] {
	width			: 250px;
	font-size		: 16px;
	line-height		: 36px;
	padding			: 0px 0px 0px 40px;	
}

.login input[type=password], .login input[type=text] {
	width 			: 250px;
	font-size 		: 16px;
	line-height 	: 36px;
	padding			: 0px 40px 0px 40px;
}

.pswd_eye, .pswd_mail, .pswd_cadenas {
	height  			: 20px;
	top 				: 14px;
	padding				: 0px;
}

.pswd_mail { left : 10px; }

.pswd_cadenas { left : 12px; }
 
.pswd_eye { right : 10px; }

.pswd_eye img, .pswd_mail img, .pswd_cadenas img { 	height : 20px; }

.login a[href*="logout"] { 
	font-size 	: 16px;
	padding		: 14px 20px; 
	width 		: 170px;
}

.login a[href*="logout"]:before {
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	margin-top 			: 4px;
}
/*********************************************************PIED DU SITE***********************************************************************/
#pied {
	font-size 	: 13px;
	line-height : 24px;
	height 		: 60px;
}

.pie_gen { padding : 10px 10px; }
/************************************************ERREURS*********************************************************************/
.error_txt > div:nth-child(1) {
	font-size 	: 28px;
	margin-top 	: 32px;
}

.error_txt > div:nth-child(2) { margin-top : 52px; }

.error_txt > div:nth-child(3) { margin-top : 20px; }

.error_txt > div:nth-child(4) { margin-top : 30px; }

.error_txt > div:nth-child(4) a  { font-size : 16px; }
 
.error_txt { font-size : 18px; }