:root{
	--largeur-formulaire:540px;
	--espacementobjetsformulaire:30px;
}

.capitalize {
	text-transform: capitalize;
}
.flexCenter {
	display: flex;
	justify-content: center;
	background-color: white !important;
}
.imgEnteteCongresContainer {
	width: 100%;
	max-width: 945px;
	margin-top: 27px;
}
.imgEnteteCongres {
	background-image: url("../Images/LogoCongres2022.png");
	height: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 60%;
}
.imgSavetheDateContainer {
	width: 80vw;
	height: 80vh;
	padding-top: 10vh;
	padding-bottom: 10vh;
}
.imgSavetheDate {
	height: 100%;
	background-image: url("../Images/Congres/2023/SaveTheDate2.jpg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.imgSavetheDate:hover {
	cursor: pointer;
}
.texteCongres {
	text-align: center;
	width: calc(100% - 50px);
	max-width: 945px;
	font-size: 24px;
	font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-weight: lighter;
    color: #5F5F5F;
    margin-bottom: 10vh;
    padding-left: 25px;
    padding-right: 25px;
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.imgSavetheDateContainer{
		width: 95vw;
	}
	.imgSavetheDate {
		background-image: url("../Images/Congres/2023/SaveTheDateMobile.png");
	}
	.texteCongres {
		font-size: 20px;
	}
}



* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll; /*scrollbar toujours affichees*/
	height: 100%;
	overflow-x: scroll;
}
.radio,.multicheckbox {
	width:var(--largeur-formulaire);
}
label.checkbox,.radio,.AtvEnPartiesTablePrix,.AtvEnPartiesTable,.multicheckbox {
	margin-bottom: var(--espacementobjetsformulaire);
	border-radius: 5px;
	background-color: white;
	
	-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	overflow: hidden;
}
.multicheckbox label.checkbox{
	margin-bottom:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
label.checkbox,.radio label {
	padding: 0px 0px 0px 50px;
	font-family: 'poppinsregular', sans-serif;
	/*font-size: 18px;*/
	letter-spacing: 0.5px;
	
	display: block;
	position: relative;
	cursor: pointer;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	color:#6e6e6e;
	
	padding: 15px 15px 15px 50px;
	width:calc(var(--largeur-formulaire) - 15px - 50px);
	font-size: 15px;
	line-height: 20px;
	
	background-color:white !important;
}


label[for="facturation_1"] {
    display: inline-block; /* Permet de définir une largeur */
    width: 500px; /* Ajuste la largeur selon ton besoin */
}

label[for="useMesCoord"] {
    display: inline-block; /* Permet de définir une largeur */
    width: 600px; /* Ajuste la largeur selon ton besoin */
}

.radio label.disabled {
	opacity:0.5;
}
label.checkbox.seule {
	width:22px;
	height:22px;
	padding:0px;
	margin-bottom:0;
	border-radius:0px;
	background-color:default;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.radio label,.multicheckbox label.checkbox {padding-bottom:5px;}
.radio label:last-child,.multicheckbox label.checkbox:last-child,.radio label.lastchild {padding-bottom:15px;}

label.checkbox a,.radio label a,.texteBrunPetit a,.zonePresentation .descriptif a,.texteTexte a,.compositionDescFct a {text-decoration:none;color:#009EE0;}
label.checkbox a:hover,.radio label a:hover,.texteBrunPetit a:hover,.zonePresentation .descriptif a:hover,.texteTexte a:hover,.compositionDescFct a:hover{text-decoration:underline;}

label.checkbox input,.radio label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
label.checkbox input:checked ~ .checkmark {
    background-color: #009EE0;
    border:1px solid #009EE0;
}
label.checkbox .checkmark,.radio label .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: #f6f6f6;
    border: 1px solid #DADADA;
   
    top:14px;
	left:15px;
}
label.checkbox.seule .checkmark {
	top:0;
	left:0;
}
label.checkbox .checkmark{border-radius: 3px;}
.radio label .checkmark {border-radius: 20px;}
label.checkbox .checkmark::after,.radio label .checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.radio label .checkmark::after { /*radio*/
	top:5px;
	left:5px;
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#009EE0;
}
label.checkbox .checkmark::after { /*checkbox*/
    left: 5px;
    top: 1px;
    width: 7px;
    height: 10px;
    border: solid white;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
label.checkbox input:checked ~ .checkmark::after,.radio input:checked ~ .checkmark::after {
    display: block;
}
#header, #footer { /* Toutes les zones délimitantes. */
	display: flex;
}
#header {
	justify-content: space-between;
}
/*-------------------------*/
/*-----HEADER ACCUEIL-----*/
/*-----------------------*/
body > div:nth-of-type(2n+1):not(.modal-cookies) {
	background-color: white;
}
body > div:nth-of-type(2n):not(.modal-cookies) {
	background-color: #f3f3f3;
}
body.accueil > div:nth-of-type(2n+1):not(.modal-cookies) {
	background-color: #f3f3f3;
}
body.accueil > div:nth-of-type(2n):not(.modal-cookies) {
	background-color: white;
}

body {
	min-height: 100%;
	min-width: 1275px;
	width: 100%;
	position: relative;
}
button {
	cursor: pointer;
}
.errorbloc {
	display:none;
}
.espacesHeader { /* Espaces de chaque côté du header. */
	width: 100%;
	display: flex;
	justify-content: center;
}
#header { /* Zone dédiée au header. */
	width: 1230px;
	height: 170px;
}
.arrondi { /* Ligne courbe à droite du header. */
	background-color:#f7f7f7;
	height:170px;
	width:calc(100% - 980px);
	position:absolute;
	right:0;
	background-image:url('../images/arrondi.jpg');
	background-repeat:no-repeat;
	z-index:-10;
}
/*-----LIENS HEADER-----*/
.ulHeader { /* Zone des liens à droite dans le header. */
	width: 740px;
	height: 100%;
	display: flex;
	list-style-type: none;
	justify-content: flex-end;
}
.loupe input { /* Le champ de recherche. */
	width: 190px;
	height: 45px;
	border-radius: 50px;
	color: #009ee0;
	background-color: #e4f4fb;
	padding-left: 20px;
	border: none;
	font-family: 'poppinssemibold';
	font-size: 13px;
	position: relative;
	background-image:url('../images/loupe.png');
	background-repeat:no-repeat;
	background-position:top 14px right 15px;
	-moz-transition: width 0.2s ease;
	-webkit-transition: width 0.2s ease;/* WebKit */
	-o-transition: width 0.2s ease; /* Opera */
	transition: width 0.2s ease; /* Standard */
}
.loupe input:focus { /* Animation du champ de recherche lorsqu'on clique dessus. */
	width:270px;
}
/*-----FIN ZONE DE RECHERCHE-----*/
#champRecherche {
	position: relative;
	padding-left: 38px;
}
/*-----ZONE CONNEXION-----*/
.connexion { /* Bloc contenant le boutton de connexion et son icône associée. */
	width: 195px;
	padding-top: 10px;
}
.connexion button { /* Boutton de connexion. */
	width:100%;
	height: 45px;
	border-radius: 50px;
	background-color: #009ee0;
	color: white;
	border: none;
	font-family: 'poppinssemibold';
	font-size: 13px;
	background-image: url('../images/fleche.png');
	background-repeat: no-repeat;
	background-position:top 16px right 15px;
	text-align: left;
	padding-left: 20px;
	position: relative;
	top: 1px;
	padding-top: 2px;
}
.connexion a { /* Lien situé dans le bouton de connexion. */
	width: 100%;
	height: 100%;
}
.connexion img { /* Icône de flêche dans le boutton de connexion. */
	position: relative;
	bottom: 28px;
	left: 165px;
	
}
/*-----FIN ZONE CONNEXION-----*/
.liensSupDiv1 {
	position: relative;
	top:95px;
	top: 30px;
}
.liensSupDiv1.top30 {
	top: 30px;
}
.liensSupDiv2,.liensSupDiv3 { 
	position: relative;
	top:40px;
}
.liensSupDiv3,.liensSupDiv2 {
	margin-left:40px;
}
.liensSupDiv3 div,.liensSupDiv2 div {
	color:#00377a;
	font-family: 'poppinsregular';
	font-size: 12px;
	color: #23528c;
	width:100%;
	text-align:right;
	line-height:16px;
}
.liensSupDiv3 div.grasPLiensSup,.liensSupDiv2 div.grasPLiensSup {
	font-family: 'poppinssemibold';
	font-size:17px;
	margin-bottom:7px;
	line-height:22px;
}
.liensSupDiv3 a,.liensSupDiv2 a, .liensSupDiv1 a { /* Boutton qui permet de se rendre sur le site spécifié. */
	text-decoration:none;
	display:block;
	width:220px;
	line-height:15px;
	background-color: #e02e00;
	border-radius: 50px;
	color: white;
	border: none;
	font-family: 'poppinssemibold';
	font-size: 13px;
	background-image: url('../images/fleche.png');
	background-repeat: no-repeat;
	background-position:top 16px right 15px;
	text-align: left;
	padding:16px 20px 14px 20px;
	position: relative;
	margin-top:10px;
	letter-spacing: 1px;
}
.liensSupDiv1 a {
	margin-bottom: 10px;
	background-color: #e02e00;
	width: 132px;
	margin-left: auto;
	text-align: left;
	padding-left: 38px;
}
.liensSupDiv2 a {
	width:155px;
	background-color:#009ee0;
}
.liensSupDiv3 img { /* Icône associée au lien vers les assurances. */
	position: relative;
	bottom: 29px;
	left: 210px;
}
.imageConnexion {
	display: inline-block;
	color: #008eca;
	background-color: #dae9f0;
	border-radius: 50%;
	font-family: 'poppinssemibold';
	font-size: 30px;
	padding: 10px 0;
	margin-left: 20px;
	position: relative;
	top: 10px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 60px;
}
.courtierAssurLien { /* Bloc contenant le lien vers le site des assurances et son icône assoicée. */
		position: relative;
		top: 10px;
}
/*-----FIN LIEN ASSURANCES-----*/
/*-----FIN LIENS HEADER-----*/
/*-----LOGOS.-----*/
.logo { /* Bloc contenant les logos généraux du site. */
	width: 380px;
	height: 100%;
	display: flex;
	align-items: center;
}
.logo img {
	image-rendering: -webkit-optimize-contrast;
}
#courtierAssur { /* Second logo. */
	padding-left: 20px;
}
/*-----FIN LOGOS.-----*/ 
/*-----------------------------*/
/*-----FIN HEADER ACCUEIL-----*/
/*---------------------------*/
/*-----------------------------*/
/*-----HEADER NON ACCUEIL-----*/
/*---------------------------*/
#headerNonAccueil { /* Header  */
	width: 1230px;
	height: 105px;
	display: flex;
	justify-content: space-between;
}
.logoNonAccueil { /* Zone contenant les logos du site. */
	display: flex;
	align-items: center;
	width: 220px;
	height: 100%;
	cursor: pointer;
	width: 269px;
}
.divHeaderNonAccueil { /* Zone contenant la barre de recherche et le boutton de connexion. */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recherche { /* Champ de recherche. */
	border: none;
	height: 45px;
	width: 195px;
	font-family: 'poppinssemibold';
	color: #1592e6;
	background-color: #e4f4fb;
	border-radius: 50px;
	background-image:url('../images/loupe.png');
	background-repeat:no-repeat;
	background-position:top 14px right 15px;
	-moz-transition: width 0.2s ease;
	-webkit-transition: width 0.2s ease;/* WebKit */
	-o-transition: width 0.2s ease; /* Opera */
	transition: width 0.2s ease; /* Standard */
	letter-spacing: 1px;
	padding-left: 34px;
}
.recherche:focus{ /* Animation du champ de recherche lorsqu'on clique dedans. */
	width:270px;
}
.zoneConnexionNonAccueil button { /* Boutton permettant de se connecter depuis toutes les pages sauf l'accueil. */
	width: 195px;
	margin-left: 30px;
	height: 45px;
	width: 195px;
	border-radius: 50px;
	border: none;
	background-color: #009ee0;
	background-image: url('../images/fleche.png');
	background-repeat: no-repeat;
	background-position:top 15.5px right 19px;
	padding-right: 19px;
}
.zoneConnexionNonAccueil button {
	text-decoration: none;
	color: white;
	font-family: 'poppinssemibold';
}
/*---------------------------------*/
/*-----FIN HEADER NON ACCUEIL-----*/
/*-------------------------------*/
/*----------------*/
/*-----NAVBAR-----*/
/*----------------*/
.frame1:nth-child(2){
	display: none;
}
#menu { /* Espaces blancs autour de la barre de navigation. */
	display: flex;
	width: 100%;
	height: 70px;
	justify-content: center;
	background-color: #009ee0;
}
.accueil #menu {
	height: 80px;
}
.frame1 { /* Contenu du menu. */
    display: flex;
	width: 1270px; /*1230px + padding gauche du menu à gauche + padding droite du menu à droite*/
	height: 100%;
	justify-content: space-between;
	position: relative;
	
}
.menu1 { /* Bloc contenant les liens et sous-liens pour chaque élément du menu. */
	text-align: center;
	position:relative;
	display: flex;
	align-items: center;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
/*.menu1:last-child a {  Dernier lien du menu, modifications afin de pouvoir le centrer.
	width: 145px;
	position: relative;
	left: 5px;
}*/
.menu1:hover { /* Animation au survol d'un élément du menu de navigation. */
	background-color: #00377a;
}
.menu1:hover .frame2content { /* Affichage du sous-menu lors du survol d'un élément du menu de navigation. */
	display: block;
}
.frame2content {
	padding-top: 15px;
	position: absolute;
	top: 70px;
	display: none;
	width: 295px;
	z-index: 1000;
}
.accueil .frame2content {
	top: 80px;
}
.frame2 { /* Uniquement les sous-liens. */
	flex-direction: column;
	border-radius: 15px;
	background-color: #e1e1e1;
	padding: 0 20px 35px 20px;
	text-align: left;
	position: relative;
}
.leftmenu2{ /* Liens contenus dans les sous-menus. */
	font-family: 'Quicksand';
	font-size: 20px;
	font-weight:700;
	color: #0d4180;
	text-decoration: none;
	position: relative;
}
.leftmenu2:hover{
	text-decoration:underline;
}
.menu2 { /* Bloc contenant les sous-liens. */
	padding-top: 30px;
}
.leftmenu1 { /* Liens contenus dans le menu. */
	text-decoration: none;
	color: white;
	font-size:18px;
	font-family:'poppinsmedium';
	line-height:26px;
	display:block;
	/*padding: 0px 20px;*/
	padding: 0px 19px;
	height:100%;
	display:flex;
	align-items:center;
}
/*----------------*/
/*-----FIN NAVBAR-----*/
/*----------------*/
/*--------------------------*/
/*-----CONTENU ACCUEIL-----*/
/*------------------------*/
/*-----BANDEAU D'AFFILIATON-----*/
.content { /* Espaces blancs autour du contenu du site. */
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.zonePubli, .actus { /* Utilisé pour les espaces entre les différentes sections. */
	padding-top: 60px;
}
.espaceBandeau { /* Espace autour du bandeau permettant d'afficer l'image de fond au complet. */
	width: 100%;
	/*height: 320px;*/
	display: flex;
	justify-content: center;
	background-image: url(../Images/fondAffiliation3.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.devenirMembre { /* Bandeau permettant l'affiliation. */
	width: 1230px;
	/*height: 530px;	
	display: flex;
	flex-direction: column;*/
	
}
.textePrincipal { /* Titre dans le bandeau d'affiliation. */
	width: 650px;
	font-size: 47px; /*demande 79098*/
	font-weight: 700;
	color: #00377a;
	font-family: 'Quicksand';
	letter-spacing:0.8px;
	line-height:57px;
}
.textesBandeau { /* Bloc contenant les textes dans le bandeau d'affiliation. */
	padding-top: 20px;
}
.textePrincipal+p { /* Paragraphe de texe non gras dans le bandeau d'affiliation. */
	padding-top: 14px;
	font-family: 'poppinsregular';
	font-size: 15px;
	color: #00377a;
	line-height: 30px;
	width:745px;
	letter-spacing:0.8px;
}
.lienDevenirMembre button, .lienPartenariat button{ /* Boutton contenant le lien pour devenir membre. */
	background-color: #e02e00;
	border-radius: 50px;
	width: 267px;
	height: 43px;
	border: none;
	margin-top: 20px;
	font-family: 'poppinsbold';
	font-size: 18px;
	margin-bottom:20px;
}
.lienAnnonceur button {
	background-color: #e02e00;
	border-radius: 50px;
	width: 360px;
	height: 40px;
	border: none;
	margin-top: 10px;
	font-family: 'poppinsbold';
	font-size: 15px;
	margin-bottom:20px;
	text-decoration: none;
	color: white;
	letter-spacing: 1px;
}
.lienPartenariat button.boutonConnexionPopup {
	background-color: #009ee0;
	margin-top: 0px;
}
.lienDevenirMembre button, .lienPartenariat button { /* Lien pour devenir membre. */
	text-decoration: none;
	color: white;
	letter-spacing: 1px;
	padding-right: 35px;
}
.lienPartenariat button {
	width: auto;
	padding-left: 30px;
	padding-right: 68px;
	position: relative;
}
.errorbloc .errormessage .lienPartenariat {
	display: block !important;
}
.lienDevenirMembre img  { /* Icône associée au lien pour devenir membre. */
	position: relative;
	right: 54px;
	top: 2px;
}
.lienPartenariat img {
	position: absolute;
	right: 38px;
	top: 14px;
}

/*-----FIN BANDEAU D'AFFILIATON-----*/

.espaceZonePubli {
	max-width: 1230px;
	background-color:white;
	margin:auto;
	margin-top: 45px;
	margin-bottom: 45px;
	position: relative;
	height: 200px;
}
.espaceZonePubli .banniereMobile, .espaceZonePubli .banniereDesktop  {
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
}
.espaceZonePubli .banniereMobile {
	display: none;
}
.espaceZonePubli .slideshowpubli {
	display: none;
	width: 100%;
	height: auto;
	position: absolute;
}
.espaceZonePubli .slideshowpubli:first-child {
	display: block;
} 

.titrebloc { /* Titre de la zone d'actualités. */
	text-align: center;
	font-family: 'Quicksand';
	color: #009ee0;
	font-size: 50px;
	padding-bottom: 60px;
	font-weight: 500;
}
.corps {width:1230px;margin:auto;padding:40px 0px 40px 0px;}
.corps.nopaddingtop {padding-top:0;}
.corps.center {text-align:center;}
.texteTexte {
	font-size: 16px;
	font-family: 'poppinsregular';
	line-height: 27px;
	color: #5e5e5e;
	padding:40px 0px 40px 0px;
	letter-spacing: 0.5px;
}
.texteTexte.nopadding {padding:0px;}
.containerblocarrondiombre { 
	display:flex;
	justify-content:center;
	flex-wrap: wrap
}
.blocarrondi { /* Encadré de chaque actu. */
	display:block;
	text-decoration:none;
	width:370px;
	border-radius:15px;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:55px;
	margin-left:30px;
	margin-right:30px;
	background-color:white;
}
.containerblocarrondiombre .blocarrondi:nth-child(3n),.containerblocarrondiombre .blocarrondi:last-child {margin-right:0;}
.containerblocarrondiombre .blocarrondi:nth-child(3n+1) {margin-left:0;}
.blocarrondi .image  { /* Gestion des images pour chaque actu. */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 240px;
	position:relative;
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;/* WebKit */
	-o-transition: all 0.5s ease; /* Opera */
	transition: all 0.5s ease; /* Standard */
}
.blocarrondi.enSavoirPlusInfo2 .image  {
	height: 365px;
}
.tiers .blocarrondi.enSavoirPlusInfo2 .image {
/*	height: 240px;
*/}
.blocOmbre:hover .image,.blocOmbre:hover .enSavoirPlusInfoImage{
	transform:scale(1.1);
}
.infosActu { /* Bloc contenant les informations des actus. */
	padding: 25px;
	position: relative;
	text-align:left;
	background-color:white;
}
.infosActu :nth-child(1){ /* Date de l'actu. */
	font-family: 'poppinsbold';
	font-size: 14px;
	color: #848484;
	text-transform:uppercase;
}
.infosActu h3 { /* Titre de l'actu. */
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 24px !important;
	margin-bottom:0px !important;
	color: #00377a !important;
	padding: 10px 0px;
		
	height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	
}
.infosActu h3+p { /* Description courte d'une actu. */
	font-family: 'poppinsregular';
	font-size: 16px;
	color: #808080;
	line-height: 30px;	
	margin-bottom:10px;
	height: 95px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.infosActu .suite { /* Lien vers la page spécifique à l'actu. */
	text-decoration: none;
	font-family: 'poppinsbold';
	color: #009ee0;
	font-size: 14px;
	text-transform:uppercase;
}
/*-----FIN ACTUS-----*/
/*------------------------------*/
/*-----FIN CONTENU ACCUEIL-----*/
/*----------------------------*/
/*---------------------------*/
/*-----CONTENU CHIFFRES-----*/
/*-------------------------*/
/*.contentChiffres {  Contenu de la page des chiffres. 
}*/
/*-----ZONE PRESENTATION-----*/
span.path {
	color: #5e5e5e !important;
}
span.path:hover {
	cursor: default;
}
a.path:hover {
	text-decoration: underline !important;
}
.chemin_fep {
	font-size: 18px;
}
.path { /* Liens dans la zone de présentation indiquant le chemin de la page. */
	text-decoration: none;
	font-size: 17px;
	font-family: 'poppinsmedium';
	color: #0ba2e1;
}
.path.pathretour {
	background-image: url("../Images/flecheGaucheBleue.png");
	border: 1px solid rgba(0,0,0,.25);
	padding-left: 30px;
	padding-right: 15px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 11px;
}

a.path.pathretour:hover {
	text-decoration: none !important;
	border: 1px solid #0ba2e1;
}
.posLiens {
	position: absolute;
	top: -5px;
}
/*.englobantespacezonepresentation {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 100%;
}*/

.bgZonePresentation {
	position:absolute;
	height:100%;
	width:100%;
	display:flex;
}
.bgZonePresentation .gauche {
	background-color:#f6f7f9;
	width:50%;
	height:100%;
}
.bgZonePresentation .droite {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width:50%;
	height:100%;
	position:relative;
}
.bgZonePresentation .droiteimg {
	background: linear-gradient(to right, #f6f7f9, rgba(246,247,249,0));
	width:100%;
	height:100%;
}
.espaceZonePresentation { /* Espace autour de la zone de présentation. */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center -35px;
	background-position: center 0px;
	position:relative;
}
.zonePresentation { /* Zone contenant le bandeau de présentation. */
	padding: 30px 0 15px 0px;
	width: 1230px;
	min-height: 275px;
	margin:auto;
	position:relative;
}
.nomargintop {margin-top:0px !important;}
.nopaddingtop {padding-top:0px !important;}
.nopaddingbottomn {padding-bottom:0px !important;}
.pathcur {
	font-family: 'poppinsmedium';
	font-size: 17px;
	color: #0ba2e1; /*#009ee0*/
	position: relative;
	width:750px;
}
.zonePresentation h2 { /* Titre du bandeau de présentation de la fédération. */
	color: #00377a;
	font-size: 45px; /* projet graphique : 60px */
	font-family: 'Quicksand';
	font-weight: 700;
	position: relative;
	left:-3px;
	margin-bottom: 20px;
	margin-top: 12px;
	width:760px;
	letter-spacing: 0.8px; /*Demande 79098*/
}
.actualitedetail .zonePresentation h2 { 
	margin-bottom:85px;
}
.activitedetail .zonePresentation h2 {
	margin-bottom:85px;
}
.espaceZonePresentation.activitedetail h2 {
	margin-bottom:85px;
}
.titreAct h2 {margin-bottom:50px;width:940px;}
.zonePresentation .descriptif { /* Texte de présentation de la fédération. */
	font-family:'poppinsregular';
	font-size:14px;
	line-height:30px;
	color:#00377a;
	/*letter-spacing:0.5px;*/
	letter-spacing:0.8px; /*Demande 79098*/
	max-width:750px !important;
}
.zonePresentation .descriptif .tableau td {
	font-family:'poppinsregular';
	font-size:14px;
	line-height:30px;
	color:#00377a;
	letter-spacing:0.8px; /*Demande 79098*/
	padding-right: 25px;
}
.zonePresentation .descriptif .tableau td.bleu {
	color: #009EE0;
	font-weight: bold;
	line-height: 45px;
}


.zonePresentation .descriptif ul,.texteTexte ul,.texteBrunPetit ul {
	list-style:none;
	margin:0;
	padding:0px;
}
.zonePresentation .descriptif ul.margintop,.texteTexte ul.margintop,.texteBrunPetit ul.margintop {margin-top:30px;}
.zonePresentation .descriptif ul.marginbottom,.texteTexte ul.marginbottom,.texteBrunPetit ul.marginbottom {margin-bottom:30px;}
.zonePresentation .descriptif  ul > li, .texteTexte ul > li, .texteBrunPetit ul > li {padding-left:20px;}
.zonePresentation .descriptif ul > li::before,.texteTexte ul > li::before,.texteBrunPetit ul > li::before {
	content:" ";
	position:absolute;
	width:8px;
	height:8px;
	background-color:#009ee0;
	margin:10px 0px 0px -20px;
	border-radius:10px;
}
.texteTexte ul > li::before {margin:10px 0px 0px -20px;}
.texteTexte ol {
	padding-left: 20px;
}
.texteDescriptifReunion {
	font-family: 'poppinsregular';
	font-size: 15px;
	line-height: 40px;
	color: #00377a;
	width: 540px;
}
/*-----FIN ZONE PRESENTATION-----*/
/*-----ZONE CHIFFRES-----*/
.zoneChiffres { /* Zone présentant les différents chiffres. */
	width: 1245px;
	display: flex;
	padding:0px 0px 30px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.bloctitre {
	font-family: 'Quicksand';
	font-size: 48px; /*53 px dans le projet graphique*/
	font-weight: 700;
	color: #009ee0;
	margin:55px 0px;
}
.congresPageContent .bloctitre{
	font-size: 40px;
}
.zoneChiffres h3 {/* Titre de la zone des chiffres. */
	font-family: 'Quicksand';
	font-size: 53px;
	font-weight: 500;
	color: #009ee0;
}
.chiffresBloc { /* Zone contenant les différents chiffres. */
	display: flex;
	flex-wrap: wrap;
	width: 1230px;
	justify-content: center;
} 
.chiffres { /* Représente un seul bloc de chiffres. */
	width: 195px;
	/*height: 125px;*/
	border-radius: 15px;
	background-color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 45px 30px 45px;
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
}
.chiffresBloc .chiffres:nth-child(4n),.chiffresBloc .chiffres:last-child {margin-right:0;}
.chiffresBloc .chiffres:nth-child(4n+1) {margin-left:0;}
.chiffres .premier {
	height:76px;
	font-size: 53px;
	font-weight: bold;
	font-family: 'Quicksand';
}
.chiffres:nth-child(2n+1) .premier {color: #009ee0;}
.chiffres:nth-child(2n) .premier {color: #00377a;}
.chiffres .second {
	font-size: 24px;
	font-weight: bold;
	font-family: 'Quicksand';
	text-align: center;
	width: 250px;
}
.chiffres:nth-child(2n+1) .second {color: #00377a;}
.chiffres:nth-child(2n) .second {color: #009ee0;}
/*-----FIN ZONE CHIFFRES-----*/
/*-----ZONE "EN SAVOIR PLUS" 1-----*/
.blocInfos { /* Bloc contenant les rectangles-liens vers plus d'infos. */
	justify-content: space-between;
	width: 1230px;
	display: flex;
	
}
.enSavoirPlusInfo { /* Représente un bloc d'infos. */
	height: 500px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	position: relative;
}
.blocInfos div  div + div { /* Bloc contenant le texte pour chaque rectangle. */
	padding-top: 30px;
	padding-left: 20px;
}
.blocInfos div  div + div h3 { /* Titre de chaque rectangle. */
	font-family: 'Quicksand';
	font-size: 30px;
	font-weight: 500;
	color: #00377a;
	padding-bottom: 5px;
}
.blocInfos div  div + div h3 + p { /* Paragraphe explicatif dans chaque rectangle. */
	font-family: 'poppinsregular';
	font-size: 16px;
	line-height: 31px;
	color: #939393;
	width: 310px;
	height: 100px;
	overflow: hidden;
}
.blocInfos div  div + div h3 + p + a { /* Dans chaque rectangle d'information, lien pour lire la suite. */
	text-decoration: none;
	position: absolute;
	bottom: 0;
	padding-bottom: 30px;
	font-family: 'poppinssemibold';
	font-size: 14px;
	color: #009ee0;
}
/*-----FIN ZONE "EN SAVOIR PLUS 1"-----*/
/*-----ZONE "EN SAVOIR PLUS" 2-----*/
.zoneEnSavoirPlus2 { /* Zone "En savoir-plus". */
	display: flex;
	width: 1230px;
	padding:0px 0px 55px 0px;
	flex-direction: column;
	align-items: center;
}
.zoneEnSavoirPlus2>h3 { /* Titre de la zone. */
	font-family: 'Quicksand';
	font-size: 53px;
	color: #009ee0;
	font-weight: 500;
	padding-bottom: 55px;
}
.blocInfos2 { /* Bloc contenant les rectangles-liens vers plus d'infos. */
	display: flex;
	width: 1230px;
	display: flex;
	justify-content: space-between;
	
}
.newBlocTheme {
	display: block;
	width: 245px;
	
	background-color: white;
	border-radius:15px;
	
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	display:flex;
	align-items:center;
	text-decoration:none;
	padding:20px;
}
.corps.thematiques .newBlocTheme {
	width:100%;
	text-align:left;
	margin-left:0;
	margin-right:0;
}
.thematiquescontainer .newBlocTheme:nth-child(4n),.thematiquescontainer .newBlocTheme:last-child {
	margin-right:0;
}
.docSpecifique.pdfPage:nth-child(4n), .docSpecifique.pdfPage:last-child {
	margin-right:0;
}
.pdfPage .docleft {
	position: relative;
}
canvas.vertical {
	/*transform: rotate(270deg);
	position: absolute;
	top: 60px;
	left: -58px;*/
	width: 100%;
}
.docSpecifique.pdfPage:nth-child(4n+1) {margin-left:0;}
.thematiquescontainer .newBlocTheme:nth-child(4n+1) {margin-left:0;}
.newBlocTheme span {
	width:100%;
	font-size: 24px;
	font-family: 'Quicksand';
	color :#009EE0;
}
.enSavoirPlusInfo2 { /* Représente un bloc d'infos. */
	border-radius: 15px;
	position: relative;
	width:100%;
	background-color:white;
	margin:0px 20px 0px 20px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
.blocInfos2 .enSavoirPlusInfo2:first-child {margin:0px 20px 0px 0px;}
.blocInfos2 .enSavoirPlusInfo2:last-child {margin:0px 0px 0px 20px;}
.enSavoirPlusInfoImage { /* Image du bloc. */
	height: 365px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.enSavoirPlusInfoInfos2 {
	padding:20px;
	position: relative;
	background-color: white;
}
.blocInfos2 h3 { /* Titre de chaque rectangle. */
	font-family: 'Quicksand';
	font-size: 25px; /*30px dans le projet graphique*/
	font-weight:700;
	color: #00377a;
	padding-bottom: 5px;
	text-decoration:none;
}
.blocInfos2 p { /* Paragraphe explicatif dans chaque rectangle. */
	font-family: 'poppinsregular';
	font-size: 16px;
	line-height: 31px;
	color: #939393;
	margin-bottom:20px;
	
	height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blocInfos2 div  div + div h3 + p + a, .ensavoirplus { /* Dans chaque rectangle d'information, lien pour lire la suite. */
	text-decoration: none;
	font-family: 'poppinsbold';
	font-size: 14px;
	color: #009ee0;
	cursor: pointer;
	text-transform:uppercase;
}
.ensavoirplus {
	border: none;
	background-color: rgba(0,0,0,0);
}
/*-----FIN ZONE "EN SAVOIR PLUS 2"-----*/
/*-------------------------------*/
/*-----FIN CONTENU CHIFFRES-----*/
/*-----------------------------*/
/*-----DOCUMENTS-----*/
.corps h3 {
	font-family: 'Quicksand';
	font-weight: 700;
	font-size: 32px;
	color: #009ee0;
	margin-bottom: 45px;
	letter-spacing:0.5px;
}
.form h4,.form h5 {
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 30px;
	color: #009ee0;
	margin-bottom: var(--espacementobjetsformulaire);
	letter-spacing:0.5px;
}
.form h5 {font-size: 22px;}
.docSpecifique {
	display: flex;
	margin-bottom: 30px;
	flex-direction:row;
	align-items: center;
}
.listeDocs.listePdf {
	width: 1230px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 20px;
	justify-content: left;
}
.listeDocs .docSpecifique:last-child {
	margin-bottom:0;
}
.docSpecifique .docleft {
	width: 26px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 17px;
}
.docSpecifique.pdfPage .docleft {
	width: 285px;
	height: 404px;
	
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}
.docSpecifique.pdfPage .blocOmbre {
	margin-bottom: 15px;
}
.docSpecifique.pdfPage .docright {
	text-align: center;
	width: 285px;
}
.docSpecifique.pdfPage .docleft canvas:nth-child(2) {
	display: none;
}
.docSpecifique .docright {
	/*display: flex;
	flex-direction:column;*/
	max-width:800px;
}
.docSpecifique.pdfPage {
	width: 285px;
	display: flex;
	flex-direction: column;
	margin-right: 15px;
	margin-left: 15px;
}
.docSpecifique a {
	text-decoration: none;
	font-family: 'poppinssemibold';
	font-size: 15px;
	color: #00377a;
	
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;/* WebKit */
	-o-transition: color 0.2s ease; /* Opera */
	transition: color 0.2s ease; /* Standard */
}
.docSpecifique a:hover {color:#009ee0;}
.docSpecifique span {
	font-family: 'poppinslight';
	font-size: 15px;
	color: #00377a;
	letter-spacing:0.5px;
}
/*-----FIN DOCUMENTS-----*/
/*---TEXTE-----*/
.zoneQlcq {
	width: 1230px;
	margin:auto;
}

.texteTexte ul.ulProgramme li .titreintervenants {
	font-weight:bold;
	margin-top:10px;
	font-family: 'Quicksand';
	font-size:17px;
	margin-bottom:10px;
}
.imageprogramme {
	float:right;
	width:580px;
	height:390px;
	background-size:cover;
	background-position:center;
	border-radius:15px;
	margin:0px 0px 0px 40px;
}
.texteTexte ul.ulProgramme li{
	margin-bottom:15px;
}
.texteTexte ul.ulProgramme li .ulIntervenants li{
	margin-bottom:0;
	font-size:14px;
}
.texteTexte ul.ulProgramme li::before {
	margin: 8px 0px 0px -20px;
}
.texteTexte ul.ulIntervenants li::before {
	width:6px;
	height:6px;
	margin: 10px 0px 0px -20px;
	background-color:#5e5e5e;
}
.texteTexte ul.ulProgramme .pointDetail {
	color:#009EE0;
	font-size:15px;
	font-family: 'poppinssemibold';
}
.texteTexte ul.ulProgramme .pointDetailDesc {
	margin-top:10px;
}
.texteTexte .imgfloatleft {
	border-radius:15px !important;
	padding:0px !important;
	margin:0px 60px 40px 0px !important;
	float:left !important;
}
.texteTexte .imgfloatright {
	border-radius:15px !important;
	padding:0px !important;
	margin:0px 0px 40px 60px !important;
	float:right !important;
}
.texteTexte h3,.texteTexte h2,.texteTexte h1 {
	color: #009ee0;
	font-family: 'Quicksand';
	line-height: normal;
}
.texteTexte h1 {font-weight:700;font-size: 32px;padding:30px 0px 30px 0px;}
.texteTexte h2 {font-weight:500;font-size: 28px;padding:25px 0px 25px 0px;}
.texteTexte h3 {font-weight:400;font-size: 24px;padding:20px 0px 20px 0px;}

.texteTexte h1:first-child,.texteTexte h2:first-child,.texteTexte h3:first-child {padding-top:0;}
.texteTexte img:first-child + h1,.texteTexte img:first-child + h2,.texteTexte img:first-child + h3 {padding-top:0;} /*titre qui suit une image flotante par exemple*/

/*-----FIN TEXTE-----*/
.bannierecookie {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-height: 48px;
    background: #009ee0 !important;
    color: #fff;
    z-index: 1000;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: 'poppinsregular';
    letter-spacing: 0px;
    padding-left: 18px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-top: 12px;
}
.texteCookie {
    text-align: left;
    line-height: 24px;
    padding-right: 12px;
}
.texteCookie a {
    color: white;
    text-decoration: underline;
}
.okCookie {
    border: 2px solid white;
    height: 28px;
    line-height: 28px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    vertical-align: middle;
    float: right;
}
/*-----COMPOSITION-----*/
.espaceComposition {
	display: flex;
	justify-content: center;
}
.composition {
	display: flex;
	flex-direction: column;
	width: 1230px;
	justify-content: space-between;
}
.composition h3 {
	padding: 30px 0;
	color: #009ee0;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 32px;
	text-align: center;
}
.partenariat .composition h3 {
	text-align: left;
	width: 1230px;
	margin: auto;
	font-weight: 700;
	font-size: 38px;
}
.zoneBlocs {
	margin:50px 0px 50px 0px;
}
.blocComposition {
	width: 285px;
	/*height: 410px;*/
	border-radius: 15px;
	background-color: white;
	position: relative;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	/*cursor: pointer;*/
	margin-bottom: 30px;
}
.pleineLargeur .composition {
	width: calc(100%);
}
.pleineLargeur .zoneBlocs {
		margin: 0px;
}
.pleineLargeur .blocComposition {
	width: calc(100%);
	display: block;
	box-shadow: none;
	border-radius: 0px;
}
.pleineLargeur .blocComposition .wid1230 {
	width: calc(1230px);
	display: flex;
	flex-direction: row;
	padding-top: 50px;
	padding-bottom: 50px;
	margin:auto;
}
.pleineLargeur .blocComposition:nth-child(2n+1) {
	background: #F3F3F3;
}
.pleineLargeur .blocComposition:nth-child(2n) .wid1230 {
	flex-direction: row-reverse;
}
.partenariat.pleineLargeur .blocComposition:nth-child(2n) .wid1230 {
	flex-direction: row;
}
.pleineLargeur .blocComposition:nth-child(2n) .compositionBottom {
	padding-left: 0px;
	padding-right: 70px;
}
.pleineLargeur .blocComposition:nth-child(2n) .compositionBottom {
	padding-left: 70px;
	padding-right: 0px;
}
.pleineLargeur .blocComposition .compositionPhotoRel {
    width: 350px;
    height: 250px;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.partenariat.pleineLargeur .blocComposition .compositionPhotoRel {
	background-size: contain;
	image-rendering: -webkit-optimize-contrast;
	background-position: top center;
}
.pleineLargeur .blocComposition .compositionDescFct {
	display: block;
	font-size: 16px;
	font-family: 'poppinsregular';
	line-height: 27px;
	color: #5e5e5e;
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 0px;
	padding-left: 21px;
}
.pleineLargeur .blocComposition .compositionDescFct ul li {
	list-style: none;
}
.pleineLargeur .blocComposition .compositionDescFct ul br {
	display: none;
}
.pleineLargeur .blocComposition .compositionDescFct ul li br {
	display: block;
}
.pleineLargeur .blocComposition .compositionDescFct ul li::before {
	content: " ";
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #009ee0;
	border-radius: 10px;
	margin: 10px 0px 0px -20px;
}
/*.pleineLargeur .blocComposition .compositionTexteRel {
	display: flex;
}*/

.partenariat.pleineLargeur .blocComposition .compositionDescFct {
	padding-left: 0px;
	margin-bottom: 15px;
}
.pleineLargeur .blocComposition .compositionTexteRel .prenomnom {
	font-weight: 700;
	font-size: 32px;
	padding: 0px 0px 15px 0px;
	color: #009ee0;
	font-family: 'Quicksand';
	line-height: normal;
	letter-spacing: 0.5px;
	height: auto;
	margin-bottom: 0px;
}
.pleineLargeur .blocComposition .compositionTexteRel .fonction {
	padding-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
	font-family: 'Quicksand';
	line-height: normal;
	letter-spacing: 0.5px;
	height: auto;
	margin-bottom: 0px;
}
.pleineLargeur .blocComposition .compositionTexteRel .fonctioncontainer {
	height: auto;
}
.pleineLargeur .blocComposition .compositionBottom {
	padding-left: 70px;
	padding-right: 0px;
	padding-top: 5px;
	width: calc(1230px - 350px - 70px);
}
.compositionBottom {
	padding:15px 25px;
}
.blocComposition:nth-of-type(4n) {
	margin-right: 0;
}
.blocComposition.ouvert {
	height:auto;
}
.compositionPhotoRel {
	height:285px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	image-rendering: -webkit-optimize-contrast;
}
.compositionTexteRel .prenomnom {
	font-family: 'Quicksand';
	font-size: 23px;
	font-weight: 500;
	color: #00377a;
	line-height:25px;
	height:50px;
	margin-bottom:5px;
	display:flex;
	align-items:center;
}
.compositionTexteRel .fonctioncontainer {
	display:flex;
	height:38px;
	align-items:center;
}
.compositionTexteRel .fonction {
	font-family: 'poppinsbold';
	font-size: 16px;
	color: #009ee0;
	line-height:19px;	
	
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.compositionDescFct {
	display: none;
	margin-top: 15px;
	margin-bottom: 75px;
	margin-left: 10px;
	padding: 0 15px;
	font-family: 'poppinsregular';
	font-size: 12px;
	color: #5e5e5e;
}
.relationLinkedin {
	width: 35px;
	height: 35px;
	left: 25px;
	position: absolute;
	bottom: 40px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
	display: none;
}
.relationTwitter {
	width: 35px;
	height: 35px;
	left: 80px;
	position: absolute;
	bottom: 40px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: none;	
}
.membreEquipeMail {
	position: absolute;
	bottom: 24px;
	left: 130px;
	display: none;
	text-decoration: none;
	font-family: 'poppinsregular';
	font-size: 12px;
	color: #5e5e5e;
	width: 150px;
	word-break: break-all;
	
}
.iconeEmail {
	background-image: url("../Images/email_icon2.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 40px;
	height: 20px;
	position: absolute;
	right: 15px;
	bottom: 24px;
}
/*-----FIN COMPOSITION-----*/
/*-----REUNIONS-----*/
.espaceReunions {
	display: flex;
	justify-content: center;
}
.reunions {
	display: flex;
	flex-direction: column;
	width: 1230px;
	padding: 70px 0;
}
.reunions h3 {
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 32px;
	color: #1aa7e3;
	padding-bottom: 50px;
}
.reunionTitre {
	color: #00377a;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 23px;	
}
.espaceChambres {
	/*display: flex;
	justify-content: center;*/
	padding-top:55px;
}
.chambres,.thematiquescontainer {
	width:1230px;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: center;
	margin:auto;
}
.thematiquescontainer {
	margin-bottom:20px;
	justify-content:left;
}
.catAssurances {
	display: flex;
	flex-wrap: wrap;
}
.logoAssurance {
	background-image: url("../Images/logoincomplet.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 210px;
	height: 110px;
}
.logoAssurance+h3 {
	margin-top: 10px;
}
.chambresSpeciales {
	display: flex;
	justify-content: center; 
}
.blocGroupe {
	background-image: url("../Images/logoincomplet.png");
	background-position: top 20px center;
	background-repeat: no-repeat;
	display:block;
	width: 205px;
	background-color: white;
	
	padding: 125px 40px 15px 40px;
	border-radius: 15px;
	text-decoration:none;
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
	min-height:62px;
}
.blocGroupe.fullBackground {
	background-size: auto 135px;
	background-position: calc(50% + 5px) center;
}
.blocOmbre{
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,214,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,214,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,214,214,1);
	
	-moz-transition: box-shadow 0.2s ease;
	-webkit-transition: box-shadow 0.2s ease;/* WebKit */
	-o-transition: box-shadow 0.2s ease; /* Opera */
	transition: box-shadow 0.2s ease; /* Standard */
}
.blocOmbre:hover {
	-webkit-box-shadow: 0px 2px 8px 0px rgba(140,140,140,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(140,140,140,1);
	box-shadow: 0px 2px 8px 0px rgba(140,140,140,1);
}

.chambres .blocGroupe:nth-child(4n),.chambres .blocGroupe:last-child {margin-right:0;}
.chambres .blocGroupe:nth-child(4n+1) {margin-left:0;}
.blocGroupe div{
	color: #0f95dd;
	font-size: 25px;
	font-family: 'Quicksand';
	overflow: hidden;
	text-align: center;
	font-weight: 500;
}
.blocGroupe.upcc div,.blocGroupe.upib div {
	display:none;
}
.blocGroupe.upcc {
	background-image: url("../Images/upcc.png");
	background-position: center center;
}
.blocGroupe.upib {
	background-image: url("../Images/upib.png");
	background-position: center center;
}
/*-----FIN CHAMBRES-----*/
/*-----TEMOIGNAGES-----*/
.espaceTemoignages {
	display: flex;
	justify-content: center;
}
.temoignages {
	width: 1230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:0px 0px 30px 0px;
	position: relative;
}
.blocTemoignage {
	width: 915px;
	height: 285px;
	border-radius: 15px;
	background-color: white;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	display: none;
}
.visible {
	display: flex;
}
.imageTemoignage {
	width: 285px;
	/*height: 285px;*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.imageTemoignage+div {
	width: 630px;
	padding: 30px 80px 35px 20px;
	position: relative;
}
.guillemetsOuvrir {
	background-image: url('../Images/guillemetOuvrir.png');
	width: 20px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 25px;
	position: relative;
	right: 10px;
}
.guillemetsFermer {
	background-image: url('../Images/guillemetOuvrir.png');
	width: 20px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 25px;
	transform:rotate(180deg);
	position: absolute;
	right: 80px; 
}
.texteTemoignage {
	font-family: 'Quicksand';
	font-size: 31px;
	color: #009ee0;
	line-height: 45px;
	font-weight: 500;
	margin-left: 15px;
	margin-top: -15px;
	margin-bottom: -15px;
	height: 130px;
	overflow: hidden;
}
.texteTemoignageComplet{
	margin: 0px 20px 20px 20px;
} 
.titreTemoignage {
	font-family: 'Quicksand';
	color: #00377a;
	font-weight: 500;
	font-size: 23px;
	padding-left: 35px;
	margin-bottom: 15px;
	margin-top: 50px;
	position: absolute;
	bottom: 43px;
	max-height: 55px;
	overflow: hidden;
}
.descCourteTemoignage {
	color: #009ee0;
	font-family: 'poppinsbold';
	font-size: 16px;
	padding-left: 35px;
	position: absolute;
	bottom: 30px;
}
/*-----FIN TEMOIGNAGES-----*/
/*-----FORMATIONS-----*/
.boutonAfficherTout {
	padding:17px 25px 17px 25px;
	background-color:#e02e00;
	font-family:'poppinsmedium';
	font-size:18px;
	color:white;
	border-radius: 50px;
	border: none;
	text-transform:uppercase;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
.boutonAfficherTout:hover{
	background-color:#bb2b05;
}
.texteFormationSpecifique {
	padding: 25px;
	position: relative;
}
.dateFormationSpecifique {
	position: absolute;
	bottom: 13px;
	background-color: rgba(248,241,236,0.8);
	padding: 7px 10px 5px 25px;
	font-family: 'poppinsregular';
	font-size: 23px;
	color: #009ee0;
}
.CATATV {
	font-family: 'poppinsbold';
	font-size: 17px;
	color: #e02e00;
	text-align:left;
	
	height:20px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.titreFormationSpecifique {
	font-family: 'Quicksand';
	font-weight: 700;
	font-size: 25px; /*30px dans le projet graphique*/
	color: #00377a;
	margin-top: 10px;
	margin-bottom:45px;
	text-align:left;
	
	
	height: 125px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.immeuble {
	font-family: poppinssemibold;
}
.ville {
	font-family: poppinsregular;
}
.lieuFormationSpecifique {
	color: #6e6e6e;
	font-size: 18px;
	width: 320px;
	text-align:left;
	position:absolute;
	bottom:25px;
	
	height:21px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*-----FIN FORMATIONS-----*/
/*-----INSCRIPTION MEMBRE-----*/
.erreur {
	color:red;
	font-family: "poppinsregular";
	margin-top: 25px;
}
.espaceInscription {
	display: flex;
	justify-content: center;
}
.inscription .zoneTexteInscription{
	position:sticky;
	top:40px;
	float:left;
}
.inscription .zoneInscripionInscription {
	width: 540px;
	float:right;
}
.zoneTexteInscription {
	width: 540px;
}
.zoneInscripionInscription {
	width: 540px;
	margin-top:20px;
}
.form input[type=text],.form input[type=password],.form textarea,.form select {
	border-radius: 5px;
	font-family: 'poppinsregular', sans-serif;
	font-size: 18px;
	border:1px solid white;
	color: #6e6e6e;
	width: var(--largeur-formulaire);
	margin-bottom: var(--espacementobjetsformulaire);
	padding:15px 25px 12px 25px;
	background-color:white;
	display:block;
	
	-moz-transition: border-color 0.2s ease;
	-webkit-transition: border-color 0.2s ease;/* WebKit */
	-o-transition: border-color 0.2s ease; /* Opera */
	transition: border-color 0.2s ease; /* Standard */
	
	-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
}
input:-webkit-autofill{ 
	background-color:white !important;
	-webkit-box-shadow: 0 0 0 1000px white inset;
	-moz-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset 
}
.form input[type=text]:disabled,.form input[type=password]:disabled,.form textarea:disabled,.form select:disabled,.form select:disabled {
	background-color:#f7f7f7;
	border:1px solid #f7f7f7;
}
.form input[type=text].codepasok {
	background-color: #ffc6c6;
	border: 1px solid #ffc6c6;
}
.form input[type=text].codeok {
	background-color: white;
	border: 1px solid white;
}
*:focus {outline: none;}
.form input:focus,.form textarea:focus,select:focus {
	border:1px solid grey;
	border-radius:5px;
}
.form textarea {
	height:260px;
	resize:none;
}
.form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	background-color:transparent;
		
	overflow: hidden;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	margin-bottom:0;
	padding:0px 21px 0px 21px;
	height: 56px;
   
	z-index:2;
}
.form select.disabled {
	pointer-events: none;
	background-color: rgb(240, 240, 240);
}
.chrome .form select {
	padding:0px 21px 0px 25px;
	/*height: 47px;*/ /*RL 03/06/2022 : mise en commentaires */
}
.form .champselect {
	margin-bottom:var(--espacementobjetsformulaire);
	background-color:white;
	width:var(--largeur-formulaire);
	position:relative;
	border-radius: 5px;
}
.form .champselect::after {
	right:21px;
	top:19px;
	width:11px;
	height:11px;
	border:solid #00377A;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}
#nomInscription::placeholder {
	opacity: 1;
}
#prenomInscription::placeholder {
	opacity: 1;
}
form {
	position: relative;
}
.cacherFleche {
	overflow: hidden;
	
}
#titreInscription {
	width: 560px;
	height: 100%;
}
.cacherFleche::after {
	content: '\276F';
	position: absolute;
	top: 18px;
	right: 0;
	padding: 0 15px;
	font-size: 1.2em;
	color: #00377a;
	font-weight: bold;
	transform: rotate(90deg);
}
/*-----FIN INSCRIPTION MEMBRE-----*/
/*-----TITRE ACTIVITE-----*/

.catAct {
	color: #e02e00;
	font-family: 'poppinsbold';
	font-size: 17px;
	margin-top: 20px;
	text-transform: uppercase;
}

.dateAct {
	font-family: 'poppinsmedium';
	font-size: 21px;
	color: #0da2e1;
	position:absolute;
	bottom:50px;
}
.lieuAct {
	font-family: 'poppinssemibold';
	font-size: 18px;
	color: #6e6e6e;
	position:absolute;
	bottom:15px;
}
/*-----FIN TITRE ACTIVITE-----*/
/*-----INSCRIPTION ACTIVITE-----*/
 .ulInscriptionAct li span {
	color: #009EE0;
	font-size: 15px;
	font-family: 'poppinssemibold';
}


/*-----FIN INSCRIPTION ACTIVITE-----*/
/*-----MEDIAS-----*/
.medias {
	width: 1230px;
	padding:0px 0px 55px 0px;
}
.medias h3 {
	font-family: 'Quicksand';
	font-weight: 500;
	color: #009ee0;
	font-size: 32px;
	margin-bottom: 30px;
}
.mediaSpecifique {
	border-radius: 15px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	width: 575px;
	position: relative;
}
.blocMedia {
	display: flex;
	justify-content: space-between;
}
.titreMedia {
	height: 135px;
	padding: 0 20px;
	position: relative;
}
.titreMedia div:first-child {
	margin-top: 10px;
	font-size: 17px;
	font-family: 'poppinsbold';
	color: #e02e00;
}
.titreMedia h3 {
	font-size: 30px;
	font-family: 'Quicksand';
	font-weight: 500;
	color: #00377a;
	max-height: 70px;
	overflow: hidden;
}
.titreMedia h3+div {
	color: #6e6e6e;
	position: absolute;
	font-family: 'poppinssemibold';
	font-size: 18px;
	bottom: 15px;
}
video{
   object-fit: inherit;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
.texteTexte video {
	border-radius :15px;
	max-width: 100%;
	height: auto;
}
.texteTexte img { /*rajouté par BV le 25/11/2021 pour les images que le client insère dans ses news*/
	max-width: 100%;
	height: auto;
}
.mediaSpecifique img {
	position: absolute;
	bottom: 50%;
	left: 215px;
}
/*-----FIN MEDIAS-----*/
/*-----THEMATIQUES-----*/
.espaceThemes {
	display: flex;
	justify-content: center;
}
.themes {
	width: 1230px;
	padding: 30px 0;
}
.themesPrincipauxMos {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
.themes h2 {
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 53px;
	color: #009ee0;
	margin-bottom: 20px;
}
.themeSpecifiqueMos {
	background-color: white;
	border-radius: 15px;
	width: 230px;
	min-height: 165px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	padding: 10px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.themeSpecifiqueMos:nth-of-type(4n) {
	margin-right: 0;
}
.themeSpecifiqueMos .titreThemePrincipal {
	color: #009ee0;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.titreThemePrincipal {
	color: #009ee0;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 30px;
	overflow:hidden;
}
.docsTheme h3:first-child {
	color: #00377a;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: 'Quicksand';
	font-weight: 500;
}
.docsTheme, .zoneSousThemes {
	display: none;
}
.zoneSousThemes h3:first-child {
	color: #00377a;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: 'Quicksand';
	font-weight: 500;
}
.zoneSousThemes h3 {
	color: #009ee0;
}
.docSpec {
	margin-bottom: 10px;
}
.docSpec span{
	font-size: 15px;
	font-family: 'poppinsregular';
	color : #5d7ea8;
	margin-right: 5px;
}
.docSpec a {
	text-decoration:none;
	color: #00377a;
	font-family: 'poppinsregular';
	font-size: 15px;
}
.titreSsThemeDetail {
	color: #00377a;
	font-size: 20px;
	font-family: 'Quicksand';
	font-weight: 500;
}
.groupeThemes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/*-----FIN THEMATIQUES-----*/

/*-----AGENDA-----*/
.espaceTitrePriv {
	display: flex;
	justify-content: center;
	background-image: url('../Images/BandeauPriv.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 215px;
}
.titrepriv{
	width: 915px;
	margin-left: 310px;
}
.titrePrivPath {
	margin-top: 30px;
	font-family: 'poppinsmedium';
	color: #009ee0;
	font-size: 17px;
}
.titrePrivPath+div {
	color: #00377a;
	font-family: 'Quicksand';
	font-size: 60px;
	margin-top: 15px;
	position: relative;
	right: 5px;
	font-weight: 500;
}
.grpTopAct {
	display: flex;
	justify-content: space-between;
	height: 165px;
	align-items: center;
}
.voirPlus {
	width: 247px;
	height: 45px;
	border-radius: 50px;
	color: white;
	font-family: 'poppinsmedium';
	font-size: 13px;
	background-color: #e02e00;
	border: none;
	position: relative;
	top: 25px;
}
.blocHidden {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
}
/*-----FIN AGENDA-----*/
/*-----DONNES PRIVEES-----*/
.espaceDonPriv {
	display: flex;
	justify-content: center;
	background-color: #f7f7f7 !important;
}
.donPriv {
	width: 915px;
	margin-left: 310px;
	padding: 60px 0;
}
.elemForm h3 {
	color: #009ee0;
	font-family: 'poppinssemibold';
	font-size: 18px;
	margin-right: 30px;
	width: 200px;
	max-height: 55px;
	justify-content: flex-end;
	align-items: center;
	display: flex;
	text-align: right;
}
.elemForm {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.hidden {
	display: none;
}

.telecoms {
	width: 220px;
	height: 100%;
	border: none;
	color: #6e6e6e;
	font-size: 18px;
	font-family: 'poppinsregular';
}
.telValeur {
	width: 600px;
	display: flex;
	flex-direction: column;
}
.valeurTelecom {
	width: 345px;
	height: 55px;
	padding-left: 25px;
	padding-right: 25px;
	border: none;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	color: #6e6e6e;
	font-size: 18px;
	font-family: 'poppinsregular';
}
.genreTelecom {
	width: 200px;
	border: none;
	height: 55px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	padding: 0 15px;
	color: #6e6e6e;
	font-size: 18px;
	font-family: 'poppinsregular';
}

.adresses>div {
	display: flex;
	justify-content: space-between;
}
.adresses {
	width: 100%;
}
.adresseCompl h4{
	margin-bottom: 5px;
	margin-top: 20px;
	color: #6e6e6e;
	font-size: 12px;
	font-family: 'poppinsregular';
}
.boutonsFormulaire {
	display: flex;
	justify-content: flex-end;
	margin-top: 80px;
}
.annuler, .enregistrer {
	height: 60px;
	color: white;
	font-family: 'poppinsmedium';
	font-size: 18px;
	border: none;
	border-radius: 50px;
}
.annuler {
	width: 170px;
	background-color: #d4d4d4;
}
.enregistrer {
	width: 410px;
	background-color: #e02e00;
	margin-left: 22px;
}
.ajoutAdresse {
	border: none;
	border-radius: 15px;
	color: white;
	background-color: #009ee0;
	width: 203px;
	float: right;
	background-repeat: no-repeat;
	background-position: left 8px center;
	font-family: 'poppinsmedium';
	padding: 10px 0px;
	padding-left: 25px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 50px;
	height: 35px;
	padding-left: 22px;
}
.supprimerAdresse {
	background-color: #009ee0;
	color: white;
	width: 223px;
	border-radius: 15px;
	font-family: 'poppinsmedium';
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	height: 35px;
	padding: 0 10px;
	border-radius: 50px;
	margin-top: 10px;
	position: relative;
	bottom: 30px;
	
}
.hiddenGenresTel {
	display: none;
}
.ajoutTelecom {
	border: none;
	border-radius: 15px;
	color: white;
	background-color: #009ee0;
	width: 200px;
	float: right;
	background-repeat: no-repeat;
	background-position: left 8px center;
	font-family: 'poppinsmedium';
	padding: 10px 0;
	padding-left: 20px;
	cursor: pointer;
	position: relative;
	left: 400px;
	text-transform: uppercase;
}

legend {
	color: #6e6e6e;
	font-weight: bold;
}

/*-----FIN DONNEES PRIVEES-----*/
/*-----CONNEXION-----*/

/*-----FIN CONNEXION-----*/
/*-----COTISATIONS-----*/
.espaceCotisation {
	display: flex;
	justify-content: center;
}
.cotisation {
	width: 915px;
	margin-left: 310px;
	padding: 60px 0;
}
.cotisation h3 {
	color: #009ee0;
	font-size: 48px;
	font-family: 'Quicksand';
	font-weight: 500;
	margin-bottom: 90px;
}
.divTxt {
	color: #009ee0;
	font-family: 'poppinssemibold'; 
	font-size: 18px;
	font-weight: bold;
	width: 200px;
	text-align: right;
}
.bureauxSuppl {
	display: flex;
	flex-direction: column;
}
.bureauxSuppl select {
	bottom: 120px;
}
div .bloc {
	margin:0px 20px 20px 0px;
}
div .bloc:nth-child(4n) {
	margin:0px 0px 20px 0px;
}
div .bloc:last-child {
	margin:0px 0px 20px 0px;
}
.bureaux {
	display: none;
}
/*-----ENQUETES-----*/
.espaceEnq {
	display: flex;
	justify-content: center;
}
.enq {
	width: 915px;
	margin-left: 310px;
	padding: 60px 0;
}
.blocSpecifique {
	width: 215px;
	height: 230px;
	background-color: white;
	border-radius: 15px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	padding: 30px 50px 25px 20px;
	position: relative;
}
.dateBloc {
	font-family: 'poppinsbold';
	font-size: 17px;
	color: #009ee0;
	margin-bottom: 20px;
}
.typeBloc {
	font-size: 16px;
	font-family: 'poppinsmedium';
	color: #009ee0;
	margin-bottom: 25px;
}
.titreBloc {
	font-size: 23px;
	line-height: 43px;
	font-family: 'Quicksand';
	color: #00377a;
	max-height: 120px;
	overflow: hidden;
	font-weight: 500;
}
.lienBloc {
	text-decoration: none;
	position: absolute;
	font-family: 'poppinsbold';
	font-size: 14px;
	color: #009ee0;
	bottom: 25px;
}
/*-----FIN ENQUETES-----*/
/*-----DETAIL DE REUNION-----*/
.pointOrdre {
	color: #009ee0;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 20px;
	position: relative;
	left: 20px;
}
.blocRelation > h3 {
	color: #009ee0;
	font-size: 24px;
	font-family: 'Quicksand';
	font-weight: 500;
}
.blocRelation {
	margin-bottom: 25px;
}
.blocOrateurs {
	margin-bottom: 15px;
}
.titrePoint {
	color: #5e5e5e;
	margin-bottom: 15px;
	font-size: 25px;
}
.orateurSpecifique {
	color: #5e5e5e;
	font-size: 15px;
}
/*-----FIN DETAIL DE REUNION-----*/
/*----------------*/
/*-----FOOTER-----*/
/*----------------*/
#footer { /* Espaces blancs autour du footer. */
	display: flex;
	justify-content: center;
	background-color: #f7f7f7;
	border-top: 1px solid #e6e6e6;
}
.footer { /* Footer */
	display: flex;
	justify-content: space-between;
	width: 1230px;
	align-items: center;
}
.left img { /* Logo du bas de page. */
	padding-top: 30px;
}
.adresse { /* Contenant de l'adresse en bas du site. */
	padding: 30px 0px;
	font-family: 'poppinsregular';
	color:#00377A;
	font-size: 16px;
	line-height: 30px;
}
.adresse a { /* Lien mailto adresse feprabel. */
	text-decoration: none;
	font-family: 'poppinsregular';
	color: #009ee0;
	font-size: 16px;
}
.barinf { /* Bloc contenant les liens en bas à droite. (sauf "by Organica...") */
	display: flex;
	flex-direction: column;
	align-items: end;
}
.barinf a { /* Liens en bas à droite. (sauf "by Organica...") */
	font-family: 'poppinsregular';
	font-size: 16px;
	line-height: 30px;
	color: #009ee0;
	display:block;
	width:100%;
	text-align:right;
}
.right a { /* Liens en bas à droite. */
	text-decoration: none;
}
.byorganica {
	position: relative;
	top: 45px;
	font-family: 'poppinssemibold' !important;
}
/*----------------*/
/*-----FIN FOOTER-----*/
/*----------------*/
.bandeauBlanc {
	width: 100%;
	height: 55px;
	background-color: white !important;
}
.flecheGauche, .flecheDroite {
	width: 35px;
	height: 33px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
}
.flecheGauche {
	top: 328px;
	right: 1200px;
}
.flecheDroite {
	top: 328px;
	left: 1200px;
}
#rechercheThèmes {
	position: relative;
	bottom: 75px;
	left: 400px;
	padding-right: 35px;
}
#derniersDocsdiv {
	position: relative;
	bottom: 70px;
	left: 275px;
}
label {
	cursor: pointer;
}
.espaceDescription {
	display: flex;
	justify-content: center;	
}
.description {
	width: 1230px;
	padding: 30px 0;
}
.description h1, .description h2, .description h3 {
	color: #009ee0;
	font-family: 'Quicksand';
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
}
.description h1 {font-size: 32px;}
.description h2 {font-size: 26px;}
.description h3 {font-size: 22px;}
.descrAtv {
	color: #5e5e5e;
	font-family: "poppinsregular";
	margin-bottom: 15px;
}
.descrAtv li {
	position: relative;
	left: 16px;
}
.lirelasuite {
	font-family: 'poppinsbold';
	color: #009ee0;
	position: absolute;
	bottom:25px;
	font-size: 14px;
	cursor: pointer;
}
.zoneRechercheAtv {
	position: absolute;
	top: 20px;
	left: 335px;
	/*display: flex;
	justify-content: space-between;
	width: 600px;*/
}
.zoneRechercheAtv .recherche {
	margin-right: 15px;
}
#critRecherche1, #critRecherche2 {
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	-moz-box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	box-shadow: 0px 2px 8px 0px rgba(214,197,214,1);
	width: 200px;
	height: 55px;
	background-color: white;
	border: none;
}
#selectcritRecherche1, #selectcritRecherche2 {
	left: 310px;
	bottom: 15px;
	width: 200px;
}
#critRecherche1, #critRecherche2 {
	position: absolute;
	left: 310px;
	bottom: 15px;
}
#domAtvSelect {
	overflow: hidden;
	height: 50px;
}
.domAtvClass {
	display: flex;
	flex-direction: column;
	width: 600px;
}
.domAtvClass label {
	font-size: 18px;
	font-family: 'poppinsregular';
	color: #777777;
	margin-left: 10px;
}
button {
	letter-spacing: 1px;
}
.patronAdresse {
	display: none !important;
}
.messageGestionnaire {
	color: #6e6e6e;
	font-size: 12px;
	font-family: 'poppinsregular';
}
.msgMembre {
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-family: 'poppinsregular';
	color: #6e6e6e;
	font-size: 8px;
}
#patronTelecoms {
	display: none;
}
.valeurTelecomPatron {
	display: none;
}

.nomOrgaAssoc {
	color: #6e6e6e;
	font-family: 'poppinssemibold';
	font-size: 18px;
}
.resetOffset {
	left: 0px;
}
.premierChamp {
	margin-top: 15px;
}
.disabled {
	background-color: #e1e1e1;
}
.blocPourAlignement, .blocPourAlignementReunions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.composition .blocPourAlignement,.blocHidden .blocPourAlignement, .enq .blocPourAlignement {
	margin-bottom: 30px;
}
.reunions .blocPourAlignement {
	margin-bottom: 55px;
}
.formationsSuppl {
	width: 1230px;
	display: none;
}
.blocPourAlignementReunions {
	margin-bottom: 60px;
}
.texteBrunPetit {
	color: #5e5e5e;
	font-family: "poppinsregular";
	margin-bottom: 25px;
}
.texteBrunPetit.required:after,.petitTexteBrun.required:after {
	content: "*";
	color:red;
	padding-left:5px;
}
.petitTexteBrun {
	display:block;
	margin-bottom: 5px;
	color: #6e6e6e;
	font-size: 12px;
	font-family: 'poppinsregular';
}
.checkboxInscriptionAtv {
	position: relative;
	right: 5px;
}
.checkboxInscriptionAtv label {
	position: relative;
	top: 6px;
	margin-left: 5px;
}
/*.adresseFacturationOrgaInscriptionAtv {
	display: none;
}*/

.AtvEnPartiesTablePrix td:first-child {
	width:150px;
}
.AtvEnPartiesTable,.AtvEnPartiesTablePrix {	
	border-collapse:collapse;
	width:100%;
}
.AtvEnPartiesTablePrix {
	max-width: 540px;
}
.AtvEnPartiesTable td,.AtvEnPartiesTable th,.AtvEnPartiesTablePrix td, .AtvEnPartiesTablePrix th {
	padding:10px;
	border:1px solid #EEEEEE;
}

.AtvEnPartiesTable td.checked {
	background-color:#d1ffd1;
}
.AtvEnPartiesTable td.disabled {
	background-color:#dbdbdb;
}
.AtvEnPartiesTablePrix tr :is(td, th).tdalignright {
	text-align: right;
}

.AtvEnPartiesTable td .details,.AtvEnPartiesTable td .detailsmacro{
	display:none;
}
.AtvEnPartiesTable tr td, .AtvEnPartiesTablePrix tr td, .AtvEnPartiesTablePrix tr th {
	font-family: 'poppinsregular', sans-serif;
	letter-spacing: 0.5px;
	color: #6e6e6e;
	font-size: 15px;
}
.AtvEnPartiesTable td.center {text-align:center;}
.AtvEnPartiesTable td.center label.checkbox {margin:auto;margin-bottom:5px;}
.AtvEnPartiesTable tr th,.AtvEnPartiesTablePrix tr td:first-child {
	font-family: 'Quicksand';
	font-weight: 700;
	font-size: 16px;
	color: #009ee0;
	margin-bottom: var(--espacementobjetsformulaire);
	letter-spacing: 0.5px;
}
.flexrowbutton {
	display:flex;
	flex-direction:row;
}
.ui-widget-overlay {
   background-color: black !important;
   opacity: 0.5;
   filter: Alpha(Opacity=50);
   z-index:60;
}
.ui-dialog {
	z-index:60;
	border:0px;
	
	padding:0px;
	border-radius: 5px;
	background-color: white !important;
	
	-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.1);
}
.ui-dialog-titlebar,.errorbloc {
	display:none;
}
.ui-dialog .ui-dialog-content {
	padding:0px;
}
.ui-dialog .ui-dialog-buttonpane {
	margin:0;
	padding:20px;
}
.ui-dialog .errortitre {
	color: #009ee0;
	font-family: 'Quicksand';
	line-height: normal;
	font-size: 25px;
	padding:20px 20px 0px 20px;
	font-weight:bold;
	display:none;
}
.ui-dialog .errormessage {
	padding:20px;
	font-size: 16px;
	font-family: 'poppinsregular';
	line-height: 27px;
	color: #5e5e5e;
	letter-spacing: 0.5px;
}
.flexrowbutton .button{margin-right:20px;}
.button,.ui-dialog .ui-dialog-buttonpane button {
	text-transform:uppercase;
	min-width: 160px;
	padding-left:40px;
	padding-right:40px;
	height: 60px;
	background-color: #e02e00;
	color: white;
	border-radius: 50px;
	border: none;
	font-family: 'poppinsmedium';
	font-size: 18px;
	cursor:pointer;
	display:block;
	text-align:center;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;/* WebKit */
	-o-transition: background-color 0.2s ease; /* Opera */
	transition: background-color 0.2s ease; /* Standard */
}
div.button {padding-top:17px;height:43px;}
.button:hover,.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color:#ad2200;
	border: none;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin:0;
	height:40px;
	/*width:160px;*/
}
.ui-dialog-buttonpane {
	border-width: 0 !important;
}
.texteIntroPage {
	margin: 30px 0;
	position: relative;
	left: 337px;
	font-family: 'poppinsregular';
	font-size: 15px;
	color: #00377a;
	width: 660px;
	background-color: white !important;
}
.espaceDscrDct {
	width: 100%;
	display: flex;
	justify-content: center;
}
.descriptionDoc {
	margin: 25px 0;
	width: 1230px;
	color: #00377a;
	font-family: 'poppinsregular';
	font-size: 15px;
}
.menu1 {
	cursor: pointer;
}
#blocDonFacturationPers, .adresseFacturationOrgaInscriptionAtv {
	margin-top: 15px;
}
option {
	line-height:30px;
}
.divNomPtcp {
	margin-top: 10px;
}
.invalide {
	background-image: url("../Images/invalid.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	margin:14px 0px 0px -33px;
}
.invalide.requiredRight {
	margin:14px 0px 0px -202px;
}
#menuMobile {
	display: none;
	background-image: url("../Images/menuMobile.png");
	background-size: 13.95px 12.6px;
	background-repeat: no-repeat;
	background-position: calc(50% - 42px) 25px;
}
body div.espacesHeader {
   		background-color: white !important;
}
/*	=============================
		   BANNIERE COOKIE		 
	=============================*/
/* Remplacer les couleurs comme vous le souhaitez */
.colorCookieBannerFEPRABEL{
	--bg-color: #009ee0 !important;
	--font-color: #ffffff !important;
	--font-family: 'poppinsregular' !important;
	--autre-color: #000000 !important;
    --disabled-color: #939393 !important;
	--disabled-transparent-color: rgb(147, 147, 147, 0.5) !important;
	--colorbtn-transparent-color: rgb(224, 45, 0) !important;
    --active-transparent-color: rgb(0, 158, 224, 0.5) !important;
}
.colorCookieBanner{
	--bg-color: #009ee0;
	--font-color: #ffffff;
	--font-family: Arial;
	--autre-color: #000000 !important;
    --disabled-color: #939393 !important;
	--disabled-transparent-color: rgb(147, 147, 147, 0.5) !important;
	--colorbtn-transparent-color: rgb(224, 45, 0) !important;
    --active-transparent-color: rgb(0, 158, 224, 0.5) !important;
}
/* ProtectCookieBanner GENRIQUE*/
[class^="protectCookieBanner-"]{
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-family: var(--font-family), Arial, sans-serif;
	vertical-align: baseline;
	cursor: default;
	float: none;
	width: auto;
	text-align: left;
}
/* ProtectCookieBanner BODY*/
.protectCookieBanner-Notice-body{
	padding: 1em 1.2em;
	background-color: var(--bg-color);
	border-radius: 10px;
}

/* ProtectCookieBanner BANDEAU*/
.protectCookieBanner-Notice{
	position: fixed;
	z-index: 9999;
	width: auto;
	bottom: 0;
	font-size: 15px;
}

.boutonCookies { /* Boutton pour les cookies. */
	text-decoration: none !important;
	background-color: var(--colorbtn-transparent-color);
	border-radius: 50px;
	width: auto;
	height: 40px;
	border: rgba(224, 46, 0, 0);
	margin-top: 10px;
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 8px;
}

.protectCookieBanner-Notice-actionItem {
	display: inline;
	width: auto;
}

/* ProtectCookieBanner BALISE P*/
p.protectCookieBanner-Notice-description {
	line-height: 21px;
	margin-bottom: 12px;
}

/* ProtectCookieBanner DESCRIPTION*/
.protectCookieBanner-Notice-title, .protectCookieBanner-Notice-description {
	color: var(--font-color);
	margin-bottom: 0.9em;
	font-size: 16px;
}

/* ProtectCookieBanner LIEN*/
#protectCookieBanner a, .paste-url-cookie{
	color: var(--font-color);
	text-decoration: underline;
	background-color: transparent;
}
#footer .facebook, 
#footer .linkedin, 
#footer .twitter,
#footer .tiktok {
	width: 53px;
	height: 53px;
	display: block;
	border-radius: 15px;
	background-size: 53px;
	flex-shrink: 0;
}
#footer .facebook {
	background-image: url("../Images/facebook.png");
}
#footer .linkedin {
	background-image: url("../Images/linkedin2.png");
}
#footer .twitter {
/*	background-image: url("../Images/twitter2.png");*/
}
#footer .twitter,
#footer .tiktok {
	background-color: #0c3578;
	position: relative;
}
#footer .twitter::before ,
#footer .tiktok::before {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: #f7f7f7;

	-webkit-mask-image: var(--_urlImage);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: var(--_sizeImage);

	mask-image: var(--_urlImage);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: var(--_sizeImage);
}
#footer .twitter {
	--_urlImage: url("../Images/icone_x.svg");
	--_sizeImage: 25px;
}
#footer .tiktok {
	--_urlImage: url("../Images/icone_tiktok.svg");
	--_sizeImage: 28px;
}
#footer .center {
	display: flex;
	flex-direction: column;
	/* width: calc(161px + 26px); */
	position: absolute;
	left: calc(50% - 94px);
}
#footer .right {
	margin-left: 120px;
}
#footer .left  {
	margin-right: 140px;
}
#footer .center .reseaux  {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 13px;
}
#footer .suiveznous {
	font-family: 'poppinsregular';
	font-size: 16px;
	line-height: 30px;
	color: #009ee0;
	display: block;
	width: 100%;
	text-align: center; 
	margin-bottom: 13px;
}
.zonePresentation .reseaux {
	font-size: 16px;
	font-family: 'poppinsregular';
	line-height: 33px;
	color: #5e5e5e;
	letter-spacing: 0.5px;
	display: flex;
	bottom: 5px;
	position: absolute;
}
.zonePresentation .reseaux a {
	width: 33px;
	height: 33px;
	background-size: 33px;
	margin-right: 7px;
	display: block;
	border-radius: 10px;
	cursor: pointer;
	background-position: 0px;
	image-rendering: -webkit-optimize-contrast;
}
.zonePresentation .facebook {
	background-image: url("../Images/facebook.png");
}
.zonePresentation .reseaux a.twitter,
.zonePresentation .reseaux a.tiktok {
/*	background-image: url("../Images/twitter2.png");*/
	background-color: #0c3578;
	position: relative;
}
.zonePresentation .reseaux a.twitter::before,
.zonePresentation .reseaux a.tiktok::before {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: #f7f7f7;

	-webkit-mask-image: var(--_urlImage);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: var(--_sizeImage);

	mask-image: var(--_urlImage);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: var(--_sizeImage);
}
.zonePresentation .reseaux a.twitter {
	--_urlImage: url("../Images/icone_x.svg");
	--_sizeImage: 15px;
}
.zonePresentation .reseaux a.tiktok {
	--_urlImage: url("../Images/icone_tiktok.svg");
	--_sizeImage: 18px;
}
.zonePresentation .linkedin {
	background-image: url("../Images/linkedin2.png");
}
.zonePresentation .reseaux .flecheDroite {
	width: 8px;
	margin-left: 10px;
	margin-right: 10px;
	background-size: contain;
	background-image: url("../Images/flecheDroite2.png");
	position: static;
}
.docSpecifique.pdfPage .docleft {
  	background-image: url("../Images/loading.gif");
  	background-size: 50px;
  	background-position: center center;
  	display: flex;
	align-items: center;
}
#boutonHautPage {
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: calc(50vh - 25px);
	right: 25px;
	background-size: cover;
/*	background-image: url("../Images/NavHaut.png");
*/	z-index: 10000000;
	box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.19);
	border-radius: 25px;
	background-color: #009ee0;
	background-image: url("../Images/NavHautBlanc.png"), url("../Images/NavHautBlanc.png");
	background-size: 20px, 20px;
	background-position: 15px 13px, 15px 20px;

	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat, no-repeat; 		
	cursor: pointer;
}
.leftmenu1.home {
	background-image: url("../Images/home.png");
	content: "";
	background-size: 25px;
	background-repeat: no-repeat;
	width: 25px;
	background-position: center; 
}
.mCustomScrollBox {
	width: 100%;
}

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

