:root{
	--color-blue: #233d5d;
	--color-sable-clair: #fcf4e9;
	--color-sable-fonce: #f5ecdc;
	--color-jaune-dore: #bca35c; /* menu selectionné, liens, .. */
	--color-gris: #3b3f44; /* texte */
	--color-bleu-clair: #c5d7ee;
	
	--max-width: 1440px;
}



/* Général*/
body {
	background-color: var(--color-sable-clair);
	margin: auto;
	font-style: normal;
	color: var(--color-gris);
	font-family: "calluna-sans",sans-serif; 
	
	font-variant-numeric: lining-nums; 
	
}
#headerSmall, #headerSmallDeroulant, #blocActuImgSmartphone, .blocCursus_DateSmall {
	display: none;
}
#header, #content .bloc, #footer2 {
	max-width: var(--max-width);
	width: var(--max-width);
	padding-left: calc((100% - var(--max-width)) / 2); 
	padding-right: calc((100% - var(--max-width)) / 2);
}
#header, #footer2 {
	width: calc(var(--max-width) - 160px);
	padding-left: calc((100% - var(--max-width) + 160px) / 2); 
	padding-right: calc((100% - var(--max-width) + 160px) / 2);
}
#content {
	min-height: calc(100vh - 682px);
	margin-top: 110px;
}
.mouseHover:hover {
	cursor: pointer;
}
.center {
	text-align: center;
}
.textBlanc {
	color: #FFF !important;
}
.textBlanc > a {
	color: #FFF !important;
}
.blocBlue {
	background-color: var(--color-blue);
	color: var(--color-bleu-clair);
}
.blocSand {
	background-color: var(--color-sable-fonce);
}
.underline {
	text-decoration: underline;
}
.colorGold {
	color: var(--color-jaune-dore);
}
.padding50 {
	padding: 50px;
}
.text1 {
	font-size: 30px;
}
.text4 {
	font-size: 25px;
}
.text2 {
	font-size: 20px;
}
.line {
	width: 245px;
	position: relative;
	top: -30px;
	height: 10px;
}
.blueLine {
	background-color: #325581;
}
.sandLine {
	background-color: var(--color-sable-fonce);
}
.blocSand .sandLine {
	background-color: #ede0c5;
}

.blocRight{
	float: right;
	width: 50%;
	min-width: 786px;
}
.blocLeft {
	width:50%;
}
.blocLeft.blocTitleUneLigne {
	width:100%;
}
.padding5050 {
	padding-left: calc(50% - 50px);
}
.titreMoyen {
	font-size: 28px;
	padding: 40px;
	font-family: "calluna",serif;
}
.paddingL80 {
	padding-left: 80px !important;
}
.paddingL65 {
	padding-left: 65px !important;
}
.paddingR80 {
	padding-right: 80px !important;
}
.paddingB120 {
	padding-bottom: 120px !important;
}
.paddingT50 {
	padding-top: 50px !important;
}
.titreBleu {
	color: var(--color-blue);
}


.pageBiographie .text1 {
	font-size: 28px !important;
}



/* 404 */
#error404 {
	color: #3B3F44;
	height: 200px;
}
#error404 span {
	font-size: 80px;
	font-family: "calluna",serif;
	font-weight: 700;
	position: relative;
	top: 3px;
}

/* HEADER */

#header, #headerSmall {
	padding-top: 10px;
	height: 100px;
	text-decoration: none;
	z-index: 99999999;
	position: fixed;
	top: 0px;
	background-color: var(--color-sable-clair);
}
#header {
	display: inline-flex;
}
#logo {
	height: 75px;
	width: 75px;
	background-repeat: no-repeat;
}

.logoYellow .logo__background {
	fill: var(--color-sable-fonce);
}
.logoYellow .logo__outline {
	stroke: var(--color-jaune-dore);
}
.logoYellow .logo__text {
	fill: var(--color-blue);
}
#menu {
	width: calc(100% - 200px);
	padding-left: 100px;
}
#menu > ul {
	width: 100%;
	display: inline-flex;
	list-style-type: none;
	margin-top: 26px;
}
#menu li {
	padding-right: 70px;
	/*width: calc(100% / 7);*/
}
#header a, #header span.Leftmenu1 {
	text-decoration: none;
	color: var(--color-blue);
	font-size: 20px;
}
#header span.Leftmenu1::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('../Images/chevron_down.svg');
	background-repeat: no-repeat;
	background-position-x: 6px;
	background-size: 0.7em;
	background-position-y: 1px;
}

.menu1 .active, .menu1 .menu2:hover a {
	color: var(--color-jaune-dore) !important;
}
.frame2 {
	display: none;
	left: -25px;
	background-color: var(--color-sable-clair);
	opacity: 1 !important;
	z-index: 99999999999999;
	position: relative;
	top: 6px;
	left: -5px;
	box-shadow: 2px 2px 2px 2px #bca35c40;
}
.frame2:hover {
	cursor: pointer;
}
.menu2 {
	padding: 10px;
	border-bottom: 1px solid var(--color-sable-fonce);
}
.menu2:hover {
	background-color: var(--color-sable-fonce);
}


/* Btn langue */
.langue {
	position: relative;
	margin-top: 26px;
	padding: 0px 20px;
	width: 45px;
}
.langmenuActif {
	background-image: url("../Images/flecheBrune.svg");
	background-size: 11px auto;
	background-position: right 9px;
	background-repeat: no-repeat;
	text-align: initial;
}
.langue button {
	background-color: var(--color-sable-clair);
	color: var(--color-blue);
	height: 25px;
	font-size: 18px;
	border: none;
	z-index: 10;
	width: 100%;
}
button.langmenu {
	position: absolute;
	left: 0px;
	z-index: 10;
	background-image: none;
	top: 30px;
	display: none;
	background-color: var(--color-sable-clair);
	box-shadow: 2px 2px 2px 2px #bca35c40;
	border-bottom: 1px solid var(--color-sable-fonce);
	height: 40px;	
}
button.langmenu:hover {
	cursor: pointer;
}


/* Champ recherche*/
#recherche {
	background-image: url("../Images/search.svg");
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin-top: 30px;
	background-size: contain;
}
#recherche:hover {
	cursor: pointer;
}
#formRecherche {
	display: none;
	position: fixed;
	top: 70px;
	/*left: 1415px;*/
	right: calc((100vw - var(--max-width)) / 2);
	z-index: 99999999999;
}
#formRecherche .form {
	width: auto;
	margin-top: 0px;
}
#formRecherche .form input[type=text] {
	z-index: 10;
}
.form input[type="text"] {
	width: calc(100% - 22px - 41px);
	resize: none;
	background-color: #F5ECDC;
	color: #BCA35C;
	border: 2px solid #F5ECDC;
	border-radius: 0px;
	padding: 15px 20px;
	font-size: 16px;
}
.form input[type="text"]:focus{
	outline: none;
	border: 2px solid #BCA35C;
}
/* FIN HEADER */



