body {
	/*font-family:'Lexend Deca', sans-serif;
	background-color: #000000 !important; */
}

.policeadmin {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
}

.entry-meta {
	/*	sous titre podcast */
	/*font-family:'Lexend Deca', sans-serif;
font-style: normal;*/

}

.mailvisible {
	visibility: hidden;
}

#content {
	/*background-color:#ffffff !important;*/
}

h1 {

	/*	font-size: 17px !important;
	font-variant:normal ;
	text-transform:none ;*/
}

h2

/* titre article */
	{

	/*font-variant:small-caps !important;
	font-size: 18px !important;*/

}

h3,
/* articles */
h4,
h5 {

	/*	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 12px !important;
	font: inherit !important;
	vertical-align: baseline !important;
	 line-height: 1 !important;*/

}

h6 {
	/* vous êtes ici et anotations */

	/*	font-size: 0.8em !important;
	margin-bottom:20px !important;
	margin-top: 30px !important;
	font-weight:normal !important;*/

}

p {
	/*margin: 0 !important;*/
	padding: 0 !important;
	border: 0 !important;
	vertical-align: baseline !important;
	line-height: 1.1 !important;
	font-size: 1em;


}

.container,
#content,
#stretched,
#full-header {

	background-color: transparent !important;
	/*padding-right:50px;*/

}




.couleurfond {}

#page-title {
	/*Haut de rubrique*/

	/*background-color :#ffffff !important;
	font-size: 1em !important;
	color: #000000 !important;*/
}

#hautrubrique span {}

#header.sticky-header #header-wrap {
	/* menu reduit haut de page*/
	/*	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #847B72;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
	border: none !important;

}

/* menu haut */

.primary-menu ul li>a {

	/*	font-weight: normal; 
		color: white !important;*/

}

.primary-menu ul li>a:hover {
	/*color: #000000 !important;*/
	color: #949494 !important;
}

/* sousmenu haut */
.sub-menu-container {}

.primary-menu ul ul li>a {
	/*color: #fff;

		color: white !important;*/
}

.primary-menu ul ul li>a:hover {
	/*color: #000000;
		color: black !important;*/
}

/* rubrique selectionnée */
.primary-menu ul li.current>a,
.primary-menu div ul li.current>a {
	/* color:#cccccc;*/
	color: #000 !important;
}

#sousmenu {}

#vousetesici {}

.entry-image,
.entry-image>a,
.entry-image .slide a,
.entry-image,
img {}

.entry-image {
	/*margin-bottom: -20px;*/
}

.imagette {

	/*	max-width:200px !important;	
	max-height: 200px !important;*/

}

a {
	font-weight: bold;
	text-decoration: underline;
	/*color: #B49170 !important;*/
}

a:hover {
	/*font-weight: bold;
color:#FF0000 !important;*/
}

header,
nav,
footer,
article,
section,
figure {
	/*display:block; */
}

.entry-title,
.titre {}

.reductionbasarticle {
	/*margin-bottom: -20px !important;*/
}

#hautrubrique p {
	/*line-height:1em !important;
	font-size: 2em !important;*/
}

#hautrubrique span {
	/*line-height:1em !important;*/
}

.bordure {
	/*border-bottom: medium #787878 !important;*/
}

.diapotitre {
	/*	font-size:4em;
	font-weight: bold;
	color:#FFF;
	text-shadow:3px 3px 10px #000;
	font-variant:small-caps;*/

}

.diapochapeau {
	/*	font-size:3em;
	color:#FFF;
	text-shadow:3px 3px 10px #000;*/
}

.diapotexte {
	/*	font-size:2em;
	color:#FFF;
	text-shadow:3px 3px 10px #000;*/
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

/* ligne 1127 sur css/responsive.css, supprimer le center */
#box {
	position: relative;
	background: #ddd;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 2em 1.5em;
	color: rgba(0, 0, 0, .8);
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5;
	margin: 20px auto;
}

#box:before,
#box:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#box:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}




/* Variables de couleurs pour les différents boutons */
:root {
	/* Palette 1 - Rose/Violet */
	--color-start-1: #e83e8c;
	--color-end-1: #5e60ce;
	--color-active-start-1: #d23277;
	--color-active-end-1: #4b4cb3;
	--color-pulse-1: rgba(232, 62, 140, 0.4);

	/* Palette 2 - Bleu/Cyan */
	--color-start-2: #3498db;
	--color-end-2: #2ecc71;
	--color-active-start-2: #2980b9;
	--color-active-end-2: #27ae60;
	--color-pulse-2: rgba(52, 152, 219, 0.4);

	/* Palette 3 - Orange/Jaune */
	--color-start-3: #ff7700;
	--color-end-3: #ffbb00;
	--color-active-start-3: #e56b00;
	--color-active-end-3: #e5a800;
	--color-pulse-3: rgba(255, 119, 0, 0.4);

	/* Palette 4 - Rouge/Orange */
	--color-start-4: #e74c3c;
	--color-end-4: #ff9500;
	--color-active-start-4: #c0392b;
	--color-active-end-4: #e67e22;
	--color-pulse-4: rgba(231, 76, 60, 0.4);

	/* Palette 5 - Vert/Turquoise */
	--color-start-5: #1abc9c;
	--color-end-5: #4cd137;
	--color-active-start-5: #16a085;
	--color-active-end-5: #44bd32;
	--color-pulse-5: rgba(26, 188, 156, 0.4);
}