.actualitedetail .texteTexte ol, .actualitedetail .texteTexte ul  {
	padding-left: 40px;
	margin:  16px 0px;
}

@media (min-width: 990px){
	.protectCookieBanner-Notice {
		max-width: 980px;
		border-radius: 10px;
		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);
		background-color: transparent;
	}
}

/* ProtectCookieBanner POUR TABLETTE OU SMARTHONE*/
@media (max-width: 990px){
	.protectCookieBanner-Notice{
		width: auto;
		left: 0;
		right: 0;
		border-radius: 15px 15px 0px 0px;
		background-color: transparent;
	}

	.protectCookieBanner-Notice-body{border-radius: 15px 15px 0px 0px;}
}
@media(max-width:1500px){
	/* LE MODAL */
	.modal-cookies-content {
		border-radius: 10px !important;
		margin: 6vh auto;
		background-color: rgb(0, 158, 224);
		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;
	}
}
@media (max-width:1015px){
	.boutonCookiesRight { /* Boutton pour les cookies. */
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		border-radius: 50px;
		width: auto;
		height: 40px;
		border: rgba(224, 46, 0, 0);
		margin-top: 10px;
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 8px;
		letter-spacing: 0.5px;
		/*float: right;*/ /* demande 80749 */
		/*float: none; */
	}
}
@media (min-width:1015px){
	.boutonCookiesRight { /* Bouton pour les cookies. */
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		border-radius: 50px;
		width: auto;
		height: 40px;
		border: rgba(224, 46, 0, 0);
		margin-top: 10px;
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 8px;
		letter-spacing: 0.5px;
		/*float: right;*/ /* demande 80749 */
		/*float: right; */
	}
}
.textSousSlider {
	font-family: var(--font-family);
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.5px;
	color: var(--autre-color);
	padding-top: 2px;
	width: 60px;
}
/* LE MODAL */
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), Helvetica, sans-serif;
}
.partenariat .modal-cookies {
	max-width: calc(100% - 30px);
	margin-left: 15px;
	height: calc(100%);
	height: calc(100% - 12vh);
}
.partenariat .modal-cookies-content {
	max-height: calc(100% - 12vh);
	/*overflow-y: scroll;*/
}
.partenariat .modal-cookies-body-interne {
	margin-top: 0px;
	max-height: 400px;
}
.partenariat .modal-cookies-body-item2.texteTexte {
	padding: 0px;
}
.partenariat .modal-cookies-body-item2.texteTexte img {
	max-width: 100%;
}

