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

h1 {
	font-size 		: 45px;
	line-height 	: 70px;
	margin		 	: 0px 0px 20px 0px;
}

h2, h3 {
	font-size 	: 23px;
	line-height : 52px;
	margin 		: 0px 0px 10px 0px;
}

p { 
	margin-bottom : 30px;
	text-align 	  : justify;
}
/**************************************************************EN TETE DU SITE***********************************************************************/
/*Définit la hauteur de l'entête*/
.ent_gen { 
	max-width 	: 300px;
	margin		: auto;
	padding	  	: 13px 0px;
	text-align 	: center;
}
/**************************************************************EN TETE DU SITE***********************************************************************/
.men_gen { margin : auto 5%; }

.men_gen div:nth-child(1), .men_gen div.ico_avis { padding : 25px 0px; }

.men_gen div:nth-child(1) img { 
	height 		: 125px;
	object-fit 	: contain;
}

.men_gen div:nth-child(2) { display : none; }

.men_gen div.ico_avis { 
	width				: 130px;
	background-size  	: auto 125px;
	background-position : top 25px center;
	line-height 		: normal;
}

.ico_menu_mob {
	display		: block;
	flex		: 1;
	text-align 	: right;
	padding-top	: 25px;
}

.ico_menu_mob button {
	cursor 			: pointer;
	height 			: 55px;
	border-radius 	: 0px;
	font-size 		: 1.25rem;
	line-height		: 1;
	padding 		: 9px 16px;
	border 			: 1px solid white;
	background		: none;
}

.ico_menu_mob span {
	background-image	: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(50,50,50, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	content 			: "";	
	display 			: inline-block;
	width 				: 37.5px;
	height 				: 37.5px;
	vertical-align 		: middle;
}

#menu_mobile {
	display 			: none;
	position 			: absolute;
	width				: 100%;
	top 				: 80px;
	background-color 	: #FFFFFF;								/*UpdateCss:SetCssColor blanc*/

 /* (blanc => FFFFFF, mod : 0) */	box-shadow			: 0 3px 20px 0 rgba(0, 0, 0, 0.16);	
	font-family			: Roboto;
	font-weight			: 500;
	letter-spacing		: 1px;
}

#menu_mobile > div:nth-child(1) {
	width 		 	: 100%;
	margin-top 	 	: 34px;
	padding-right 	: calc(16px + 5%);
	text-align 		: right;
}

#menu_mobile > div:nth-child(1) img { 
	width 		: 37.5px; 
	object-fit 	: contain;
}

#menu_mobile ul {
	margin  		: 0;
	padding			: 0;
	list-style-type : none;
	width			: 100%;
}

#menu_mobile li {
	margin-left 	: 18%;
	margin-top  	: 15px;
	width 			: 65%;
	min-height		: 30px;
	border-bottom 	: solid 1px #D1D1D1;
	text-transform 	: uppercase;
}

#menu_mobile li a {
	font-size		: 13px;
	font-weight		: bold;
	line-height		: 1.92;
	letter-spacing	: normal;
	color			: #232323;						
	text-decoration : none;
}

#menu_mobile li a:hover { 
	color : #144798; 						/*UpdateCss:SetCssColor cl_ton2*/

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

#menu_mobile li a.men_sel { 
	color : #144798; 						/*UpdateCss:SetCssColor cl_ton2*/

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

#menu_mobile > div:nth-child(3) { 
	display 		: flex;
	justify-content : space-between;
	align-items 	: center;
	margin	 		: 48px 5% 30px 5%;
}

.men_logo, .men_tel { width : 45%; }

.men_logo img {
	width  		: 100%;
	max-height	: 125px;
	object-fit 	: contain;
}

.men_tel .ent_tel .ent_tel_img {
	margin-left : 12%;
}

.men_tel .ent_tel_img img {
	width  : 12px;
	height : 12px;
}

.men_tel .ent_tel .ent_tel_txt {
	font-size		: 12px;
	line-height		: 1.2;
	margin-left		: 8%;
}

