* { box-sizing : border-box; }

@font-face {
	font-family	 : "Nightmare Gothic";
	src: url("fonts/Nightmare-Gothic.otf") format('opentype');
	font-weight  : 400;
}

@font-face {
	font-family	 : "Roboto";
	src: url("fonts/Roboto-Regular.ttf");
	font-weight  : 400;
}

@font-face {
	font-family	 : "Roboto";
	src: url("fonts/Roboto-Bold.ttf");
	font-weight  : bold;
}

@font-face {
	font-family	 : "Roboto";
	src: url("fonts/Roboto-BoldItalic.ttf");
	font-weight  : bold;
	font-style	 : italic;
}

@font-face {
	font-family	 : "Roboto";
	src: url("fonts/Roboto-Italic.ttf");
	font-style	 : italic;
	font-weight  : 400;
}

@font-face {
    font-family: 'socicon';
    src: url("fonts/Socicon.ttf");
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normaL;
	text-transform	: none;
}
/**************************************************************CSS PAR DEFAUT SELON BALISE******************************************************************/
html, body {
	font-family			: "Roboto";
	font-weight			: 400;
	margin				: 0;
	padding				: 0;
	color 				: rgba(46,47,47,1);
	background-color 	: rgba(255,255,255,1);
	overflow-x			: hidden;
}

.left { text-align : left; }
.right { text-align : right; }
.center { text-align : center; }

h1 {
	font-weight 	: bold;
	text-decoration : underline;
}

h3 {
	font-style 	: italic;
	font-weight : normal;
}

hr { 
	color : #000032;				/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */}

button { cursor : pointer; }
/**************************************************************EN TETE DU SITE***********************************************************************/
#entete {
	background-color : #000032;				/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	color			 : #ffffff;
}

.ent_gen { 
	display 		: flex;
	align-items 	: center;
	justify-content : center;
	font-weight 	: bold;
	height			: 100%;
	margin			: auto;
}

.ent_gen > div:first-child a {
	display 		: flex;
	justify-content : center;
	text-align		: center;
	text-decoration : none;
	color			: #F3BE72;					/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */	font-family 	: Nightmare Gothic;
	font-weight 	: 400;
}

.ent_gen > div:last-child { align-self : end; }

.ent_gen > div:last-child > a {
	display 		: flex;
	align-items 	: center;
	color			: #F3BE72;					/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */	text-decoration : none;
}

.ent_gen > div:last-child > a > div:nth-child(1) {
	display 	: flex;
	align-items : center;
}

.ent_rec { 
	margin 			: auto;
	display 		: flex;
	align-items 	: center;
	border  		: solid 3px #000032;					/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	border-radius 	: 15px;
}

.ent_rec .ent_rec_input input {
  border		: none;
  margin		: 0px;
  padding		: 0px;
  font-weight	: normal;
  font-style	: normal;
  font-stretch	: expanded;
  text-align	: left;
}
/*******************************AVIS*********************************************************/
.liste_avis_titre, .avis_titre { 
	display 		: flex;
	justify-content : space-between;
	align-items 	: center;
}

.avis_titre h3 { font-weight : bold; }

.avis_titre > div:last-child {
	display 		: flex;
	flex-direction 	: column;
}

.avis_titre > div:last-child a {
	text-decoration : none;
	color 			: inherit;
}

.avis_titre > div:last-child a:hover { text-decoration : underline; }

.liste_avis_cadre {
	background-color : #DCDCDC;					/*UpdateCss:SetCssColor cl_ton3*/

 /* (cl_ton3 => #DCDCDC, mod : 0) */	border-radius 	 : 25px;
	box-shadow		 : 0px 0px 22px -6px rgba(54,53,53,0.31);
	display			 : flex;
	align-items 	 : center;	
}