#headerSmall {
	width: 100vw;
	height: 70px;
}
#headerSmall.open {
	background-color: var(--color-blue);
}
#headerSmall.open .logo__background {
	fill: #325581;
}
#headerSmall.open .logo__outline {
	stroke: #11253A;
}
#headerSmall.open .logo__text {
	fill: #FCF4E9;
}

#logoSmall {
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	margin-left: 5px;
}
#headerSmallDeroulant {
	height: calc(100vh - 80px);
	z-index: 999999;
	background-color: var(--color-blue);
	width: 100vw;
	position: fixed;
	top: 80px;
}
#headerSmallDeroulant a, #headerSmallDeroulant span {
	text-decoration: none;
	color: #FFF;
}
#menuSmall {
	height: calc(100% - 210px);
	text-align: center;
	padding-top: 100px;
}
#menuSmall .frame2 {
	background-color:var(--color-blue);
	font-size: 26px;
	box-shadow: none;
}
#headerSmallDeroulant li {
	margin: auto;
	list-style-type: none;
	font-size: 25px;
	padding: 8px;
}
#menuSmall .frame2 .menu2 {
	background-color:var(--color-blue);
	font-size: 50px;
	border: none;
}
#menuSmall .frame2 .menu2 a {
	color: #A2BDDC;
}
#menuSmall .frame2 .menu2:hover {
	color: var(--color-jaune-dore);
}
#headerSmallDeroulant span::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	height: 50px;
	background: url('../Images/chevron_down_white.svg');
	background-repeat: no-repeat;
	background-position-x: 12px;
	background-size: 0.7em;
	background-position-y: -5px;
}
#headerSmallDeroulant span.open::after {
	/*transform: scaleY(-1);*/
}
#headerSmallDeroulant span:hover, #headerSmallDeroulant .langmenuActif:hover {
	color: var(--color-jaune-dore);
	cursor: pointer;
}
#headerSmallDeroulant .langue {
	position: absolute;
	bottom: 200px;
	left: calc(50vw - 50px);
	width: 66px;
}
#headerSmallDeroulant .langmenuActif {
	background: url('../Images/chevron_down_white.svg');
	background-repeat: no-repeat;
	background-color:var(--color-blue);
	color: #FFF;
	background-size: 15px;
	background-position: right 4px;
	height: 18px;
}
#headerSmallDeroulant .langmenu {
	background-color: var(--color-blue);
	box-shadow: none;
	border-bottom: none;
	color: #FFF;
	/*left: 23px;*/
}
#headerSmallDeroulant .langue button{
	font-size: 18px;
}
#headerSmallDeroulant button.langmenu {
	top: 23px;
}

.iconeMenu {
	float: right;
	height: 40px;
	width: 40px;
	padding-right: 25px;
	font-size: 35px;
	padding-top: 20px;
	color: var(--color-blue);
}
.iconeMenu:hover {
	cursor: pointer;
}
#croix {
	display: none;
	color: #FFF;
}
#rechercheSmall {
	width: 30px;
	height: 30px;
	margin: auto;
}
#rechercheSmall svg {
	color: #FFF;
	font-size: 30px;
}
#formRechercheSmall {
	display: none;
	height: 85px;
	font-size: 30px;
	width: 80%;
	margin: auto;
}
#formRechercheSmall .form {
	display: flex;
}
#formRechercheSmall .form input[type="text"] {
	font-size: 18px;
}
#formRechercheBtn {
	display: flex;
}
.formRechercheBtnBtn {
	margin: 15px;
	width: 30px;
	height: 30px;
}
.formRechercheBtnBtn svg {
	color: #FFF;
	font-size: 30px;
}





.newBlocImageDroite {
	width:35vw;
	max-width: 700px;
	padding: 25px;
	position: absolute;
	top:110px;
	z-index: 999999;
	right: calc((100vw - var(--max-width)) / 2);
}
.newBlocImageDroite img {
	width: calc(100% - 50px);
	max-height: 700px;
	object-fit: cover;
}
#carreTransparentAvecBordureJaune {
	width: 150px;
	height: 150px;
	background: transparent;
	border: 2px solid var(--color-jaune-dore);
	z-index: 9999999;
	position: absolute;
	top: 300px;
	right: 0px;
}
.newBlocAvecImage {
	min-height: 35vw;
	max-height: 800px;
	background-color: var(--color-blue);
	color: var(--color-bleu-clair);
	position: relative;
	top: 90px;
}
.newBlocAvecImageSM {
	height: 250px;
	min-height: 250px;
}
.paddingRight50 {
	padding-left: calc((100vw - var(--max-width)) / 2);
	width: calc(100vw - (100vw - var(--max-width)) - (40vw + 50px)); /* Toute la largeur - le padding - la largeur du bloc image */
	min-width: calc(100vw - (100vw - var(--max-width)) - 750px);
}
.newBlocImageBas {
	display: none;
	background-color: var(--color-blue);
	padding: 50px;
	padding-bottom: 0px;
	text-align: center;
	position: relative;
	top: -30px;
}
.newBlocImageBas img {
	width: calc(100% - 150px);
	position: relative;
	top: 50px;
}
.newBlocImageBas.pageContact {
	top: 0px;
}



.blocAvecImage {
	width: calc(100vw - 17px); /* 100vw; */
	height: 640px;
	background-color: var(--color-sable-clair);
}
.bandeauBleu {
	background-color: var(--color-blue);
	min-height: 550px;
	position: relative;
	top: 90px;
	padding-left: calc((100vw - 1517px) / 2);
}
.blocAvecImage_Image {
	width: calc(40vw - ((100vw - 1712px) / 2));
	height: 600px;
	float: right;
	padding-right: calc((100vw - 1517px) / 2);
	padding-left: 120px;
}
.blocAvecImage_Image img {
	height: 100%;
	position: relative;
	z-index: 9999;
}