.ent_tel {
	height 			: 100%;
	border-radius	: 25px;
	box-shadow		: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	border			: solid 1px #144798;								/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */	display			: flex;
	align-items 	: center;
	width			: inherit;
}

.ent_tel .ent_tel_txt a {
	font-weight		: bold;
	font-style		: normal;
	font-stretch	: expanded;
	letter-spacing	: normal;
	text-align		: center;
	color			: #144798;							/*UpdateCss:SetCssColor cl_ton1*/

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



/*********************************************************PFA Agence***********************************************************************/
.age_appel {
	margin 			: auto;
	margin-top 		: 8px;
	margin-bottom 	: 23px; 
	line-height 	: 47px;
	font-size		: 35px;
	padding			: 30px 0px;
}

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

.age_appel div:nth-child(2) a {
	display		: inline-block;
	font-size 	: 13px;
	line-height : 14px;
	padding 	: 15px 20px;
}

.age_image { 
	width 			: 100%;
	height 			: 150px;
	background-size : contain;
}

.age_maubeuge { 
	flex-direction  : column;
	margin-top 		: 20px;
	margin-bottom 	: 60px;
}

.age_maubeuge img { 
	object-fit 	: contain; 
	width 		: 100%;
	max-height 	: 500px;
}

.age_maubeuge div {
	margin-bottom 	: 50px; 
	width 			: 100%;
}

.age_maubeuge ul { padding-left  : 1.3em; }

.age_maubeuge li { margin-bottom : 30px; }

.age_fleurs > div, .age_monuments > div:nth-child(5), .age_prevoyance > div, .age_societe {
	flex-direction 	: column;
	gap				: 10px 0px;
	margin			: auto;
	margin-top 		: 30px;
	margin-bottom 	: 30px;
}

.age_fleurs > div div, .age_monuments > div:nth-child(5) div, .age_prevoyance > div div, .age_societe > div {
	width 	: 100%;
}

.age_societe > div div { margin : auto; }

.age_fleurs > div div img, .age_monuments > div:nth-child(5) div img, .age_prevoyance > div div img, .age_societe div img {
	width 		: 100%;
	height 		: auto;
	max-height  : 500px;
	object-fit 	: contain;
}

.age_monuments iframe, .age_localiser iframe {
	width 			: 100%;
	height			: 200px;
	margin-bottom 	: 30px;
}

.age_societe span { font-size : 12pt; }

.age_societe p { text-align : left; }

/*********************************************Bienveillance*************************************************/
.pave {
	width 			: 100%;
	flex-direction 	: column;
	gap				: 50px 0px;
}

.pave h3 {
	line-height 	: 47px;
	font-size 		: 35px;
}

.pave div:nth-child(1) { 
	width 		: 100%;
	padding		: 30px 0;
	text-align 	: center;
}

.pave div:nth-child(2) { 
	width 		: 100%;
	padding		: 30px 0;
	text-align 	: center;
}

.pave div:nth-child(3) { 
	width 		: 100%;
	padding		: 30px 0;
	text-align 	: center;
}

.pave a {
	display		: block;
	width		: 100px;
	margin		: auto;
	font-size 	: 13px;
	line-height : 14px;
	padding 	: 15px 20px;
}

.pave div:nth-child(1) a, .pave div:nth-child(3) a { 
	top 			: 26px; 
	margin-bottom 	: 24px;

}

.bien_pres { margin-bottom 	: 0px; }

/******************************************PFA contact***********************************************************************/
.age_maubeuge input[type="text"] {
	font-size 	: 20px;
	line-height : 20px;
	height 		: 41px;
	width		: 100%;	
}

.age_maubeuge textarea {
	font-size 	: 20px;
	line-height : 20px;
	height 		: 200px;
	width		: 100%;	
}

.age_maubeuge input[type="submit"] {
	font-size 	: 12px;
	line-height : 12px;
	padding		: 18px;
}

/******************************************PFA avis***********************************************************************/
.avis_deces iframe {
	width 	: 100%;
	height 	: 700px;
}

/******************************************PFA mentions***********************************************************************/
.mentions { width 	: 300px; }


/*********************************************************PAGE***********************************************************************/
#page { margin : auto 5%; }

/******************************************CDM crematorium***********************************************************************/
.cdm_image, .cdm1_image { height : 476px; }

.cdm_image h1 { 
	font-size 	: 31px; 
	line-height : 38px;
}

.cdm_image div {
	max-width	: 300px;
	margin 	  	: 0 auto;
	padding-top : 20px;
}

.tel_cdm {
	padding : 18px 35px;
	color	: #ffffff;
}

.txt_vert {
	line-height : 52px;
	letter-spacing : 1px;
	font-size : 35px;
	word-break: break-word;
}

.cdm_min {
	line-height : 32px;
	font-size	: 15px;
	flex-direction : column;
}

.cdm_video { 
	width 	: 300px;
	margin 	: auto;
}

.cdm_video iframe {
	width 			: 300px;
	height			: 168px;
	margin-bottom 	: 30px;
}

.cdm_memoire {
	width 	: 100%;
	padding : 35px 0px 42px 0px;
}

.cdm_memoire img {
	width 		: 100%;
	object-fit 	: contain;
	margin-top 	: 30px;
}

/*********************************************************CDM Lieu***********************************************************************/
.lieu_image, .lieu1_image { min-height : 700px; }

.lieu2_image { min-height : 600px; }

.lieu3_image { min-height : 700px; }

.lieu1_image div { 
	min-height 		: 700px;
	height 			: 100%; 
	width 			: 100%;
	display			: flex;
	flex-direction 	: column;
	justify-content : center;
}

.lieu_image h1, .lieu1_image h1 {
	line-height : 70px;
}

.lieu_temoin {
	padding : 90px 0px 90px 0px;
}

.lieu_temoin > div:nth-child(2) {
	gap : 80px 130px;
}	

.lieu_temoin > div:nth-child(2) > div { 
	width : 450px;
}

.lieu_temoin p {
	font-size 	: 22px;
	line-height : 2.0;
}

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

.lieu_temoin > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) { 
	font-size 	: 15px;
	line-height : 32px;
}

