@import url('/plugin/site/variables.css');

.mceContentBody ul {
	list-style: none;
	padding-left:10px;
}
.mceContentBody ul li:before {
	content: "";
	width: .5em;
	height: .5em;
	background-color: var(--color-rouge);
	float: left;
	margin: .45em .50em 0 0;
}

h1 {
	font: var(--font-os-bold-32) !important;
	text-transform: uppercase;
	color: var(--color-rouge) !important;
}

h1.titre {
	font-weight: var(--font-os-weight-light) !important;
}
h1.titre b {
	font-weight: var(--font-os-weight-bold) !important;
	font-size: inherit;
	text-transform: inherit;
	color: inherit;
}
h2 {
	font: var(--font-os-light-32) !important;
	color: var(--color-rouge) !important;
}
h3 {
	font: var(--font-os-semibold-24) !important;
	text-transform: uppercase;
	color: var(--color-bleu) !important;
}
h4 {
	font: var(--font-os-light-24) !important;
	color: var(--color-bleu) !important;
}
h5 {
	font: var(--font-os-semibold-14) !important;
	color: var(--color-bleu) !important;
}
@media (max-width: 991.98px) {

	h1 {
		/*font: var(--font-os-bold-24) !important;*/
		font-size: 24px !important;
		line-height: 30px !important;
	}

	h2 {
		/*font: var(--font-os-light-24) !important;*/
		font-size: 24px !important;
		line-height: 30px !important;
	}

	h3 {
		/*font: var(--font-os-semibold-16) !important;*/
		font-size: 16px !important;
		line-height: 22px !important;
	}

	h4 {
		/*font: var(--font-os-light-16) !important;*/
		font-size: 16px !important;
		line-height: 22px !important;
	}
}

hr {
	border-top: 1px solid var(--color-bleu);
}

.mceContentBody table[border="1"] {
	border-top-color: var(--color-bleu);
	border-left-color: var(--color-bleu);
}
.mceContentBody table[border="1"] tr td {
	border-bottom-color: var(--color-bleu);
	border-right-color: var(--color-bleu);
}
.mceContentBody table[cellpadding] tr td {
	padding:3px;
}


.btn-bleu,
.btn-bleu:focus,
.btn-bleu-xl,
.btn-bleu-xl:focus {
	color: #FFF;
	background-color: var(--color-bleu);
	border: 1px solid var(--color-bleu);
}
.btn-rouge,
.btn-rouge:focus,
.btn-rouge-xl,
.btn-rouge-xl:focus {
	color: #FFF;
	background-color: var(--color-rouge);
	border: 1px solid var(--color-rouge);
}
.btn-contour-blanc-bleu,
.btn-contour-blanc-bleu:focus,
.btn-contour-blanc-rouge,
.btn-contour-blanc-rouge:focus,
.btn-contour-blanc-bleu-xs,
.btn-contour-blanc-bleu-xs:focus,
.btn-contour-blanc-rouge-xs,
.btn-contour-blanc-rouge-xs:focus {
	color: #FFF;
	background-color: transparent;
	border: 1px solid #FFF;
}
.btn-contour-bleu,
.btn-contour-bleu:focus,
.btn-contour-bleu-xs,
.btn-contour-bleu-xs:focus {
	color: var(--color-bleu);
	border: 1px solid var(--color-bleu);
}
.btn-contour-rouge,
.btn-contour-rouge:focus
.btn-contour-rouge-xs,
.btn-contour-rouge-xs:focus {
	color: var(--color-rouge);
	border: 1px solid var(--color-rouge);
}

.btn-bleu,
.btn-bleu-xl,
.btn-rouge,
.btn-rouge-xl,
.btn-contour-blanc-bleu,
.btn-contour-blanc-bleu-xs,
.btn-contour-blanc-rouge,
.btn-contour-blanc-rouge-xs,
.btn-contour-bleu,
.btn-contour-rouge,
.btn-contour-bleu-xs,
.btn-contour-rouge-xs {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	white-space: nowrap !important;
	padding: 15px;
	transition: var(--transition-bg-color), var(--transition-color), var(--transition-b-color);
	font: var(--font-os-regular-14);
	text-transform: uppercase;
}
.btn-bleu,
.btn-rouge {
	padding: 3px 5px;
}
.btn-bleu-xl,
.btn-rouge-xl {
	padding: 5.25px 10.5px;
	font: var(--font-os-bold-28);
	line-height: 42px;
}

.btn-contour-bleu-xs,
.btn-contour-rouge-xs,
.btn-contour-blanc-bleu-xs,
.btn-contour-blanc-rouge-xs {
	padding: 3px 5px;
	font: var(--font-os-regular-13);
}


@media (max-width: 991.98px) {
	.btn-bleu,
	.btn-bleu-xl,
	.btn-rouge,
	.btn-rouge-xl,
	.btn-contour-blanc-bleu,
	.btn-contour-blanc-bleu-xs,
	.btn-contour-blanc-rouge,
	.btn-contour-blanc-rouge-xs,
	.btn-contour-bleu,
	.btn-contour-rouge,
	.btn-contour-bleu-xs,
	.btn-contour-rouge-xs {
		padding: 10px;
		font: var(--font-os-regular-14);
	}
	.btn-bleu,
	.btn-rouge {
		padding: 3px 5px;
	}
	.btn-bleu-xl,
	.btn-rouge-xl {
		padding: 3px 7px;
		font: var(--font-os-bold-18);
		line-height: 34px;
	}

	.btn-contour-bleu-xs,
	.btn-contour-rouge-xs,
	.btn-contour-blanc-bleu-xs,
	.btn-contour-blanc-rouge-xs {
		padding: 1px 3px;
	}
}

.btn-rouge:hover,
.btn-rouge-xl:hover {
	color: var(--color-rouge);
	background-color: #FFF;
	border: 1px solid #FFF;
	text-decoration:none;
}
.btn-bleu:hover,
.btn-bleu-xl:hover {
	color: var(--color-bleu);
	background-color: #FFF;
	border: 1px solid #FFF;
	text-decoration:none;
}
.btn-contour-blanc-bleu:hover,
.btn-contour-blanc-bleu-xs:hover{
	color: var(--color-bleu);
	background-color: #FFF;
	text-decoration:none;
}
.btn-contour-blanc-rouge:hover,
.btn-contour-blanc-rouge-xs:hover{
	color: var(--color-rouge);
	background-color: #FFF;
	text-decoration:none;
}
.btn-contour-bleu:hover,
.btn-contour-bleu-xs:hover{
	background-color: var(--color-bleu);
	border: 1px solid var(--color-bleu);
	color: #FFF;
	text-decoration:none;
}
.btn-contour-rouge:hover,
.btn-contour-rouge-xs:hover {
	background-color: var(--color-rouge);
	border: 1px solid var(--color-rouge);
	color: #FFF;
	text-decoration:none;
}