.style-overlay {
    display: none;
    position: fixed;
    top: 0%;
    width: 100%;
	height: 100%;
	z-index: 10000;
	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;
}
.modal-cookies-header {
    background: var(--modal-color);
    padding: 20px;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.modal-cookies-body {
	padding: 20px;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: var(--autre-color);
	font-size: 18px;
}
@media(min-width: 1500px){
	.modal-cookies-content {
		border-radius: 10px;
		margin: 17.5vh auto;
		background-color: #009ee0;
		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{
	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: 'poppinsbold';
	vertical-align: text-bottom;
	color: var(--autre-color);
	padding: 2px 0px 2px 0px;
	font-size: 13px;
	float: left;
}

.modal-cookies-a span a{
	text-decoration: none;
	color: var(--autre-color);
    display: block;
    padding-top: 30px;
    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;}
.modal-cookies-button {
	text-decoration: none !important;
	background-color: var(--colorbtn-transparent-color);
	border-radius: 50px;
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
    font-size: 16px;
	white-space: nowrap;
}
.modal-cookies-button:disabled {
    text-decoration: none !important;
	background-color: var(--disabled-color);
	border-radius: 50px;
	width: auto;
	height: 40px;
	border: 0px rgba(224, 46, 0, 0);
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 16px;
	white-space: nowrap;
}
.modal-cookies-button2 {
	text-decoration: none !important;
	background-color: var(--bg-color);
	border-radius: 50px;
	width: auto;
	height: 32px;
	border: 0px var(--bg-color);
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 14px;
    white-space: nowrap;
}
.modal-cookies-button2:disabled {
    text-decoration: none !important;
	background-color: var(--disabled-color);
	border-radius: 50px;
	width: auto;
	height: 32px;
	border: 0px var(--disabled-color);
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 14px;
    white-space: nowrap;
}
.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-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 50px;
		width: auto;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 50px;
		width: auto;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		white-space: nowrap;
	}

	.modal-cookies-a span a {
		text-decoration: none;
		color: var(--autre-color);
		display: block;
		padding-top: 40px;
		text-align: center;
		line-height: 1em;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.modal-cookies-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 50px;
		width: auto;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		margin-top: 10px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 50px;
		width: auto;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		margin-top: 10px;
		font-size: 13px;
		white-space: nowrap;
	}
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
	.espaceZonePubli .banniereMobile {
		display: block;
	}
	.espaceZonePubli .banniereDesktop {
		display: none;
	}
}
@media screen and (max-width: 410px),  screen and (max-device-width: 410px){
	.modal-cookies-button2 {
		text-decoration: none !important;
		background-color: var(--bg-color);
		border-radius: 50px;
		width: 100%;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 13px;
		margin-top: 10px;
		white-space: nowrap;
	}
	.modal-cookies-button2:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 50px;
		width: 100%;
		height: 32px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		margin-top: 10px;
		font-size: 13px;
		white-space: nowrap;
	}
	.modal-cookies-button {
		text-decoration: none !important;
		background-color: var(--colorbtn-transparent-color);
		border-radius: 50px;
		width: 100%;
		height: 40px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		font-size: 16px;
		white-space: nowrap;
	}
	.modal-cookies-button:disabled {
		text-decoration: none !important;
		background-color: var(--disabled-color);
		border-radius: 50px;
		width: 100%;
		height: 40px;
		border: 0px rgba(224, 46, 0, 0);
		font-family: 'poppinsbold';
		color: var(--font-color);
		padding: 2px 20px 2px 20px;
		margin-right: 0.5em;
		font-size: 16px;
		white-space: nowrap;
	}
}

