@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
	font-family: 'LoraSemiBold';
	src: url('/font/Lora-SemiBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MontserratSemiBold';
	src: url('/font/Montserrat-SemiBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/font/Montserrat-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/*****
	Général
*****/
:root {
	/* Background color */
	--main-bg-color: #FFF;

	--grey-bg-color: #EEE;
	--grey2-bg-color: #ECEBEB;
	--lgrey-bg-color: #FAFAFA;
	--lgrey2-bg-color: #F1F2F1;
	--lgrey3-bg-color: #F6F6F6;
	--hgrey-bg-color: #87888A;

	--red-bg-color: #EA0F38; /*#F20F38*/
	--hred-bg-color: #C41837;

	--blue-bg-color: #0A6B97;
	--lblue-bg-color: #007AAB;
	--lblue2-bg-color: #CCEBFA;

	--yellow-bg-color: #D4AF37;

	--black-bg-color: #1D1F26;
	--lblack-bg-color: #33363f;
	--mblack-bg-color: #2B2F3C;

	/* Text color */
	--main-txt-color: #1D1F26;
	--white-txt-color: #FFF;
	--grey-txt-color: #757575;

	--red-txt-color: #E60029;

	--blue-txt-color: #007AAB;

	/* Text size */
	--min-txt: 0.75rem; /* 12px */
	--pref-txt: 2vw;
	--max-txt: 1rem; /* 16px */
}

.containerA {
	position: relative;
	width: 450px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: none;
}

.captiondiapo:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em; /* Adjusts for spacing */
	vertical-align: middle;
}

h1, h2, h3, h4, h5, p, a, li, span {font-size: clamp(var(--min-txt), var(--pref-txt), var(--max-txt));}

.captiondiapo {position:absolute;z-index: 1;width:100%;height: 100%;font-family:"Roboto";font-weight:700;text-align:center;color:#FFF;}
.captiondiapo a {text-decoration:none;}
.captiondiapo a:visited {text-decoration:none;}

.captionintdiapo {display:inline-block;vertical-align:middle;text-align:justify;}
.captionintdiapo p {font-family: 'Montserrat', Arial, serif;font-weight: normal;color:#FFF;}

.captionintdiapo > p:nth-of-type(n+2) {margin-top: 15px;}


/*****
	Titre
*****/
h1, h2, h3, h4, h5, h6 {--min-txt: 2rem;--pref-txt: 4vw;--max-txt: 3rem;padding-bottom:15px;font-family:'LoraSemiBold', Arial, serif;line-height:1.2;font-weight: normal;text-align:justify;}

.tc1vb::after {content:'';display:block;height:3px;margin: 15px 0 10px;background:url('/picts/css/bandeau-titre.png') no-repeat 0 0;filter: brightness(0) invert();}

.tc2vb {margin-top:20px;}

.tc1vc {padding:0;font-family:'MontserratSemiBold', Arial, serif;--min-txt: 1rem;--max-txt: 1.25rem;color:var(--blue-txt-color);}

.pictoTitle {height:35px;margin: 5px 15px 0 0;filter: brightness(0) invert();}


/*****
	Responsive
*****/
@media only screen and (max-width: 1250px) {
	.containerA {width:calc(100% - 50px);}
}