:root {
	--colorOrange: #F79100;
	--colorBleue: #0095D5;
	--colorJaune: #F6C500;
	--colorGrisFonce: #686868;
/*	--colorGrisClair: #797979;*/
	--colorGrisClair: #626262;
/*	--colorVert: #97d33d;
*/	--colorVert: #7CC61F;
}
/*
*:not(.froalaRendu ul, .froalaRendu li) {
	margin: 0px;
	padding: 0px;
}
*/
@font-face {
  font-family: "Effra";
  src: url("../fonts/EffraRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EffraBold";
  src: url("../fonts/Effra_Std_Bd.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EffraLight";
  src: url("../fonts/Effra_Std_Rg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
	font-family: "Effra";
}
input:focus, textarea:focus, select:focus, button:focus {
        outline: none;
}
#body {
	margin: auto;
	min-width: 1366px;
	width: 1366px;
}
header {
	width: 1319px;
	padding-left: 49px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 18px;
	position: fixed;
	top: 0px;
	z-index: 100000;
	background-color: white;
}
header.headerPaddingBottom {
	padding-bottom: 25px;
}
#logoHeader {
	background-repeat: no-repeat;
	height: 88px;
	width: 300px;
}
#logoHeader.FR {
	background-image: url("../Images/Logo_ABR_Header_FR.svg");
}
#logoHeader.NL {
	background-image: url("../Images/Logo_ABR_Header_NL.svg");
	background-size: 99.5%;
	background-position: 0px 0px;
}
#headerDroite {
	width: 1000px;
	position: relative;
	margin-right: 2px;
}
#menu {
	width: calc(100% - 49px);
	display: flex;
	justify-content: space-between;
	margin-top: 22px;
	padding-right: 49px;
}
#menuFooter {
	display: flex;
	flex-direction: row;
	width: calc(100% - 415px - 43px);
	margin-right: 43px;
	padding-top: 56px;
	margin-left: 415px;
	justify-content: space-between;
}
.menu1, #menuLangues button, .menu2 {
	height: 17px;
	color: var(--colorGrisFonce);
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 17px;
	background-image: url("../Images/FlecheOrange.svg");
	background-repeat: no-repeat;
	background-position: right 3px;
	border: none;
	z-index: 10;
}
.menu1.sansSousmenu {
	background-image: none;
	padding-right: 0px;
}
.menu1, #menuLangues button {
	font-size: 15px;
	font-size: 14.7px;
}
#menuLangues button {
	background-color: white;
	background-position: right 6px;
	padding-right: 21px;
}
#menuLangues button:hover {
	cursor: pointer;
}
.menu1 {
	position: relative;
}
#menuFooter .menu1 {
	background-image: none;
	max-width: 133px;
}
.frame2 {
	display: flex;
	flex-direction: column;
	position: absolute;
	padding: 0px;
	border-radius: 3px;
	padding-top: 0px;
	display: none;
}
#menuFooter .frame2 {
	display: block;
	position: absolute;
	border: none;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	width: 120px;
}
#headerDroite .frame2 {
	left: -25px;
	background-color: white;
	top: 30px;
}
#headerDroite .menu2 {
    padding: 0px;
	border-left: 2px solid var(--colorGrisClair);
	border-right: 2px solid var(--colorGrisClair);
	text-transform: none;
	font-size: 16px;
}
#headerDroite .menu2 a {
	padding-top: 13px;
	padding-bottom: 8px;
	padding-left: 23px;
	padding-right: 23px;
	display: block;
}
#headerDroite .menu2:nth-child(1) a {
	padding-top: 23px;
}
#headerDroite .menu2:last-child a  {
	padding-bottom: 23px;
}
#headerDroite .menu2:nth-child(1) {border-color: #E04E2F;}
#headerDroite .menu2:nth-child(2) {border-color: var(--colorOrange);}
#headerDroite .menu2:nth-child(3) {border-color: var(--colorJaune);}
#headerDroite .menu2:nth-child(4) {border-color: #F3DF00;}
#headerDroite .menu2:nth-child(5) {border-color: #C5DC4C;}
#headerDroite .menu2:nth-child(6) {border-color: #7CC61F;}
#headerDroite .menu2:nth-child(7) {border-color: #38B7C7;}
#headerDroite .menu2:nth-child(8) {border-color: var(--colorBleue);}
#headerDroite .menu2:first-child{
	border-top-width: 2px;
	border-top-style: solid;
	border-radius: 3px 3px 0px 0px;
}
#headerDroite .menu2:last-child{
	border-bottom-width: 2px;
	border-radius: 0px 0px 3px 3px;
	border-bottom-style: solid;
}
.menu2 {
	padding-top: 20px;
	background-image: none;
	height: auto;
	color: var(--colorGrisClair);
	font-weight: normal;
}
#menuFooter .menu2 {
	font-size: 14px;
  	letter-spacing: 0.58px;
  	line-height: 22px;
  	text-transform: none;
  	padding: 0px;
  	margin: 0px;
  	padding-left: 0px;
}
.menu2 a {
	white-space: nowrap;
}
#menuFooter .menu2 a {
	white-space: pre-wrap;
	display: inline-block;
	line-height: 16px;
	padding-bottom: 8px;
	width: 100%;
}
a:hover, a:visited, a:link, a:active {color: inherit;}
a {
	text-decoration: none;
}
a.Leftmenu1 {
	color: var(--colorGrisFonce);
}
span.Leftmenu1 {
	padding-right: 21px;
}
.Leftmenu1 {
	cursor: pointer;
	padding-top: 22px;
	padding-bottom: 34px;
}
#menuFooter .Leftmenu1 {
	cursor: default;
}
#menuFooter a.Leftmenu1 {
	cursor: pointer;
}
#headerDroite a.Leftmenu1 {
	padding-bottom: 34px;
}
#menuLangues {
	position: relative;
	margin-top: -3px;
}
#menuLangues button.langmenu {
	display: none;
	position: absolute;
	top: 79px;
	left: 0px;
	z-index: 10;
	background-image: none;
}
#menuLangues button:nth-child(2) {
	top: 34px;
	top: 27px;
}
#menuLangues  button:nth-child(3) {
	top: 68px;
}
#recherche {
	background-image: url("../Images/Icone_Loupe.svg");
	background-repeat: no-repeat;
	height: 19px;
  	width: 19px;
  	margin-top: -4px;
}
#recherche:hover {
	cursor: pointer;
}
#formRecherche {
	display: none;
	position: absolute;
	right: 0px;
	background-color: white;
	top: 46px;
	border-radius: 8px;
}
#formRecherche .form {
	width: auto;
	margin-top: 0px;
}
#formRecherche .form input[type=text] {
	z-index: 10;
}
.friseCouleur {
	width: 100%;
	display: flex;
	flex-direction: row;
	position: absolute;
	bottom: 12px;
}
.friseCouleur.inverse {
	bottom: 0px;
	transform: rotate(180deg);
}
.frisePart {
	width: calc(100% / 8);
	height: 5px;
}
.frisePart:nth-child(1) {background-color: #E04E2F;}
.frisePart:nth-child(2) {background-color: var(--colorOrange);}
.frisePart:nth-child(3) {background-color: var(--colorJaune);}
.frisePart:nth-child(4) {background-color: #F3DF00;}
.frisePart:nth-child(5) {background-color: #C5DC4C;}
.frisePart:nth-child(6) {background-color: #7CC61F;}
.frisePart:nth-child(7) {background-color: #38B7C7;}
.frisePart:nth-child(8) {background-color: var(--colorBleue);}

#slideshowDiv {
	margin-left: 50px;
	width: 1316px;
	height: 650px;
	position: relative;
	margin-top: 140px;
}
.slideShowElm {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0px;
	display: none;
}
.slideBackground, .gradient {
	height: 650px;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	right: 0px;
	border-radius: 3px 0px 0px 3px;
	background-size: cover;
	image-rendering: -webkit-optimize-contrast;
}
.gradient {
	background: linear-gradient(90deg, rgba(236,128,0,1) 0%, rgba(236,128,0,0) 50%, rgba(0,149,213,0) 70%, rgba(0,149,213,0.3085434857536765) 100%);
}
.slideShowElm:first-child {
	display: block;
}
.slideshow1 {background-image: url("../Images/slideshow1.png");}
.slideshow2 {background-image: url("../Images/slideshow2.png");}
.slideshow3 {background-image: url("../Images/slideshow3.png");}
.slideshow4 {background-image: url("../Images/slideshow4.png");}

#slideshowDiv.petit, .petit .slideBackground, .petit .gradient {
	height: 400px;
}
#slideshowDiv.petit #divBoutonSlideshow {
	display: none;
}
.blocBleu {
	width: calc(633px - 63px - 20px);
	height: calc(400px - 46px - 50px);
	padding: 46px 50px 50px 50px;
	background-color: var(--colorBleue);
	color: white;
	top: 60px;
	position: absolute;
	border-radius: 3px;
}
.petit .blocBleu {
    height: calc(242px - 46px - 25px);
    padding-bottom: 25px;
}
.blocBleuTitre {
	height: 135px;
	font-family: "EffraBold";
	font-size: 55px;
	letter-spacing: 0;
	line-height: 65px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 15px;
}
.petit .blocBleuTitre {
	font-size: 40px;
	margin-bottom: 13px;
	line-height: 50px;
	height: auto;
	letter-spacing: 1px;
}
.blocBleuSousTitre {
	letter-spacing: 0;
	font-size: 24px;
	line-height: 32px;
}
.bouton.blocBleuBouton {
  	position: absolute;
  	bottom: 50px;
}
.bouton {
	height: 17px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 3px;
	text-transform: uppercase;
	width: max-content;
	line-height: 21px;
	padding: 12px 28px 11px 27px;
	white-space: nowrap;

	-moz-transition: background-color 0.4s ease, color 0.4s ease;
	-webkit-transition: background-color 0.4s ease, color 0.4s ease;/* WebKit */
	-o-transition: background-color 0.4s ease, color 0.4s ease; /* Opera */
	transition: background-color 0.4s ease, color 0.4s ease; /* Standard */	
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.bouton { 
			line-height: 19px;
		}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
		.bouton { 
			line-height: 19px;
		}
}}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
	@media {
		.bouton { 
			line-height: 19px;
		}
}}
.bouton:hover {
	-moz-transition: background-color 0.4s ease, color 0.4s ease;
	-webkit-transition: background-color 0.4s ease, color 0.4s ease;/* WebKit */
	-o-transition: background-color 0.4s ease, color 0.4s ease; /* Opera */
	transition: background-color 0.4s ease, color 0.4s ease; /* Standard */	
}
input[type="submit"].bouton {
	height: auto; 
	color: white;
	height: 42px;
	line-height: 17px;
}
form .bouton {
	display: block;
}
#boutonEspaceMembres {
	position: absolute;
	top: -20px;
	right: 50px;
}