@media screen and (max-width: 1500px),  screen and (max-device-width: 1500px) {
	.div-sup-cookie-bas {
		display: inline !important; 
	}
	.div-li-cookie-bas {
		padding-top: 10px;
	}
}

.modal-cookies-disabled {
    text-decoration: none !important;
	background-color: var(--disabled-color);
	border-radius: 50px;
	width: auto;
	height: 40px;
	border: 0px var(--disabled-color);
	font-family: 'poppinsbold';
	color: var(--font-color);
	padding: 2px 20px 2px 20px;
	margin-right: 0.5em;
    font-size: 16px;
    white-space: nowrap;
}

/* SWITCHER MODAL COOKIE */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
  
.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: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
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: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
}

.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 15px;
}

.modal-cookies-body-item {
    justify-content: flex-start;
    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;
}

#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;
}


.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		 
	=============================*/
@media screen and (max-width: 650px),  screen and (max-device-width: 650px) {
	.textePrincipal {
		width:auto;
	}
}

@media(max-width:1500px){
	/* Sous menu Travailler chez un courtier*/
	.menu1:last-child .frame2content{
			width: 200px;
	}
}
@media screen and (max-width: 1275px),  screen and (max-device-width: 1275px) {
	.bgZonePresentation .droiteimg {
		background: linear-gradient(to right, #f6f7f9, rgba(246,247,249,0.5));
	}
	.chambres {
		width:auto;
	}
	html {
		overflow-x: hidden;
	}
	body {
		min-width: 100vw;
	}
	#menuMobile {
   		display: block;
   		background-color: #009ee0;
   		text-decoration: none;
		color: white;
		font-size: 18px;
		font-family: 'poppinsmedium';
		padding-top: 18px;
		padding-bottom: 18px;
		text-align: center;
		position: relative;
		top: 0px;
		z-index: 9999;
   }
   .accueil #menu, #menu {
   		height: auto;
   		position: absolute;
		left: -100vw;
		z-index: 9;
		z-index: 9999;
		display: flex;
		flex-direction: column-reverse;
		max-width: 300px;
   }
   .menu1 {
   		display: flex;
   		flex-direction: column;
   		width: 100vw;
   		padding: 0px;
   		max-width: 300px;
   		text-align: center;
   }
   .frame1 {
	   	flex-direction: column;
	   	width: 100vw;
	   	max-width: 300px;
	   	padding: 0px;
   }
    .leftmenu1 {
    	padding: 0px;	
   		padding-top: 12px;
   		padding-bottom: 12px;	
   		width: 100vw;
   		border-bottom: 1px solid white;
   		max-width: 300px;
   		text-align: center;
   }
   .menu2 {
   		padding: 0px;
   }
   .Leftmenu2 {
   		width: 100%;
   		padding-top: 12px;
   		padding-bottom: 12px;
   		display: block;
   		font-size: 17px;
   		left: 0px;
   		text-align: center;
   		border-bottom: 1px solid white;
   }
   .frame2 {
   		right: 0px;
   		padding: 0px;
   		border-radius: 0px;
   		background-color: #f3f3f3;
   }
   .accueil .frame2content, .frame2content {
   		position: relative;
   		display: block;
   		top: 0px;
   		margin: 0px;
   		width: 100vw;
   		padding: 0px;
   		max-width: 300px;
   }
   .Leftmenu2 br,.Leftmenu1 br {
   		display: inline;
   }
   .chambres .blocGroupe:nth-child(4n+1), .chambres .blocGroupe:nth-child(4n), .chambres .blocGroupe:last-child, 
   .chiffresBloc .chiffres:nth-child(4n+1), .chiffresBloc .chiffres:nth-child(4n+1), .chiffresBloc .chiffres:last-child {
   		margin-left: 15px;
   }
   .chambres .blocGroupe:nth-child(4n), .chambres .blocGroupe:last-child, 
   .chiffresBloc .chiffres:nth-child(4n), .chiffresBloc .chiffres:last-child {
   		margin-right: 15px;
   }
   .zonePresentation, 
   .zoneQlcq,
   .textesBandeau,
   .corps,
   .footer,
   .chiffresBloc,
   .zoneChiffres,
   .zoneEnSavoirPlus2,
   .blocPourAlignement, .blocPourAlignementReunions,
   .corps,
   .partenariat .composition h3 {
   		width: calc(100% - 60px);
   		padding-left: 30px;
   		padding-right: 30px;
   }
   .pleineLargeur .blocComposition {
   		width: calc(100% + 60px);
   		margin-right: -30px;
   		margin-left: -30px;
   }
   .pleineLargeur .blocComposition .wid1230 {
   		width: calc(100% - 60px);
   		padding-left: 30px;
   		padding-right: 30px;
   }
   #champRecherche, .recherche {
	    padding: 0px !important;
	    width: 100vw !important;
	    text-align: center;
	    padding-top: 4px;
	    border-radius: 0px;
	    font-size: 18px;
	    max-width: 300px;
	}
	.divHeaderNonAccueil, .ulHeader {
   		display: none;
   	}
   	.pathcur {
   		width: 100%;
   	}
   	.zonePresentation .descriptif {
   		width: 100% !important;
   	}
   	.zonePresentation h2 {
   		width: 100%;
   	}
   	a.leftmenu1 {
		display: block; 
	}
	.blocInfos2 {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.enSavoirPlusInfo2, .blocInfos2 .enSavoirPlusInfo2:first-child, .blocInfos2 .enSavoirPlusInfo2:last-child {
		width: 383px;
		margin-bottom: 30px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.blocComposition, .blocComposition:nth-of-type(4n) {
		margin-bottom: 30px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.blocPourAlignement, .blocPourAlignementReunions {
		flex-wrap: wrap;
		justify-content: center;
	}
	.composition .blocPourAlignement {
		margin-bottom: 0px;
	}
	.blocarrondi, 
	.containerblocarrondiombre .blocarrondi:nth-child(3n), 
	.containerblocarrondiombre .blocarrondi:nth-child(3n+1),
	.containerblocarrondiombre .blocarrondi:last-child {
		margin-bottom: 30px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.containerblocarrondiombre {
		justify-content: center;
	}
	.textePrincipal + p {
		width: 100%;
		max-width: 720px;
	}
	.espaceZonePubli .slideshowpubli {
   		width: 100vw;
   		/*height: calc(100vw / 1230 * 170);*/
   		/*margin-top: 5vw;*/
    }
    .textePrincipal {
    	font-size: 40px;
		width:540px;
    }
    .inscription .zoneTexteInscription {
    	position: relative;
    	top: 0px;
    	float: none;
    }
    .inscription {
    	display: flex;
    	justify-content: flex-end;
    	flex-wrap: wrap-reverse;
    	flex-direction: row-reverse;
    }
    .inscription .zoneTexteInscription {
    	margin-right: 30px;
    }
    .thematiquescontainer, .listeDocs.listePdf {
    	width: 100%;
    	justify-content: center;
    }
    .newBlocTheme, .thematiquescontainer .newBlocTheme:nth-child(4n+1), .thematiquescontainer .newBlocTheme:nth-child(4n), .thematiquescontainer .newBlocTheme:last-child,
    .docSpecifique.pdfPage, .docSpecifique.pdfPage:nth-child(4n+1), .docSpecifique.pdfPage:nth-child(4n), .docSpecifique.pdfPage:last-child {
    	margin-right: 15px;
    	margin-left: 15px;
    }
	.corps.thematiques .newBlocTheme {
		margin-right: 0px;
		margin-left:0;
	}
     #headerNonAccueil,#header {
   		width: 100vw !important;
   		height: 120px !important;
    }
    #header img  {
   		height: 85px !important;
    }
    .logoNonAccueil, .logo {
   		width: 100vw;
   		justify-content: center;
    }
    .imageprogramme {
    	width: 50vw;
    	height: calc((50vw - 70px) / 58 * 39);
    }
    .liensSupDiv1, .liensSupDiv1.top30 {
   		top: 0px;
    }
    .loupe input {
   		width: 100vw !important;
   		border-radius: 0px;
   		font-size: 18px;
   		height: 51px;
		
	}
	.invalide {
		width: 20px;
		height: 20px;
		margin: 19px 0px 0px -25px;
	}
	.liensSupDiv2, .zoneConnexionNonAccueil {
		top: 0px;
		margin: 0px;
	}
	.liensSupDiv2 div {
		display: none;
	}
	.liensSupDiv2 a, .zoneConnexionNonAccueil button {
		padding: 0px;
	    padding-top: 12px;
	    padding-bottom: 12px;
	    width: 100vw;
	    border-bottom: 1px solid white;
	    border-top: 1px solid white;
	    max-width: 300px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-radius: 0px;
		background-color: #e02e00;
		background-position: calc(100% - 19px);
		line-height: 26px;
		text-align: center;
		font-size: 15px;
		margin-left: 0px;
		height: auto;
	}
	.liensSupDiv1 a.inscriptionNewsletter {
		position: fixed;
		bottom: 12px;
		right:12px;
		z-index: 1079;
		display: block !important;
		width: 100px;
		padding-left: 20px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	}
	.leftmenu1.home {
		width: 100vw;
	}
	.partenariat.pleineLargeur .blocComposition .compositionPhotoRel {
		margin-left: 30px;
		margin-right: 20px;
		width: 300px;
	}
	.pleineLargeur.partenariat .blocComposition .compositionBottom {
		padding-left: 15px;
		padding-right: 15px;
		
	}
}
@media screen and (max-width: 700px),  screen and (max-device-width: 700px) { 
    
    .div-sup-cookie-bas {
		display: flex !important;
		flex-direction: column-reverse;
	}
	.modal-cookies-a span a {
		text-align: left;
		padding-top: 20px;
	}
	.div-li-cookie-bas {
		display: flex;
		justify-content: flex-end;
	}


}
@media screen and (max-width: 600px),  screen and (max-device-width: 600px) {
	
	.partenariat.pleineLargeur .blocComposition .compositionPhotoRel {
  		background-position: center center;
 		margin-left: 0px;
  		margin-right: 0px;
  		width: calc(80vw);
  		max-height: 200px;
		margin-top: 50px;
		margin-bottom: 0px;
	}
	.partenariat .texteTexte {
		padding-bottom: 0px;
	}
	.invalide {
		width: 3vw;
		height: 3vw;
		margin: 0px;
		margin-top: calc(35px - 3vw);
		margin-left: -4vw;
		
	}
	.espaceZonePubli div {
		height: calc(100vw / 1230 * 170 * 2);
		background-position-x: -101vw;
	}
	.ui-dialog {
		width: 90vw !important;
	}

	body {
		min-width: 100vw;
	}
	.containerblocarrondiombre .blocarrondi, .containerblocarrondiombre .blocarrondi:nth-child(3n), .containerblocarrondiombre .blocarrondi:nth-child(3n+1), .containerblocarrondiombre .blocarrondi:last-child {
		margin-right:0;
		margin-left:0;
		width: 90vw;
   		margin-bottom: 10vw;
	}

   .zonePresentation, 
   .zoneQlcq,
   .textesBandeau,
   .corps,
   .footer,
   .chiffresBloc {
   		width: 90vw;
   		padding-left: 5vw;
   		padding-right: 5vw;
   }
   .corps {
   		padding-bottom: 7.5vw;
   		padding-top: 7.5vw;
   }
   .pathcur, 
   .zonePresentation h2,
   .titreAct h2, 
   .zonePresentation .descriptif, 
   .frame2 {
   		width: 100% !important;
   }
  
   .zonePresentation h2, .titreAct h2 {
   		left: 0px;
   }
   .espaceBandeau {
   		height: auto;
   }
   .bloctitre {
   		margin: 0px;
   		margin-top: 7.5vw;
   		margin-bottom: 7.5vw;
   }
   .infosActu {
   		padding: 5vw;
   }
   .corps h3 {
   		margin-bottom: 7.5vw
   }
   .infosActu h3 {
   		display: block;
   		height: auto;
   }
   
   .bandeauBlanc {
   		height: 0px;
   }
   .footer {
   		flex-direction: column;
   		padding-bottom: 16vw;
   		text-align: center;
   		padding-top: 7.5vw;
   }
   .barinf a {
   		text-align: center;
   }
   .byorganica {
   		top: 8vw;
   }
   .left img {
   		padding-top: 8vw;
   }
   .adresse {
   		padding: 0px;
   		padding-top: 8vw;
   		padding-bottom: 8vw;
   }
   .lienDevenirMembre button {
   		margin-top: 8vw;
   		margin-bottom: 8vw;
   }
   /*.chiffresBloc {}*/
   .chiffres, .chiffresBloc .chiffres:nth-child(4n+1), .chiffresBloc .chiffres:nth-child(4n+1), .chiffresBloc .chiffres:last-child {
   		margin: 0px;
   		width: 65vw;
   		padding: 0px;
   		padding-left: 5vw;
   		padding-right: 5vw;
   		padding-bottom: 5vw;
   		padding-top: 4vw;
   		margin-bottom: 7.5vw;
   }
   .chiffres .second {
   		max-width: 100%; 
   }
   .chiffres .premier {
   		height: auto;
   }
   .zoneChiffres { 
   		width: 100vw;
   		padding: 0px;
   }
   .docSpecifique {
   		margin-bottom: 5vw;
   }
   .mediaSpecifique, .zonePresentation .reseaux {
   		width: 90vw;
   }
   .mediaSpecifique iframe {
   		width: 90vw !important;
   		height: calc(90vw / 575 * 365) !important;
   }
   .mediaSpecifique img {
   		width: 20vw;
   		height: 20vw;
   		left: calc(45vw - 10vw);
   		top: calc((45vw / 575 * 365) - 10vw);
   }
   .blocInfos2 {
   		width: 90vw;
   		flex-direction: column; 
   }
   .enSavoirPlusInfo2 {
   		margin-left: 0px !important;
   		margin-top: 0vw !important;
   		margin-bottom: 7.5vw !important;
   		width: 100% !important;
   }
   .blocGroupe {
   		
   		margin: 0px;
   		margin-bottom: 5vw;
   }
   .chambres, .thematiquescontainer, .listeDocs.listePdf {
   		width: 90vw;
   }
   .thematiquescontainer, .listeDocs.listePdf {
   		justify-content: space-around;
   }
   .enSavoirPlusInfoImage {
   		height: 90vw;
   		width: 90vw;
   }
   .titreMedia h3 {
   		margin-bottom: 0px;
   }
   .titreMedia {
   		padding: 5vw;
   		min-height: 135px;
   		height: auto;
   }
   .titreMedia div:first-child {
   		margin-top: 0px;
   }
   .blocTemoignage {
   		width: 90vw;
   		height: auto;
   		flex-direction: column;
   }
   .imageTemoignage {
   		width: 90vw; 
   		height: 90vw;
   		border-top-right-radius: 15px;
		border-bottom-left-radius: 0px;
   }
   .imageTemoignage + div {
   		width: calc(90vw - 40px); 
   		padding: 20px;
   }
   .texteTemoignage {
   		margin: 0px;
   		height: auto;
   		padding-bottom: 0vw;
   		margin-left: 20px;
   		padding-top: 0vw;	
   }
   .titreTemoignage {
   		margin: 0px;
   		padding: 0px;
   		position: relative;
   		max-height: 100px;
   		bottom: 0px;
   		margin-bottom: 2vw;
   		margin-top: 5vw;
   }
   .guillemetsFermer {
   		right: 0px;
   		position: relative;
   		margin-left: calc(100% - 20px);
   		height: 15px;
   		background-position-y: -12px; 
   }
   .guillemetsOuvrir {
   		left: 0px;
   		right: 0px;
   		position: relative;
   		height: 15px;
   		background-position-y: -12px; 
   }
   .textePrincipal {
   		font-size: max(9vw, 35px);
		width:auto;
   }
   .chiffres .premier,
   .bloctitre,
   .composition h3,
   .pleineLargeur .blocComposition .compositionTexteRel .prenomnom, .texteTexte h1,
   .texteTemoignage, .zonePresentation h2, .titreAct h2,
   .titreTitreAct,
   .form h4, .form h5,
   .modal-cookies-header h1,
   .partenariat .composition h3  {
   		font-size: min(7vw, 26px) !important;
   		line-height: min(10.5vw, 39px);
   }
   
   .chiffres .second,
   .corps h3,
   .titreTemoignage,
   .titreMedia h3,
   .texteTexte h2,
   .titreFormationSpecifique,
   .infosActu h3,
   .blocInfos2 div div + div h3,
   .compositionTexteRel .prenomnom {
   		font-size: min(6vw, 21px) !important;
   }
   .catAct,
   .texteTexte,
   .ulProgramme, 
   .blocInfos2 div div + div h3 + p, 
   .texteTexte h3, 
   .newBlocTheme span, 
   .lieuFormationSpecifique, 
   .infosActu h3 + p,
   .compositionTexteRel .fonction,
   .pleineLargeur .blocComposition .compositionDescFct,
   .pleineLargeur .blocComposition .compositionTexteRel .fonction,
   .texteTexte ul.ulProgramme .pointDetail, .ulInscriptionAct li span,
   .protectCookieBanner-Notice-title, .protectCookieBanner-Notice-description
    {
   		font-size: min(5vw, 15px); 
   		line-height: min(27px, 8.47vw);
   }
   .lieuAct,
   .path, .titreMedia div:first-child, 
   .titreMedia h3 + div, 
   .docSpecifique a, 
   .docSpecifique span, 
   .infosActu a, 
   .infosActu :nth-child(1), 
   .dateFormationSpecifique,
   .blocInfos2 div div + div h3 + p + a,
   .descCourteTemoignage,
   .dateAct {
   		font-size: min(4vw, 14px) !important;
   		line-height: min(24px, 7.40vw);
   }
   .blocInfos2 div div + div h3 {
   		padding-bottom: 0px;
   }
   .blocInfos2 div div + div h3 + p {
   		height: auto;
   		display: block;
   		margin-bottom: 5vw;
   		margin-top: 5vw;
   }
   .texteTemoignageComplet {
   		margin : 0px;
   }
   .descCourteTemoignage {
   		position: relative;
   		bottom: 0px;
   		padding: 0px;
   }
   .zoneInscripionInscription {
   		width: 90vw;
   		padding-left: 5vw;
   		padding-right: 5vw;
   		padding-left: 0px;
   		padding-right: 0px;
   }
   .form input[type="text"], .form textarea, .form select, label.checkbox {
   		width: 90vw;
   		
   }
   .form input[type="text"], .form textarea, label.checkbox, .form .champselect {
   		margin-bottom: 5vw;
   }
   label.checkbox {
   		width: calc(90vw - 65px);
   }

   .inscription {
   		padding : 0px;
   		padding-top: 10vw;
   		padding-bottom: 10vw;
   }
   .texteTexte h1, .texteTexte h2 {
   		padding-bottom: 7.5vw;
   }
   .texteTexte {
   		padding: 0px;
   		padding-top: 7.5vw;
   		padding-bottom: 7.5vw;
   		padding-left: 2.5vw;
   		padding-right: 2.5vw;
   }
   .texteTexte h3 {
   		padding: 0px;
   		padding-top: 5vw;
   		padding-bottom: 5vw;
   }
   .pathcur,
   .chiffres .second, 
   .pleineLargeur .blocComposition .compositionTexteRel .prenomnom, 
   .zonePresentation h2, 
   .titreAct h2,
   .zonePresentation .descriptif {
   		text-align: center;
   }
   .newBlocTheme {
   		width: 33vw;
   		height: 33vw;
   		margin: 0px !important;
   		padding: 5vw;
   		margin-top: 2.5vw !important;
   		margin-bottom: 2.5vw !important;
   }
   .corps.thematiques .newBlocTheme {
		width:100%;
		height:auto;
	}
   .newBlocTheme span {
   	    max-height: 30vw;
   	    overflow: hidden;
   }
   .docSpecifique {
   		align-items: flex-start;
   }
   .docSpecifique .docright {
   		max-width: calc(90vw - 5vw - 26px);
   }
   .docSpecifique .docleft {
   		margin-right: 5vw;
   }
   .texteFormationSpecifique {
   		width: 80vw;
   		height: auto;
   		padding: 5vw;
   }
   .titreFormationSpecifique {
   		position: relative;
   		top: 0px;
   		width: 80vw;
   		height: auto;
   		margin-top: 0px;
   }
   .lieuFormationSpecifique {
   		width: 80vw;
   		top:  0px;
   		margin-top: 3vw;
   		position: relative;
   }
   .blocPourAlignement {
   		flex-direction: column;
   		width: 90vw;
   		padding: 0px !important;
   }
   
   .infosActu h3 {
   		padding-top: 3vw;
   		padding-bottom: 5vw;
   }
   .infosActu h3 + p {
   		height: auto;
   		margin-bottom: 5vw;
   }
   .enSavoirPlusInfoInfos2 {
   		padding: 5vw;
   }
   .titreAct {
   		width: 90vw;
   		padding: 5vw;
   }
   .titreTitreAct {
   		width: 90vw;
   }
   .zonePresentation .descriptif {
   		padding-bottom: 10vw;
   }
   .dateFormationSpecifique {
   		height: auto;
   		padding: 2.5vw;
   		padding-left: 5vw;
   }
   .espaceChambres {
   		padding-top: 7.5vw;
   		padding-bottom: 2.5vw;
   }
   .blocarrondi .image {
   		width: 90vw;
   		height: calc(90vw / 3 * 2);
   }
   .blocInfos2 .enSavoirPlusInfo2:first-child {
   		margin : 0px;
   }
   .enSavoirPlusInfoImage {
   		width: 90vw;
   		height: calc(90vw / 595 * 365);
   }
   .zoneEnSavoirPlus2 {
   		padding-bottom: 5vw;
   }
   .titreAct h2 {
   		margin-top: 5vw;
   		margin-bottom: 5vw;
   }
   .zonePresentation h2 {
   		margin-top: 5vw;
   }
   .blocComposition, .blocComposition:nth-of-type(4n) {
   		width: 90vw;
   		margin-bottom: 5vw;
   		margin-left: 0px;
   		margin-right: 0px;
   }
   .compositionPhotoRel {
   		height: 90vw;
   }
   .compositionTexteRel .prenomnom {
   		height: auto;
   		margin-bottom: 5vw;
   }
   .compositionBottom {
   		padding: 5vw;
   }
   .compositionTexteRel .fonctioncontainer {
   		height: auto;
   }
   .zoneBlocs {
   		margin: 0px;
   		width: 90vw;
   		padding: 5vw;
   		padding-top: 7.5vw;
   		padding-bottom: 7.5vw;
   }
   .composition .blocPourAlignement {
   		margin: 0px;
   }
   .composition h3 {
   		padding: 0px;
   		padding-top: 7.5vw;
   		padding-bottom: 2.5vw;
   }
   .pleineLargeur .blocComposition {
   		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
   .pleineLargeur .blocComposition .wid1230 {
   		width: 80vw;
   		padding-top: 0vw;
   		padding-bottom: 5vw;
   		padding-right: 5vw;
   		padding-left: 5vw;
   		flex-direction: column;
   }
   .pleineLargeur .blocComposition .compositionPhotoRel {
   	   width: calc(90vw);
   	   height: calc(90vw / 7 * 5);
   }
   .pleineLargeur .blocComposition:nth-child(2n) .wid1230 {
   		flex-direction: column;
   }
   .pleineLargeur .blocComposition .compositionBottom {
   		padding: 0px;
   		width: 90vw;
   		padding-top: 5vw;
   }
   .compositionTexteRel .fonction {
   		overflow: visible;
   		display: block;
   }
   .pleineLargeur .blocComposition .compositionPhotoRel {
   		margin-left: -5vw;
   }
   .pleineLargeur .blocComposition .compositionTexteRel .prenomnom {
   		padding: 0px;
   		padding-bottom: 3vw;
   }
   .pleineLargeur .blocComposition .compositionDescFct ul li::before, .texteTexte ul.ulProgramme li::before {
   		width: min(3vw, 8px);
   		height: min(3vw, 8px);
   		border-radius: min(5vw,10px);
   		margin-top: min(2.5vw,10px);
   		margin-left: max(-6vw,-20px);
   }
   .pleineLargeur .blocComposition .compositionDescFct {
   		padding-left: 7vw;
   }
   .pleineLargeur .blocComposition .compositionDescFct ul, .texteTexte ul {
   		width: 75vw;
   }
   .pleineLargeur .blocComposition .compositionTexteRel .fonction {
   		padding-bottom: 3vw;
   }
   .lieuAct {
   		margin-top: 3vw;
   		margin-bottom: 3vw;
   		text-align: center;
   }
   .catAct {
   		margin-top: 7.5vw;
   		text-align: center;
   }
   .titreTitreAct {
   		text-align: center;
   }
   .dateAct {
   	 	text-align: center; 
   	 	width: 90vw;
   	 	padding: 0px;
   }
   .lienDevenirMembre img {
   		display: none;
   }
   .lienDevenirMembre button {
   		width: 90vw; 
   		padding-right: 0px;
   }
   .tiers .enSavoirPlusInfoImage {
   		width: 90vw;
   		height: calc(90vw / 383 * 365);
   }
   
   .espaceZonePresentation {
   		background-position: center 0px;	
   }
   
	.blocComposition {
		background-color: initial;
	}
	.inscription .zoneInscripionInscription {
		width: 100vw;
		float: none;
	}
	.radio, .texteBrunPetit, .form h4, .form h5, .form input[type="text"], .form textarea, .form select, label.checkbox, .petitTexteBrun, .zoneTexteInscription,.form .champselect  {
		width: 90vw;
	}
	.form input[type="text"], .form input[type="password"], .form textarea, .form select, .radio label, .texteBrunPetit {
		font-size: min(5vw, 15px);
		line-height: min(27px, 8.47vw);
	}
	.radio label  {
		width: calc(90vw - 15px - 50px);
		padding-top: 12px;
	}
	.form h4, .form h5, .texteBrunPetit, .radio {
		margin-bottom: 3vw;
	}
	.petiteDescriptionBrun{
		margin-top: calc(var(--espacementobjetsformulaire) - 30px) !important;
	}
	.lienAnnonceur button{
		max-width: calc(100vw - 36px);;
	}
	.petitTexteBrun {
		margin-bottom: 2vw;
	}
	label.checkbox {
		width: calc(90vw - 65px);
	}
	.button {
		max-width: calc(90vw - 80px);
	}
	div.button { 
		height: auto;
		padding-bottom: 17px;
	}
	.zoneInscripionInscription div {
		flex-direction: column-reverse;
	}
	.zoneInscripionInscription2 div {
		flex-direction: column !important;
	}
	.zoneInscripionInscription div div:nth-child(2) {
		margin-left: 0px !important;
	}
	.zoneInscripionInscription div div:nth-child(2) input {
		max-width: 90vw;
	}
	.inscription {
		display: flex;
		/*flex-direction: column-reverse;*/
	}
	.inscription .zoneTexteInscription {
		background-color: white;
		margin-left: -5vw;
		padding-left: 5vw;
		margin-right: -5vw;
		padding-right: 5vw;
		top: 0px;
		padding-top: 5vw;
		padding-bottom: 5vw;
		position: relative;
	}
	.CATATV {
		height: auto;
		margin-bottom: 5vw;
	}
	.titreFormationSpecifique {
		margin-bottom: 5vw;
	}
	.zonePresentation .lieuAct {
		position: relative;
		bottom: 0px;
	}
	.imageprogramme {
		width: 90vw;
		height: calc(90vw / 580 * 390);
		float: none;
		margin: 0px;
		margin-bottom: 5vw;
	}
	.menu1:last-child a {
		/*width: 100vw;*/
	}
	.chambres .blocGroupe:nth-child(4n+1) {
		margin-left: 0px;
	}
	.form select {
		padding-right: 35px;
	}
	.boutonCookies, .boutonCookiesRight, .modal-cookies-button2, .modal-cookies-button2:disabled, .modal-cookies-disabled, .modal-cookies-button {
		width: 100%;
		height: auto;
		white-space: pre-wrap;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 0px !important;
	}
	.modal-cookies-disabled {
		margin-bottom: 10px;
	}
	.div-li-cookie-bas {
		float: none !important;
	}
	.modal-cookies-body-interne {
		flex-direction: column;
	}
	.modal-cookies-body-item {
		margin-bottom: 10px;
	}
	.div-li-cookie-bas {
		flex-direction: column;
	}
	.zonePresentation .reseaux {
		justify-content: center;
		display: flex;
	}
	#footer .center {
		margin-top: 0px;
		margin-bottom: 8vw;
		position: relative;
		left: 0px;
	}
	#footer .right {
		margin: 0px;
	}
	#footer .left  {
		margin: 0px;
	}
	.partenariat .composition h3 {
		width: calc(90vw);
		padding-left: 0px;
		padding-right: 0px;

	}
	.partenariat.pleineLargeur .blocComposition:nth-child(2n) .wid1230 {
		flex-direction: column;
	}
	.pleineLargeur .blocComposition:nth-child(2n) .compositionBottom {
		padding-left: 0px;
		padding-right: 0px;
	}
	.lienPartenariat button {
		height: auto;
		padding-top: 8px;
		padding-bottom: 8px;
		max-width: 310px;
	}
	.partenariat .ensavoirplus {
		width: 100%;
	}
	.pleineLargeur .blocComposition .compositionBottom {
		margin-left: -5vw;
	}
	.compositionTexteRel .prenomnom {
		justify-content: center;
	}
	
	.lienPartenariat {
		display: flex;
		justify-content: center;
	}
	.path.pathretour {
		background-position: 10px 6px;
		background-size: 9px;
		padding-left: 23px;
		padding-right: 10px;
		margin-right: 9px;
	}
	.iconeEmail {
		bottom: calc(5vw + 3px);
	}

	
}