.liste_hommage_cadre {
	background-color : #DCDCDC;					/*UpdateCss:SetCssColor cl_ton3*/

 /* (cl_ton3 => #DCDCDC, mod : 0) */	border-radius 	 : 25px;
	box-shadow		 : 0px 0px 22px -6px rgba(54,53,53,0.31);
	display			 : flex;
	justify-content  : space-between;
	align-items 	 : center;	
}

.liste_avis_cadre > div:nth-child(1) { 
	display 	: flex; 
	align-items : center; 
}

.liste_avis_cadre > div:nth-child(1) > div:nth-child(1) {  
	display 		: flex;
	justify-content : center;
	align-items 	: center;
}

.liste_avis_cadre > div:nth-child(1) > div:nth-child(1) img { object-fit : contain; }

.liste_avis_cadre > div:nth-child(2) > div { display : flex; }

.liste_avis_cadre a {
	border-radius 		: 10px;
	border-style		: solid;
	border-color 		: #000032;				/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	background-color 	: #000032;				/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	display				: flex;
	align-items 		: center;
	font-weight			: bold;
	cursor				: pointer;
	text-decoration 	: none;
	color				: #F3BE72;				/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */}

.liste_avis_cadre a::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	margin-top			: 1px;
	background-image	: url("images/icone_yeux.png");	
}

.liste_page {
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : center;
	align-items 	: center;
}

.liste_page a { 
	color 		: inherit; 
	display 	: flex;
	align-items : center;
}

.liste_page a.pge_img { 
	border-radius	 : 25px;
	background-color : #DCDCDC;				/*UpdateCss:SetCssColor cl_ton3*/

 /* (cl_ton3 => #DCDCDC, mod : 0) */}

.avis_retour > a {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	border-radius 	: 20px;
	border-style 	: solid;
	border-color 	: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	background-color: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	text-decoration : none;
	color 			: #F3BE72;						/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */}

.avis_retour > a::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	background-image 	: url("images/icone_retour.png");
}

.avis_btn > a {
	display 		: flex;
	align-items 	: center;
	border-radius 	: 20px;
	border-style 	: solid;
	border-color 	: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	background-color : #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	text-decoration : none;
	color 			: #F3BE72;						/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */}

.avis_btn > a::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
}

.avis_btn a.btn_download::before { background-image : url("images/icone_telecharger.png"); }
.avis_btn a.btn_share::before { background-image : url("images/icone_partager.png"); }
.avis_btn a.btn_hommage::before { background-image : url("images/icone_ecrire.png"); }

.liste_share {
	position 			: absolute;
	text-align 			: center;
	background-color 	: #FFFFFF;
	z-index 			: 10;
	display 			: none;
}

.liste_share a {
	border-radius 	: 4px;
	display			: inline-block;
	padding 		: 0;
	background 		: none;
	border 			: none;
	text-decoration : none;
}