.bloc {
	/*overflow: auto; /* A garder !! */
	position: relative;
	top: 90px;
	overflow: hidden;
}
.bloc h1, .blocAvecImage h1, .newBlocAvecImage h1 {
	font-size: 80px;
	padding-left: 80px;
	padding-top: 50px;
	color: #FFF;
	font-family: "calluna",serif;
}
.bloc .blocRight img {
	width: 100%;
	position: relative;
	top: -100px;
}
.actuImg {
	padding: 30px;
	width: 100%;
	position: relative;
	height: 500px;
	text-align: center;
}
.actuImg img {
	height: auto;
	max-width: auto !important;
	top: 0px !important;
	height: inherit;
}
.bloc .text, .blocAvecImage .text, .newBlocAvecImage .text {
	padding-left: 150px;
	padding-right: 30px;
}
.bloc .text1, .blocAvecImage .text1, .newBlocAvecImage .text1 {
	padding-top: 50px;
	padding-bottom: 30px;
}
.bloc .text2 p, .blocAvecImage .text2 p, .newBlocAvecImage .text2 p {
	color: var(--color-blue);
	
}
.text3 {
	color: #68727D;
	font-size: 20px;
	line-height: 36px;
}
.textRight {
	width:600px;
	padding-left: calc(100% - 600px)
}
@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
	.textRight {
		width:50%;
		padding-left: calc(100% - 50%)
	}
}
.textDate {
	font-size: 20px;
	color: #68727D;
}

.bloc ul, .blocAvecImage ul, .newBlocAvecImage ul {
	list-style-type: none;
	display: flex;
	padding-left: 0px;
	padding-top: 50px;
	padding-bottom: 80px;
}
.bloc ul li, .blocAvecImage ul li, .newBlocAvecImage ul li{
	padding-right: 35px;
	font-size: 22px;
}
.newBlocAvecImage li.colorGold a {
	text-decoration: none;
	color: var(--color-jaune-dore);
}

#blocActuTitre .padding50 {
	padding-bottom: 0px;
}
.blocFinArticle {
	
}
.ligneJaune {
  margin: 60px 0px 50px 0px;
  height: 2px;
  width: 100%;
  background-color: var(--color-sable-fonce);
}

.blocTitle {
	font-size: 60px;
	padding: 50px;
	color: #3B3F44;
	font-family: "calluna",serif;
	font-weight: 700;
	padding-left: 80px;
	padding-top: 120px;
}
.blocTitleSM {
	font-size: 40px;
	line-height: 56px;
	font-weight: 700;
}

.lienRetour {
	font-size: 20px;
	position: relative;
	top: 65px;
	left: 80px;
}



/* Bouton partage */
.btnPartage {
	background-color: var(--color-blue);
	color: #FFF;
	font-size: 20px;
	display: inline-flex;
	padding: 14px 30px;
}
.btnPartage_Partage {
	position: relative;
	top: 3px;
}
.btnPartage_Linkedin {
	padding-left: 30px;
}
.btnPartage_Linkedin svg{
	font-size: 30px;
}
#btnPartageImage {
	position: relative;
	top: -130px;
}
#btnPartageText {
	margin: auto;
	line-height: 30px !important;
}

/* Cursus & Formation */
.blocCursus {
	display: flex;
	font-size: 20px;
	color: var(--color-gris);
}
.blocCursus_Date {
	font-weight:bold;
	width: 110px;
	max-width:110px;
	min-width:110px;
	text-align: end;
	padding-right: 15px;
}
.blocCursus_DateSmall {
	font-weight:bold;
	font-size: 40px;
}
.blocCursus_Boule {
	height:15px;
	width: 15px;
	background-color: #ede0c5;
	border-radius: 15px;
	position: relative;
	top: 5px;
}
.blocCursus_Right {
	width: calc(100% - 140px);
	padding-left: 15px;
	padding-bottom: 50px;
}
.blocCursus_LigneVert {
	width: 2px;
	background-color: #ede0c5;
	float: left;
	position: relative;
	left: 133px;
	top: 18px;
}
.blocCursus_Titre {
	font-weight:bold;
}
.blocCursus_Texte {
	padding-top: 10px;
}


/* Bloc CV */
#blocCV {
	color: var(--color-jaune-dore);
	height: 200px;
	background-color: #11253A;
	padding: 32px;
	margin-top: 50px;
	margin-bottom: 50px;
}
#blocCV_Logo {
	text-align: center;
	font-size: 50px;
	padding-bottom: 20px;
}
#blocCV_Text {
	text-align: center;
	font-size: 40px;
	line-height: 56px;
	font-weight: 700;
}
#blocCV_Logo2 {
	text-align: end;
	padding-top: 20px;
	font-size: 50px;
}



/* Blocs Prix & Récompenses*/
.colContainer {
	display: flex;
}
.col2 {
	margin:0px;
	width:calc(50% - 15px);
}
.colLeft {
	padding-right: 15px;
}
.colRight {
	padding-left: 15px;
}

.recompensesEcranLarge {
	padding-top: 50px;
}

.blocTouteLargeur {
	display: flex;
	padding: 20px;
	flex-wrap: wrap;
}

.blocPrixRecomp {
	border: 1px solid #ede0c5;
	/*margin: 15px;*/
	padding: 15px;
	padding-left: 60px;
	margin-bottom: 70px;
	padding-right: 60px;
}
.blocPrixRecomp img {
	max-width: 90%;
}
.blocPrixRecomp_CarreIcone {
	padding-top: 10px;
	height: 50px;
	width: 60px;
	background-color: var(--color-sable-fonce);
	text-align: center;
	color: var(--color-jaune-dore);
	font-size: 40px;
	position: relative;
	top: -44px;
	margin-bottom: -10px;
}
.blocPrixRecomp_Annee {
	color: var(--color-jaune-dore);
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
}
.blocPrixRecomp_Titre {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
}
.blocPrixRecomp_Desc {
	/*color: var(--color-gris);*/
	
}



/* Liste activités */
.collectionAvecImage {
	display: flex;
	flex-wrap: wrap;
}
.collectionAvecImage .listeAvecImageBloc {
	width: 298px; /*20%;*/
	margin: auto;
	background-color: #FFF;
	margin-top: 30px;
}
.listeAvecImageBlocLarge {
	width: 400px !important;
}
.collectionAvecImage .listeAvecImageBloc_Img {
	height: 200px;
	background-color: #bca35c40;
	overflow: hidden;
}
.listeAvecImageBloc_Img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 400ms ease-out;
}
.listeAvecImageBloc:hover .listeAvecImageBloc_Img img{
	transform: scale(1.05);
}

.collectionAvecImage .listeAvecImageBloc_Date {
	color: var(--color-jaune-dore);
	padding: 10px 20px 0px 20px;
	height: 11px;
}
.collectionAvecImage .listeAvecImageBloc_Titre {
	font-weight: 700;
	padding: 10px 20px;
	line-height: 28px;
	font-size: 18px;
	height:50px;
	width: calc(100% - 40px);
	overflow: hidden !important;	
}



.collectionAvecImage .listeAvecImageBloc_SsTitre, .collectionAvecImage .listeAvecImageBloc_SsSsTitre {
	padding: 20px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding-top: 0px;
	line-height: 21px;
}