a.bouton {color: white;}
a.bouton.orangeInverse {color: var(--colorOrange);}
a.bouton.grisInverse {color: var(--colorGrisFonce);}

a.linkedin {
	height: 31px;
    width: 31px;
    background-image: url("../Images/Linkedin.svg");
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: -10px;
}
#menuFooter a.linkedin {
	margin-left: 20px;
}
.itemZoneBouton, .itemZoneBouton2, .flexBoutonForm {
	position: absolute;
	bottom: 0px;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 1px);
}
.flexBoutonForm {
	position: relative;
	justify-content: flex-start;
}
.pageDetail .itemDesc .flexBoutonForm  {
	margin-top: 44px;
}
.flexBoutonForm a:first-child {
	margin-right: 8px;
}
.blocBlanc .itemZoneBouton2 {
	width: calc(575px - 50px - 55px);
}
.blocDoc .itemZoneBouton {
	bottom: 34px;
	width: calc(414px - 34px - 34px);
}
.itemZoneBouton .bouton {
	font-size: 12px;
   	padding: 10px 0px 9px 0px;
    width: calc(50% - 2.5px);
   	height: 15px;
	line-height: 20px;

	display: table-cell;
	vertical-align: middle;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.itemZoneBouton .bouton { 
			line-height: 17px;
		}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
		.itemZoneBouton .bouton { 
			line-height: 17px;
		}
}}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
	@media {
		.itemZoneBouton .bouton { 
			line-height: 17px;
		}
}}

.itemZoneBouton2 .bouton, form .bouton {
	font-size: 14px;
	line-height: 21px;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.itemZoneBouton2 .bouton, form .bouton {
			line-height: 19px;
		}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
		.itemZoneBouton2 .bouton, form .bouton {
			line-height: 19px;
		}
}}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
	@media {
		.itemZoneBouton2 .bouton, form .bouton {
			line-height: 19px;
		}
}}
.itemZoneBouton .bouton:first-child, .itemZoneBouton2 .bouton:first-child {
	margin-right: 5px;
}
.bouton.jaune {background-color: var(--colorVert); border: 1px solid var(--colorVert);}
.bouton.orange {background-color: var(--colorOrange); border: 1px solid var(--colorOrange);}
.bouton.gris {background-color: var(--colorGrisFonce); border: 1px solid var(--colorGrisFonce);}
.bouton.bleu {background-color: var(--colorBleue); border: 1px solid var(--colorBleue);color: white;}
.bouton.grisInverse {background-color: white; border: 1px solid var(--colorGrisFonce);}
.bouton.orangeInverse {background-color: white; border: 1px solid var(--colorOrange);}
.bouton.bleuInverse {background-color: white; border: 1px solid white; color: var(--colorBleue);}

.bouton.jaune:hover {background-color: white; color: var(--colorVert);}
.bouton.orange:hover {background-color: white; color: var(--colorOrange);}
.bouton.gris:hover {background-color: white; color: var(--colorGrisFonce);}
.bouton.bleu:hover {background-color: white; color: var(--colorBleue);}
.bouton.grisInverse:hover {background-color: var(--colorGrisFonce);color: white;}
.bouton.orangeInverse:hover {background-color: var(--colorOrange);color: white;}
.bouton.bleuInverse:hover {background-color: var(--colorBleue); color: white; border: 1px solid white;}