.lieu_temoin > div:nth-child(2) > div > div:nth-child(3) img { 
	width 		: 70px;
	object-fit 	: contain;
}

.lieu_temoin > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) { 
	margin-right : 20px;
}

.lieu_portfolio, .homm_portfolio {
	width 					: 100%;
	grid-template-columns	: 1fr;
	row-gap					: 40px;
}

.lieu_portfolio img, .homm_portfolio img {
	width 			: 100%;
	object-fit 		: contain;
	border-radius 	: 20px;
}

.lieu3_image > div:nth-child(1) { 
	width			: 300px;
	font-size 		: 17px;	
	margin-bottom 	: 30px;
}

.lieu3_image > div:nth-child(1) > i {
	top 		: -18px;
	right       : -10px;
}

.lieu3_image > div:nth-child(1) > i > img {
	width : 100px;
}

.lieu3_image > div:nth-child(1) > div {
	padding : 30px 23px;
}

.lieu3_image > div:nth-child(2) { width	: 300px; }

.lieu3_image > div:nth-child(2) > div:nth-child(1) img { 
	width		: 70px;
	margin-right : 20px;
}

.lieu3_image > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { 
	font-size 	: 15px;
	line-height : 32px;
}

.lieu3_image > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) { 
	font-size 	: 17px;
}

/*********************************************************PFOA***********************************************************************/
div.ico_avis { 
	width				: 130px;
	height				: 175px;
	background-size  	: auto 125px;
	background-position : top 25px center;
	line-height 		: normal;
	font-size			: 20pt;
}

div.ico_pfoa { 
	background-size : contain;
	font-size 		: 20pt;
}

div.ico_informe { 
	height	: 178px;
	width	: 180px;
}

div.ico_rdv {
	width  : 100px;
	height : 99px;
}

div.ico_prev { 
	height 	: 188px;
	width 	: 190px;
}

div.pfoa_flex1 { gap : 30px; }