.collectionAvecImage .listeAvecImageBloc_SsTitre p {
	overflow: hidden !important;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	max-height: 180px;
	font-weight: 400;
}

.listeAvecImageBloc_SsTitre > :first-child {
	margin-top: 0px;
}
.listeAvecImageBloc_SsTitre > :last-child {
	margin-top: 0px;
}
.listeAvecImageBloc_SsTitre {
	font-size: 16px;
	height: 169px;
	max-height: 167px;
	overflow: hidden;
}

.listeAvecImage {
	
}
.listeAvecImage .listeAvecImageBloc {
	display: inline-flex;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
}
.listeAvecImage .listeAvecImageBloc_Img {
	min-width: 518px;
	min-height: 360px;
	max-width: 500px;
	max-height: 300px;
	text-align: center;
	overflow: hidden;
	background-color: #bca35c40;
}
.listeAvecImage .listeAvecImageBloc_Right {
	width: calc(100% - 600px);
}
.listeAvecImage .listeAvecImageBloc_Date {
	color: var(--color-jaune-dore);
	padding: 20px 20px 10px 20px;
}
.listeAvecImage .listeAvecImageBloc_Titre {
	font-weight: 700;
	padding: 10px 20px;
	min-height: 50px;
	line-height: 28px;
	font-size: 18px;
}
.listeAvecImage .listeAvecImageBloc_SsTitre {
	padding: 0px 20px 0px 20px;
	width: calc(100% - 40px);
	max-height: 135px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	height: 135px;	
}
.listeAvecImage .listeAvecImageBloc_SsSsTitre {
	font-weight: bold;
	padding: 20px;
}
.listeAvecImage .listeAvecImageBloc_SsSsTitre a {
	color: var(--color-jaune-dore);
}

.listeAvecImage .listeAvecImageBloc_SsSsTitre span {
	border-bottom: 2px solid var(--color-jaune-dore);
	padding-bottom: 2px;
}
.listeAvecImage .listeAvecImageBloc_SsSsTitre a {
	color: var(--color-jaune-dore);
	text-decoration: none;
	letter-spacing: 0.05em;
}



.listeAvecImage_Separateur {
	height: 2px;
	width: 100%;
	background-color: var(--color-sable-fonce);
}
.listeAvecImage .carreIcone {
	width: 55px;
	height: 55px;
	background-color: #EDE0C5; /*var(--color-sable-fonce);*/
	color: var(--color-jaune-dore);
	font-size: 55px;
	padding: 10px;
	position: relative;
	top: 80px;
	left: -42px;
}


.blocImageParDefautLogo {
	background-color: #EDE0C5 !important; /* #bca35c40;*/
}
.blocImageParDefautLogo svg {
	width: 50%;
	height: 50%;
	object-fit: cover;
	object-position: center;
	transition: all 400ms ease-out;
	display: inline;
	vertical-align: middle;
	filter: opacity(0.45);
}
.listeAvecImageBloc:hover .blocImageParDefautLogo svg  {
	transform: scale(1.05);
}



.publications .listeAvecImageBloc_Titre{
	font-size: 28px;
	line-height: 40px;
	font-weight: 600;
	font-family: "calluna",serif;
}

#publiSiteExterne {
	display: flex;
	margin-top: 0px;
	margin-bottom: 60px;
	max-width: 100%;
}
.publiSiteExterne_Site {
	width: 200px;
	height: 75px;
	margin: auto;
}
.publiSiteExterne_Site span, .blocImageParDefautLogo span {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.publiSiteExterne_Site img{
	max-width: 200px;
	opacity: 0.6;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%); /* Firefox */
	vertical-align: middle;
display: inline;
}
.publiSiteExterne_Site img:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%); /* Firefox */
}





/* Toggle button*/
.toggleBtn {
	background-color: var(--color-sable-fonce);
	margin: auto;
	display: inline-block;
}
.toggleBtn_Btn {
	display: inline-flex;
	padding: 10px;
	font-size: 22px;
	min-width: 115px;
	text-align: center;
	color: var(--color-jaune-dore);
	margin: 15px;
}
.toggleBtn_Btn span {
	width: 100%;
}
.toggleBtn_Btn.active {
	color: #FFF;
	background-color: var(--color-blue);
}



/* Bloc telecom*/
.blocTelecom {
	font-size: 30px;
	padding-bottom: 10px;
}
.blocTelecom svg {
	font-size: 45px;
	position: relative;
	top: 6px;
}
.blocTelecom_icone {
	display: inline-flex;
	position: relative;
	top: 6px;
}
.blocTelecom_numero {
	display: inline-flex;
	padding-left: 25px;
}
.blocTelecom_numero a {
	color: var(--color-gris);
	text-decoration: none;
}
.blocAvecImage .blocTelecom_numero a {
	color: var(--color-bleu-clair);
}


.lienFormContact {
	border-top: 1px solid #EDE0C5;
	padding: 25px 0px;
	margin-top: 30px;
	font-size: 20px;
}
.lienFormContact a {
	color: var(--color-jaune-dore);
}

#contactFormConfirm {
	display: none;
	text-align:center;
	color: #68727D;
	font-size: 30px;
	padding: 5px;
	background-color: #E3D4A8;
	margin-bottom: 22px;
}



.voirPlus {
	font-size: 20px;
	width: 150px;
	margin: auto;
	height: 40px;
	border: 1px solid black;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 120px;
	padding-top: 13px;
	-webkit-transition: background 0.7s, color 0.7s; /* For Safari 3.0 to 6.0 */
    transition: background 0.7s, color 0.7s; /* For modern browsers */
}
.voirPlus:hover  {
	color: #FFF;
	background-color: var(--color-blue);
}
.blocParamCookies .voirPlus {
	margin-top: 0px;
	width: 222px;
}

#homePublications .voirPlus {
	margin-top: 30px;
	width: 240px;
}
#homeActualites .voirPlus {
	width: 240px;
}



/* Menu Travaux & Interventions */
.travauxInterMenu_Container {
	height: 75px;
	margin-bottom: 30px;
}
.travauxInterMenu {
	background-color: var(--color-sable-clair);
	height: 75px;
	
	-webkit-transition: background 0.7s, color 0.7s; /* For Safari 3.0 to 6.0 */
    transition: background 0.7s, color 0.7s; /* For modern browsers */
}
.travauxInterMenu_Text {
	font-size: 20px;
	position: relative;
	top: -15px;
	padding-left: 60px;
}
.travauxInterMenu_Icone {
	font-size: 25px;
	float: right;
	padding-right: 20px;
	position: relative;
	top: -38px;
}
.travauxInterMenu_Boule {
	background-color: var(--color-sable-fonce);
	height: 40px;
	width: 40px;
	border-radius: 40px;
	position: relative;
	top: 18px;
	left: -22px;
}
.travauxInterMenu_BouleCentre {
	background-color: #ede0c5;
	height: 20px;
	width: 20px;
	border-radius: 20px;
	position: relative;
	top: 10px;
	left: 10px;
	
	-webkit-transition: background 0.7s, color 0.7s; /* For Safari 3.0 to 6.0 */
    transition: background 0.7s, color 0.7s; /* For modern browsers */
}
.travauxInterMenu_Container:hover .travauxInterMenu {
	background-color: #ede0c5;
}
.travauxInterMenu_Container:hover .travauxInterMenu_BouleCentre {
	background-color: var(--color-sable-clair);
}