.bouton.jaune {
	padding: 10px 28px 9px 27px;
}
.divListe, .divListeDoc {
	display: flex;
	justify-content: space-between;
	margin-left: 50px;
	width: calc(100% - 100px);
}
.divListe {
	margin-top: 71px;
	flex-direction: row;
	flex-wrap: wrap;
}
.divListeDoc {
	flex-direction: column;
	padding-bottom: 29px;
}
.blocListe {
	position: relative;
	margin-bottom: 59px;
	width: 610px;
}
.flexWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.pageDetail .flexWrap {
	justify-content: space-between;
	width: 100%;
} 
.blocListeTitre {
	height: 30px;
	color: var(--colorGrisFonce);
	font-family: "EffraBold";
	font-size: 16px;
	letter-spacing: 0.89px;
	line-height: 30px;
	padding-bottom: 5px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: uppercase;
}
.blocListeTitre.listeActu {
	background-image: url("../Images/Icone_Actu.svg");
}
.blocListeTitre.listeActiv {
	background-image: url("../Images/Icone_Acti.svg");
}
.blocListeTitre.listeDoc {
	background-image: url("../Images/Icone_Doc.svg");
}
.blocListeTitre.listeVideo {
	background-image: url("../Images/Icone_Video.svg");
	/*margin-bottom: 41px;*/
	width: 100%;
	padding-left: 0px;
}
.blocListeSousTitre, .blocListeSousTitre2 {
	height: 14px;
	font-size: 12px;
	font-family: "Effra";
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	background-size: 8px 11px;
	margin-left: 17px;
	padding-left: 22px;
	background-position: 0px -1px;
	display: inline-block;
	top: -1px;
	position: relative;
}
a:hover {
	text-decoration: underline;
}
a.bouton:hover, .bouton:hover {
	text-decoration: none;
}
.itemTitre a:hover {
	text-decoration: none;
}
.listeActu .blocListeSousTitre {
	background-image: url("../Images/FlecheDroiteJaune.svg");
	color: var(--colorVert);
}
.listeActiv .blocListeSousTitre {
	background-image: url("../Images/FlecheDroiteOrange.svg");
	color: var(--colorOrange);
}
.listeDoc .blocListeSousTitre {
	background-image: url("../Images/FlecheDroiteGrise.svg");
	color: var(--colorGrisFonce);
}
.blocListeSousTitre.bleu {
	color: var(--colorBleue);
	background-image: url("../Images/FlecheDroiteBleu.svg");
	margin-left: -12px;
}
.blocListeSousTitre2.jaune {
	margin: 0px;
	padding: 0px;
	color: var(--colorVert);
	background-image: url("../Images/FlecheBasJaune.svg");
	padding-right: 24px;
	background-position: right 1px;
	background-size: 13px;
	margin-bottom: 77px;
}
.blocListeItem {
 	position: relative;
 	height: 432px;
 	width: 301px;
}
.blocListe:nth-child(2n+2)  {
	margin-top: 160px;
}
.blocListe .flexWrap {
	margin-top: 19px;
}
.blocListeItem:nth-child(2n) {
	margin-left: 4px;
}
.blocListeItem:nth-child(2n+1) {
	margin-right: 4px;
}
.itemImage {
	height: 160px;
  	width: 301px;
  	width: 100%;
  	background-size: cover;
	background-repeat: no-repeat;
  	border-radius: 3px;
	background-position: center;
}
.itemImage.itemImageDefaut {
		background-image: url("../Images/itemImageDefaut.jpg") ;
}
.pageDetail .itemImage {
  	width: 620px;
  	height: auto;
  	background-image: none;
  	margin-top: 160px;
}
.pageDetail .itemImage img {
	width: 620px;
  	height: auto;
  	border-radius: 3px;
}
.itemDate, .docDate {
	  height: 30px;
	  width: 88px;
	  color: #B3B3B3;
	  font-size: 16px;
	  letter-spacing: 0;
	  line-height: 30px;
	  width: auto;
}
.itemDate {
	margin-top: 10px;
	margin-bottom: 4px;
}
.itemTitre, h1, .TitreTableau {
	color: var(--colorGrisFonce);
	font-size: 23px;
	font-family: "Effra";
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	margin-bottom: 16px;
	text-transform: uppercase;
	max-height: 70px;
	overflow-y: hidden;
	text-overflow: ellipsis;
}
.itemTitre {
	letter-spacing: 1.2px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-right: 28px;
}
h1 {
	width: 100%;
	margin-bottom: 37px;
}
.pageDetail h2 {
	height: 29px;
	width: 576px;
	color: #686868;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.89px;
	line-height: 30px;
	margin-bottom: 24px;
	margin-top: 46px;
	text-transform: uppercase;
}
.pageDetail .form h2 {
	margin-top: 24px;
}
.pageDetail ul, .pageDetail ol {
	margin-left: 30px;
	padding-bottom:20px; 
	padding-top: 10px;
}
.pageDetail ul li, .pageDetail ol li {
	padding-left: 10px;
	padding-top: 10px;
}
.pageDetail ol li ul li {
	padding-bottom: 0px;
}
.pageDetail ol li {
	padding-bottom: 15px;
}
.pageDetail a {
	font-weight: bold;
}
.pageDetail a:hover {
	text-decoration: underline;
}
.pageDetail a.bouton:hover {
	text-decoration: none;
}
.TitreTableau {
	width: 100%;
	margin-bottom: 46px;
}
.pageDetail .itemTitre {
	width: 620px;
	margin-bottom: 37px;
	margin-right: 0px;
}
.itemDesc, .docDesc {
	color: var(--colorGrisClair);
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 20px;
}
.docDesc {
	height: 60px;
}
.docDesc p, .itemDesc.lineclamp p {
	margin: 0px;
	padding: 0px;
}
.itemDesc {
	margin-right: 14px;
	max-height: 82px;
	overflow-y: hidden;
	text-overflow: ellipsis;
}
.activitesListe .itemDesc{
	max-height: 95px;
}
.itemDesc.lineclamp {
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-right: 28px;
}
.pageDetail .itemDesc {
	max-height: none;
	font-size: 18px;
	line-height: 23.5px;
	margin-right: 0px;
	width: 622px;
}
.pageDetail {
	margin-bottom: 60px;
}