div.pfoa_txt { 
	font-size 	: 14pt; 
	line-height : normal;
}

div.pfoa_txt span { 
	font-size 	: 18pt; 
	line-height : normal;
	font-weight	: bold;
}

.pfoa_cineraire span, .pfoa_inhumation span { 
	font-size 	: 20pt; 
	font-weight : bold; 
}

div.pfoa_txt h1, div.pfoa_txt1 h1 { 
	font-size 	: 22pt; 
	margin 		: 0px;
}

div.pfoa_txt h2 { font-size : 18pt; }
div.pfoa_txt1 h3 { font-size : 14pt; }

div.pfoa_txt3 { 
	font-size 	: 16pt; 
	line-height : normal;
}

.pfoa_txt3 span { font-size : 20pt; }

.conditions { font-size : 11pt; }

.pfoa_marbrerie {
	gap 		: 100px;
	text-align 	: center;
}

.pfoa_appel {
	margin 			: auto;
	margin-top 		: 8px;
	font-size		: 28px;
	line-height 	: 35px;
	padding			: 30px 0px;
}

.pfoa_appel div:nth-child(2) a {
	display		: inline-block;
	font-size 	: 20pt;
	padding 	: 0px 20px;
}

.pfoa_width { 
	flex-direction 	: column; 
	gap				: 20px;
}

.lesfurets { line-height : 0px; }

.lesfurets img { width : 188px; }

.legende { 
	font-size 	: 10px;
	line-height : normal;
}

.pfoa_bleu, .pfoa_orange { 
	padding 	: 0px 20px 15px 20px; 
	font-size 	: 14pt;	
}

.pfoa_bleu ul, .pfoa_orange ul { margin : 0; }
 
.pfoa_bleu h2, .pfoa_orange h2 { font-size : 18pt; }
.pfoa_bleu h3, .pfoa_orange h3 { font-size : 14pt; }

.pfoa_inhumation, .pfoa_cineraire {
	font-size 	: 16pt;
	gap 		: 30px; 
	line-height : normal;
}

.pfoa_cineraire img {
	width 		: 172px;
	object-fit 	: contain;
}

.pfoa_inhumation img {
	width 		: 287px;
	object-fit 	: contain;
}

.pfoa_orange h4, .pfoa_bleu h4 {
	margin 		: 10px auto;
	display 	: flex;
	text-align 	: center;
	align-items : center;
	font-weight : normal;
}

.pfoa_orange h4:before,
.pfoa_orange h4::after, .pfoa_bleu h4:before,
.pfoa_bleu h4::after {
    background	: currentColor;
    content		: "";
    flex		: 1;
    height		: 2px;
    margin		: 0.5em;
}

.pfoa_bl_flex > div:nth-child(2) { 
	font-size 	: 20pt;
	padding 	: 5px 10px; 
	min-height 	: 55px;
	min-width 	: 364px;
}

.pfoa_of_flex img { 
	height 		: 188px; 
	object-fit 	: contain;
}

.pie_pfoa { padding	: 20px 20px 0px 20px; }

.pfoa_pie_img img { width : 180px; }
/*********************************************************PIED DU SITE***********************************************************************/
#pied {
	font-size 	: 13px;
	line-height : 24px;
}

.pie_gen {
	flex-direction 	: column;
	max-width 		: 300px;
	margin			: auto;
	padding			: 70px 0px;
}

.pie_gen div:nth-child(1) img {
	width		: 300px;
	object-fit 	: contain;
}

.pie_gen div:nth-child(2) div.pie_mentions { 
	margin-top 		: 40px; 
	margin-bottom 	: 50px;
}

.pie_gen ul li {
	padding-left 	: 25px;
	margin-bottom 	: 10px;
}

.pie_gen div:nth-child(3) div { text-align : center; }

.pie_gen2 { 
	width 		: 240px;
	margin		: auto;
	padding 	: 25px 0px; 
}

/************************************************ERREURS*********************************************************************/
.error {
	display	: block;
	width 	: 86%;
	margin 	: auto;
}

.error_img, .error_txt  { width : 100%; }

.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; }