/*
@keyframes example {
	from   {opacity:0; float: left;}
	to {opacity:100; float: right;}
}
.travauxInterMenu:hover .travauxInterMenu_Icone {
	animation-name: example;
	animation-duration: 2s;
}
*/


/* FORM CONTACT */
.ligneForm {
	display: flex;
}
.formGroup{
	width: calc(100% - 20px);
	margin: 10px;
}
.formGroup.formGroup_hidden {
	display: none;
}
.formGroup_demi {
	width: calc(50% - 20px);
	margin: 10px;
}
.formGroup_Libelle{
	font-size: 18px;
	padding: 10px 20px;
}
.formGroup.required .formGroup_Libelle::after {
	content: "*";
	color: red;
	padding-left: 5px;
}
/*.formGroup_LibelleRequired {
	color: red;
	padding-left: 5px;
}*/
.formGroup_Champ select, .formGroup_Champ input, .formGroup_Champ textarea {
	background-color: #F5ECDC;
	color: #BCA35C;
	border: 2px solid #F5ECDC;
	border-radius: 0px;
	width: calc(100% - 43px);
	padding: 15px 20px;
	font-size: 16px;
	font-family: "calluna-sans",sans-serif;
	letter-spacing: 1px;
}
.formGroup_Champ select option:disabled {
	color: #BCA35C;
}
.formGroup_Champ textarea {
	height: 200px;
	padding: 15px 20px;
	font-size: 16px;
	resize: none;
}
.formGroup_Champ select{
	width: 100%;
	-webkit-appearance:none; 
}
.formGroup_Champ input:focus, .formGroup_Champ textarea:focus {
	outline: none;
	border: 2px solid #BCA35C;
}
.formGroup_RequiredText {
	display: none;
	color: red;
	padding: 10px 20px;
}
.formGroup:not(.required) .formGroup_RequiredText {
	display: none !important; /* ne doit jamais être affiché si le champ n'est pas required */
}
.formGroup_Checkbox label {
	display: flex;
	gap: 5px;
	align-items: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.formGroup_Checkbox label:hover {
	cursor: pointer;
}
.formGroup_Checkbox input[type="checkbox"] {
  display: none;
}
.formGroup_Checkbox input[type="checkbox"] + label::before {
  content: "";
  min-height: 30px;
  min-width: 30px;
  height: 30px;
  width: 30px;
  background: #F5ECDC;
  display: block;
}
.formGroup_Checkbox input[type="checkbox"]:checked + label::before  {
  background: #F5ECDC url('../Images/check.svg') no-repeat center/20px auto;
}
.contactFormButton {
	width:calc(100% - 56px);
	margin: 20px 10px;
	background-color: var(--color-blue);
	color: #FFF;
	text-align: center;
	padding: 18px;
	font-size: 20px;
	border: solid 1px var(--color-blue);
	
	-webkit-transition: background 0.7s, color 0.7s; /* For Safari 3.0 to 6.0 */
    transition: background 0.7s, color 0.7s; /* For modern browsers */
}
.contactFormButton:hover {
	background-color: var(--color-sable-clair);
	color: var(--color-blue);
}
.textAccueilBio {
	padding-top: 10px;
}

/* Pages infos */

.text3.tk-calluna-sans > ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	position: relative;
}
.text3.tk-calluna-sans > ol > li {
	counter-increment: my-awesome-counter;
}
.text3.tk-calluna-sans > ol > li::before {
	content: counter(my-awesome-counter) ". ";
	position: absolute;
	left: 16px;
	text-align: right;
	width: 20px;
}
 .text3.tk-calluna-sans > ol > li {
	margin-top: 25px;
	padding-left: 7px;
}
.text3.tk-calluna-sans > ol > li > ol > li{
	margin-top: 0px;
}
.text3.tk-calluna-sans ul.multipleLine {
	list-style-type: circle;
	display: block;
	padding-left: 30px;
	padding-top: initial;
	padding-bottom: initial;
}


.lienBleuSouligne {
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: var(--color-bleu-clair);
	/* border-bottom: 2px solid var(--color-jaune-dore); */
	padding-bottom: 2px;
}

.lienJauneSouligne {
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: var(--color-jaune-dore);
	/* border-bottom: 2px solid var(--color-jaune-dore); */
	padding-bottom: 2px;
}
.lienJauneSouligne a {
	color: var(--color-jaune-dore);
	text-decoration: none;
}

.liensJauneWrapper {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	gap:10px;
}





/* FOOTER */

#footer1 {
	background-color: var(--color-blue);
	min-height: 180px;
	display: flex;
	flex-wrap: wrap;
	padding: 50px 20%;
	position: relative;
	top: 90px;
}
#footer1 .menu1 {
	width: 40%;
	text-align: center;
	list-style-type: none;
	margin: auto;
}
#footer1 .Leftmenu1 a, #footer1 .Leftmenu1 .active {
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
}
#footerLinkedin {
	background-color: var(--color-blue);
	text-align: center;
	font-size: 40px;
	padding-bottom: 60px;
	position: relative;
top: 90px;
}
#footerLinkedin a {
	color: #FFF;
	text-decoration: none;
}
#footerLinkedin a:hover {
	color: var(--color-jaune-dore);
}
#footer2 {
	background-color: #11253A;
	height: 40px;
	padding-top: 20px;
	position: relative;
	top: 90px;
}
#footer2 a{
	font-size: 14px;
	color: #A2BDDC;
	padding-left: 50px;
	text-decoration: none;
}
#footer2 a:first-of-type {
	padding-left: 0px;
}
#byOrganica{
	font-size: 14px;
	color: #A2BDDC;
	float: right;
}
#byOrganica a {
	color: var(--color-jaune-dore);
	padding-left: initial;
	text-decoration-line: underline;
}

.blocAvecImage_ImageAlign {
	display: none;
}
.recompensesEcranMoyenPetit {
	display: none;
}

.contactNom{
  font-size: 20px;
  padding-bottom: 18px;
}