.liste_share a.icon_facebook { background-color : #3b5998; }
.liste_share a.icon_twitter { background-color : #00aced; }
.liste_share a.icon_whatsapp { background-color : #29a628; }
.liste_share a.icon_linkedin { background-color : #007bb6; }
.liste_share a.icon_email { background-color : #95a5a6 }
.liste_share a.icon_copy { background-color : #6F86FA; }

.liste_share a::before { 
	font-family		: "Socicon";   
	font-style		: normal;
	font-weight		: normal;
	font-variant	: normaL;
	text-transform	: none;
	color 			: #FFFFFF;
}

.liste_share a.icon_facebook::before { content : "\e028"; }
.liste_share a.icon_twitter::before { content : "\e08d"; }
.liste_share a.icon_whatsapp::before { content: "\e099"; }
.liste_share a.icon_linkedin::before { content: "\e04c"; }
.liste_share a.icon_email::before { content: "\e050"; }
.liste_share a.icon_copy::before { 
	content: ""; 
	background-image : url("images/icone_copie.png");

}


.avis_doc { 
	border-radius 	: 20px;
	border-style	: solid;
	border-color 	: #DCDCDC;				/*UpdateCss:SetCssColor cl_ton3*/	

 /* (cl_ton3 => #DCDCDC, mod : 0) */	margin			: auto;
	text-align 		: center;
}

.avis_doc img { 
	width 			: 100%; 
	border-radius 	: 20px;
}

.avis_doc p:nth-child(2) { 
	font-weight : bold; 
	font-style 	: italic;
}

#condoleance > div:nth-child(1), #condoleance > div:nth-child(2) { text-align : center; }

#condoleance > div:nth-child(2) { color : red; }

#condoleance input[type="text"], #condoleance textarea {
	font-family		: Roboto;
	border-radius 	: 15px;
	background-color: #FFFFFF;					/*UpdateCss:SetCssColor cl_ton4*/
	color			: inherit;
	text-indent		: 10px;
}

#condoleance > div:nth-child(11) { text-align : right; }

#condoleance > div:nth-child(12) > div { margin : auto; }

#condoleance > div:last-child { 
	display 		: flex;
	justify-content : end;
}

#condoleance button {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	border-radius 	: 20px;
	border-style 	: solid;
	border-color 	: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	background-color: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	text-decoration : none;
	color 			: #F3BE72;						/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */}

#condoleance button::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	background-image 	: url("images/icone_envoyer.png");
}

#condoleance .err_input { border-color : red; }

#hommage > div:nth-child(1) { 
	display 		: flex; 
	justify-content : center;
	align-items 	: center;
}

#hommage_print > div:nth-child(1) { text-align : center; }

#hommage > div:nth-child(1) > div { text-align : center; }

#hommage > div:nth-child(1) a {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	border-radius 	: 20px;
	border-style 	: solid;
	border-color 	: #DCDCDC;						/*UpdateCss:SetCssColor cl_ton3*/

 /* (cl_ton3 => #DCDCDC, mod : 0) */	background-color: #DCDCDC;						/*UpdateCss:SetCssColor cl_ton3*/

 /* (cl_ton3 => #DCDCDC, mod : 0) */	text-decoration : none;
	color 			: inherit;
}

#hommage > div:nth-child(1) a::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	background-image 	: url("images/icone_imprimer.png");
}

.liste_hommage_cadre > div:nth-child(1) > div:nth-child(1) {
	font-weight : bold;
	font-style	: italic;
}

.liste_hommage_cadre > div:nth-child(1) > div:nth-child(1) {
	font-weight : bold;
	font-style	: italic;
}

.liste_hommage_cadre > div:nth-child(1) > div:nth-child(2) { font-weight : bold; }

.liste_hommage_cadre > div:nth-child(2) { 
	display 	: flex; 
	align-items : center;
}

.liste_hommage_cadre > div:nth-child(2) > div:nth-child(1) { white-space : nowrap; }

.btn_garder_oui, .btn_garder_non {
	background-position : top left;
	background-size 	: auto 100%;
	background-repeat 	: no-repeat;
	display 			: flex;
	align-items 		: center;
	border 				: none;
	background-color 	: inherit;
}

.btn_garder_oui { 
	background-image 	: url("images/btn_radio_on.png"); 
	color			 	: white;		
}

.btn_garder_non { 
	background-image 	: url("images/btn_radio_off.png"); 
	color				: black
}

/*************************************************CARROUSSEL***********************************************************************/
.carrousel {
	position 	: relative;
}

.car_img { display : none; }

.car_img img { object-fit 	: cover; }

.car_anim {
  -webkit-animation-name		: fade;
  -webkit-animation-duration	: 3s;
  animation-name				: fade;
  animation-duration			: 3s;
}

@-webkit-keyframes fade {
  from 	{opacity: .4}
  to 	{opacity: 1}
}

@keyframes fade {
  from 	{opacity: .4}
  to 	{opacity: 1}
}