.invalideInput {
	border: 2px solid red !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.invalideCheckbox {
	border: 2px solid red !important;
}

/* Message alerte */


/*	=============================
		 CONGRES		 
	=============================*/

.congres {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.tableCongres {
	margin: auto;
	width: 1270px;
}
.congresPageContent {
	margin: auto;
	/*width: 1270px;*/
}
.congresPageContent h1.bloctitre:first-child {
	margin-bottom: 20px;
}
.btnCustomContainer {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.btnCustom {
	font-size: 24px !important;
	margin-bottom: 0px !important;
	color: #009ee0 !important;
	padding: 10px;
	width: 240;
	margin: auto;
}
.btnCustom:hover {
	cursor: pointer;
}

/* Header */
#congresHeader {
	display: flex;
	width: 1230px;
	max-width: 100vw;
	margin:auto;
	background-color: #FFF !important;
}
#logoContainer {
	width: 273px;
	height: 105px;
	background-color: #FFF;
	padding-top: 15px;
}
#logoContainer:hover{
	cursor: pointer;
}
#congresMenuLogo {
	width: 273px;
	height: 85px;
	background-position: left;
	background-color: #FFF;
}
#congresMenuLogo img {
	width: 100%;
}
#congresMenu {
	background-color: #009ee0;
	z-index: 30;
	width: 80px;
	height: 70px;
	margin-top:25px;
	margin-left: 120px;
}
#congresMenu .frame1 {
	display: flex;
	height: 70px;
	background-color: #FFF !important;
	margin: auto;
	width: 838px;
}
#congresMenu .leftmenu1 {
	color: #009ee0;
	padding: 0px;
}
#congresMenu .menu1:hover {
	height: 100%;
	background-color: #FFF !important;
}
#congresMenu .menu1 a {
	border-bottom: 2px solid #FFF;
	display: inline-grid;
}
#congresMenu .menu1 a:hover, #congresMenu .menu1 a.active {
	height: calc(100% - 2px) !important;
	border-bottom: 2px solid #00377a !important;
}
#congresMenuHome {
	background-image: url("../Images/home_blue.png");
	background-size: 25px;
	background-repeat: no-repeat;
	width: 25px;
	height:25px;
}
.espaceBandeau.congresPage.imgCSS {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 320px;
}
.espaceBandeau.congresPage.imgCSS_2022 {
	background-image: url(../Images/Congres/bandeauCongres_4.png);
}
.espaceBandeau.congresPage.imgCSS_2023 {
	background-image: url(../Images/Congres/2023/bandeauCongres2.png);
}
.espaceBandeau.congresPage.imgCSS_2024 {
	background-image: url(../Images/Congres/2024/bandeauCongres.jpg);
}
.espaceBandeau.congresPage.imgDct {
	max-height: 320px;
	text-align: center;
	width: 100vw;
	/*background: initial;*/
}
.espaceBandeau.congresPage.imgDct img {
	width: auto; /* fit-content;*/
	height: 320px;
	max-height: 320px;
}
/*.espaceBandeau .congresHome {
	background-image: url(../Images/Congres/bannerHauteSite2022_V2.png);
	background-size: contain;
}*/
#bandeauHomeCongres {
	height:300px;
	display: flex;
}
#bandeauHomeCongresDegrade {
    width: 50%;
    height: 300px;
    position: absolute;
    background: linear-gradient(to right, #f3f3f3, #ffffff00);
	margin-left: 40%;
}
#bandeauHomeCongresTexte {
	width: 40%;
	height: 100%;
	padding-right: 20px;
	z-index: 30;
	background-color: #f3f3f3;
}
#bandeauHomeCongresTexteContainer {
	width: 400px;
	height: fit-content;
	margin-left: calc((100vw - 1230px) / 2 - 5px);
	margin-top: 16px;
}
#bandeauHomeCongresTexte .clair {
	color: #009ee0;
}
#bandeauHomeCongresTexte .fonce {
	color: #00377a;
}
#bandeauHomeCongresTexte #child1 {
	font-size: 3.7em;
    font-weight: 500;
}
#bandeauHomeCongresTexte #child2 {
	font-size: 3.8em;
    font-weight: 500;
    letter-spacing: 5px;
}
#bandeauHomeCongresTexte #child3 {
	font-size: 4.4em;
}
#bandeauHomeCongresTexte #child4 {
	font-size: 2.5em;
    letter-spacing: 0.9;
}
#bandeauHomeCongresImg {
	background-image: url(../Images/Congres/bannerHauteSite2022_V2.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 60%;
	height: 100%;
	text-align: right;
}
#bandeauHomeCongresImg img {
	height: 100%
}