.blocTouteLargeur.blocPublications .blocPrixRecomp {
	width: 100%;
}
.blocTouteLargeur.blocPublications .blocPrixRecomp .blocPrixRecomp_Titre {
	padding-bottom: 10px;
}

.blocPrixRecomp_SsTitre {
	color: var(--color-jaune-dore);
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
}
.blocPrixRecomp_SsTitre2  {
	color: #68727D;
	padding-bottom: 10px;
}

.blocTouteLargeur.blocPublications .blocPrixRecomp .blocPrixRecomp_Desc {
	letter-spacing: 0.05em;
	line-height: 21px;
	font-style: normal;
	font-size: 16px;
	color: #68727D;
	font-family: "calluna-sans",sans-serif;
	font-variant-numeric: lining-nums;
	font-weight: 400;
}
.blocTouteLargeur.blocPublications .blocPrixRecomp .blocPrixRecomp_Desc :first-child {
	margin-top: 0px;
}
.blocTouteLargeur.blocPublications .blocPrixRecomp .blocPrixRecomp_Desc :last-child {
	margin-bottom: 0px;
}
.blocTouteLargeur.blocPublications .blocPrixRecomp .blocPrixRecomp_URL {
	margin: 10px 0px 25px 0px;
}

.galerieContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 176px));
	grid-gap: 16px;
}
.photoBloc {
	height: 170px;
	width: 170px;overflow: hidden;
}
.photoContainer {
	width: 100%;
 	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 5px;
	transition: all 400ms ease-out;
}
.photoBloc:hover {
	cursor: pointer;
}
.photoBloc:hover .photoContainer, .photoBloc:focus .photoContainer {
	transform: scale(1.05);
}

.biographie-documents {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
}

.biographie-document-item {
	width: 500px;
}

.img-n-copyright-wrapper {
	position:relative;
	height: inherit;
}


/*.actualite-img {
	height: inherit;
} */

.actualite-copyright-wrapper {
	position:absolute;
	bottom:0px;
	right:0px;
	background: #3B3F44 0% 0% no-repeat padding-box;
	padding:12px;
	background: rgba(59, 63, 68, 0.6); /* Ne pas utiliser opacité:0.6, il s'applique à tout l'enfant et au texte copyright aussi. Il faun background coloré avec opacité et il sera appliqué à l'élément uniquement */
}

.actualite-copyright {
	color:white;
	font: normal normal normal 14px/16px Calluna Sans;
	opacity:1.0;;
}



@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) {
	#publicationBloc2 {
		padding-top: 20px;
	}
	#content .bloc {
		width: calc(100% - 20px);
		padding-left: 0px;
		padding-right: 20px;	
	}
	#header,  #footer2 {
		width: calc(100% - 160px);
		padding-left: 80px;
		padding-right: 80px;
	}
	#menu {
		padding-left: 50px;
	}
	#menu li {
		padding-right: 50px;
	}
	
	.paddingRight50 {
		width: 60vw;
	}
	.newBlocImageDroite {
		right: 25px;
	}
	
	#formRecherche {
		right: 25px;
	}
	
	#menu {
		padding-left: 0px;
	}
	#menu li {
		padding-right: 60px;
	}
	
	
}
@media screen and (max-width: 1300px), screen and (max-device-width: 1300px) {
	#menu li {
		padding-right: 35px;
	}
}
@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
	#menu li {
		padding-right: 25px;
	}


	.biographie-document-item {
		width: 400px;
	}

}
@media screen and (max-width: 1120px), screen and (max-device-width: 1120px) {
	
	
	/* On affiche le menu hamburger */
	#header {
		display: none;
	}
	#headerSmall {
		display: initial;
	}
	.iconeMenu {
		height: 50px;
		width: 50px;
		font-size: 50px;
		padding-top: 10px;
	}
	#footer1, #footerLinkedin, #footer2 {
		top: 0px;
	}
	#content {
		margin-top: 70px;
		min-height: calc(100vh - 1547px);
	}
	
	
	/* On masque l'image de droite, et on affiche l'image en bas du texte */
	.newBlocImageDroite {
		display: none;
	}
	.newBlocImageBas {
		display: inline-block;
	}
	.bloc, .newBlocAvecImage {
		top: 0px;
	}
	
	.recompensesEcranLarge {
		display:none;
	}
	.recompensesEcranMoyenPetit {
		display: inline-block;
	}
}