.docDesc {
	margin-right: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blocDoc {
	background-color: #F4F4F4;
	width: calc(414px - 34px - 34px);
	height: calc(300px - 25px - 39px);
	padding: 25px 34px 25px 34px;
	border-radius: 3px;
	margin-top: 22px;
	position: relative;
}
.blocDoc:nth-child(3n+1){
	margin-right: 6px;
}
.blocDoc:nth-child(3n+2){
	margin-right: 6px;
	margin-left: 6px;
}
.blocDoc:nth-child(3n+3){
	margin-left: 6px;
}
.docTitre {
	height: 42px;
	color: var(--colorGrisFonce);
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 7px;
	margin-bottom: 23px;
	text-transform: uppercase;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#bandeauMembre {
	height: 461px;
	width: 100%;
	background-image: url("../Images/BandeauMembre.png");
	background-repeat: no-repeat;
	margin-top: 40px;
	position: relative;
}
.blocBlanc {
	height: calc(400px - 39px);
	width: calc(575px - 50px - 55px);
	border-radius: 3px;
	background-color: #FFFFFF;
	padding: 50px 50px 0px 55px; 
	position: absolute;
	left: 50px;
	top: 50px;
}
.blocBlancTitre {
	  height: 80px;
	  color: var(--colorGrisFonce);
	  font-family: "EffraBold";
	  font-size: 40px;
	  letter-spacing: 0;
	  line-height: 40px;
	  text-transform: uppercase;
	  margin-bottom: 23px;
}
.blocBlancDesc {
	height: 170px;
	width: 470px;
	color: var(--colorGrisFonce);
	font-size: 20px;
	letter-spacing: 0.5px;
	line-height: 25px;
}
#bandeauMembreLigne {
	width: calc(100% - 100px);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
	margin-top: 74px;
	margin-bottom: 14px;
}
.ligneSep {
	height: 1px;
	width: 470px;
	background-color: #D8D8D8;
	margin-top: 8px;
	margin-top: 12px;
}
.titreMembres {
	height: 25px;
	width: 113px;
	color: var(--colorGrisFonce);
	font-size: 23px;
	font-family: "EffraBold";
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: uppercase;
	text-align: center;
}
.flexcenter {
	display: flex;
	justify-content: center;
	width: 100%;
}
#bandeauSponsor {
	width: 1264px;
	margin: auto;
	/*display: flex;
	justify-content: space-around;*/
	margin-top: 29px;
	margin-bottom: 62px;
	height: 130px;
	align-items: center;
	overflow: hidden;
}
#bandeauSponsor div {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: calc(100% - 50px);
	height: 130px;
}
#bandeauSponsor div, #bandeauSponsor a {
	display: inline-block;
}
#bandeauSponsor .imgSlideshowMembres {
	width: 25%;
	height: 130px;
}
#bandeauSponsor div:hover {
	filter: saturate(250%);
}

/*#bandeauSponsor a:nth-child(1) div {
	background-image: url("../Images/Logo_Febelcem.png");
	width: 71px;
	height: 87px;
	background-size: 71px 87px;
}
#bandeauSponsor a:nth-child(2) div {
	background-image: url("../Images/Logo_UniversiteitGent.png");
	width: 99px;
	height: 99px;
	background-size: 99px 99px;
}
#bandeauSponsor a:nth-child(3) div {
	background-image: url("../Images/Logo_Stib.png");
	width: 154px;
	height: 67px;
	background-size: 154px 67px;
}
#bandeauSponsor a:nth-child(4) div {
	background-image: url("../Images/Logo_SpfMobilite.png");
	width: 129px;
	height: 129px;
	background-size: 129px 129px;
}
#bandeauSponsor a:nth-child(5) div {
	background-image: url("../Images/Logo_ProvinceLiege.png");
	width: 136px;
	height: 56px;
	background-size: 136px 56px;
}*/
footer {
	background: linear-gradient(270deg, #F0F0F0 0%, #FFFFFF 100%);
	width: 100%;
	height: 340px;
	position: relative;
	z-index: 0;
}
footer:before {
	content: "";
	background-image: url("../Images/Footer_BackgroundVille.png");
	background-size: 643px 221px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	width: 643px;
	height: 221px;
	left: 460px;
} 
footer:after {
	content: "";
	background-image: url("../Images/Logo_PiarcFR.svg");
	background-size: 154px 169px;
	background-repeat: no-repeat;
	position: absolute;
	right: 28px;
	bottom: 42px;
	width: 154px;
	height: 169px;
}
footer.NL:after {
	background-image: url("../Images/logo_Piarc_NL.png");
}
footer .colonneGauche {
	background-size: 227px 76px;
	margin-top: 44px;
	margin-left: 50px;
	padding-top: 76px;
  	width: 282px;
  	background-repeat: no-repeat;
  	position: absolute;
}
footer .colonneGauche.FR {
	background-image: url("../Images/Logo_ABR_Header_FR.svg");
}
footer .colonneGauche.NL {
	background-image: url("../Images/Logo_ABR_Header_NL.svg");
}
footer .texteColonneGaucheFooter {
	margin-top: 21px;
	width: 282px;
	color: var(--colorGrisClair);
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 20px;
}
.texteColonneGaucheFooter hr {
	background-color: var(--colorGrisClair);
  	height: 1px;
  	border: none;
  	margin-top: 10px;
	margin-bottom: 13px;
  	width: 265px;
}
#barinf {
	height: 20px;
	width: 1366px;
	font-size: 14px;
	letter-spacing: 0.58px;
	line-height: 22px;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 48px;
	color: var(--colorGrisClair);
}
#barinf .sep {
	margin-left: 23px;
	margin-right: 23px;
	display: inline-block;
}

#divBoutonSlideshow {
	position: absolute;
	display: flex;
	flex-direction: row;
	right: 0px;
	bottom: -30px;
}
#divBoutonSlideshow .slideShowBouton {
	border-radius: 3px;
	background-repeat: no-repeat;
	background-size: 9px 12px;
	background-position: 16px 14px;
	background-color: #ccc;
	cursor: pointer;
	border-radius: 8.5px;
	margin-right: 10px;
	width: 17px;
	height: 17px;
}
#divBoutonSlideshow .slideShowBouton.active {
	background-color: var(--colorBleue);
	pointer-events: none;
}