/* Actu */
.congresZonePartage {
	min-height: 40px;
}
.congresZonePartage .reseaux {
	float: right;
	position: initial;
}
.texteCongres {
	text-align: justify;
}
.congresPageContent h1 {
	text-align: center;
}

/* Sponsoring */
#congresZonePresentation {
	background-color: #FFF;
}
#congresZonePresentation h3 {
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	font-family: 'Quicksand';
	line-height: normal;
	color: red;
	margin-top: 25px;
}
#congresFormContainer {
	padding: 50px 0px 30px 0px;
	background-color: #F3F3F3;
}
#congresFormContainer h1 {
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	font-family: 'Quicksand';
	line-height: normal;
	color: #00377a;
	margin-bottom: 50px;
}
#congresFormContainer .form {
	margin: auto;
	width:1200px;
	max-width: calc(100vw - 50px);
}
.imgDossierCongresContainer {
	width: 100%;
	max-width: 945px;
	margin: auto;
}
.imgDossierCongres {
	background-image: url("../Images/cover_dossier_sponsoring.png");
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.imgDossierCongres:hover{
	cursor:pointer;
}
#formtitle {
	font-style: normal;
	font-weight: lighter;
	font-size: 24px;
	color: #003f80;
	text-align: center;
}
#congresFormContainer h1 {
	color: #00377a;
	width: 1230px;
	max-width: 100vw;
	margin: auto;
	padding-bottom: 40px;
}
#congresFormContainer h4 {
	padding-left: calc(20% + 15px);
}
#congresFormContainer .radio {
	margin-left:calc(20% + 15px);
}
#congresFormContainer .texteBrunPetit {
	color: #00377a;
	font-weight: bold;
	padding-left: calc(20% + 15px);
	letter-spacing: 0.9px;
}
#congresFormContainer .texteBrunPetitPetit {
	color: #818181;
	font-size: 18px;
	padding-left: calc(20% + 15px);
	letter-spacing: 0.9px;
	font-family: 'poppinsregular';
	margin-bottom: 2px;
}
#congresFormContainer .texteBrunPetit {
	margin-bottom: 15px !important;
}
#congresFormContainer .blocchamp {
	display: flex;
}
#congresFormContainer .blocchamp .petitTexteBrun  {
	width: 20%;
	font-size: 18px;
	padding-top: 12px;
	text-align: right;
	margin-right: 20px;
	color: #818181;
}
#congresFormContainer .blocchamp .petitTexteBrun.deuxLignes {
	padding-top: 0px;
}
#congresFormContainer  .optionDesc {
	font-size: 15px;
}
#congresFormContainer .blocchamp .champ, #congresFormContainer .blocchamp > input, #congresFormContainer .blocchamp > textarea, #congresFormContainer .blocchamp > .champselect, #congresFormContainer .blocchamp > .fr-box {
	width:80%;
}
.fr-tooltip {
	color: black !important;
}
#congresFormContainer .blocchamp > .fr-box {
	margin-bottom: 30px;
}
#congresFormContainer .blocchamp > .fr-box .fr-toolbar{
	border-radius: 0px;
}
#congresFormContainer .blocchamp > input {
	padding: 11px 25px 11px 25px;
}
#congresFormContainer .blocchamp .champ .nombre {
	width:200px;
}
#congresFormContainer .blocchamp .champ .prefixetva {
	width:200px;
}