@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
	
	
	#biographieBloc2, #publicationBloc2 {
		position: relative;
		top: -30px !important;
	}
	
	
	.textRight {
		width: 100%;
		padding-left: 0px;
	}
	
	
	.blocAvecImage, .bandeauBleu {
		width: 100%;
		height: auto;
	}
	.bandeauBleu {
		top: 0px;
		min-height:550px;
	}
	.blocAvecImage_ImageFloat {
		display: none;
	}
	.blocAvecImage_ImageAlign {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		padding: 50px 0px;
	}
	.blocAvecImage_ImageAlignBandeau {
		background-color: var(--color-blue);
		width: 100%;
		height: 570px;
		position: absolute;
		top: 650px;
	}
	.collectionAvecImage .listeAvecImageBloc {
		width: 40%;
	}
	.listeAvecImage .listeAvecImageBloc {
		display: block;
		align-content: center;
	}
	.listeAvecImage .listeAvecImageBloc_Img, .listeAvecImageBloc_Right {
		margin: auto;
	}
	.listeAvecImageBloc_Right {
		width: 500px !important;
	}
	#homePublications .listeAvecImageBloc_Right {
		margin-top: 222px; 
	}
	.listeAvecImage .carreIcone {
		left: calc(455px + (100% - 500px) / 2);
		margin-top: -300px;
	}
	
	#footer2 {
		display: inline-grid;
		height: auto;
		text-align: center;
	}
	#footer2 a {
		padding: 5px;
	}
	#byOrganica {
		padding: 85px;
	}
	
	
	
	.blocLeft  {
		width: 100%;
		float: none;
	}
	.blocRight {
		width: calc(100% - 100px);
		float: none;
	}
	
	.blocCursus_Right {
		width: calc(100% - 220px);
	}	
	
	
	.biographie-documents {
		flex-direction: column;
	}

	.biographie-document-item {
		width: auto;
	}
		
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px) {
	
	
	
	.paddingRight50 {
		width: 100%;
		min-width: 100%;
	}
	.newBlocAvecImage .text, .bloc h1, .blocAvecImage h1, .newBlocAvecImage h1, .blocTitle, .paddingL80, .padding5050 {
		padding-left: 30px !important;
	}
	.paddingR80 {
		padding-right: 30px !important;
	}
	.padding5050{
		padding-top: 0px;
	}
	.paddingL65 {
		padding-left: 5px !important;
	}
	
	.newBlocAvecImage .text1{
		padding-top: 10px;
	}
	.blocAvecImage_Image img {
		max-width: calc(100% - 50px);
		height: initial;
	}
	.newBlocImageBas {
		padding-top: 0px;
	}
	.newBlocImageBas img {
		width: 100%;
		z-index: 9;
	}
	.collectionAvecImage .listeAvecImageBloc {
		width: 100% !important;
		margin-top: 80px;
	}
	.newBlocAvecImage {
		max-height: initial;
	}
	
	#error404 {
		padding-top: 100px;
	}
	
	
	
	#blocCV {
		height: 125px;
		margin-left: 20px;
	}
	#blocCV_Text {
		font-size: 30px;
	}
	#blocCV_Logo  {
		font-size: 30px;
		padding-bottom: 0px;
	}
	#blocCV_Logo2 {
		font-size: 30px;
		padding-top: 0px;
	}
	
	
	
	#content {
		min-height: calc(100vh - 1547px);
	}
	
	
	.line {
		width: 40%;
	}
	.newBlocAvecImage .line {
		top: -15px;
	}
	.bloc h1, .blocAvecImage h1, .newBlocAvecImage h1, .blocTitle {
		font-size: 40px;
	}
	.blocTitle{
		padding-top: 45px;
	}
	.titreMoyen {
		font-size: 45px;
	}
	.text1, .collectionAvecImage {
	  font-size: 20px !important;
	}
	.text2, .bloc ul li, .blocAvecImage ul li, .newBlocAvecImage ul li, .lienRetour, .lienFormContact {
	  font-size: 16px;
	}
	.newBlocAvecImage ul, .bloc ul {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.newBlocAvecImage ul li, .bloc ul li {
		padding-bottom: 12px;
	}
	.text3, .blocTelecom_numero {
		font-size: 16px;
		line-height: 30px !important;
	}
	.voirPlus {
		font-size: 24px;
		width: 240px;
		height: 70px;
		height: 70px;
		padding-top: 10px;
	}
	.blocPublications {
		padding: 0px;
	}
	
	/* BIO cursus & formatiopn*/
	.blocCursus_Titre {
		font-size: 16px;
	}
	.blocCursus_Date {
		display: none;
	}
	.blocCursus_DateSmall {
		display: block;
		font-size: 16px;
	}
	.blocCursus_Boule {
		width: 27px;
		height: 27px;
	}
	.blocCursus_LigneVert {
		width: 4px;
		left: 15px;
	}
	.blocCursus_Right {
		width: calc(100% - 45px);
	}
	
	.padding50 {
		padding: 30px;
	}
	
	.blocRight {
		min-width: calc(100vw - 60px);
	}
	
	/* prix & recompenses */
	.recompensesEcranMoyenPetit {
		/*padding: 80px;*/
		padding-right: 0px;
	}
	.blocPrixRecomp {
		padding-left: 20px;
		border: 3px solid #ede0c5;
		margin-bottom: 90px;
		padding-right: 20px;
	}
	/*.blocPrixRecomp_Annee {
		font-size: 35px;
		height: 35px !important;
		padding-bottom: 25px;
	}
	.blocPrixRecomp_Titre {
		font-size: 40px;
		line-height: 48px;
	}
	.blocPrixRecomp_CarreIcone {
		width: 120px;
		height: 120px;
		top: -90px;
	}
	.blocPrixRecomp_CarreIcone  svg {
		font-size: 120px;
	}
	*/
	
	.travauxInterMenu  {
		height: 75px;
	}
	.travauxInterMenu_Text {
		/*font-size: 35px;*/
	}
	.travauxInterMenu_Boule {
		/*top: 58px;*/
	}
	.travauxInterMenu_Icone {
		/*position: relative;
		top: -8px;*/
	}
	
	.publicationsContainer .voirPlus  {
		margin-top: 40px;
	}
	
	/* actus blocs */
	.collectionAvecImage .listeAvecImageBloc_Img {
		height: 70vw;
	}
	.collectionAvecImage .listeAvecImageBloc_Titre {
		font-size: 20px;
		line-height: 20px;
		height: 62px;
		padding: 0px 20px;
	}
	.listeAvecImageBloc_Date {
		font-size: 18px;
		height: 20x !important;
		padding: 30px 20px !important;
	}
	.collectionAvecImage .listeAvecImageBloc_SsSsTitre, .listeAvecImage .listeAvecImageBloc_SsSsTitre {
		font-size: 18px;
		height: 35px !important;
		padding: 10px 20px 10px 20px !important;
	}
	
	/* actu page */ 
	#blocActuTitre .blocTitle {
		padding-top: 80px;
	}
	#blocActuImgSmartphone {
		display: block;
	}
	#blocActuImgPC {
		display: none;
	}
	#blocActuTitre .padding50 {
		/*padding: 80px;*/
		width: calc(100% - 160px);
	}
	.actuImg {
		width: 100%;
		height: auto;
		padding: 0px;
	}
	.bloc .blocRight img {
		width: 100%  !important;
		height: auto  !important;
	}
	.textDate {
		text-align: center;
		padding: 0px !important;
		width: 100%;
		/*font-size: 35px;*/
	}
	#btnPartageImage {
		left: -40px !important;
	}
	
	/* bloc publication accueil */
	#homePublications .sandLine{
		margin-bottom: 80px;
	}
	.listeAvecImage .listeAvecImageBloc_Img {
		width: 100%;
		margin: 0px;
		max-width: 100%;
		height: 90vw;
		max-height: 90vw;
	}
	.listeAvecImage .carreIcone {
		top: -63vw;
		width: 120px;
		height: 120px;
		left: 40px;
	}
	.listeAvecImage .carreIcone {
		font-size: 120px;
	}
	#homePublications .listeAvecImageBloc_Right {
		margin: 165px 0px 0px 0px;
		width: 100% !important;
	}
	.publications .listeAvecImageBloc_Titre {
		font-size: 50px;
		line-height: 50px;
	}
	.listeAvecImage .listeAvecImageBloc_SsTitre {
		height: 155px;
		max-height: 155px;
	}
	.listeAvecImage_Separateur {
		height: 3px;
		margin-bottom: 80px;
		margin-top: 100px;
	}
	
	
	/* page publication */
	.toggleBtn_Btn {
		/*font-size: 35px;*/
	}
	#publiSiteExterne {
		display: block;
	}
	.publiSiteExterne_Site {
		width: 50%;
		height: auto;
		text-align: center;
		margin: 15px auto;
	}
	.listeAvecImageBloc_Right {
		width: 100% !important;
	}
	


	#footer1 {
		display: block;
	}
	#footer1 .menu1 {
		width: 80%;
	}
	#footer1 .Leftmenu1 {
		padding: 15px;
	}
	#footer1 .Leftmenu1 a {
		font-size: 16px;
		color: #A2BDDC;
	}
	#footerLinkedin {
		font-size: 50px;
		padding-bottom: 65px;
		padding-top: 0px;
	}
	#footer2 {
		padding-top: 45px;
	}
	#footer2 a, #byOrganica {
		font-size: 16px;
	}
	#byOrganica {
		padding: 30px;
		line-height: 20px;
	}

}