/* Style du bouton moderne 3D */
.bouton-moderne-3d {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 16px 32px;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3),
		0 6px 6px rgba(0, 0, 0, 0.2),
		inset 0 2px 2px rgba(255, 255, 255, 0.2);
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	transform-style: preserve-3d;
	transform: perspective(1000px) translateZ(0);

	/* Couleur par défaut (rose/violet) */
	background: linear-gradient(135deg, var(--color-start-1) 0%, var(--color-end-1) 100%);
}

/* Appliquer les différentes palettes de couleurs en fonction de l'attribut data-color */
.bouton-moderne-3d[data-color="1"] {
	background: linear-gradient(135deg, var(--color-start-1) 0%, var(--color-end-1) 100%);
}

.bouton-moderne-3d[data-color="2"] {
	background: linear-gradient(135deg, var(--color-start-2) 0%, var(--color-end-2) 100%);
}

.bouton-moderne-3d[data-color="3"] {
	background: linear-gradient(135deg, var(--color-start-3) 0%, var(--color-end-3) 100%);
}

.bouton-moderne-3d[data-color="4"] {
	background: linear-gradient(135deg, var(--color-start-4) 0%, var(--color-end-4) 100%);
}

.bouton-moderne-3d[data-color="5"] {
	background: linear-gradient(135deg, var(--color-start-5) 0%, var(--color-end-5) 100%);
}

/* Effet de lumière supérieure */
.bouton-moderne-3d::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent);
	border-radius: 12px 12px 0 0;
	pointer-events: none;
}

/* Effet de halo */
.bouton-moderne-3d::before {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	border-radius: 50%;
	opacity: 0;
	transition: transform 0.5s ease, opacity 0.5s ease;
	pointer-events: none;
}

/* Le texte et l'icône */
.bouton-moderne-3d .texte,
.bouton-moderne-3d .icone {
	position: relative;
	z-index: 2;
	transition: transform 0.3s ease;
}

/* Animations au survol */
.bouton-moderne-3d:hover {
	transform: perspective(1000px) translateZ(10px) scale(1.05);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4),
		0 10px 10px rgba(0, 0, 0, 0.3),
		inset 0 2px 2px rgba(255, 255, 255, 0.3);
}

/* Animations au survol pour chaque palette de couleurs */
.bouton-moderne-3d[data-color="1"]:hover {
	background: linear-gradient(135deg, var(--color-start-1) 15%, var(--color-end-1) 85%);
}

.bouton-moderne-3d[data-color="2"]:hover {
	background: linear-gradient(135deg, var(--color-start-2) 15%, var(--color-end-2) 85%);
}

.bouton-moderne-3d[data-color="3"]:hover {
	background: linear-gradient(135deg, var(--color-start-3) 15%, var(--color-end-3) 85%);
}

.bouton-moderne-3d[data-color="4"]:hover {
	background: linear-gradient(135deg, var(--color-start-4) 15%, var(--color-end-4) 85%);
}

.bouton-moderne-3d[data-color="5"]:hover {
	background: linear-gradient(135deg, var(--color-start-5) 15%, var(--color-end-5) 85%);
}

.bouton-moderne-3d:hover::before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.bouton-moderne-3d:hover .texte {
	transform: translateX(-4px);
}

.bouton-moderne-3d:hover .icone {
	transform: translateX(4px) scale(1.2);
}

/* Animation au clic pour chaque palette */
.bouton-moderne-3d:active {
	transform: perspective(1000px) translateZ(0) translateY(4px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3),
		0 3px 3px rgba(0, 0, 0, 0.2),
		inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

.bouton-moderne-3d[data-color="1"]:active {
	background: linear-gradient(135deg, var(--color-active-start-1) 0%, var(--color-active-end-1) 100%);
}

.bouton-moderne-3d[data-color="2"]:active {
	background: linear-gradient(135deg, var(--color-active-start-2) 0%, var(--color-active-end-2) 100%);
}

.bouton-moderne-3d[data-color="3"]:active {
	background: linear-gradient(135deg, var(--color-active-start-3) 0%, var(--color-active-end-3) 100%);
}

.bouton-moderne-3d[data-color="4"]:active {
	background: linear-gradient(135deg, var(--color-active-start-4) 0%, var(--color-active-end-4) 100%);
}

.bouton-moderne-3d[data-color="5"]:active {
	background: linear-gradient(135deg, var(--color-active-start-5) 0%, var(--color-active-end-5) 100%);
}

/* Effet de pulsation pour chaque couleur */
@keyframes pulse-1 {
	0% {
		box-shadow: 0 0 0 0 var(--color-pulse-1);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(232, 62, 140, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(232, 62, 140, 0);
	}
}

@keyframes pulse-2 {
	0% {
		box-shadow: 0 0 0 0 var(--color-pulse-2);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(52, 152, 219, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
	}
}

@keyframes pulse-3 {
	0% {
		box-shadow: 0 0 0 0 var(--color-pulse-3);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(255, 119, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 119, 0, 0);
	}
}

@keyframes pulse-4 {
	0% {
		box-shadow: 0 0 0 0 var(--color-pulse-4);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(231, 76, 60, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
	}
}

@keyframes pulse-5 {
	0% {
		box-shadow: 0 0 0 0 var(--color-pulse-5);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(26, 188, 156, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(26, 188, 156, 0);
	}
}

.bouton-moderne-3d[data-color="1"]:hover {
	animation: pulse-1 1.5s infinite;
}

.bouton-moderne-3d[data-color="2"]:hover {
	animation: pulse-2 1.5s infinite;
}

.bouton-moderne-3d[data-color="3"]:hover {
	animation: pulse-3 1.5s infinite;
}

.bouton-moderne-3d[data-color="4"]:hover {
	animation: pulse-4 1.5s infinite;
}

.bouton-moderne-3d[data-color="5"]:hover {
	animation: pulse-5 1.5s infinite;
}