#congresFormContainer .blocchamp .champ .alignRight{
	text-align: right;
}
#congresFormContainer .blocchamp select {
	width: 100%;
}
#congresFormContainer .radio,#congresFormContainer .checkbox {
	width: calc(80% - 15px);
}
#congresFormContainer .checkbox {
	width: calc(100% - 65px);
}
label.checkbox.seule { /* tableau inscription atv */
	width: 22px !important; 
}
#congresFormContainer #tableauatvenparties table{
	width: calc(80% - 15px);
	margin-left: calc(20% + 15px);
}
#congresFormContainer .optionsSuppDesc{
	width: 100%;
	margin-top: -15px;
}
#congresFormContainer .optionsSuppDesc .libelle{
	font-family: 'poppinsregular';
	font-size: 16px;
	color: #818181;
	text-align: justify;
	padding: 3px;
}
#congresFormContainer .arsDesc {
	text-align: justify;
	padding-left: calc(20% + 15px);
}
#congresFormContainer .arsDesc .texteTexte {
	padding-top: 0px;
}
#congresFormContainer .button{
	width: 350px;
	margin-left: calc(20% + 15px);
}
#congresFormContainer .atvDescription {
	padding-left: calc(20% + 15px);
	position: relative;
	top: -20px;
	left: 4px;
}
#congresFormContainer .atvDescription .texteTexte {
	padding-top: 0px;
	padding-bottom: 10px;
}
.texteVertPetit {
	color: #00cd00 !important;
}
.texteRougePetit {
	color: red !important;
}