.GalerieImage {
	background-image: url("../Images/exempleImageActu.png");
	background-size: cover;
	background-position: center;
	width: 298px;
	height: 404px;
	background-repeat: no-repeat;
	margin-bottom: 23px;
	margin-right: 0px;
	border-radius: 3px;
}
.GalerieImage:nth-child(2n+1) {
	margin-right: 23px;
}
.blocListe:nth-child(2n+1) .GalerieImage:nth-child(4n+2), 
.blocListe:nth-child(2n+1) .GalerieImage:nth-child(4n+3) {
	height: 221px;
}
.blocListe:nth-child(2n+1) .GalerieImage:nth-child(4n+4) {
	margin-top: -183px;
}
.blocListe:nth-child(2n+2) .GalerieImage:nth-child(4n+3), 
.blocListe:nth-child(2n+2) .GalerieImage:nth-child(4n+4) {
	height: 221px;
}
.GalerieVideo {
	background-image: url("../Images/exempleImageActu.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f4eded;
	background-position: center;
	width: 298px;
	height: 221px;
	border-radius: 3px;
	position: relative;
	margin-right: 23px;
	margin-bottom: 23px;
}
.GalerieVideo:nth-child(4n+4) {
	margin-right: 0px;
}
.BoutonVideo {
	background-image: url("../Images/BoutonVideo.svg");
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.ensembleVert, .ensembleBleu {
	margin-bottom: 44px;
	width: 100%;
	display: flex;
	flex-direction: row;
}
.carreVert, .carreBleu {
    color: #FFFFFF;   
    letter-spacing: 0;
  	border-radius: 3px 0 0 3px;
  	text-align: center;
}
.carreBleu {
	background-color: var(--colorBleue);
  	width: 80px;
  	font-size: 30px;
  	padding-top: 26px;
	padding-bottom: 16px;
	line-height: 35px;
}
.imageCarreVert, .titreCarreBleu {
	background-size: cover;
	background-position: center;
	border-radius: 0px 3px 3px 0px;
}
.titreCarreBleu {
	width: calc(599px - 80px - 24px);
	font-size: 29px;
	background-position: 0px -130px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 26px;
	padding-bottom: 16px;
	background-color: #e7e2e6;
	text-transform: uppercase;
	height: auto;
	line-height: 35px;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.titreCarreBleu { 
			line-height: 29px;
			padding-bottom: 22px;
		}
		.carreBleu {
			padding-bottom: 22px;
			line-height: 29px;
		}
}}
/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
		.titreCarreBleu { 
			line-height: 29px;
			padding-bottom: 22px;
		}
		.carreBleu {
			padding-bottom: 22px;
			line-height: 29px;
		}
}}
/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
	@media {
		.titreCarreBleu  { 
			line-height: 29px;
			padding-bottom: 22px;
		}
		.carreBleu {
			padding-bottom: 22px;
			line-height: 29px;
		}
}}
.form {
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 17px;
}
.form .formCase {
	position: relative;
    margin-bottom: 25px;
    width: calc(100% - 2px);
}
.formCase.formCaseCP {
	width: 140px;
	margin-right: 8px;
}
.formCase.formCaseLocal {
	width: calc(100% - 140px - 8px); 
}
.form input[type="text"], .select-items div,.select-selected, .form textarea {
	border: 1px solid #B3B3B3;
	border-radius: 8px;
	width: calc(100% - 22px - 41px);
	color: var(--colorGrisClair);
	font-size: 16px;
	letter-spacing: 0.5px;
    padding: 16px 22px 11px 39px;
    font-family: "Effra";
    resize: none;
}
.form textarea {
	overflow:hidden;
}
.form .formCase .libelle {
	color: #B3B3B3;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	position: absolute;
	left: 25px;
	top: -7px;
	background-color: white;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 1;
}

.custom-select {
    position: relative;
}
.custom-select select, .custom-select .select {
    display: none;
}
.select-selected, .select-items {
    background-color: white;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 0px;
    background: url('../Images/FlecheSelect.png'), #B3B3B3;
    background-size: 11px 8px;
    background-color: #B3B3B3;
    background-repeat: no-repeat;
    width: 55px;
    border-radius: 0px 8px 8px 0px;
    height: 100%;
    right: -1px;
    background-position: 22px 21px;
}
.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 250px;
	overflow-y: hidden;
	overflow-x: hidden;
}
.select-items div {
    border-radius: 0px;
}
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: #B3B3B3;
    color: white;
}
.tableau {
	width: 100%;
}
.tableau .row {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	border-bottom: 2px solid rgba(179, 179, 179, 0.5);
}
.tableau.tableauComites .row:last-child, .tableau.tableauAdmin .row:last-child {
	border-bottom: none;
}
.tableau .row.entete {
	border: none;
	background-color: #e7e2e6;
}
.tableau .row.entete .cell {
	font-weight: bold;
	color:var(--colorGrisClair);
	background-color: #e7e2e6;
	font-size: 16px;
	padding-top: 22px;
	padding-bottom: 18px;
}
.tableau .row.entete .cell:last-child,
.tableau .row .cell:last-child {
	margin-right: 0px;
}
.tableau .row .cell {
	width: 100%;
	letter-spacing: 0;
	padding: 20px;
	font-size: 16px;
	color: var(--colorGrisClair);
	letter-spacing: 0.5px;
	background-color: rgba(240, 240, 240, 0.5);
}
.tableau .row .cell div {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	margin-top: -5px;
	margin-left: -5px;
	image-rendering: -webkit-optimize-contrast;
}
.tableau.tableauComites .row .cell, .tableau.tableauAdmin .row .cell {
	font-size: 18px;
	padding-bottom: 17px;
	padding-top: 23px;
}
.tableau .row .cell.descriptif {
	font-size: 12px;
	letter-spacing: 0.38px;
	line-height: 18px;
}
.tableau .row.entete:nth-child(2n+1) .cell {
	background-color: #e7e2e6;
}
.tableau.tableauComites .row .cell, .tableau.tableauAdmin .row .cell {
  	background-color: white !important;
}
.tableau.tableauMembres .row .cell:nth-child(1){width: calc(((100% - 272px)/14*2) + 30px)}
.tableau.tableauMembres .row .cell:nth-child(2){width: calc(((100% - 272px - 30px)/14*2) - 20px)}
.tableau.tableauMembres .row .cell:nth-child(3){width: calc((100% - 272px - 30px)/14*3)}
.tableau.tableauMembres .row .cell:nth-child(4){width: calc((100% - 272px - 30px)/14*4)}
.tableau.tableauMembres .row .cell:nth-child(5){width: calc(((100% - 272px - 30px)/14*4) + 20px)}

.tableau.tableauMembres .row:nth-child(2) .cell:nth-child(1) {
	background-size: auto;
}
.formCase.ligneRadio {
	display: flex;
	flex-direction: column;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label::before {
  content: "";
  box-sizing: border-box;
  height: 26px;
  width: 26px;
  border: 1px solid #B3B3B3;
  border-radius: 3px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: bottom;
}
input[type="checkbox"]:checked + label::before {
  background-image: url("../Images/CheckRadio.png");
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
input[type="checkbox"] + label {
  color: var(--colorGrisClair);
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 7px;
  margin-bottom: 7px;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  position: relative;
  padding-left: 39.5px;
  padding-right: 25px;
  font-size: 18px;
  letter-spacing: 0.5px;
  color: var(--colorGrisClair);
}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content:'';
  border-radius: 1rem;
}
input[type="radio"] + label::before {
  bottom: 0;
  left: 0;
  border: 1px solid #B3B3B3;
  background-color: white;
  width: 26px;
  height: 26px;
}
input[type="radio"] + label::after {
  bottom: 8px;
  left: 8px;
  width: calc(1rem - 6px);
  height: calc(1rem - 6px);
}
input[type="radio"]:checked + label::after {
  background-color: #797979;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.modalDialog_contentDiv {
	border: none !important;
	padding: 0px !important;
}
.captionWrapper {
	display: none !important;
}
.modalDialog_transparentDivs {
	background-color: #fbfbfb;
}

.containerCarte {
	width:100%;
	height:460px !important;
	overflow: hidden;
}
.carteGoogle {
	height: calc(100% + 23px) !important;
	top: 0px;
}
.gmnoprint {
	margin-top: -11px;
}
.gm-style-pbc {
	display: none !important;
}
input.red, 
textarea.red, 
.form input[type="text"].red, 
.form textarea.red, 
.select-selected.red {
		border-color: #EB1515;
}
.blocaccordeon  {
	width: 100%;
}
.TitrePageMoyen {
	background-color: #e7e2e6;
	color:var(--colorGrisClair);
	width: calc(100% - 20px);
	/*height: 63px;
	line-height: 71px;*/
	font-size: 20px;
	text-transform: uppercase;
	cursor:pointer;
	padding-left: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
	display: flex;
	justify-content: space-between;
	border-radius: 3px;
	border: none;

	line-height: 32px;
	padding-top: 19px;
	padding-bottom: 12px;
	height: auto;
}
.TitrePageMoyen .plus,.TitrePageMoyen .moins{
	cursor:pointer;
	display:block;
	margin-left:15px;
	margin-right:15px;
	margin-top: -7px;
}
.TitrePageMoyen .plus{
	display:none;
}

.bar1, #menuMobile .bar2, #menuMobile .bar3 {
    width: 35px;
    height: 5px;
    background-color: var(--colorOrange);
    margin: 6px 13px;
    transition: 0.4s;
}
#menuMobile {
  display: none;
  position: fixed;
  top: 0px;
  right: 10px;
  width: 60px;
  height: 60px;
  z-index: 100001;
  cursor: pointer;
}
#menuMobile .bar1 {
  margin-top: 17px;
}
#menuMobile.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
#menuMobile.change .bar2 {
  opacity: 0;
}
#menuMobile.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.fancybox-container video {
	max-width: 100%;
	height: auto;
}
[id^="hidden-content"] {
    width: 100%;
}
.fancybox-close-small {
	background-color: var(--colorBleue) !important;
}