/*	=============================
		   BANNIERE COOKIE		 
	=============================*/

/* bandeau cookies */

#protectCookieBanner {
	opacity: 1;
   	transition: opacity 0.3 ease-in-out;
   	display: flex;
/*   	display: none !important;
*/   	justify-content: center;
}
[class^="protectCookieBanner-"] {
	margin: 0;
	padding: 0;
}
.protectCookieBanner-Notice{
	position: fixed;
	bottom: 20px;
	z-index: 999999;
	font-size: 15px;
	overflow: hidden;
	width: 100vw;
	max-width: 1030px;
	box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
	border-radius: 15px;
}
.protectCookieBanner-Notice-body {
	padding: 1em 1.2em;
	background-color: #EDE0C5;
}
.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}
p.protectCookieBanner-Notice-description, .protectCookieBanner-Notice-text p {
	line-height: 21px;
	margin-bottom: 12px;
	color: var(--color-blue);
	margin-bottom: 0.9em;
	font-size: 15px;
	line-height: 25px;
	text-align: left;
}
#protectCookieBanner a {
	color: var(--color-blue);
	text-decoration: underline;
	background-color: transparent;
}

/* boutons cookies */

.boutonCookies:not(:disabled), 
.boutonCookiesRight:not(:disabled), 
.modal-cookies-button:not(:disabled), 
.modal-cookies-button2:not(:disabled),
.modal-cookies-disabled:not(:disabled),
.modal-cookies-a {
	cursor: pointer;
}
.modal-cookies-button, 
.modal-cookies-disabled {
	font-size: 15px;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled, 
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
	border-radius: 8px;
	border: 1px solid #EDE0C5;
	padding: 8px 20px 8px 20px;
	letter-spacing: 0.1em;
	text-decoration: none !important;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled {
	background-color: #EDE0C5;
	color: var(--color-blue);	
}
.modal-cookies-button:disabled, 
.modal-cookies-button2:disabled, 
.modal-cookies-disabled,
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
	background-color: var(--color-blue);
	border-color:var(--color-blue);
	color:#EDE0C5;
}
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 { /* Boutton pour les cookies. */
	margin-top: 10px;
}
.boutonCookiesRight { /* Boutton pour les cookies. */
	float: right;
}
.boutonCookies {
	margin-right: 19px;
}
.boutonCookies2 { /* Boutton pour les cookies. */
	margin-right: 8px;
	font-size: 17px;
}
.modal-cookies-button:disabled,
.modal-cookies-button2,
.modal-cookies-disabled {
	margin-right: 0.5em;
}
.modal-cookies-button2 {
    font-size: 13px;
}

/* modal cookies */

body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100vw;
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 9999999999;
    left: 0;
    top: 0;
    height: 100%;
	width: 100%;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}
.style-overlay {
    display: none;
    position: fixed;
	left: 0;
    top: 0;
    width: 100% !important;
	height: 100% !important;
	z-index: 999999999 !important;
	background-color: rgba(255,255,255,0.7);
    transition: opacity 0.3s ease-in-out;
	opacity:0.8 !important;
}
#modal-cookies {
	opacity: 0;
 	transition: opacity 0.3 ease-in-out;
}
.fade-in {
	animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
.modal-cookies-content {
	opacity: 1;
	width: calc(100vw - 40px);
	max-width: 750px;
	margin: auto;
	box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
}
.modal-cookies-header {
	background-color: var(--color-blue);
	padding: 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: #EDE0C5;
	font-size:32px;
	font-weight:bold;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	text-align: left;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-size: 18px;
}
.divBoutonCookies {
	display: inline;
}
.modal-cookies-a {
	text-decoration: none !important;
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	vertical-align: text-bottom;
	padding: 2px 0px 2px 0px;
	font-size: 15px;
	float: left;
}
.modal-cookies-a span a{
	text-decoration: none;
    display: block;
    padding-top: 26px;
    text-align: center;
	line-height: 1em;
	color: var(--color-blue);
}
.modal-cookies-a span a:hover{
	text-decoration: underline;
}
.div-li-cookie-bas {
	margin-top: 4px;
	float: right;
	padding-top: 10px;
}
.div-sup-cookie-bas {
	display: inline; 
}
.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 15px;
}
.modal-cookies-body-item {
    justify-content: flex-start;
	padding-top: 2px;
    padding-right: 20px;
}
.modal-cookies-body-item2 {
	line-height: 21px;
}
.modal-cookies-body-item2 div {
	margin-bottom: 2.5px;
}
.modal-cookies-body-titre {
    font-weight: bold;
	color: var(--color-blue);
	display: inline-block;
}
.modal-cookies-optionnelornot {
	display: inline-block;
	color: var(--color-blue);
}
.modal-li-cookie {
	padding-top: 40px;
	display: flow-root;
	padding-bottom: -4px;
}

/* switch cookies */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 31px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    inset: 0; /* top bottom left right à 0 */
    background-color: #EDE0C5;
    transition: .4s;
    border-radius: 8px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 8px;
}
.textSousSlider {
	font-size: 8.5px;
	text-align: center;
	color: var(--colorBrun);
	padding-top: 2px;
}
input:checked + .slider {
    background-color: var(--color-sable-clair);
}
input:checked:disabled + .slider{
    background-color: lightgrey !important;
}
input:checked + .slider:before {
    transform: translateX(26px);
}

.galeryVideoItem {
	width: 100%;
}

.videoGaleryContainer {
	display: flex;
	flex-direction: column;
	gap: 15px;
}



@media screen and (max-width: 1024px),  screen and (max-device-width: 1024px){
	.boutonCookies { /* Boutton pour les cookies. */
		margin-right: 31px;
	}
	.boutonCookiesRight {
		float: none;
	}
	.protectCookieBanner-Notice {
  		bottom: 0px;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
		margin-top: 10px;
	}
}
@media screen and (max-width: 500px),  screen and (max-device-width: 500px){
	
	.boutonCookiesRight, .boutonCookies, .boutonCookies2,
	.modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
		margin-right: 0px;
		width: 100%;
	}
	.div-li-cookie-bas {
		float: none;
		margin-top: 10px;
	}

	.liensJauneWrapper {
		flex-direction: column;
	}
}

/*	=============================
		 FIN BANNIERE COOKIE		 
	=============================*/