/* Footer sponsos */
#logosSponsors .sponsorsSeparator {
	background-color: #dcd9d9;
	width: 100%;
	height: 2px;
}
#logosSponsors h1, #logosSponsors .texteTexte{
	padding-bottom: 0px;
	text-align: center;
}
.logoSponsors {
	padding: 30px;
}
.logoSponsorsContainer {
	max-width: 100vw;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.logoSponsorsContainer.maxi {
	width:calc(390px * 3);
}
.logoSponsorsContainer.medium {
	width:calc(290px * 4);
}
.logoSponsorsContainer.mini {
	width:calc(190px * 6);
}
.logoSponsor {
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	display: inline-flex;
}
.imgSponsorContainer {
	width: 100%;
	height:100%;
	text-align:center;
	display: inline-flex;
	/*background-color: #F3F3F3;*/
	border-radius: 10px;
}
.imgSponsorContainer.imgHover:hover {
	cursor:pointer;
}
.logoSponsor.maxi {
	width: 350px;
	height: 150px;
}
.logoSponsor.medium {
	width: 250px;
	height: 100px;
}
.logoSponsor.mini {
	width: 150px;
	height: 75px;
}
.logoSponsor.docPage {
	padding: 25px 0px 25px 0px;
}
.logoSponsor.docPage img {
	margin-left: 0px;
	max-width: 200px;
	max-height:100px;
}
.logoSponsor img {
	margin: auto;
	max-width:75%;
	max-height:75%;
}
.logoSponsors.inversee .imgSponsorContainer{
	/*background-color: #FFF;*/
}
.espaceBandeau.congresPage.imgCSS{
	height: calc(1334 * (100vw / 7921));
	max-height:400px;
}

.dctInput {
	cursor: pointer;
	background: url("../Images/folder.png") no-repeat;
	background-size: 28px 28px;
	background-position: right 14px center;
}

.smallButton {
	margin-bottom: 30px !important;
	font-size: 15px !important;
	height: 32px !important;
	padding-top: 10px !important;
	background-color: #009ee0 !important;
}
.smallButton:hover {
	background-color: #006E9C !important;
}
.croixRouge,.croixRougeinscriptionCongres {
	background: url("../Images/error.png") no-repeat;
	background-size: contain;
	height: 16px;
	width: 16px;
	background-position: 2 0;
	float: right;
	top: 5px;
	position: relative;
	right: 5px;
}

.croixRougeinscriptionCongres{background-image: url(../Images/close2.png);right: 20px;}

.croixRouge:hover {
	cursor: pointer;
}

.croixRougeinscriptionCongres:hover {
	cursor: pointer;
}



#congresFormContainer .TitrePageMoyen td  {
	font-weight: bold;
	color: #00377a;
	font-family: 'Quicksand';
}
#congresFormContainer .TitrePageMoyen td .atvProgHeure {
	width: 115px;
	display: inline-block;
}
.atvProgramme .atvBloc {
	padding: 20px 20px;
	font-size: 16px;
	font-family: 'poppinsregular';
	line-height: 27px;
	color: #5e5e5e;
	letter-spacing: 0.5px;
	border-bottom: 2px #dcd9d9 solid;
}
.atvProgramme .atvBlocLite {
	padding-top: 10px;
}
.atvProgramme .atvBloc:last-child {
	border-bottom: none;
}
.atvProgramme .atvBloc .atvTitre {
	color: #00377a;
	font-weight: bold;
	font-size: 22px;
}
.atvProgramme .atvBloc .atvSousTitre {
	color: #009ee0;
	font-weight: bold;
	font-size: 18px;
}
.atvProgramme .atvBloc .atvHeure, #congresFormContainer .atvDescription .atvHeure {
	color: #5e5e5e;
	font-weight: bold;
	/*position: relative;
	top: 2px;
	left: 14px;*/
}
.atvProgramme .atvBloc .atvBlocTitre {
	/*display: inline-flex;*/
}
.atvProgramme .atvBloc ul, .atvProgramme .atvBloc .atvDesc, #congresFormContainer .atvDescription .atvDesc  {
	margin-left: 30px;
}
.atvProgramme .atvBloc .prtDesc {
	margin-left: 30px;
}
.atvProgramme .atvBloc .atvSousBloc{
	padding-top: 10px;
}
.atvProgramme .atvBloc a {
	text-decoration: none;
	color: #009EE0;
}


#voileSubmitFormCongres {
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: #FFF;
	opacity: 0.8;
	z-index: 9999;
	display: none; /* inline-flex;*/
	top: 0;
}
#voileSubmitFormCongresTexte {
	margin:auto;
	font-family: 'Quicksand';
	font-size: 48px;
	font-weight: 700;
	color: #5e5e5e;
	text-align: center;
	padding: calc(50vh - 90px);
}

/* Album photo congres*/
.gallerieListe.albumPhotoContainer {
	max-width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(400px * 6);
	padding-top:30px;
}
.gallerieListe.albumPhotoContainer .photoBloc {
	padding: 10px;
	text-align: center;
	display: inline-flex;
	width: 290px;
	height: 200px;
}
.gallerieListe.albumPhotoContainer .photoBloc .photoContainer {
	width: 100%;
	height: 100%;
	text-align: center;
	display: inline-flex;
	border-radius: 10px;
}
.gallerieListe.albumPhotoContainer .photoBloc .photoContainer a {
	margin-left: auto;
    margin-right: auto;
}
.gallerieListe.albumPhotoContainer .photoBloc .photoContainer img {
	margin: auto;
	max-width: 90%;
	max-height: 90%;
}
.gallerieListe.albumPhotoContainer .photoBloc .photoContainer img:hover {
	cursor: pointer;
}

/* Dialogue surimposition */
#dialAlbumPhoto {
	position: fixed;
	top: 0;
	left: 0;
	padding: 30px;
	width: 100vw;
	height: 100vh;
	z-index: 12345777;
}
#dialAlbumPhotoBody {
	height: calc(100% - 60px);
	width: calc(100% - 60px);
	/*background-color: #f3f3f3;*/
	background-color: rgba(243, 243, 243, 0.8);
}
#dialAlbumPhotoLeft, #dialAlbumPhotoRight {
	height:calc(100% - 120px);
	width: 150px;
	position: absolute;
}
#dialAlbumPhotoLeft:hover, #dialAlbumPhotoRight:hover {
	cursor: pointer;
}
#dialAlbumPhotoLeft {
	background: linear-gradient(to left, transparent, #000);
}
#dialAlbumPhotoRight{
	right:90px;
	background: linear-gradient(to right, transparent, #000);
}
#dialAlbumPhotoRight .flecheImg{
	background: url("../Images/flecheDroiteBleue.png") no-repeat;
}
#dialAlbumPhotoLeft .flecheImg{
	background: url("../Images/flecheGaucheBleue.png") no-repeat;
}
.flecheImg {
	height: 60px;
	width: 60px;
	background-size: contain !important;
	margin: auto;
	margin-top: calc(50vh - 60px);
}
#dialAlbumPhotoCadre {
	height: 100%;
	width: 100%;
	/*width: calc(100% - 200px);*/
	/*padding: 20px 100px 20px 100px;*/
	text-align: center;
	vertical-align: middle;
	display: inline-flex;
}
#dialAlbumPhotoCadre img {
	margin: auto;
}


@media screen and (max-width: 1275px),  screen and (max-device-width: 1275px) {
	
	/*******
	** CONGRES Header
	*******/
	#congresMenuLogo {
		padding-left: 15;
	}
	#congresHeader #menuMobile {
		width: calc(100% - 290px);
		text-align: center;
		background-color: #FFF;
		color: #009ee0;
		height: 50px;
		top: 21px;
		left: 15px;
	}
	#congresMenuHome {
		margin: auto;
	}
	#congresMenu {
   		height: auto;
   		position: absolute;
		left: -100vw;
		z-index: 9;
		display: flex;
		flex-direction: column-reverse;
		max-width: 300px;
		margin-left:0px;
		background-color: #FFF;
		top: 100;
   }
   #congresHeader .menu1 {
   		display: flex;
   		flex-direction: column;
   		width: 100vw;
   		padding: 0px;
   		max-width: 300px;
   		text-align: center;
		background-color: #f3f3f3;
   }
   #congresHeader #congresMenu .frame1 {
	   	flex-direction: column;
	   	width: 100vw;
	   	max-width: 300px;
	   	padding: 0px;
		justify-content: flex-start;
		gap:0px;
   }
    #congresHeader .leftmenu1 {
    	padding: 0px;	
   		padding-top: 12px;
   		padding-bottom: 12px;	
   		width: 100vw;
   		border-bottom: 1px solid white;
   		max-width: 300px;
   		text-align: center;
   }
   body.congres  ul {
	   max-width: none;
	   width: auto;
   }
   #logosSponsors .logoSponsors {
	   padding: 0px;
   }
   .menu1:last-child .frame2content {
 	   width: 100%;
	}
	
	#congresFormContainer .flexrowbutton {
		display: block;
	}
	#congresFormContainer .flexrowbutton .boutonContinuer {
		margin-top: 10px;
	}
	
}
@media screen and (max-width: 1000px),  screen and (max-device-width: 1000px) {
	/*******
	** CONGRES Form
	*******/
	#congresForm .blocchamp {
		display: initial;
	}
	#congresForm .blocchamp .petitTexteBrun {
		text-align: left;
	}
	#congresForm .blocchamp .petitTexteBrun, #congresForm .blocchamp .champ, #congresForm .blocchamp > input, #congresForm .blocchamp > textarea, #congresForm .blocchamp > .champselect, #congresForm .radio {
		width: 100%;
	}
	#congresForm h4, #congresForm > .texteBrunPetit, #congresForm .arsDesc {
		padding-left: 0px;
	}
	#congresForm .radio {
		margin-left: 0px;
	}
	#congresForm .button {
		margin: auto;
	}
	
	
	
	#congresFormContainer .blocchamp {
		display: block;
	}
	#congresFormContainer .blocchamp .petitTexteBrun {
		width: 100%;
		text-align: left;
	}
	#congresFormContainer .blocchamp .champ, #congresFormContainer .blocchamp > input, #congresFormContainer .blocchamp > textarea, #congresFormContainer .blocchamp > .champselect, #congresFormContainer .blocchamp > .fr-box {
		width: 100%;
	}
	#congresFormContainer h4, #congresFormContainer .texteBrunPetit, #congresFormContainer .texteBrunPetitPetit, #congresFormContainer .atvDescription {
		padding-left: 0px;
	}
	#congresFormContainer .button {
		margin-left: 0px;
	}
	#congresFormContainer .radio {
		margin-left: 0px;
		width: 100%;
	}
	
}


#msgSuccess {
	background-color: #d4f6c2;
	padding: 20px;
	font-size: 17px;
	font-weight: bold;
	color: #595959;
    font-family: var(--font-family-regular);
	margin-bottom: 35px;
}
#msgSuccess.larger {
	padding: 50px 20px;
	text-align: center;
	font-size: 23px;
}
#msgSuccess .boutonSupprimerFileCroix {
	float: right;
	position: relative;
	right: -16px;
	top: -6px;
}

.tableformpiecejoint {
    width: 100%;
	margin-bottom: -23px;
}
.petiteDescriptionBrun{
	display: block;
    margin-bottom: var(--espacementobjetsformulaire);
    color: #6e6e6e;
    font-size: 12px;
    font-family: 'poppinsregular';
	margin-top: calc(var(--espacementobjetsformulaire) - 50px);
}
.tableformpiecejoint .libelle {
    color: #5e5e5e;
    font-size: 12px;
    font-family: "poppinsregular";
    vertical-align: top;
    padding-top: 10px;
    text-align: left;
	width: 125px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.tableformpiecejoint input[type=text]:disabled{
    background-color: #ffffff;
    -webkit-text-fill-color: #727272;
    opacity: 1;
	height: 36px;
}
.tableformpiecejoint input[type="text"] {
    max-width: 378px;
    width: calc(100%);
}
.tableformpiecejoint input[type="file"] {
    display: none;
}
.tableformpiecejoint td div {
    max-width: 400px;
}
.insertion{display: inline-block;}
.boutonSupprimerFileCroix2 {
	background-image: url(../Images/close2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 0px;
    cursor: pointer;
	margin-top: 2px;
}
.imageAnnonceurEsp{
	display: inline-flex;
	padding-top: 10px;
	gap: 0px 10px;
}
.buttonFermerClass{
	float: right;
	height: 29px !important;
	padding-left: 0;
	width: 60px;
	padding-top: 2px !important;
	padding-right: 0;
}
.paddingFermerFep{
	padding-left: 23px;
	padding-right: 23px;
}
.imageAnnonceurEsp img{
	max-width: 300px;
	height: 100%;
}
.sousdescriptionepu{
	padding-top: 10px;
}
.boutonSupprimerEspace {
	background-image: url(../Images/close2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 0px;
    cursor: pointer;
	margin-top: 2px;
}

.boutonajoutpj{
    height: 40px;
    width: 215px;
    border-radius: 50px;
    border: none;
    background-color: #009ee0;
	text-decoration: none;
    color: white;
    font-family: 'poppinsmedium';
	cursor: pointer;
}

#blocTexteMaisonTexte {
    padding-left: calc(20% + 15px);
}
#blocTexteMaisonTexte .texteTexte {
    padding-top : 0px !important;
}

#phraseCodeReduction.rouge {
    color: red !important;
}
#phraseCodeReduction.vert {
    color: green !important;
}


/* FROALA CSS */

.fr-view-disable {background-color:#efefef;border: 1px solid #DADADA;border-radius: 4px;padding-left: 6px;padding-right: 6px;}
.fr-no-border, .fr-no-border td, .fr-no-border th {border:none !important;}
.fr-dashed-borders {border-collapse: collapse;}
.fr-dashed-borders td, .fr-dashed-borders th {border-style: dashed;	border-width: 1px;border-color: #DDD;padding: 2px;}
.fr-alternate-rows tr:nth-child(2n) {background: #f9f9f9;}
.fr-bold {font-weight: bold;}
.fr-underline {text-decoration: underline;}
.fr-italic {font-style: italic;}
/*a.frLinkClassic:link {color: #0000EE !important;}*/
/*a.frLinkClassic:visited {color: #551A8B !important;}*/
a.green {color:green !important;}
a.eurBlue {color: #2c63ff !important;}
a.eurGreen {color:#72d54a !important;}
a.eurBlueGrey {color:#479dc5 !important;}
a.eurGreenGrey {color:#67b9b2 !important;}
img.fr-dib{margin:5px auto;display:block;float:none;}
img.fr-dib.fr-fil{margin-left:0;text-align:left}
img.fr-dib.fr-fir{margin-right:0;text-align:right}
img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:20px;margin-right:20px;max-width:calc(100% - (2 * 5px))} /* centré */
img.fr-dii.fr-fil{float:left;margin:5px 20px 5px 0;max-width:calc(100% - 5px)} /* à gauche */
img.fr-dii.fr-fir{float:right;margin:5px 0 5px 20px;max-width:calc(100% - 5px)} /* à droite */
img.fr-rounded{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
span.fr-emoticon{font-weight:400;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols';display:inline;line-height:0}
span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}
.texteTexte table td {padding: 5px;color: #5e5e5e;}

/* FIN FROALA CSS */



#congresPhotoOnglets {
    display: inline-flex;
    width: 1200px;
    margin-left: calc(50% - 600px);
}
@media screen and (max-width: 1275px), screen and (max-device-width: 1275px) {
	#congresPhotoOnglets {
		margin-left: 0px;
		width: 100%;
		flex-direction: column;
	}
}
.congresPhotoOnglet {
    color: #00377a;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    font-family: 'Quicksand';
    line-height: normal;
    margin: auto;
    height: 60px;
  padding-top: 20px;
}
.congresPhotoOnglet span:hover {
    cursor: pointer;
}
.congresPhotoOnglet.active span{
    border-bottom: 2px solid #00377a;
}
.congresPhotoOngletCorps:not(.active) {
    display: none;
}