.bouton.boutonParamCookies {
	position: absolute;
    right: 50px;
	bottom: -20px;
	line-height: 17px;
	height: 42px;
	font-size: 13px;
}

@media screen and (max-width: 1366px),  screen and (max-device-width: 1366px) {
	#menuMobile {
 	 	display: block;
	}
	header {
		width: calc(100vw - 50px);
	}
	#body {
		min-width: 100vw;
		width: 100vw;
	}
	#slideshowDiv {
		width: calc(100vw - 50px);
	}
	#headerDroite {
		position: fixed;
		left: -100vw;
		background-color: white;
		height: 100vh;
		width: auto;
		display: flex;
		top: 0px;
		overflow: scroll;
	}
	#headerDroite .frame2 {
		display: block !important;
		position: relative;
		top: 0px;
	}
	.Leftmenu1, #headerDroite a.Leftmenu1 {
		display: block;
		padding-top: 13px;
		padding-bottom: 8px;
	}
	#menuLangues, #headerDroite a.linkedin, #recherche {
		margin-top: 13px;
		margin-bottom: 8px;
	}
	#menu {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		width: auto;
		max-width: calc(100vw - 99px - 5px);
		padding-left: 50px;
		position: relative;
		height: 100%;
		margin-bottom: 45px;
	}
	#headerDroite .menu1 {
		height: auto;
		background: white;
	}
	#headerDroite .menu2 {
		border: none !important;
	}
	#headerDroite .friseCouleur {
   	    height: calc(100%);
    	display: flex;
    	flex-direction: column;
    	position: relative;
    	top: 0px;
    	width: 5px;
	}
	#headerDroite .frisePart {
    	height: calc(100% / 8);
    	width: 5px;
	}
	#formRecherche {
		top: 0px;
		position: relative;
	}
	#headerDroite .menu2 a {
		padding-left: 0px;
	}
	#headerDroite .frame2 {
		left: 0px;
	}
	#formRecherche {
		display: block !important;
		z-index: 0;
	}
	#recherche {
		z-index: 1;
		top: 40px;
		position: relative;
		margin-top: -20px;
		left: calc(100% + 10px);
	}
	footer {
		height: auto;
		display: flex;
		flex-direction: column;
	}
	footer::before {
		display: none;
		/*width: calc(100vw - 50px);
		left: 50px;*/
	}
	footer::after { 
		position: relative;
		width: 100%;
		bottom: 5px;
		right: unset;
		background-position: center;
	}
	footer .colonneGauche {
		position: relative;
		margin: auto;
		padding-bottom: 45px;
		background-position: center 20px;
		padding-top: 96px;
		text-align: center;
		width: 100%;
	}
	footer .texteColonneGaucheFooter {
		width: 100%;
	}
	#menuFooter {
		display: none;
	}
	#barinf {
		width: 100vw;
	}
	#bandeauSponsor {
		width: calc(100vw - 50px);
	}
	.slideBackground, .gradient {
		width: 100vw;
		max-width: 1000px;
	}
	
	.tableau.tableauComites .row .cell, .tableau.tableauAdmin .row .cell,
	.tableau .row .cell {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tableau.tableauMembres .row .cell:nth-child(1){width: calc(((100% - 172px)/14*2) + 30px)}
	.tableau.tableauMembres .row .cell:nth-child(2){width: calc(((100% - 172px - 30px)/14*2) - 20px)}
	.tableau.tableauMembres .row .cell:nth-child(3){width: calc((100% - 172px - 30px)/14*3)}
	.tableau.tableauMembres .row .cell:nth-child(4){width: calc((100% - 172px - 30px)/14*4)}
	.tableau.tableauMembres .row .cell:nth-child(5){width: calc(((100% - 172px - 30px)/14*4) + 20px)}

	a.linkedin {
		background-position: -6px center;
	}
	.tableau.tableauMembres {
		overflow-x: scroll;
	}
	.tableau.tableauMembres .row.entete, .tableau.tableauMembres .row {
		overflow-x: scroll;
		width: 1140px;
	}
	
}
@media screen and (max-width: 1365px),  screen and (max-device-width: 1365px) {
	.blocDoc {
		width: calc(32% - 34px - 34px);
	}
	.blocDoc .itemZoneBouton {
		bottom: -36px;
		width: calc(100%);
		position: relative;
	}
}
@media screen and (max-width: 1341px),  screen and (max-device-width: 1341px) {
	.pageDetail .itemImage {
		margin-top: 50px;
	}
}
@media screen and (max-width: 1319px),  screen and (max-device-width: 1319px) {
	.blocListe {
		margin-top: 0px !important;
	}
	.blocBleu {
		max-width: calc(100% - 100px - 51px);
	}
	.blocBlanc {
		max-width: calc(100% - 100px - 50px - 55px);
	}
	.blocBlancDesc {
		width: 100%;
	}
}
@media screen and (max-width: 1136px),  screen and (max-device-width: 1136px) { 
	
	.menu1 {
		height: auto;
	}
	.blocDoc {
		width: calc(100% - 34px - 34px);
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.blocDoc .itemZoneBouton {
		width: calc(414px - 34px - 34px);
	}
	#bandeauSponsor .imgSlideshowMembres {
		width: 33%;
	}
	#bandeauSponsor .imgSlideshowMembres div {
		margin-left: 25px;
		margin-right: 25px;
	}
}

