* {
	box-sizing : border-box;
}

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

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

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

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

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

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

@font-face {
	font-family : Crimson Text;
	font-weight : 400;
	font-style  : italic;
	src:url("fonts/CrimsonText-Italic.ttf");
}
/**************************************************************CSS PAR DEFAUT SELON BALISE******************************************************************/
html, body {
	font-family			: "Open Sans";
	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-family : Montserrat;
	font-weight : 700;
	color 		: #144798				/*UpdateCss:SetCssColor cl_ton1*/				

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

h2 {
	display 	: inline-block;
	font-family : Montserrat;
	font-weight : 700;
	color 		: rgba(68,114,166,1);
}

h3 {
	display 	: inline-block;
	font-family : Montserrat;
	font-weight : 700;
	color 		: #144798;			/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */}
/**************************************************************EN TETE DU SITE***********************************************************************/
#entete {
	background-color : rgba(160,0,83,0.85);
	color			 : #ffffff;
}

/**************************************************************MENU DU SITE***********************************************************************/
#menu_mobile, .ico_menu_mob { display : none; }

.men_gen {
	display 		: flex;
	font-family 	: "Roboto";
	font-weight		: 500;
	font-style 		: normal;
	text-transform 	: uppercase;
	letter-spacing	: 1px;
}

.men_gen ul {
	list-style  : none;
}

.men_gen ul li {
	float : left;
}

.men_gen ul li a {
	text-decoration : none;
	color			: #232323;
}

.men_gen ul li a.men_sel, .men_gen ul li a:hover {
	color : #144798;									/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************PFA Agence***********************************************************************/
.age_appel {
	background-color 	: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */	color 				: #FFFFFF;
	text-align 			: center;	
	font-family			: "Montserrat";
	font-weight			: 700;
	
}

.age_appel div:nth-child(2) a {
	border 		  	: solid 6px #FFFFFF;
	border-radius 	: 3px;
	font-family 	: "Montserrat";
	font-weight 	: 400;
	text-decoration : none;
	color 			: #FFFFFF;
	text-transform 	: uppercase;
	letter-spacing 	: 1px;
}

.age_appel div:nth-child(2) a:hover {
	background-color	: #FFFFFF;
	color				: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

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

.age_image {
	background-image	: url('images/pompes-funebres-avesnois-bienveillance.jpg');
	background-repeat	: no-repeat;
	background-position	: top center;
	background-size		: cover;
}

.age_maubeuge { 
	display 	: flex;
	flex-wrap	: wrap;
}

.age_fleurs > div, .age_monuments > div:nth-child(5), .age_prevoyance > div, .age_societe {
	display 	: flex;
}

.age_fleurs h1, .age_monuments h1, .age_prevoyance h1, .age_localiser h1 { text-align : center; }

.age_monuments div, .age_monuments p, .age_prevoyance p, .age_localiser div { text-align : center; }

.age_monuments iframe, .age_localiser iframe { border : none; }

.age_localiser a {
	text-decoration : none;
	color			: #144798;							/*UpdateCss:SetCssColor cl_ton2*/

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

.age_societe a {
	color 			: #144798;				/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************PFA Bienveillance***********************************************************************/
.pave {
	margin 			: auto;
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : center;
	align-items 	: center;
}

.pave h3 { 
	color 			: #FFFFFF;
	font-family 	: Montserrat;
	letter-spacing 	: 1px;
	font-weight 	: 700;
	margin			: 0px;
	display			: inline;
}

.pave > div:nth-child(1) { background-color : rgba(179,41,122,1); }

.pave > div:nth-child(2) { background-color : rgba(112,46,169,1); }

.pave > div:nth-child(3) { background-color : rgba(77,121,213,1); }

.pave a {
	border-width 	: 6px;
	border-style 	: solid;
	border-color 	: #FFFFFF;
	border-radius 	: 3px;
	font-family 	: Montserrat;
	font-weight 	: 400;
	text-decoration : none;
	color			: #FFFFFF;
	text-transform  : uppercase;
	position 		: relative;
}

.age_maubeuge a:not(.tel_cdm) {
	text-decoration : none;
	color			: #144798;					/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************PFA Contact***********************************************************************/
.age_maubeuge input[type="text"], .age_maubeuge textarea {
	border		: 2px solid #eeeeee;
	color		: #7a7a7a;
	text-indent	: 10px;
}

.age_maubeuge input[type="submit"] { 
	background-color	: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */	font-family 		: Montserrat;
	font-weight 		: 400px;
	text-transform 		: uppercase;
	cursor 				: pointer;
	letter-spacing 		: 1px;
	border-radius		: 3px;
	border				: none;
	color				: #FFFFFF;
}

.age_maubeuge input.err_input, .age_maubeuge textarea.err_input  { border-color : red; }

.contact_msg { 
	text-align 	: center;
	color 		: #144798;					/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */}
/*********************************************************PFA Avis***********************************************************************/
.avis_deces { text-align : center; }

.avis_deces h1 { text-align : center; }

.avis_deces iframe { border : none; }

/*********************************************************PFA Mentions***********************************************************************/
.mentions { margin : auto; }

.mentions a {
	text-decoration : none;
	color			: #144798;				/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************CDM Crématorium***********************************************************************/
.cdm_image {
	background-image		: url('images/crematorium-maubeuge-vue-nocturne.jpg');
	background-repeat		: no-repeat;
	background-position		: top left;
	background-size			: cover;
	background-attachment	: scroll;
}

.cdm_image h1 { color : #FFFFFF; }

.cdm1_image {
	background-image 		: url('images/crematorium-maubeuge-tableau-vegetal.jpg');
	background-repeat		: repeat-y;
	background-attachment 	: fixed;
	background-position 	: top left;
	background-size 		: cover;
}

.tel_cdm {
	background-color : #144798;						/*UpdateCss:SetCssColor cl_ton1*/

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

.txt_vert { 
	color 		: #99cc00;
	font-family : Montserrat;
	font-weight : 700;
}

.cdm_min {
	display 		: flex;
	justify-content : space-around;
	color 			: #141414;
	font-family		: Montserrat;
	font-weight 	: 400;
}

.cdm_min div { text-align : center; }

.cdm_memoire { 
	margin : auto; 
	color  : #5f6263;
}

.cdm_memoire h1 { text-align : center; }

.cdm_memoire a {
	color 			: #144798;				/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************CDM Lieu***********************************************************************/
.lieu_image { 
	background-attachment 	: scroll;
	background-image 		: url('images/crema-2.jpg');
	background-repeat 		: no-repeat;
	background-size 		: cover;
	background-position 	: top left;
	display					: flex;
	align-items 			: center;
	justify-content 		: center;
}

.lieu1_image { 
	background-attachment 	: scroll;
	background-image 		: url('images/IMG_0573-1.jpg');
	background-repeat 		: no-repeat;
	background-size 		: cover;
	background-position 	: top left;
}

.lieu1_image div { background-color : rgba(0,0,0,0.19);	}

.lieu2_image { 
	background-attachment 	: scroll;
	background-image 		: url('images/20201002_174631-1.jpg');
	background-repeat 		: no-repeat;
	background-size 		: cover;
	background-position 	: top left;
}

.lieu_image h1, .lieu1_image h1 {
	font-family 	 : Montserrat;
	font-weight 	 : 700;
	color 			 : #FFFFFF;
	text-align  	 : center;
}

.lieu3_image {
	background-attachment 	: scroll;
	background-image 		: url('images/crema-7.jpg');
	background-repeat 		: no-repeat;
	background-size 		: cover;
	background-position 	: top left;
	display					: flex;
	flex-direction 			: column;
	justify-content			: center;
	align-items				: center;
	
}

.lieu_temoin { 
	font-family : Montserrat;
	font-weight : 400;
}

.lieu_temoin h1 { text-align : center; }

.lieu_temoin > div:nth-child(2) { 
	display 		: flex; 
	justify-content : space-around;
	flex-wrap		: wrap;
}

.lieu_temoin > div:nth-child(2) > div > div:nth-child(1) { text-align : center; }

.lieu_temoin > div:nth-child(2) > div > div:nth-child(3) { 
	display 		: flex; 
	justify-content : center;
	align-items 	: center;
}

.lieu_temoin p {
	font-family : Crimson Text;
	font-style 	: italic;
	font-weight : 400;
}

.lieu_portfolio, .homm_portfolio {
	display : grid;
	margin 	: auto;
}

.lieu3_image > div:nth-child(1) {
	position		: relative;
	color 			: #FFFFFF;
	background		: rgba(101,175,10,0.76);
}

.lieu3_image > div:nth-child(1):after {
	position 			: absolute;
	content 			: "";
	display 			: block;
	left 				: 45px;
	border 				: solid 9px;
	border-color		: rgba(101,175,10,0.76);
	border-right-color 	: transparent;
	border-bottom-color : transparent;
}

.lieu3_image > div:nth-child(1) > i {
	position 	: absolute;
	opacity 	: 0.3;
	display 	: inline-block;	
}

.lieu3_image > div:nth-child(2) { 
	display 	: flex;
	align-items : center;
	color 		: #FFFFFF;	
}

.lieu3_image > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { 
	font-family : Montserrat;
	font-weight : 400;
}
/*********************************************************Résidence Douzies**********************************************************************/
.rfd_contact p { text-align : center; }

.rfd_contact a { 
	color 			: #144798;					/*UpdateCss:SetCssColor cl_ton2*/

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

/*********************************************************PFOA**********************************************************************/
.pfoa_image img { width : 100%; }

.pfoa_txt, .pfoa_txt1 { text-align : center; }

.pfoa_txt3 { font-weight : bold; }

div.ico_avis { 	margin-left	: auto; }

div.ico_avis, div.ico_pfoa { 
	background-image 	: url("images/fond_bleu.png");
	background-repeat 	: no-repeat;
	background-position : top center;
	line-height 		: normal;
	text-align			: center;
	display				: flex;
	justify-content 	: center;
	align-items 		: center;
	color				: #FFFFFF;
}

div.ico_informe, div.ico_rdv { margin : auto; }

div.ico_avis a, div.ico_pfoa a { 
	color 			: #FFFFFF; 
	text-decoration : none;
}

.pfoa_txt h1 { color : black; }
.pfoa_txt1 h1 { color : #FFFFFF; }
.pfoa_txt h2, .pfoa_txt1 h2, .pfoa_txt1 h3 { color : #FFFFFF; }

.pfoa_txt a:not(.pfoa_a), .pfoa_txt3 a:not(.pfoa_a) { 
	color 			: #FFFFFF; 
	text-decoration : none;
}

.pfoa_flex {
	display 		: flex;
	justify-content : space-between;
	align-items 	: center;
}

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

.conditions { 
	font-weight : normal; 
	text-align 	: left;
}

.pfoa_marbrerie { 
	display 	: flex;
	align-items : center;
}

.pfoa_cineraire, .pfoa_inhumation {
	display 		: flex;
	align-items 	: center;
}

.pfoa_appel {
	background-color 	: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */	color 				: #FFFFFF;
	text-align 			: center;	
	font-family			: "Montserrat";
	font-weight			: 700;
}

.pfoa_appel div:nth-child(2) a {
	border 		  	: solid 3px #FFFFFF;
	border-radius 	: 20px;
	font-family 	: "Montserrat";
	font-weight 	: 400;
	text-decoration : none;
	color 			: #FFFFFF;
	text-transform 	: uppercase;
	letter-spacing 	: 1px;
}

.pfoa_appel div:nth-child(2) a:hover {
	background-color	: #FFFFFF;
	color				: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

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

.pfoa_txt ul, .pfoa_bleu ul, .pfoa_orange ul {
	text-align 	: left;
	list-style	: square;
}

.pfoa_orange ul a { color : inherit; }
.pfoa_bleu ul a { color : inherit; }

.pfoa_a {
	color 			: black;
	text-decoration : underline;
}

.pfoa_bleu { background-color : rgba(20,71,152,0.5); }
.pfoa_orange { background-color : rgba(232,73,15,0.5); }

.pfoa_bleu h2, .pfoa_orange h2 { 
	color 		: black; 
	display		: block;
	text-align	: center;
}

.pfoa_bleu h3, .pfoa_orange h3 { color : #144798; }

.pfoa_bl_flex {
	display 		: flex;
	justify-content : space-between;
}

.pfoa_bl_flex > div:nth-child(2) { 
	background-color 	: #FFFFFF;
	text-align			: center;
	display 			: flex;
	align-items 		: center;
	justify-content 	: center;
	font-weight			: bold;
}

.pfoa_of_flex {
	display 		: flex;
	justify-content : space-around;
}

.pfoa_of_flex a { text-decoration : none; }

.pie_pfoa { 
	background-color 	: #144798;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => #144798, mod : 0) */	color 				: #FFFFFF;
}

/*********************************************************PIED DU SITE***********************************************************************/
#pied {
	font-family : "Raleway";
	font-weight : 400;
	color		: #757575;
}

.pie_gen {
	display 		: flex;
	justify-content : space-between;
}

.pie_gen a {
	text-decoration : none;
	color			: inherit;
}

.pie_gen a:hover { 
	color : #144798; 				/*UpdateCss:SetCssColor cl_ton2*/

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

.pie_gen ul { 
	list-style	 : none; 
	padding-left : 0px;
}

.pie_gen ul li { text-transform : uppercase; }

.pie_gen ul li:before {
	content 	: "\e732";
	display 	: inline-block;
	margin-left : -25px;
	width 		: 25px;
	font-size 	: 14px;
}

.pie_gen ul li.men_bas_sel {
	color : #144798;				/*UpdateCss:SetCssColor cl_ton2*/

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

.pie_gen ul li.men_bas_sel:before {
	color: #144798;				/*UpdateCss:SetCssColor cl_ton2*/

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

.pie_gen2 { text-align : center; }

/************************************************ERREURS*********************************************************************/
.error {
	display 		: flex;
	justify-content : center;
	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 			: #144798;											/*UpdateCss:SetCssColor cl_ton1*/

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

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

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

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

 /* (cl_ton1 => #144798, 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;
}