/*********************************************************************/
.text-mydark {color: #3E4367;}
.text-myblue {color: #4C68ED;}
.text-mypink {color: #EE76A0;}
.text-myorange {color: #FE7119;}
.text-myyellow {color: #FECE01;}
.text-mygreen {color: #74C091;}
.text-mybluesoft {color: #9FA0EB;}
.text-mypinksoft {color: #FEBFD5;}
.text-myorangesoft {color: #FFA26A;}
.text-myyellowsoft {color: #FFDE72;}
.text-mygreensoft {color: #A8D0B6;}
/* Text colors on hover */
.text-hover-myblue:hover { color: #4C68ED !important; }
.text-hover-mypink:hover { color: #EE76A0 !important; }
.text-hover-myorange:hover { color: #FE7119 !important; }
.text-hover-myyellow:hover { color: #FECE01 !important; }
.text-hover-mygreen:hover { color: #74C091 !important; }
.text-hover-mybluesoft:hover { color: #9FA0EB !important; }
.text-hover-mypinksoft:hover { color: #FEBFD5 !important; }
.text-hover-myorangesoft:hover { color: #FFA26A !important; }
.text-hover-myyellowsoft:hover { color: #FFDE72 !important; }
.text-hover-mygreensoft:hover { color: #A8D0B6 !important; }
.text-hover-white:hover, .text-hover-white:focus {color: #FFFFFF !important;}
/*bg my color */
.bg-myblue {background-color: #4C68ED;}
.bg-mypink {background-color: #EE76A0;}
.bg-myorange {background-color: #FE7119;}
.bg-myyellow {background-color: #FECE01;}
.bg-mygreen {background-color: #74C091;}
.bg-mybluesoft {background-color: #9FA0EB;}
.bg-mypinksoft {background-color: #FEBFD5;}
.bg-myorangesoft {background-color: #FFA26A;}
.bg-myyellowsoft {background-color: #FFDE72;}
.bg-mygreensoft {background-color: #A8D0B6;}
/*background gray*/
.bg-mygray-100 {background-color: #CFD8DC}
.bg-mygray-200 {background-color: #B0BEC5}
.bg-mygray-300 {background-color: #90A4AE}
.bg-mygray-400 {background-color: #78909C}
.bg-mygray-500 {background-color: #607D8B}
.bg-mygray-600 {background-color: #546E7A}
.bg-mygray-700 {background-color: #455A64}
.bg-mygray-800 {background-color: #37474F}
.bg-mygray-900 {background-color: #263238}
/* Background colors on hover */
.bg-hover-myblue:hover,.bg-hover-myblue:focus {background-color: #4C68ED !important;}
.bg-hover-mypink:hover { background-color: #EE76A0 !important; }
.bg-hover-myorange:hover { background-color: #FE7119 !important; }
.bg-hover-myyellow:hover { background-color: #FECE01 !important; }
.bg-hover-mygreen:hover { background-color: #74C091 !important; }
.bg-hover-mybluesoft:hover { background-color: #9FA0EB !important; }
.bg-hover-mypinksoft:hover { background-color: #FEBFD5 !important; }
.bg-hover-myorangesoft:hover { background-color: #FFA26A !important; }
.bg-hover-myyellowsoft:hover { background-color: #FFDE72 !important; }
.bg-hover-mygreensoft:hover { background-color: #A8D0B6 !important; }
.bg-hover-white:hover { background-color: #FFFFFF !important; }
.text-myblue {color: #4C68ED;}
.text-mypink {color: #EE76A0;}
.text-myorange {color: #FE7119;}
.text-myyellow {color: #FECE01;}
.text-mygreen {color: #74C091;}

.lettrine-bg-myblue.avec-lettrine::first-letter {background-color: #4C68ED;}
.lettrine-bg-mypink.avec-lettrine::first-letter {background-color: #EE76A0;}
.lettrine-bg-myorange.avec-lettrine::first-letter {background-color: #FE7119;}
.lettrine-bg-myyellow.avec-lettrine::first-letter {background-color: #FECE01;}
.lettrine-bg-mygreen.avec-lettrine::first-letter {background-color: #74C091;}
.lettrine-bg-mybluesoft.avec-lettrine::first-letter {background-color: #9FA0EB;}
.lettrine-bg-mypinksoft.avec-lettrine::first-letter {background-color: #FEBFD5;}
.lettrine-bg-myorangesoft.avec-lettrine::first-letter {background-color: #FFA26A;}
.lettrine-bg-myyellowsoft.avec-lettrine::first-letter {background-color: #FFDE72;}
.lettrine-bg-mygreensoft.avec-lettrine::first-letter {background-color: #A8D0B6;}

.lettrine-myblue.avec-lettrine::first-letter {color: #4C68ED;}
.lettrine-mypink.avec-lettrine::first-letter {color: #EE76A0;}
.lettrine-myorange.avec-lettrine::first-letter {color: #FE7119;}
.lettrine-myyellow.avec-lettrine::first-letter {color: #FECE01;}
.lettrine-mygreen.avec-lettrine::first-letter {color: #74C091;}
.lettrine-mybluesoft.avec-lettrine::first-letter {color: #9FA0EB;}
.lettrine-mypinksoft.avec-lettrine::first-letter {color: #FEBFD5;}
.lettrine-myorangesoft.avec-lettrine::first-letter {color: #FFA26A;}
.lettrine-myyellowsoft.avec-lettrine::first-letter {color: #FFDE72;}
.lettrine-mygreensoft.avec-lettrine::first-letter {color: #A8D0B6;}

/*********************************************************************/
/* --- Boutons Réseaux Sociaux & Fonctions --- */
/* Bouton WhatsApp (Vert officiel : #25D366) */
.btn-whatsapp {
	background-color: #25D366;
	border-color: #25D366;
	color: #FFFFFF;
}
.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active {
	background-color: #1DA851;
	border-color: #1DA851;
	color: #FFFFFF;
}
.btn-outline-whatsapp {
	color: #25D366;
	border-color: #25D366;
	background-color: transparent;
}
.btn-outline-whatsapp:hover,
.btn-outline-whatsapp:focus,
.btn-outline-whatsapp:active {
	color: #FFFFFF;
	background-color: #25D366;
	border-color: #25D366;
}

/* Bouton Facebook (Bleu officiel : #1877F2) */
.btn-facebook {
	background-color: #1877F2;
	border-color: #1877F2;
	color: #FFFFFF;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
	background-color: #145FB3;
	border-color: #145FB3;
	color: #FFFFFF;
}
.btn-outline-facebook {
	color: #1877F2;
	border-color: #1877F2;
	background-color: transparent;
}
.btn-outline-facebook:hover,
.btn-outline-facebook:focus,
.btn-outline-facebook:active {
	color: #FFFFFF;
	background-color: #1877F2;
	border-color: #1877F2;
}
/* Bouton X / Twitter (Noir officiel : #000000) */
.btn-x {
	background-color: #000000;
	border-color: #000000;
	color: #FFFFFF;
}
.btn-x:hover,
.btn-x:focus,
.btn-x:active {
	background-color: #1A1A1A;
	border-color: #1A1A1A;
	color: #FFFFFF;
}
.btn-outline-x {
	color: #000000;
	border-color: #000000;
	background-color: transparent;
}
.btn-outline-x:hover,
.btn-outline-x:focus,
.btn-outline-x:active {
	color: #FFFFFF;
	background-color: #000000;
	border-color: #000000;
}
/* Bouton Messenger (Bleu officiel : #0078FF) */
.btn-messenger {
	background-color: #0078FF;
	border-color: #0078FF;
	color: #FFFFFF;
}
.btn-messenger:hover,
.btn-messenger:focus,
.btn-messenger:active {
	background-color: #005FCC;
	border-color: #005FCC;
	color: #FFFFFF;
}
.btn-outline-messenger {
	color: #0078FF;
	border-color: #0078FF;
	background-color: transparent;
}
.btn-outline-messenger:hover,
.btn-outline-messenger:focus,
.btn-outline-messenger:active {
	color: #FFFFFF;
	background-color: #0078FF;
	border-color: #0078FF;
}
/* Bouton Print (Couleur neutre, ex: Gris Bootstrap Secondary) */
.btn-print {
	background-color: #74C091;
	border-color: #74C091;
	color: #FFFFFF;
}
.btn-print:hover,
.btn-print:focus,
.btn-print:active {
	background-color: #568f6b;
	border-color: #568f6b;
	color: #FFFFFF;
}
.btn-outline-print {
	color: #74C091;
	border-color: #74C091;
	background-color: transparent;
}
.btn-outline-print:hover,
.btn-outline-print:focus,
.btn-outline-print:active {
	color: #FFFFFF;
	background-color: #74C091;
	border-color: #74C091;
}
/* Bouton Email (Couleur d'action, ex: Bleu Bootstrap Primary) */
.btn-email {
	background-color: #EE76A0;
	border-color: #EE76A0;
	color: #FFFFFF;
}
.btn-email:hover,
.btn-email:focus,
.btn-email:active {
	background-color: #b35878;
	border-color: #b35878;
	color: #FFFFFF;
}
.btn-outline-email {
	color: #EE76A0;
	border-color: #EE76A0;
	background-color: transparent;
}
.btn-outline-email:hover,
.btn-outline-email:focus,
.btn-outline-email:active {
	color: #FFFFFF;
	background-color: #EE76A0;
	border-color: #EE76A0;
}
/* Bouton LinkedIn (Bleu officiel : #0A66C2) */
.btn-linkedin {
	background-color: #0A66C2;
	border-color: #0A66C2;
	color: #FFFFFF;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active {
	background-color: #004182;
	border-color: #004182;
	color: #FFFFFF;
}
.btn-outline-linkedin {
	color: #0A66C2;
	border-color: #0A66C2;
	background-color: transparent;
}
.btn-outline-linkedin:hover,
.btn-outline-linkedin:focus,
.btn-outline-linkedin:active {
	color: #FFFFFF;
	background-color: #0A66C2;
	border-color: #0A66C2;
}
/* Bouton RSS (Orange : #F26522 ou #FF6600) */
.btn-rss {
	background-color: #FE7119;
	border-color: #FE7119;
	color: #FFFFFF;
}
.btn-rss:hover,
.btn-rss:focus,
.btn-rss:active {
	background-color: #D9521A;
	border-color: #D9521A;
	color: #FFFFFF;
}
.btn-outline-rss {
	color: #FE7119;
	border-color: #FE7119;
	background-color: transparent;
}
.btn-outline-rss:hover,
.btn-outline-rss:focus,
.btn-outline-rss:active {
	color: #FFFFFF;
	background-color: #FE7119;
	border-color: #FE7119;
}
/* BOUTONS MY COLORS */
/* Bouton BLUE*/
.btn-myblue {
	background-color: #4C68ED;
	border-color: #4C68ED;
	color: #FFFFFF;
}
.btn-myblue:hover,
.btn-myblue:focus,
.btn-myblue:active {
	background-color: #3f58c5;
	border-color: #3f58c5;
	color: #FFFFFF;
}
.btn-outline-myblue {
	color: #4C68ED;
	border-color: #4C68ED;
	background-color: transparent;
}
.btn-outline-myblue:hover,
.btn-outline-myblue:focus,
.btn-outline-myblue:active {
	color: #FFFFFF;
	background-color: #4C68ED;
	border-color: #4C68ED;
}
/* Bouton PINK*/
.btn-mypink {
	background-color: #EE76A0;
	border-color: #EE76A0;
	color: #FFFFFF;
}
.btn-mypink:hover,
.btn-mypink:focus,
.btn-mypink:active {
	background-color: #bd5d7f;
	border-color: #bd5d7f;
	color: #FFFFFF;
}
.btn-outline-mypink {
	color: #EE76A0;
	border-color: #EE76A0;
	background-color: transparent;
}
.btn-outline-mypink:hover,
.btn-outline-mypink:focus,
.btn-outline-mypink:active {
	color: #FFFFFF;
	background-color: #EE76A0;
	border-color: #EE76A0;
}
/* Bouton YELLOW*/
.btn-myyellow {
	background-color: #FECE01;
	border-color: #FECE01;
	color: #FFFFFF;
}
.btn-myyellow:hover,
.btn-myyellow:focus,
.btn-myyellow:active {
	background-color: #c69f00;
	border-color: #c69f00;
	color: #FFFFFF;
}
.btn-outline-myyellow {
	color: #FECE01;
	border-color: #FECE01;
	background-color: transparent;
}
.btn-outline-myyellow:hover,
.btn-outline-myyellow:focus,
.btn-outline-myyellow:active {
	color: #FFFFFF;
	background-color: #FECE01;
	border-color: #FECE01;
}
/* Bouton GREEN*/
.btn-mygreen {
	background-color: #74C091;
	border-color: #74C091;
	color: #FFFFFF;
}
.btn-mygreen:hover,
.btn-mygreen:focus,
.btn-mygreen:active {
	background-color: #5c9872;
	border-color: #5c9872;
	color: #FFFFFF;
}
.btn-outline-mygreen {
	color: #74C091;
	border-color: #74C091;
	background-color: transparent;
}
.btn-outline-mygreen:hover,
.btn-outline-mygreen:focus,
.btn-outline-mygreen:active {
	color: #FFFFFF;
	background-color: #74C091;
	border-color: #74C091;
}
/*********************************************************************/
/*link anim */
.link-anim {
	/* Transform ne fonctionne correctement que sur les éléments block, inline-block, flex, grid...
	Les liens (<a>) sont par défaut 'inline'. Il faut les changer.
	inline-block est souvent un bon choix pour les liens ou petits éléments. */
	display: inline-block;
	transform: translateX(0); /* Position de départ (pas de décalage) */
	transition: transform 0.2s ease-out; /* Animation du décalage */
	/* Optionnel: Ajouter une transition pour d'autres propriétés si elles changent au hover
	comme la couleur ou le fond, si vous n'utilisez pas déjà des classes hover avec transition */
	/* transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-out; */
}
.link-anim:hover,
.link-anim:focus {
	transform: translateX(5px); /* Décale l'élément de 5px vers la droite au survol/focus */
}
/*********************************************************************/
.print-watermark {
	display: none !important;
}

@media print {
	:root {
		-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	}

	.print-watermark {
		display: block !important;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
		transform-origin: center;
		z-index: 2147483647; /* très haut pour être au-dessus de tout */
		font-size: 36pt;     /* ajuste selon besoin, ou utiliser vw */
		font-weight: 700;
		color: #000;
		opacity: 0.14;      /* visible mais discret */
		white-space: nowrap;
		pointer-events: none;
		text-align: center;
		width: 200%;
	}
}