@media screen and (max-width: 709px),  screen and (max-device-width: 709px) {
	.blocListeItem {
		width: calc(50% - 4px);
	}
	#bandeauSponsor .imgSlideshowMembres {
		width: 50%;
	}
	.blocListe, 
	.pageDetail .itemDesc,
	.pageDetail .itemImage img  {
		width: 100%;
	}
	.titreCarreBleu {
		width: calc(100% - 80px - 24px);
	}
	#barinf {
		display: flex;
		flex-direction: column;
		margin-top: 30px;
		margin-bottom: 22px;
		height: auto;
	}
	#barinf .sep {
		display: none;
	}
	#barinf a {
		padding-bottom: 8px;
	}
	.petit .blocBleuTitre, .blocBlancTitre, .blocBleuTitre {
		font-size: 34px;
	}
	.blocBleuTitre {
		line-height: 40px;
		height: 77px;
	}
	.blocBleu {
		height: auto;
	}
	.slideBackground, .gradient, #slideshowDiv {
		height: calc(650px - 58px);
	}
	.blocBlancDesc {
		font-size: 18px;
	}
	.bouton.blocBleuBouton {
		position: relative;
		bottom: 0px;
		margin-top: 35px;
	}
}

@media screen and (max-width: 611px),  screen and (max-device-width: 611px) { 
	.blocBlanc {
		left: 15px;
   		padding: 25px 25px 0px 25px;
   		width: 100vw;
   		max-width: calc(100vw - 80px);
   		height: auto;
   		position: relative;
   		top: 0px;
		margin-top: 50px;
	}
	.blocBlancTitre {
		height: auto;
	}
	.blocBlancDesc {
		height: auto;
		margin-bottom: 25px;
	}
	.itemZoneBouton2 {
		position: relative;
	}
	.blocBleu {
		max-width: calc(100vw - 80px);
		left: 15px;
		padding: 23px 25px 25px 25px;
	}
	.divListe, .divListeDoc {
		margin-left: 15px;
		width: calc(100vw - 30px);
	}
	#boutonEspaceMembres, .bouton.boutonParamCookies {
		right: 15px;
	}
	#slideshowDiv {
		margin-left: 0px;
		width: calc(100%);
	}
	header {
		padding-left: 15px;
		width: calc(100vw - 15px);
	}
	#bandeauMembre {
		height: auto;
		background-size: cover;
		display: flex;
	}
	.blocListeTitre {
		height: auto;
	}
	.listeActu .blocListeSousTitre, .listeActiv .blocListeSousTitre,
	.listeDoc .blocListeSousTitre {
		width: 100%;
		display: block;
		margin-left: -50px;
		margin-top: 17px;
	}
	.blocListeItem {
		width: 100%;
	}
	.blocListeItem:nth-child(2n) {
		margin-left: 0px;
		margin-top: 38px;
	}
	.itemImage {
		width: calc(100%);
		max-width: 266px;
	}
}

@media screen and (max-width: 443px),  screen and (max-device-width: 443px) { 
	.blocDoc .itemZoneBouton {
		width: 100%;
	}
	.blocBlanc .itemZoneBouton2 {
		width: 100%;
	}
	#bandeauSponsor .imgSlideshowMembres {
		width: 100%;
	}
	.titreCarreBleu, .carreBleu {
		font-size: 22px;
	}
	
}
li div.intervenants {
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	margin-left: 0px;
}


/*	=============================
		   BANNIERE COOKIE		 
	=============================*/
/* Remplacer les couleurs comme vous le souhaitez */
.colorCookieBanner{
	--bg-color: var(--colorBleue) !important;
	--font-color: #ffffff !important;
	--font-family: "Effra", Arial, serif;
	--font-family2: "Effra", Arial, serif;
	--autre-color: #323232 !important;
    --disabled-color: #939393 !important;
	--disabled-transparent-color: var(--colorGrisFonce) !important;
	--colorbtn-transparent-color: rgb(151, 104, 75, 0) !important;
    --active-transparent-color: rgb(49,129,182, 0.5) !important;
}
[class^="protectCookieBanner-"]{
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-family: var(--font-family);
	vertical-align: baseline;
	cursor: default;
	float: none;
	width: auto;
	text-align: left;
}
.protectCookieBanner-Notice-body{
	padding: 1em 1.2em;
	background-color: var(--bg-color);
	border-radius: 2px;
}
.protectCookieBanner-Notice{
	position: fixed;
	z-index: 1080;
	width: auto;
	bottom: 0;
	font-size: 15px;
	background-color: transparent;
}
.boutonCookies, .boutonCookies2 {
	text-decoration: none !important;
	width: auto;
	margin-top: 10px;
	color: var(--font-color);
	padding: 4px 20px 2px 20px;
	vertical-align: middle;
	cursor: pointer;
}
.boutonCookies { /* Boutton pour les cookies. */
	background-color: var(--colorbtn-transparent-color);
	font-family: var(--font-family);
	margin-right: 19px;
	letter-spacing: 0.5px;
	border: 2px solid white;
	height: 34px;
	opacity: 0.8;
}
.boutonCookies2 { /* Boutton pour les cookies. */
	background-color: var(--bg-color);
	font-family: var(--font-family2);
	margin-right: 8px;
	font-size: 17px;
	height: 36px;
	border: 0px var(--bg-color);
}
.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}
.divBoutonCookies {
	display: inline;
}
p.protectCookieBanner-Notice-description {
	line-height: 21px;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
}
.protectCookieBanner-Notice-title, .protectCookieBanner-Notice-description {
	color: var(--font-color);
	margin-bottom: 0.9em;
	font-size: 16px;
}
#protectCookieBanner {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
   	transition: opacity 0.3 ease-in-out;
   /*	display: none;*/
   color: white;
}
#protectCookieBanner a, .paste-url-cookie{
	color: var(--font-color);
	text-decoration: underline;
	background-color: transparent;
}

button:not(:disabled).boutonCookies, button:not(:disabled).boutonCookiesRight, 
[type="button"]:not(:disabled).boutonCookies, [type="button"]:not(:disabled).boutonCookiesRight, 
[type="reset"]:not(:disabled).boutonCookies, [type="reset"]:not(:disabled).boutonCookiesRight, 
[type="submit"]:not(:disabled).boutonCookies, [type="submit"]:not(:disabled).boutonCookiesRight {
	cursor: pointer;
}

.modal-cookies-content {
	border-radius: 2px !important;
	margin: 6vh auto;
	background-color: var(--bg-color);
	width: 90%;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
	opacity: 1;
}
.modal-cookies-button, .modal-cookies-disabled {
	text-decoration: none !important;
	background-color: var(--bg-color);
	border-radius: 0px;
	width: auto;
	height: 36px;
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 5px 20px 2px 20px;
	font-size: 15px;
	white-space: nowrap;
	border: 0px var(--bg-color);
}
.modal-cookies-button:disabled {
	background-color: var(--disabled-color);
	border: 0px var(--disabled-color);
	margin-right: 0.5em;
}
.modal-cookies-disabled {
	background-color: var(--disabled-color);
	border: 0px var(--disabled-color);
	font-family: var(--font-family);
	margin-right: 0.5em;
}
.modal-cookies-button2, .modal-cookies-button2:disabled {
	text-decoration: none !important;
	background-color: var(--bg-color);
	border-radius: 0px;
	width: auto;
	height: 32px;
	border: 0px var(--bg-color);
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 4px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 13px;
    white-space: nowrap;
}
.modal-cookies-button2:disabled {
	background-color: var(--disabled-color);
}
.boutonCookiesRight { /* Boutton pour les cookies. */
	text-decoration: none !important;
	background-color: var(--colorbtn-transparent-color);
	width: auto;
	margin-top: 10px;
	font-family: var(--font-family);
	color: var(--font-color);
	padding: 4px 20px 2px 20px;
	letter-spacing: 0.5px;
	border: 2px solid white;
	height: 34px;
	vertical-align: middle;
	opacity: 0.8;
}