/*********************************************************LOGIN***********************************************************************/
.login {
	border 			: solid 2px #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	border-radius 	: 25px;
}

.login span { 
	display 	: block; 
	text-align 	: center;
}

.login > div:nth-child(1) {
	background-color : #000032;								/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	border-radius 	 : 25px 25px 0px 0px;
	font-weight 	 : bold;
	text-align		 : center;
	color 			 : #FFFFFF;								
	display			 : flex;
	justify-content	 : center;
	align-items 	 : center;
}

.login > div:nth-child(n+2) {
	font-weight		: 500;
	font-stretch	: normal;
	font-style		: normal;
	letter-spacing	: normal;
	color			: #000000;
	margin			: auto;
}

.login input[type=submit] {
	background-color 	: #000032;								/*UpdateCss:SetCssColor cl_ton1*/		

 /* (cl_ton1 => #000032, mod : 0) */	box-shadow 			: 0 1px 3px 0 rgba(0,0,0,0.1);
	border				: solid 1px #000032;					/*UpdateCss:SetCssColor cl_ton1*/			

 /* (cl_ton1 => #000032, mod : 0) */	font-weight			: bold;
	color				: #FFFFFF;
	border-radius 		: 3px;
}

.login a {
	color			: black;
	text-decoration : underline;
	color			: #000032;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	font-weight 	: bold;
}

.login a:hover { text-decoration : none; }

.login_input { position : relative }

.login_submit { text-align 	: right; }

.login input:not([type='submit']){
	border			: solid 1px #D7D7D7;
	border-radius	: 3px;
}

.pswd_eye, .pswd_mail, .pswd_cadenas { 
	position 			: absolute; 
	background-color 	: #FFFFFF;
}

.login_cpte > div { 
	display 		: flex;
	justify-content : flex-end;
}

.login a[href*="logout"] { 
	background-color 	: #000032;								/*UpdateCss:SetCssColor cl_ton1*/		

 /* (cl_ton1 => #000032, mod : 0) */	box-shadow 			: 0 1px 3px 0 rgba(0,0,0,0.1);
	border				: solid 1px #000032;					/*UpdateCss:SetCssColor cl_ton1*/			

 /* (cl_ton1 => #000032, mod : 0) */	font-weight			: bold;
	color				: #FFFFFF;
	border-radius 		: 3px;	
	text-decoration 	: none;
	display				: flex;
}

.login a[href*="logout"]:before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	background-image	: url("images/deconnexion.png");
}
/*********************************************************PIED DU SITE***********************************************************************/
.pie_gen > div { text-align : center; }
/************************************************ERREURS*********************************************************************/
.error {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	height			: 100%;
	gap				: 0px 150px;
	width 			: 86%;
	margin 			: auto;
}

.error_img { width : 20%; }

.error_img img { width : 100%; }

.error_txt { width : 50%; }

.error_txt > div:nth-child(1), .error_txt > div:nth-child(2) { font-weight 	: bold; }

.error_txt > div:nth-child(4) a  {
	color 			: #000032;											/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	font-weight 	: bold;
	text-decoration : none;
}

.error_txt > div:nth-child(4) div {
	width 			: max-content;
	border-bottom 	: solid 2px #000032;							/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #000032, mod : 0) */	padding 		: 2px 0px;
}

/*********************************************************FLECHES********************************************/
#fleche {
	position 			: fixed;
	bottom 	 			: 20px;
	right				: 20px;
	width				: 40px;
	height				: 40px;
	z-index	 			: 99;
	background-color 	: #F3BE72;					/*UpdateCss:SetCssColor cl_ton2*/

 /* (cl_ton2 => #F3BE72, mod : 0) */	display				: none;
}

#fleche a {
	display 		: flex;
	align-items 	: center;
	font-family 	: Futura;
	text-decoration : none;
	height 			: 100%;
}

#fleche a img { 
	margin-right : 10px; 
	height 		 : 20px;
	margin		 : auto;
}