body.modal-open {
	overflow: hidden;
	/*position: fixed;*/
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100%;
	width: 100%;
    overflow: hidden;
    font-family: var(--font-family);
}
.style-overlay {
    display: none;
    position: fixed;
	left: 0;
    top: 0;
    width: 100% !important;
	height: 100% !important;
	z-index: 9999 !important;
	background-color: rgba(255,255,255,0.7);
    opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	opacity:0.8 !important;
}
.zoneParamCookies {
	margin-top: 30px;
	margin-bottom: 30px;
}

.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: white;
	font-size:32px;
	font-weight:bold;
	margin-bottom:-10px;
}
.modal-cookies-header {
    background: var(--modal-color);
    padding: 20px;
    color: #fff;
	text-align: left;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	text-align: left;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	font-family: var(--font-family);
	color: var(--autre-color);
	font-size: 18px;
}
#modal-cookies{
	opacity: 0;
  	-webkit-transition: opacity 0.3s ease-in-out;
  	-moz-transition: opacity 0.3s ease-in-out;
  	-ms-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
 	transition: opacity 0.3 ease-in-out;
}
  
.close {
    color: var(--font-color);
    float: right;
    font-size: 30px;
    color: var(--font-color);
}
.close:hover,.close:focus {
    color: var(--autre-color);
    text-decoration: none;
    cursor: pointer;
}
.sousTitre-modal-cookies{
    font-size: 18px;
}
  
@keyframes modalopen {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
.switch input{
	display: none;
}

.modal-cookies-a {
	text-decoration: none !important;
	background-color: var(--font-color);
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	font-family: var(--font-family);
	vertical-align: text-bottom;
	color: var(--autre-color);
	padding: 2px 0px 2px 0px;
	font-size: 15px;
	float: left;
}
.modal-cookies-a span a{
	text-decoration: none;
	color: var(--autre-color);
    display: block;
    padding-top: 26px;
    text-align: center;
	line-height: 1em;
}
.modal-cookies-a span a:hover{
	text-decoration: underline;
}
  
.modal-cookies-button:focus, .modal-cookies-disabled:focus, .modal-cookies-button2:focus {
    outline: 1px solid var(--font-color);
    box-shadow: 0px 0px 1px 1px var(--font-color);
}
button:not(:disabled).modal-cookies-button, [type="button"]:not(:disabled).modal-cookies-button, [type="reset"]:not(:disabled).modal-cookies-button, [type="submit"]:not(:disabled).modal-cookies-button {cursor: pointer;}
button:not(:disabled).modal-cookies-disabled, [type="button"]:not(:disabled).modal-cookies-disabled, [type="reset"]:not(:disabled).modal-cookies-disabled, [type="submit"]:not(:disabled).modal-cookies-disabled {cursor: pointer;}
button:not(:disabled).modal-cookies-button2, [type="button"]:not(:disabled).modal-cookies-button2, [type="reset"]:not(:disabled).modal-cookies-button2, [type="submit"]:not(:disabled).modal-cookies-button2, .modal-cookies-a {cursor: pointer;}

.div-li-cookie-bas {
	margin-top: 4px !important;
	float: right !important;
}
.div-sup-cookie-bas {
	display: inline !important; 
}


@media screen and (max-width: 1500px),  screen and (max-device-width: 1500px){
	.modal-cookies-a span a {
		padding-top: 30px;
	}
	.div-li-cookie-bas {
		padding-top: 10px;
	}
}

@media(min-width: 1250px) {
	.modal-cookies-content {
		border-radius: 2px;
		margin: 17.5vh auto;
		background-color: var(--bg-color);
		width: 50%;
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
	}
	.modal-cookies-button {
		height: 40px;
		font-size: 16px;
	}
	.modal-cookies-button:disabled {
		height: 40px;
		margin-right: 0.5em;
		font-size: 16px;
	}
	.modal-cookies-disabled {
		height: 40px;
		margin-right: 0.5em;
		font-size: 16px;
	}
}
@media (min-width:896px){
	.boutonCookiesRight { /* Boutton pour les cookies. */
		float: right;
	}
	.protectCookieBanner-Notice {
		max-width: 850px;
		border-radius: 2px;
		bottom: 20px;
		right: 20px;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
	}
}
@media (max-width: 895px){
	.protectCookieBanner-Notice{
		width: 100%;
		left: 0;
		right: 0;
		border-radius: 2px 2px 0px 0px;
	}
	.protectCookieBanner-Notice-body{
		border-radius: 2px 2px 0px 0px;
	}
	.boutonCookies { /* Boutton pour les cookies. */
		margin-right: 31px;
		letter-spacing: 0.5px;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.modal-cookies-button2:disabled {
		margin-top: 10px;
	}
	.espaceZonePubli .banniereMobile {
		display: block;
	}
	.espaceZonePubli .banniereDesktop {
		display: none;
	}
}
@media screen and (max-width: 470px),  screen and (max-device-width: 470px){
	#menu {
		width: 100vw;
		max-width: 100vw;
	}
	#headerDroite {
		width: 100vw;
	}
}
@media screen and (max-width: 410px),  screen and (max-device-width: 410px){
	.modal-cookies-button2 {
		width: 100%;
		margin-top: 10px;
	}
	.modal-cookies-button {
		background-color: var(--colorbtn-transparent-color);
		width: 100%;
		height: 40px;
		font-size: 15px;
	}
	.modal-cookies-button:disabled {
		background-color: var(--disabled-color);
		border: 0px var(--disabled-color);
		margin-right: 0.5em;
	}
}

/* SWITCHER MODAL COOKIE */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 31px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch input{ 
    opacity: 0.5;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--disabled-color);
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.textSousSlider {
	font-family: var(--font-family);
	font-size: 8.5px;
	text-align: center;
	letter-spacing: 0.5px;
	color: var(--autre-color);
	padding-top: 2px;
}
  
input:checked + .slider {
    background-color: var(--bg-color);
}
input:checked:disabled + .slider{
    background-color: var(--active-transparent-color) !important;
}
input:focus + .slider {
    box-shadow: 0 0 1px var(--bg-color);
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 2px;
}
.slider.round:before {
    border-radius: 2%;
}
.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 16px;
}
.modal-cookies-body-item {
    justify-content: flex-start;
	padding-top: 2px;
    padding-right: 20px;
}
.modal-cookies-body-item2 {
    justify-content: flex-start;
}
.modal-cookies-body-titre{
    font-weight: bold;
	color: var(--bg-color);
	display: inline-block;
}
.modal-cookies-optionnelornot{
	display: inline-block;
	color: var(--disabled-color);
}
.modal-li-cookie {
	padding-top: 40px;
	display: flow-root;
	padding-bottom: -4px;
}

.fade-in {
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}	
@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*	=============================
		 FIN BANNIERE COOKIE		 
	=============================*/
	
	
	
.noMarginTop {
	margin-top: 0px !important;
}