:root {
  --colorVert: #63b788;
  --colorVert: #6DB052;
  --colorVert: #A3BE47;
}

/* Les polices de caractères utilisées et placées sur le serveur */
@font-face
{
  font-family: "_ChevinDemiBold";
  /*src: url('RobotoSlab-Thin.eot');
  src: url('RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
      url('RobotoSlab-Thin.woff2') format('woff2'),
      url('RobotoSlab-Thin.woff') format('woff'),
      url('RobotoSlab-Thin.ttf') format('truetype'),
      url('RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
      */
  src: url("ChevinDemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: "_ChevinMedium";
  src: url('ChevinMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: "_ChevinBold";
  src: url('ChevinBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: "_Chevinlight";
  src: url('ChevinLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: "_ChevinThin";
  src: url('ChevinThin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*
{
  margin:0;
  padding:0;
  outline:none;
  border: none;
}
/* ----------- Afectation globales ---------------- */
html 
{
  overflow-y:scroll;
}
a
{
  cursor:pointer;
}
body, html
{
  width:100%;
  margin:0px;
  padding:0px;
  min-width:1181px;
}
img,p
{
  border:0px;
  margin:0px;
  padding:0px;
}
.chevinligth
{
  font-family: "Chevinlight";
  font-size: 16px;
  margin-top: 3px;
  line-height: 150%;
}
.chevinligth.nomargintop {
	margin-top: 0px;
}
table
{
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: top;
  width: 100%;
}
table.ligneCatDoc
{
  margin-top: 20px;
}
table.ligneCatDoc tr td:first-child
{
  width: 100px;
}
button:focus, input:focus, select:focus
{
  outline: none;
  border: none;
}
button:active
{
  outline-style: none;
}
.pointeur
{
  cursor: pointer;
}
.petitePhoto
{
  ;  
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
div#dialogue
{
  text-align: center;
  font-family: "ChevinDemiBold";
  font-size : 20px;
  color: #004556;
}
button.ui-button
{
  /*background-color: #2C70C9;*/
  border: none;
  background: url('../Images/CroixFermer20.png') no-repeat;
}
/* ---------- Entête -----------------*/
div.HautCentre
{
  width: 100%;
  height: 141px; /* + 5 parce qu'il faut la ligne hr*/
  display: block;
  border-bottom: 1px solid #E7E7E7;
  margin: auto;
  padding: 0px;
  
}
img.imgTelechargement
{
  display: block;
  width: 80px;
  height: 80px;
}
/* Le logo ELOYA */
img.HautGauche
{
  left: 20px;
  vertical-align: middle;
  margin-top: 26px;
}
.imgPhotoADimensionner
{
  /* Uniquement pouur avoir une classe pour le jQuery pour Photo d'identidé */
  /* dans la page "Qui sommes-nous ? > Conseil d'administration " */
}
.imgPhotoOrga {
    object-fit: cover;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
#div_descriptions,#div_descriptionsPartenaires 
{
  z-index:1;
  min-width:1141px;
  width:1141px;
  position:absolute;
  height:409px;
}

#div_descriptionsPartenaires {min-width:870px;width:870px;}
/* Le block des langues F | N */
div#ChampLangue
{
  float: right; 
  position: relative;
}
div#ChampLangue span, div#ChampLangue > a
{
  color: #004556;
  background-color: #E3E3E3;
  margin-left: 3px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  display: block;
  float: right;
  padding: 5px;
  font-family: "ChevinDemiBold";
  font-size: 16px;
}
div#ChampLangue span 
{
  cursor:default;
  background-color:lightgrey;
}
/* Les boutons de contact et Connexion */
div#BoutonsConnectContact
{
  margin-top: 30px;
}
button#Connexion, button#Contact, button#btnConnexion, input#btnConnexion
{
  width: 160px;
  height: 42px;
  text-align: center;
  font-size: 17px;
  margin-left: 26px;
  border-style: none;
  box-shadow: 2px 2px 2px 2px #F8F8F8;
  font-family: "ChevinDemiBold";
  color: white;
  cursor:pointer;
}
input#btnConnexion {
	height: 40px;
	margin-top: 1px;
}
button#btnEnsavoirPlus1, button#btnEnsavoirPlus2, button#btnNewsletter
{
  cursor: pointer;
}
button#Contact
{
  background-color: #004555;
}
button#Connexion, button#btnConnexion
{
  background-color: #B4C900;
  background-color: var(--colorVert);
}
input#btnConnexion {
/*  background:#B4C900 url('../Images/Fleche.png') no-repeat;
*/  background:var(--colorVert) url('../Images/Fleche.png') no-repeat;
  background-position:10px 15px;
  padding:0px 0px 0px 32px;
}
/* la div qui remplace celle des boutonts Contact et Nous Contacter */
div#divEmailMdP
{
  margin-top: 30px;
}
input#txtPassword, input#txtEmail
{
  width: 135px;
}
div#divLogin
{
  display: none;
  width: 498px;
}
div#divEMail, div#divMotDePasse
{
  float: left;
  height: 38px;
  width: 144px;
  border: solid 1px #CACACC; 
  margin-top: 1px;
}
div#divPwdlost_email {
  border: solid 1px #CACACC; 
  margin-top: 1px;
  height: 38px;
  margin-top: 20px;
}
div#divBtnLogin
{
  float: right;
}
div#divMotDePasse
{
  margin-left: 20px;
}
/*
button#btnConnexion
{
  width: 143px;
  height: 43px;
  text-align: center;
  font-size: 17px;
  margin-left: 24px;
  margin-top: 2px;
  border-style: none;
  background-color: #B4C900;
  box-shadow: 2px 2px 2px 2px #F8F8F8;
  font-family: "ChevinDemiBold";
}
*/
/* La ligne sous et avant le menu */
/* Est repsie dans le bord bottom de la div supérieure, soit HautCentre */
/* Le menu 1*/
div#menus
{
  border: none;
  width: 100%;
  margin: auto;
  padding: 0px;
  font-family: "ChevinDemiBold";
  font-size: 17px;
  margin-top: 9px;
  margin-bottom: 9px;
}
span.gras
{
  font-weight: bold;
  /*font-size: 16px;*/
}
span.Leftmenu1, a.Leftmenu1, a:visited, a:link
{
  /* Dans le menu, il y a span et a href */
  color: #004556;
  cursor: pointer;
}
span.Leftmenu1.activemenu 
{
  color: green;
}
a.Leftmenu1.active 
{
  color: #004556;
}
a
{
  /* Le menu se présent comme une liste de lien <a href .. */
  text-decoration: none;
}
div#menus a.Leftmenu1, div#menus span.Leftmenu1 
{
  display: inline-block;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 26px;
}
/* C'est le menu 2 lorsque la div est sius le body, puis descendue sous le menu 1 par .menu2 => margin-top */
a.Leftmenu2.cufonArial
{
  color: #004556;
  margin-top: 0px;
  padding-left: 5px;
  padding-right: 18px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.Leftmenu2{
  margin-right:30px;
	}
a.aLienBleu{
  /*color: #2c70c9;*/
  color: var(--colorVert);
}

.NavigationPartenaires{margin-left:10px;}

.menu2
{
  display: none;
  position: absolute;
  background: #ffffff;                                         
  z-index: 2;
  width: 100%;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin-top: 201px;
  opacity: 0.5;
}
.menu2centre
{
  width: 1141px;
  margin: auto;
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #004556;
}
/* Dans le manu 1, mais le zone de recherche */
.DivInput
{
  font-family: "ChevinMedium";
  font-size: 16px;
  float: right;
  height: 38px;
  width: 249px;
  border: solid 1px #CACACC; 
  margin-top: 1px;
  background-color: #ffffff;
}
div#divRecherche
{
  float: right;
  height: 38px;
  width: 249px;
  border: solid 1px #CACACC; 
  margin-top: 1px;
  background-color: #ffffff;
}
form#formSearch
{
  display: inline-block;
}
div#divTextLoupe
{
  float: left;
  border: none;
  width: 240px;
  margin-top: 10px;
  margin-left: 3px;
}
input#searchForm
{
  border: none;
  float: left;
  margin-top: 8px;
  margin-left: 9px;
  font-family: "ChevinMedium";
  font-size: 16px;
  width: 205px;
}
input#txtEmail, input#txtPassword
{
  border: none;
  font-family: "ChevinMedium";
  font-size: 16px;
  width: 131px;
  margin-top: 9px;
  padding-left: 9px;
}
input#pwdlost_email {
  width: calc(100% - 18px);
  padding-left: 9px;
  padding-right: 9px;
  border: none;
  font-family: "ChevinMedium";
  font-size: 16px;
  margin-top: 9px;
}
input#imgLoupe
{
  width: 18px;
  float: right;
  margin-top: 12px;
  margin-right: 3px;
}

/* Silde show */ 
div#slideshowaccueil,div#slideshowPartenaires
{
  height: 409px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
div#div_slides
{
  overflow: hidden;
  height:409px;
  position:relative;
}
span#divEncart152 /*plus utilisé*/
{
  /* C'est la div pour le petit encart vert dans le slide show */
  /* Avec un texte repris dans les documents => Voir catégories de docuements et marqué */
  /* Mettre en span parce que dans le slide show et que les autres éléménts sont des div */
  /* Cet encart publicitaire ne doit pas interagir avec le slide show */
  display: block;
  float: right;
  margin-right: 200px;
  margin-top: 155px;
  background-image: url('../Images/Encart.png');
  background-repeat: no-repeat;
  background-position: center center;
  color: #FFFFFF;
  font-family: "ChevinBold";
  font-size: 21px;
  width: 102px;
  height: 142px;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  cursor: pointer;
  z-index: 10000;
  text-align:center; 
}

.divEncart153,#divEncart153Bis
{
  /* C'est la div pour le petit encart vert dans le slide show */
  /* Avec un texte repris dans les documents => Voir catégories de docuements et marqué */
  /* Mettre en span parce que dans le slide show et que les autres éléménts sont des div */
  /* Cet encart publicitaire ne doit pas interagir avec le slide show */
  display: block;
  /*float: right;*/
  /*margin-right: 200px;
  margin-top: 155px;*/
  background-image: url('../Images/Encart.png');
  background-repeat: no-repeat;
  background-position: center center;
  color: #FFFFFF;
  font-family: "ChevinBold";
  font-size: 21px;
  width: 102px;
  height: 152px;
  padding-left: 25px;
  padding-right: 25px;
  cursor: pointer;
  z-index: 10000;
  text-align:center;

  position: absolute;
  right: 200px;
  top: 155px;
}

.divEncart153 div,#divEncart153Bis div{
	height:152px;
	display:table-cell;
	vertical-align:middle;
}

div#divFleche_DroiteID, div#divFleche_GaucheID
{
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 177px;
  width: 32px;
  height: 58px;
  cursor: pointer;
}
div#divFleche_GaucheID
{
  position:absolute;
  margin-left: 35px;
  background-image: url('../Images/fleche_gauche.png');
}
div#divFleche_DroiteID
{
  float: right;
  margin-right: 35px;
  background-image: url('../Images/fleche_droite.png');
}
TTDtable.tableBoulettes
{
  border-collapse: separate;
  border-spacing: 5px;
}
div.divBoulettes
{
  /* Les petites boulettes du slide show */
  position:absolute;
  margin-top: 70px;
  z-index: 2; /* Il y a le div_descriptions qui est à z-index: 1 */
}
div.divRond
{
  /* Les div qui sont dans le tableau de une ligne - 3 colonnes */
  background-repeat: no-repeat;
  background-position-x: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
div.divRondPlein
{
  background-image: url('../Images/rondPlein.png');
}
div.divRondVide
{
  background-image: url('../Images/rondVide.png');
}

div.boutonRond
{
  display: inline-block;
  position: relative;
  float: left;
  top: 200px;
  left: 100px;
  opacity: 1;
  width: 16px;
  height: 16px;
  border: 1px solid black;
}
img.imgRond
{
  width: 16px;
  height: 16px;
  padding-left: 3px;
  padding-right: 3px;
}
img.NonVisible, img.visible
{
  height: 409px;
  z-index: -1;
  position: absolute;
}
img.NonVisiblePartenaire, img.visiblePartenaire
{
  height: 350px;
  max-width:850px;
  z-index: -1;
  position: absolute;
}
div#slideshowaccueil div.slides img.visible, div#slideshowPartenaires div.slides img.visiblePartenaire 
{
  display: block;
  border: 0px;
  height: auto;
}
div#slideshowaccueil div.slides img.NonVisible,div#slideshowPartenaires div.slides img.NonVisiblePartenaire,
{
  height: 409px;
  display: none;
  border: 0px;
}
div#slideshowaccueil img.NonVisible {
    display: none;
}
div#slideshowaccueil a.slideshownext,div#slideshowPartenaires a.slideshownext 
{
  position: absolute;
  display: block;
  margin: 460px 0px 0px 716px;
  cursor: pointer;
}
div#slideshowaccueil a.slideshowprev,div#slideshowPartenaires a.slideshowprev 
{
  position: absolute;
  display: block;
  margin:390px 0px 0px 500px;
  cursor: pointer;
}
div#anciendivBandeau
{
  background: #94B201;                                          /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right, #94B201,#004656);  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #94B201, #004656);      /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #94B201, #004656);    /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #94B201 , #004656);     /* Standard syntax */
}
/* La patie texte qu'il y a dans la bandeau */
div#divBandeau
{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 204px;
  display: block;
  margin: auto;
  padding: 0px;
}
/* Une DIV qui doit être au dessus du bandeau et qui cache une pertie (quelques points en plus de chaque côté) */
/* Je ne l'utilise plaus puisque c''est un div qui a une bordure de 20 qui s'en occupe */
div#divBlanc
{
  border: none;
  background-color: #FFFFFF;
  width: 890px; 
  height: 40px;
  display: block;
  padding: 0px;
  z-index: 1;
  margin-top: -17px;
  margin-left: -0px;
}
div.divBlanc_20
{
  width: 20px;
  background-color: #ffffff;
}
div.div_Blanc_20_Hauteur
{
  height: 20px;
  width: 100%;
}
/* Le tableau pour avoir du gris à droite */
table#tableContenu
{
  /*border: solid 3px red;*/
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
th, td
{
  /*border: 1px solid green;*/
  padding: 0px;
  border: none;
  margin: 0px;
}
td
{
  vertical-align: top;
}
td.tdLargeurFixe
{
  width: 100px;
}
tr#trBandeau
{
  background-image: url('/ELOYA/OWS/Images/Slide.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*background-origin: content-box;*/
  height: 204px;
}
.trBandeauAdmin
{
  background-image: url('../Images/ELOYA_Slide_ConseilAdmin.jpg');
}
tr#trSilde
{
  height: auto;
  background-origin: content-box;
}
tr#trContenant
{
  /*background-color: #F7F7F7;*/
}
td#tdGaucheBlanc
{
  background-color: #ffffff;
  min-width:20px;
}
td#tdContenant, td#tdContenantFooter
{
  /* C'est la cellue qui contient les 2 bloc de contenu au centre (div) + le div de l'agenda etc... */
  /* 1141 parce qu'il y a une bordure de 20 pour arriver au 1141 total du site */
  width: 1141px;
  min-width:1141px;
  background-color: #f7f7f7;
}
td#tdGris
{
  /* C'est la dernière cellule du tableau côté droit */
  background-color: #F7F7F7;
  min-width:20px;
}
table#tablevoirTout
{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
td.tdColGauche
{
  text-align: left;
  text-transform: uppercase;
}
td.tdColDroite
{
  text-align: right;
  font-family: "ChevinDemiBold";
  font-size: 16px;
  /*color: #2c70c9;*/
  color: var(--colorVert);
}
/* Le formulaire de la NewsLetters */
div#divNewsLetters
{
  background-color: #004556;
  margin-top: -20px;
}
.titreNewsletter
{
  background-color: #004556;
  height: 60px;
  padding-left: 20px;
}

/* La table du footer */
table#tableFooterCentre
{
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
  background-color: 
}
tr#trTableFooterCentre
{
  height: 266px;
}
/* Les td de la table du footer dans son milieur */
td#tdFooter1, td#tdFooter2, td#tdFooter3, td#tdFooter4
{
  font-family: "ChevinThin";
  font-size: 17px;
  color: #ffffff;
  margin: 0px;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 47px;
  vertical-align: top;
}
td#tdFooter1
{
  width: 251px;
}
td#tdFooter2
{
  width: 329px;
}
td#tdFooter3
{
  width: 290px;
}
td#tdFooter4
{
  width: 271px;
  text-align: right;
}
/* div qui contient que les texte de path et qu'il faut center et aligner sur le reste */
td#tdChemin
{
  vertical-align: top;
}
div#divChemin
{
  margin-top: 0px;
  height: 40px;
}
div#divCheminPageCourante
{
  width: 1141px;
  display: block;
  margin: auto;
  text-align: left;
  padding-top: 19px;
}
/* Indique le chemin. Il y a le lien en première position, puis span */
span.path, a.path, div#divChemin
{
  font-family: "Chevinlight";
  font-size: 16px;
  color: #ffffff;
}
/* Indique la page courante sous le chemin */
h1#h1PageCourante
{
  font-family: "ChevinBold";
  font-size: 45px;
  color: #ffffff;
  margin-top:25px;
}
div#divContenantMilieu
{
  border: none;
  background: none;
  /*width: 1141px;*/
  width: 1161px;
  min-width:1161px;
  margin: auto;
  margin-left: -20px;
  z-index: 0;
}
/* Div du contenu central sous les menus et barre de défilement */
/* Cette div contient 2 div - la rectangle blanc de l'image + le contenu de la page + le côté gauche qui contient 3 div */
div.divContent
{
  width: 851px;
  display: block; /* Il y a un block div à côté */
  border-top: 20px solid #ffffff;
  border-left: 20px solid #ffffff;
  border-right: 20px solid #ffffff;
  border-bottom: 20px solid #ffffff;
  text-align: left;
  padding: 0px;
  font-family: "ChevinMedium";
  font-size: 21px;
  background-color: #ffffff;
  color: #004556;
  z-index: 2;
  margin-top: -40px;
  float: left;
}
/* Les bloc sur le côté droit */
div#rightContent
{
  display: inline-block; /* Le bloc de gauche est celui des contenu central */
  border: none;
  border-color: #F7F7F7;
  background-color: #F7F7F7;
  width: 270px; 
  float: right;
  /*margin-right: -20px;*/
  margin-left: 0px;
  margin-top: 0px;
}
div#rightAgenda, div#rightNewLetter, div#rightActualite
{
  font-family: "ChevinDemiBold";
  font-size: 19px;
  color: #004556;
  border-top: solid 1px #E7E7E7;
  margin-top: 20px;
  padding-left: 20px;
  padding-top: 16px;
  padding-bottom: 42px;
}
/* La mise en page de l'adresse mail pour newsletter à droite 2 ligne du tableau*/
div#divMailNewsLetter
{
  float: right;
  height: 43px;
  width: 249px;
  border: none;
  margin-top: 1px;
  background-color: #ffffff;
}
div#divNewsLetters
{
  height: 81px;
}
form#formNewsLetters
{
  margin-top: 20px;
}
form#divMailNewsLetter
{
  display: inline-block;
}
input#inputTxteMail
{
  font-family: "ChevinMedium";
  font-size: 18px;
  color: #004556;
  width: 200px;
  border: none;
  margin-left: 14px;
  margin-top: 7px;
}
input#imgFlecheMail
{
  width: 18px;
  float: right;
  margin-top: 14px;
  margin-right: 11px;
  opacity: 0.5;  /* L'image ne correspond pas à celle du psd */
}
/* le bas de la page principale (footer) - voir aussi méthode wspa_ELOYA_footer */
.CouleurFooter
{
  background-color: #004556;
}
div#divFooter
{
  width: 100%;
  height: 266px;
  display: block;
  display: inline-block;
}
div#divFooterGauche01
{
  font-family: "ChevinThin";
  font-size: 18px;
  color: white;
  display: block;
  width: 1141px;
  position: center;
  margin: auto;
  padding-top: 48px;
}
ul#ulFooterDroit
{
  list-style: none;
  list-style-type: none;
}
a#aFooterAccueil
{
  font-family: "ChevinDemiBold";
  font-size: 18px;
  color: #ffffff;
}
a.aFooterDroit
{
  font-family: "ChevinThin";
  font-size: 17px;
  color: #ffffff;
}
a.blanc
{
  color: #ffffff;
}
table.tableConnecte
{
  font-family: "ChevinBold";
  font-size: 16px;
  color: #004854;
}
td.tdConnecte
{
  padding-right: 14px;
  text-align: right;
  vertical-align: middle;
}
a.aClassConnecte
{
  font-size: 14px;
  color: #99b606;
}
div#menuFooter
{
  color: #ffffff;
}
ul.ulMenuFooter
{
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
}
ul.ul_rondplein
{
  list-style: disc;
}
ul.ul_rondvide
{
  list-style: circle;
}
a.aMenuFooter, span.spanMenuFooter
{
  font-family: "ChevinThin";
  font-size: 17px;
  color: #ffffff;
}
li.liMenuFooter, li.liFooterDroit
{
  padding-top: 3px;
  padding-bottom: 3px;
}
p#pByOrganica
{
  padding-top: 20px;
}
p.pFooterTitre
{
  margin-bottom: 10px;
  font-family: "ChevinMedium";
  font-size: 18px;
}
p.pFooterTexte
{
  margin-top: 15px;
  
}
p.pNormalNoir, div.pNormalNoir
{
  font-family: "ChevinMedium";
  font-size: 17px;
  color: #010101;
  margin-top: 10px;
  margin-bottom: 10px;
}
p.hauteur_10
{
  height: 15px;
}
table#table_Accueil, table#tablePub
{
  border: none;
  border-collapse: collapse;
  width: 100%;
  vertical-align: top;
}
tr.tr_Accueil
{
  /*border-bottom: 1px solid red;*/
}
td.td_image_pleine
{
  width: 415px;
  margin: 0px;
  padding: 0px;
  border: none;
}
td.tdAccueil
{
  height: 200px;
}
img.imgHome
{
  /* Il y aura conservation automatique du ratio */
  display: block;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}
div.divImgHome
{
  margin: 0px;
  padding: 0px;
}
div.divImgHome.imgHomeGauche
{
  border-right: 11px solid #ffffff;
}
div.divImgHome.imgHomeDroite
{
  border-left: 10px solid #ffffff;
}
td.imgHome
{
  padding-right: 0px;
  padding-left: 0px;
}
td.tdDemiPage
{
  width: 415px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #EBEBEB;
  border: none;
}
td.tdDemiPage.demiGauche
{
  padding-right: 0px;
  padding-left: 0px;
  border-right: 21px solid #ffffff;
  vertical-align: top;
}
td.tdDemiPage.demiDroite
{
  padding-right: 0px;
  padding-left: 0px;
  border-left: 10px solid white;
  vertical-align: top;
}
div.div_demiGauche
{
  display: block;
  margin: auto;
  width:  355px;
}
div.div_demiDroite
{
  display: block;
  margin: auto;
  width: 355px;
}
p.titreCaseVert, td.titreCaseVert, div.titre
{
  font-family: "ChevinMedium";
  font-size: 21px;
  color: #004556;
  padding-bottom: 19px;
}
div.titre
{
  padding-top: 10px;
}
div.bleu_bold
{
  font-family: "ChevinMedium";
  font-size: 21px;
  color: #5882FF;
  padding-bottom: 19px;
}
div.titre.divBottom_10
{
  padding-top: 0px;
  padding-bottom: 10px;
}
div.titreNomPrenom
{
  font-family: "ChevinMedium";
  font-size: 21px;
  color: #004556;
  padding: 0px 0px 0px 0px;
}
div.font_16
{
  font-size: 16px;
}
div.titre.SansBottom
{
  padding-bottom: 0px;
}
div.sousTitre
{
  font-family: "ChevinMedium";
  font-size: 17pt;
  color: #6E96D1;
  color: var(--colorVert);
  padding-bottom: 12px;
  padding-top: 12px;
  color: #004556;
}
.sousTitreResultat
{
  font-family: "ChevinDemiBold";
  font-size: 19px;
  text-transform: uppercase;
  color: #004556;
  padding-bottom: 12px;
  padding-top: 25px;
}
span.sousTitre
{
  font-family: "ChevinMedium";
  font-size: 14pt;
  color: #B4D200;
}
div.divTitrePageCatDoc
{
  
}
div.texteSousCatDoc
{
  color: #000000;
  font-size: 15px;
}
table.tableDemiPage
{
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}
p.normalVert, td.normalVert
{
  font-family: "Chevinlight";
  font-size: 16px;            
  color: #004556;      
  padding-bottom: 19px;       
}
td.normalVert
{
  height: 170px;
  vertical-align: top;
}
p.pMajuscVert, div.pMajuscVert, div.pMajuscVertNavigation
{
  font-family: "ChevinDemiBold";
  font-size: 22px;
  text-transform: uppercase;            
  color: #004556;
  padding-bottom: 27px;
  padding-top: 27px;
}
div.pMajuscBlanc
{
  font-family: "ChevinDemiBold";
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 31px;
}
td.tdAlignGauche
{
  text-align: left;
}
table#tableChechElec
{
  border: none;
  border-collapse: collapse;
  width: 100%;
}
td.td_270
{
  vertical-align: top;
  border: none;
  width: 239px;
  background-color: #004556;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 11px;
  padding-top: 14px;
  padding-bottom: 19px;
}
td.td_415
{
  border: none;
  width: 415px;
}
td.td_20
{
  width: 20px;
  background-color: #ffffff;
}
td.td_10
{
  height: 10px;
}
td.td_15
{
  height: 15px;
}
td.td_30
{
  height: 30px;
}
td.td_50_agenda
{
  /* N'est utilsé que par l'agenda du côté droit */
  /* Ce qui permet d'ajuster cet espace et ne pas bouger au reste */
  height: 35px;
} 
tr.tr_205
{
  height: 205px;
}
td.td_205
{
  width: 205px;
  height: 205px;
}
td.td_203
{
  height: 203px;
}
td.td_156
{
  /*height: 156px;*/
}
tr.tr_Contact
{
  width: 100%;
}
td.td_325
{
  height: 325px;
}

td#tdFormContact_ID
{
  min-height: 510px;
}
tr.trBlanc_20
{
  height: 20px;
  background-color: #ffffff;
  width: 100%;
}
div#divFormValidation
{
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 14px;
  border: none;
}
div.divImgLoupeBlanche
{
  display: inline;
  width: 50%;
  padding-right: 25px;
  filter: brightness(0) invert(1);
}
div.divTextCherchElec
{
  display: inline;
  width: 50%;
  padding-left: 0px;
  font-family: "ChevinDemiBold";
  font-size: 19px;
}
td#btnCherchelec
{
  /*background-color: #2C70C9;*/
  background-color: var(--colorVert);
  border-radius: 1px 1px 1px 1px;
  text-align: center;
  color: #ffffff;
  cursor : pointer;
}
input#txtCP, input.textNewsLetters, #contenuActu
{
  border: none;  
  width: 217px;
  height: 41px;
  padding-top: 0px;
  padding-left: 10px;
  border-radius: 5px;
  margin-right: 8px;
  margin-bottom: 19px;
  font-family: "ChevinMedium";
  font-size: 16px;
}
input#contenuActu, #dateActu, #catActu {
  margin-right: 8px;
  margin-bottom: 0px;
  width: calc((100% - 26px) / 3);
}
#dateActu, #catActu {
  background-position-x: -130px;
}
#catActu {
  margin-right: 0px;
}

.divNewsLetters select, .divNewsLetters span.select {
  margin-left: 20px;
  margin-top: 20px;
  width: 125px;
}
.divNewsLetters span.select {
  background-position-x: -105px;
  border-radius: 5px;
}
input.txtContact1
{
  /*width: 189px;*/
  /* il faut retirer les 15 px => 189-15 = 174 */
  width: 174px;
  border: none;  
  height: 41px;
  padding-top: 0px;
  padding-left: 15px;
  border-radius: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: "ChevinMedium";
  font-size: 16px;
}
input.textContactDouble
{
  width: 363px;
}
input.textNewsLetters
{
  margin-left: 10px;
  margin-top: 20px;
  margin-right: 0px;
  width: 135px;
}
#inputMail.textNewsLetters {
  width: 187px;
}
.btnBtnContact
{
  /* C'est le bouton de validation du formulaire de contact dans une div */
  height: 41px;
  width: 397px;
  text-align: center;
  /*background-color: #2C70C9;*/
  background-color: var(--colorVert);
  border-radius: 2px;
  box-shadow: 2px 2px 2px 2px #d1d1d1;
  font-family: "ChevinDemiBold";
  font-size: 17px;
  color: #ffffff;
}
.divBtnEnvoiContact
{
  float: left;
  width: 200px;
  padding-top: 7px;
  margin-left: 80px;
}
.divBtnEnvoiImage
{
  float: right;
  width: 20px;
  padding-top: 10px;
  margin-right: 95px;
}
p.pOpacity, td.tdOpacity, div.pOpacity
{
  opacity: 0.7;
}
table#tableTypInstall
{
  border: none;
  border-collapse: collapse;
}
tr.trCheckBoxInstall
{
  height: 60px;
  vertical-align: middle;
}
td.tdOpacity
{
  padding-left: 10px;
}
div.divSelectCat
{
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
}
table#tableFormContact
{
  /*vertical-align: middle;*/
  /*text-align: left;*/
}
div.divSelectDemande
{
  display: block;
  width: 395px;
  height: 41px;
}
div.divStyledDemande
{
  width: 395px;
}
div.divStyleCivilite
{
  width: 189px;
}
select.selectPerso
{
  height: 42px;
  border: none;
  vertical-align: middle;
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #595959;
  border-radius: 5px;
  padding-left: 15px;
}
.selectContactGen
{
  border: none;
  border-radius:3px;
  height: 41px;
  padding-left: 15px;
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #595959;
}
.selectGeneral
{
  height: 40px;
  padding-left: 15px;
  color: #4e4e4e;
  overflow:hidden;
  text-transform: none;
  font-family: "ChevinMedium";
  font-size: 16px;
  border: none;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select_395
{
  width: 380px;
  background: url(../Images/background_select395.png) no-repeat center;
  padding-right:35px;
}

.select_230{
	width: 230px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	background: url(../Images/background_select395.png) no-repeat center;
	background-position-x:-163px;
	padding-right:35px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow: hidden;
}


.select_189
{
  width: 174px;
  background: url(../Images/background_select189.png) no-repeat center;
  text-overflow: ellipsis;
  white-space:nowrap;
}
.texteAreaContact
{
  width: 763px; /* Obtenu empiriquement Il y a les padding du textearea */
  padding: 10px 15px 10px 15px;
  height: 190px;
  max-height: 190px;
  border: 0px solid #ffffff;
  border-radius: 3px;
  resize: none;
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #595959;
  /*overflow-y: scroll;*/ /* Cette option affiche toujours la scroll barre */
}
input[type=range]
{
  ;
}
input#slideBarKm
{
  height: 30px;
  width: 230px;
}
td.tdBlanc_34
{
  height: 34px;
}
div.marge_20
{
  margin-left: 20px;
}
div#divTexteNewsLetters
{
  margin-right: 20px;
}
table#tableSlide
{
  border-collapse: collapse;
  border: none;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  width: 100%; 
}
td.tdSlide
{
  text-align: center;
  font-family: "ChevinMedium";
  font-size: 16px;
  opacity: 0.8
}
span.spanGras
{
  font-family: "ChevinMedium";
  font-size: 16px;            
  color: #004556;       
}
ul, ul.ulTexteVert
{
  /*list-style-type: disc;*/
  list-style-position: outside;
  list-style-image: url("../Images/puceBleu.png");
}
ul {
  padding-left: 15px;
  list-style-image: none;
} 
ul::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
}
ol {
  padding-left: 24px;
}
ol li {
  padding-top: 12px;
  padding-bottom: 12px;
}
ol ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
li, li.liTextePuce, ol ul li
{
  padding-top: 2px;
  padding-bottom: 2px;
}
td.tdBtnBleu
{
  text-align: right;
  cursor: pointer;
}
td#td_btnNewsLetters
{
  float: left;
}
input#btnIDNewsLetters
{
  width: 118px;
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 0px;
  box-shadow: none;
}
.btnBleu, .divBtnBleu
{
  width: 146px;
  height: 41px;
  text-align: center;
  font-size: 17px;
  border-style: none;
  box-shadow: 2px 2px 2px 2px #d1d1d1;
  font-family: "ChevinDemiBold";
  color: white;
  /*background-color: #2C70C9;*/
  background-color: var(--colorVert);
  float: right;
  cursor: pointer;
}
#submitrecuppassword {
  margin-top: 20px;
}
.divBtnBleu
{
  margin-bottom: 0px;
  margin-right: 0px;
}
div.DevenirMembre
{
  /* Pour le moment, uniquement pour repérer la classe en js */
}
.divUneColonne
{
  width: 815px;
}
table.table_UneColonne
{
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}
td.tdUnecolonne
{
  background-color: #EBEBEB;
  border: none;
  text-align: left;
  vertical-align: top;
  font-family: "Chevinlight";
  font-size: 16px;            
  color: #004556;      
  padding-bottom: 19px;
}
td.tdFondGris
{
  background-color: #EBEBEB;
}
.marge10
{
  padding-left: 20px;
  padding-right: 10px;
}
img#imgLogoSGS
{
  width: 61px;
  height: 61px;
}
/* Titre de catégories dans Bibliotèque / Documentation */
div.titreCatDoc
{
  background-color: #E5E5E5;
  padding: 17px 20px 17px 20px;
  z-index: 5;
  opacity: 0.85;
  font-family: 'ChevinMedium';
  font-size: 26px;
  color: #004556;
  cursor: auto;
}
.ResultRechMetiers,.ResultRechDoc{
	margin-bottom: 25px;}
div.divColor_e5
{
  background-color: #e5e5e5;
}
div.divDocuDetail
{
  padding: 15px 20px 15px 20px;
  font-size:16px;color: #004556;
}
div.blocSousCatDoc
{
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  
}
div.divPetitVVert
{
  float: right;
  margin:-6px 3px 0px 0px;
}
div.texteCatDoc
{
  display: block;
  padding: 107px 20px 15px 20px;
  font-size:16px;
  color:#004556;
  margin-bottom: 25px;
}
div.texteCatDoc.paddingTextStatic {
  padding: 30px;
}
div.div_demiGauche.texteCatDoc, div.div_demiDroite.texteCatDoc
{
  display: block;
  padding: 0px 0px 0px 0px;
  margin-left: 20px;
  margin-right: 20px;
  /* La taille de la div = 415 - 2x20px */
  width: 375px;
  font-size:16px;
  color:#004556;
}
div.texteCatDoc.margintop_20
{
  /* Il y a déjà la marge du bloc précédent */
  padding-top: 15px; 
  padding-left: 20px;
  padding-right: 20px;
  /* Attention la propriété padding-bottom est modifiée en js lors de l'affichage des docuement de "Qui sommes-nous ? */
  /* Le but étant de placer le bouton à 21px avant la fin du bloc gris (dans ce cas c'est 62px)*/
  padding-bottom: 15px;
}
.texteCatDoc iframe {
  width: 100%;
  aspect-ratio: 640/360;
}


div.divBandeauDefault
{
  margin: 0px;
  padding: 10px;
}
div.divResultElecTitre
{
  /* 270 + les padding */
  width: 225px;
  /* 126 - 2x20 */
  height: 86px;
  padding: 20px 20px 20px 20px;
  background-color: #EBEBEB;
  margin-top: 0px;
  margin-bottom: 0px;
}
div.divResultElec
{
  /* C'est une div pour chaque résultat */
  margin-top: -11px;
  margin-bottom: 0px;
  padding: 20px 20px 20px 20px;
  /* 270 + les padding */
  width: 225px;
  /* 580 - 126 - 2x20 */
  height: 414px;
  background-color: #F7F7F7;
  overflow: scroll;
  font-family: "ChevinMedium";
  font-size: 16px;
  /*float: right;*/
}
div.divPetitBloc
{
  min-height: 106px;
  padding-bottom: 15px;
}
div.div_33
{
  background-color: #ABCA00;
  color: #FFFFFF;
  /* Carré de 33x33, mais un padding de 4 pour centrer le texte verticalement */
  height: 28px;
  padding-top: 5px;
  width: 33px;
  /*margin-right: 15px;*/
  text-align: center;
}
div.div33_20_vert
{
  height: 20px;
  width: 33px;
  background-color: #ABCA00;
  background-color: var(--colorVert);
  color: #000000;
  color:  white;
  font-family: "Chevinlight";
  font-size: 13px;
  text-align: center;
  vertical-align: middle;

  height: 33.3px;
  width: 55px;
  font-size: 21.7px;
}
div.div_33_30_vert_blanc
{
  border-style: none solid solid solid;
  border-width: 0px 1px 1px 1px;
  border-color: #ABCA00;
  border-color: var(--colorVert);
  background-color: #ffffff;
  width: 31px;
  height: 29px;
  color: #004559;
  font-family: "ChevinDemiBold";
  font-size: 18px;
  text-align: center;
  vertical-align: middle;

  height: 49.5px;
  width: 53px;
  line-height: 47px;
  font-size: 31px;
}
.td_bloc_vert
{
  width: 55px;
  padding-right: 15px;
}
.td_bloc_vert .Image {
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
/*	background-image: url("../images/MiniatureActualitedefault.jpg");
*/	border: 1px solid white;
}
.agenda_lieu
{
  font-family: "Chevinlight";
  font-size: 16px;
  padding-bottom: 5px;
}
.agenda_petit
{
  font-family: "Chevinlight";
  font-size: 12px;
  padding-bottom: 2px;
  color: var(--colorVert);
}
.agenda_petit_vert
{
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #ABCA00;
  color: #004556;
  padding-bottom: 2px;
/*  max-height: 40px;
*/
  width: 180px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
div.div_Photo_Elect
{
  width: 205px;
  height: 200px;
  overflow:hidden;
}
div.div_photo_admin
{
  width: 120px;
  height: 120px;
  overflow:hidden;
}
div.photo_mini_49
{
  width: 49px;
  height: 49px;
}

.photo_mini_49 img{
	width: 49px;
	height: 49px;
}

div.div_div_690_120
{
  width: 701px;
  min-height: 110px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
div.div_605_205
{
  /* C'est 645 (850 - la photo de 205) et les marges de 2*20px */ 
  width: 605px;
  /* 205 - 20 - 15 */
  height: 170px;
}
div.divGauche
{
  float: right;
}
td.td_33
{
  width: 33px;
  padding-right: 20px;
}
div.divCarte
{
  /* Largeur (total) 1141 - (largeur du bloc de recherche) 270 */
  /*width: 851px;*/
  /* Il faut que la partie de droite soit à côté => 851 - 270 - les erreurs de calcul ;-)  */
  /* Il y a aussi la modification du javascript qui reléguait la partie de droite sous la carte */
  width: 571px;
  /* Hauteur identique au bloc de résultats */
  /* Il y a des ascenseurs sur la recherche... c'est pour ça certainement que le calcul de la hauteur ne tombe pas juste */
  height: 575px;
  background-color: #C0E0FF;
  /*border-top: 20px solid #FFFFFF;*/
  /*border-right: 20px solid #FFFFFF;*/
  border-bottom: 20px solid #FFFFFF;
  /*margin-top: -20px;*/
}
div.divCarteELOYA
{
  width: 851px;
  height: 325px;
  background-color: #c0e0ff;
}
div.divInfoSociale
{
  background-color: #EBEBEB;
  width: 811px;
  min-height: 203px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}
div.divInfoFinanciere
{
  /*min-height: 156px;*/  /* Le bloc prend les dimention de sons contenu (RISA)  */
  width: 811px;
  background-color: #EBEBEB;
  padding: 15px 20px 15px 20px;
}
div.divFormContact
{
  min-height: 510px;
  width: 811px;
  background-color: #EBEBEB;
  padding: 15px 20px 15px 20px;
}
div#divCarteSigneletique, div#divActivites
{
  min-height: 325px;
}
div.divCarte1111
{
  /*width: 1111px;*/
  /* La partie de droite contenant l'agenda, la newsletter et les activité doivent se trouver à droite de la carte */
  width: 841px;
  height: 575px;
  background-color: #C0E0FF;
  /*border-top: 20px solid #FFFFFF;*/
  /*border-right: 20px solid #FFFFFF;*/
  border-bottom: 20px solid #FFFFFF;
  /*margin-top: -20px;*/
}
div#divCachAdresse
{
  /* Avoir la même couloeur que le reste, c'est à dire le nombre délectriciens trouvé */
  /* et le bord gauche scroll barre du détail */
  background-color: #EBEBEB;
  height: 575px;
  width: 15px; /* parce que la fèche est 10px de large et qu'il faut que ce soit plus ! */
  /**/
  cursor: pointer;
}
img#imgMasquerMontrerID
{
  /* Descendre l'image flèche vers la gauche ou vers la droite */
  /* Image dans la div divCacheAdresse */
  margin-top: 150px;
  padding-left: 3px;
}
.mapIconLabel
{
  font-size: 15px;
  color: #FFFFFF;
  font-family: 'ChevinMedium';
}
div#divNbRelations
{
  background-color: #EFEFEF;
  padding: 20px 20px 20px 20px;
}
div.divTexteNormalVert
{
  font-family: "ChevinMedium";
  font-size: 16px;
  color: #004556;
}
img.imgVVert
{
  width: 13px;
  height: 8px;
}
img.imgBandeauDefault
{
  width: 849px;
  height: 160px;
}
img.imgImagetteDocument
{
  width: 40px;
  padding-right: 20px;
  display: block;
}
div.bloctelechargements
{
  background-color: #f2f2f2;
  padding: 15px 15px 15px 15px;
  margin: 15px 0px 20px 0px;
}
div.blocCatDoc div.bloctelechargements {
  padding: 0px 15px 15px 15px;
}
div.bloctelechargements.GrisClair
{
  margin: 0px;
  background-color: #f7f7f7;
}
div.titrebloc
{
  margin-top: 20px;
  margin-left: 20px;
}

textarea{
	resize:none;
	background-color:white;
	height:100px;
	width:355px;
	padding-left:15px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:15px;
	color: #4e4e4e;
	text-transform: none;
	font-family: "ChevinMedium";
	font-size: 16px;
	border: none;
	border-radius: 3px;
}

.tdseparateur{
	height:14px;
}

.addbouton{
	height: 41px;
	width: 140px;
	text-align: center;
	/*background-color: #2C70C9;*/
  background-color: var(--colorVert);
	border-radius: 2px;
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	font-family: "ChevinDemiBold";
	font-size: 17px;
	color: #ffffff;
	float:right;
	margin-right:26px;
}

.boutonvalider{
	height: 41px;
	min-width: 110px;
	text-align: center;
	/*background-color: #2C70C9;*/
  background-color: var(--colorVert);
	border-radius: 2px;
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	font-family: "ChevinDemiBold";
	font-size: 17px;
	color: #ffffff;
	margin-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.verifmessage{
	display:none;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
}

input[name="lundiheure"],input[name="mardiheure"],input[name="mercrediheure"],input[name="jeudiheure"],input[name="vendrediheure"],input[name="samediheure"],input[name="dimancheheure"]{
	font-family: "ChevinMedium";
	font-size: 19px;
	color: #004556;
	width: 70px;
	text-align: center;
}

.BoutonToutesMesNotif{
	/*background-color: #2C70C9;*/
  background-color: var(--colorVert);
	border-radius: 2px;
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	font-family: "ChevinDemiBold";
	font-size: 17px;
	color: #ffffff;
	padding-top:10px;
	padding-bottom:9px;
	margin-top:15px;
	margin-bottom:15px;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	float:right;
	margin-right:46px;
}

.BoutonToutesMesNotif a{
	text-decoration:none;
	color: #ffffff;
}

.clearboth{
	clear:both;
}

.divFormMesIdentifiants .boutonvaliderIdentifiants,.divFormMesIdentifiants .boutonannuler,.boutonSupprimerFav,.boutonTelechFav{
	height: 41px;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
	/*background-color: #2C70C9;*/
  background-color: var(--colorVert);
	border-radius: 2px;
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	font-family: "ChevinDemiBold";
	font-size: 17px;
	color: #ffffff;
	margin-top:15px;
	width:auto;
	cursor:pointer;
	float:right;
}

.boutonvaliderIdentifiants{
	margin-right:46px;
	margin-left:20px;
}

.divFormMesIdentifiants{
	background-color:#EBEBEB;
	/*padding-bottom:20px;*/
}

.orgform .verifimg, .orgform .verifimg2 {
	position:absolute;
	margin:13px 0px 0px 388px;
	display:none;
}

.divFormMesIdentifiants input,.MesCoord input{
	text-align: left;
	border-radius: 3px;
	padding-right:19px;
	width:342px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:19px;
	color: #4e4e4e;
	overflow: hidden;
	text-transform: none;
	font-family: "ChevinMedium";
	font-size: 16px;

}
.ActiInscri input {
  width: 512px;
}
.ActiInscri .select_395 {
    width: 550px;
    background-size: 550px;
}
.ActiInscri .LibelleComptePerso {
    width: 215px;
}

.groupeCheckbox input[type="text"]{
	border-radius: 3px;
}

.MesCoord{
	background-color:#EBEBEB;
	/*padding-bottom:20px;*/
}

.MesCoord .boutonvalider,.MesCoord .boutonannuler,.MesDonneesElect .boutonvalider,.MesDonneesElect .boutonannuler{
	height: 41px;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
	/*background-color: #2C70C9;*/
  background-color: var(--colorVert);
	border-radius: 2px;
	box-shadow: 2px 2px 2px 2px #d1d1d1;
	font-family: "ChevinDemiBold";
	font-size: 17px;
	color: #ffffff;
	margin-top:15px;
	width:auto;
	cursor:pointer;
	float:right;
}

.MesCoord .boutonvalider,.MesDonneesElect .boutonvalider{
	margin-right:46px;
	margin-left:20px;
	float:right;
}


.bloctelechargements.GrisClair .MesDocumentsMembre table:first-child{
	margin-top:0px;
}

.bloctelechargements.GrisClair .MesDocumentsMembre table{
	margin-top:15px;
}

.boutonSupprimerFav{
	margin-left:20px;
	margin-right:46px;
	margin-top:0px;
}

.boutonTelechFav{
	margin-top:0px;
}

.TableStatutCatCot .checkbox, .TableStatutCatCot .radio{
	display:inline-block;
	float:none;
}

input[type="text"]:disabled {
    background: white;
}

.LibelleComptePerso{
	padding-left:20px;
	text-align:right;
	padding-right:20px;
	font-size:16px;
	padding-top:10px;
}

.LibelleComptePerso2{
	text-align:right;
	padding-right:20px;
	font-size:16px;
	padding-top:10px;
}

.LibelleComptePerso.check, .LibelleComptePerso2.check{
	padding-top:1px;
}
.ListeRechTextes{
	margin-left: 25px;	
	}

/*BLOC ACTIVITéS et ACTU*/

.blocActi, .blocGris {
/*  background-color:#EBEBEB;*/
  background-color:#f2f2f2;
  padding:15px;
  margin-top:15px;
  position: relative; 
}
.blocGris {
  margin-top: 0px;
}
.blocActi .btnPlusVert {
	width: 31px;
	height: 31px;
	background:url('../images/BtnPlusCopie.png') no-repeat;
  	background-position:0px 0px;
  	background-size: 31px;
  	right: 15px;
  	bottom: 15px;
  	position: absolute;
}
.blocActi:first-child, #rechercheGlobaleActu #Actuliste .blocActi:first-child {
  margin-top:0px;
}
#Actuliste .blocActi:first-child {
  margin-top:15px;
}
.blocActi:last-child {
  margin-bottom:15px;
}
.blocActi td.date div {
	width:130px;
  	height: 130px;
  	background: linear-gradient(to right, #91b101 0%,#004656 100%);
}
.blocActi td.date div.Image {
	background: white;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.blocActi td.date div.Image.defaultImage, .td_bloc_vert .Image.defaultImage {
	background-image: url("../images/MiniatureActualitedefault.jpg");
}
.blocActi td.date div.Image.Technique, .td_bloc_vert .Image.Technique {
	background-image: url("../images/Actu_Technique.png");
}
.blocActi td.date div.Image.NewsEloya, .td_bloc_vert .Image.NewsEloya {
	background-image: url("../images/Actu_NewsEloya.png");
}
.blocActi td.date div.Image.Juridique, .td_bloc_vert .Image.Juridique {
	background-image: url("../images/Actu_Juridique.png");
}
.blocActi td.date div.Image.Fiscalite, .td_bloc_vert .Image.Fiscalite {
	background-image: url("../images/Actu_Fiscalite.png");
}
.blocActi td.date {
  width: 130px;
  text-align:center;
  vertical-align:top;
  color: #004556;
   /* border-right:1px solid #ABCA00;*/
  padding: 3px;
  padding-bottom: 1px;
}
.blocActi td.date a{
  text-decoration:none;
}
.blocActi td.titre{
  text-align:left;
  padding-left:35px;
  vertical-align:top;
}
.blocActi div.date.desc {
	margin-top: 10px;
	padding-right: 40px;
  padding-right: 95px;
}
a.savoirplus, span.soldout {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 15px;
  /*color: #2c70c9;*/
  color: var(--colorVert);
  text-decoration: underline;
}
span.soldout {
  text-decoration: none;
  cursor: inherit;
}
.blocActi td.date .mois {
  font-size:30px;
  /*background-color: #ABCA00;*/
  /*color: #000000;*/
  text-align: center;
  vertical-align: middle;
  height: 40px;
  color: white;
}
.blocActi td.date .jour{
  font-size:50px;
  font-family: "ChevinDemiBold";
  height: 85px;
  line-height: 80px;
/*  border: 3px solid #ABCA00;*/
  background: #FFFFFF;
  margin-left: 4px;
  margin-right: 4px;
  width: 122px;

}

.blocActi td.date .heure {
  color:#125d67;
  font-size:20px;
}
.blocActi td.titre .titre {
  color:#515151;
  font-size:21px;
  font-weight: bold;
}
.blocActi td.titre .soustitre {
  color:#515151;
  font-size:18px;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: 3px;
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
}
.blocActi td.titre .titre a{
  color:#515151;
  text-decoration:none;
}
.blocActi td.titre .titre a:hover {
  text-decoration:underline;
}
.blocActi td.titre .place,.blocActi td.titre .groupe ,.blocActi td.titre .inscription {
  margin-top:10px;
  color:#727272;
  font-size:16px;
  padding-left:30px;
}
.blocActi td.titre .place a,.blocActi td.titre .groupe a,.blocActi td.titre .date a,.blocActi td.titre .inscription a {
  color:#727272;
  text-decoration:none;
}
.blocActi td.titre .inscription a {
  color: #004556;
  font-size: 18px;
}
.btnBleu.inscription {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.blocActi td.titre .place a:hover,.blocActi td.titre .groupe a:hover,.blocActi td.titre .date a:hover,.blocActi td.titre .inscription a:hover{
  text-decoration:underline;
}
.blocActi td.titre .date {
  background:url('../images/EVENT_DATE.png') no-repeat;
  background-position:0px 0px;
  font-size: 16px;
}
.blocActi td.titre .place {
  background:url('../images/EVENT_PLACE.png') no-repeat;
  background-position:0px 0px;
}
.blocActi td.titre .groupe {
  background:url('../images/EVENT_GROUP.png') no-repeat;
  background-position:0px 0px;
}
.blocActi div.titre {
  padding-bottom: 5px;
  padding-top: 5px;
}
.blocActi .photoListeActiCat {
  vertical-align: top;
}
.blocActi .photoListeActiCat div {
  object-fit: contain;
  height: 130px;
  width: 130px;
  float: right;
  background-color: #f2f2f2;
 /* border: 0px solid white;*/
}
.texteActiDivers {
   font-size:16px;
  color:#004556;
  margin-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
}
.texteActiDivers .sousTitre{
  color: #515151;
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 2px solid #ABCA00;
}
.texteActiDivers .photoActi {
  margin: 20px;
  max-height: 200px;
  max-width: 200px;
  float: left;
}
.texteActiDivers .soustexte{
  margin:25px 0px 25px 0px;
  font-size: 16px;
}
.texteActiDivers span.soustexte  {
	position: relative;
}
.texteActiDivers .soustexte h1 {
  font-size:19px;
  margin-bottom: 10px;
   margin-top: 10px;
}
.texteActiDivers .soustexte h2 {
  font-size:17px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.texteActiDivers .soustexte h3 {
  font-size:17px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.texteActiDivers .soustexte ul, .texteActiDivers .soustexte ol {
  font-size:17px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
}

.blocphoto {
  width:150px;
  height:150px;
  margin:0px 10px 10px 0px;
  background-repeat:none;
  background-size:cover;
  background-position:center center;
  display:block;
  float:left;
}
.boutonCompte {
  background-color: #B4C900;
  height: 42px;
  text-align: center;
  font-size: 17px;
  margin-left: 26px;
  border-style: none;
  box-shadow: 2px 2px 2px 2px #F8F8F8;
  font-family: "ChevinDemiBold";
  color: white;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}
.blocActi .catActi {

}
.container {
  display: flex;
  flex-direction: row;
}
.galeriePhotoActi, .docActi {
  /*margin: 15px;*/
}
.galeriePhotoActi {
	margin-top: 15px;
}
.docActi table{
  margin-top:5px;
}
.docActi {
  margin-top: 25px;
  margin-bottom: 25px;
}

.loginActi, .loginActi2 {
  padding: 25px;
}
.loginActi2 {
  width : 500px;
}
#orgform4 input:read-only{ /* ATTENTION : garder input:read-only et input:-moz-read-only séparés */ 
  background-color: rgb(242, 242, 242);
}
#orgform4 input:-moz-read-only {
  background-color: rgb(242, 242, 242);
}
#orgform4 input:-moz-read-only.boutonvalider, #orgform4 input:-moz-read-only.boutonannuler {
  /*background-color: #2C70C9;*/
  background-color: var(--colorVert);
}
#orgform4 input:read-only.boutonvalider, #orgform4 input:read-only.boutonannuler {
  /*background-color: #2C70C9;*/
  background-color: var(--colorVert);
}
.boutonCompte:read-only{ /* ATTENTION : garder input:read-only et input:-moz-read-only séparés */ 
  background-color: #B4C900;
}

.boutonCompte:-moz-read-only {
  background-color: #B4C900;
}
.decalageCheckbox{
  vertical-align: bottom;
}
.flechePrec{
  background-image: url('../Images/masquer.png');
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  float: left;
  background-position-y: center; 
}
.cadrePhotoDescr {
	padding-top: 15px;
	padding-bottom: 15px;
}
.cadrePhotoDescr p {
	width : 100%;
	margin: 15px;
	/*min-height: 220px;*/
}
.blocActi .photoListeActiCat div.ImgFormation{
/*	background-image: url("../Images/Encart.png");*/
	background-color: white;
}
.blocActi .photoListeActiCat div.ImgFormationMesure{
/*	background-image: url("../Images/Encart.png");*/
	background-color: grey;

}
.blocActi .photoListeActiCat div.ImgSeanceInfo{
/*	background-image: url("../Images/Encart.png");*/
	background-color: lightgrey;
}
.blocActi .photoListeActiCat div.ImgBanquet{
/*	background-image: url("../Images/Encart.png");*/
	background-color: lightgreen;
}
.blocActi .photoListeActiCat div.ImgJourFamille{
/*	background-image: url("../Images/Encart.png");*/
	background-color: lightblue;
}
a.lienDoc {
  text-decoration: underline;
/*  color: #2c70c9;
*/  color: var(--colorVert);
}

.TexteConnexion{
	cursor:pointer;		
}
.TableMenusec .TdConnexion{
	vertical-align:top;		
}


.cluster div span {
  color: white;
  font-size: 16px;
}

/*.cadrePhotoDescr .soustexte{
	padding: 20px;
}*/




.blocActi .photoListeActiCat div.ImgJourFamille, .blocActi .photoListeActiCat div.ImgSeanceInfo, .blocActi .photoListeActiCat div.ImgBanquet, .blocActi .photoListeActiCat div.ImgFormationMesure, .blocActi .photoListeActiCat div.ImgAssembleeGenerale, .blocActi .photoListeActiCat div.ImgSalon {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.blocActi .photoListeActiCat div.ImgJourFamille {
	background-image:  url('../Images/images_types_atv/journeeFamille.png');
}

.blocActi .photoListeActiCat div.ImgSeanceInfo {
	background-image:  url('../Images/images_types_atv/seanceInformation.png');
}

.blocActi .photoListeActiCat div.ImgBanquet {
	background-image:  url('../Images/images_types_atv/banquet.png');
	background-size: 100% 100%;
}

.blocActi .photoListeActiCat div.ImgFormationMesure {
	background-image:  url('../Images/images_types_atv/formation.png');
}

.blocActi .photoListeActiCat div.ImgAssembleeGenerale {
	background-image:  url('../Images/images_types_atv/assembleeGenerale.png');
	background-position: -23px center;
}

.blocActi .photoListeActiCat div.ImgSalon {
	background-image:  url('../Images/images_types_atv/salon.png');
}


div.div_vert_blanc
{
  border-style: none solid solid solid;
  border-width: 0px 1px 1px 1px;
  border-color: #ABCA00;
  background-color: #ffffff;
  width: 53px;
  height: 49.5px;
  color: #004559;
  font-family: "ChevinDemiBold";
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}

div.div_vert
{
  height: 49.5px;
  width: 55px;
  background-color: #ABCA00;
  color: #000000;
  font-family: "Chevinlight";
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}

td.td_agenda
{
  height: 35px;
} 


.ImgJourFamille {
	background-color: #bdecb6;
}

.ImgSeanceInfo {
	background-color: #c2e2f4;
}

.ImgBanquet {
	background-color: #f1efe3;
}

.ImgFormation {
	background-color: #feffb3;
}

.ImgAssembleeGenerale {
	background-color: #d6cdc8;
}

.ImgSalon {
	background-color: #80e5a6;
}

.ImgAutre {
	background-color: #dac2dc;
}

.texteActiDivers .cadrePhotoDescr p {
	min-height: auto;
}

.inscription a {
	margin: 15px;
	display: inline-block;
}



.descriAtv {
	margin: 25px 0px 25px 0px;
}


#divCheminPageCourante h1.titreReduit {
	font-size: 35px;
	line-height: 35px;
	margin-top: 5px;
}

/*
.imgSlideshow{background-color:pink;
margin-right;25px;
width:200px;

float:left;
display:flex;}
*/

.sponsors tr td.centre div{
	padding: 0px 12.5px 0px 0px;
	height: 113px;	
	width:200px;
	display:block; 
  overflow: hidden;
}
.sponsors tr td.centre div div div {
  padding: 0px 0px 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sponsors .imgSlideshow {
	float:left;
}
/*-------*/

    @font-face{
        font-family:"ChevinThin";
        src:url("Fonts/5069869/bea4278c-1f8f-40ef-b6cc-d263ee41e777.eot?#iefix");
        src:url("Fonts/5069869/bea4278c-1f8f-40ef-b6cc-d263ee41e777.eot?#iefix") format("eot"),url("Fonts/5069869/936b5696-3607-4bc5-9748-9aa02a088298.woff2") format("woff2"),url("Fonts/5069869/8b6f7b40-b366-4931-a873-ba8dceb750f1.woff") format("woff"),url("Fonts/5069869/f5e1cf44-dd79-4730-a32d-e618885b81bc.ttf") format("truetype");
    }
    @font-face{
        font-family:"ChevinMedium";
        src:url("Fonts/5069909/8b868320-991e-466d-bbb0-7478e7606f16.eot?#iefix");
        src:url("Fonts/5069909/8b868320-991e-466d-bbb0-7478e7606f16.eot?#iefix") format("eot"),url("Fonts/5069909/b7438b68-12b2-41d0-ae8e-c120a8a39eae.woff2") format("woff2"),url("Fonts/5069909/5557225d-fc29-4593-b265-ca7ac6df2d03.woff") format("woff"),url("Fonts/5069909/2d4d34da-914e-4723-a432-d61ef8ac3e69.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 Light Italic5069933";
        src:url("Fonts/5069933/f0963652-6c91-4d51-be7a-cf36a52a4957.eot?#iefix");
        src:url("Fonts/5069933/f0963652-6c91-4d51-be7a-cf36a52a4957.eot?#iefix") format("eot"),url("Fonts/5069933/87f48dfe-9a79-4c9e-b4bb-d463fab0a8ad.woff2") format("woff2"),url("Fonts/5069933/65e0ed23-9292-4a6c-b1f1-ff7365d93152.woff") format("woff"),url("Fonts/5069933/0083d8ae-c00c-4464-86a2-99c465be39f1.ttf") format("truetype");
    }
    @font-face{
        font-family:"ChevinBold";
        src:url("Fonts/5069959/bc68d4a1-74c0-49c1-8e86-3aef3e27252a.eot?#iefix");
        src:url("Fonts/5069959/bc68d4a1-74c0-49c1-8e86-3aef3e27252a.eot?#iefix") format("eot"),url("Fonts/5069959/b087b4bd-dfab-4b33-82a0-4f202e0d1f2b.woff2") format("woff2"),url("Fonts/5069959/e3bf62c2-5e02-4fe9-a896-5033dafcccce.woff") format("woff"),url("Fonts/5069959/6b854d3e-3831-4bcc-89e9-c5ebf70db223.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 Medium Italic";
        src:url("Fonts/5069992/77c1fd34-3b92-4c53-ab0f-421ea3886f50.eot?#iefix");
        src:url("Fonts/5069992/77c1fd34-3b92-4c53-ab0f-421ea3886f50.eot?#iefix") format("eot"),url("Fonts/5069992/6a4ba84e-28d1-431a-bbff-bcdfb7b22c0b.woff2") format("woff2"),url("Fonts/5069992/88080481-4b23-40fe-aecc-01dbc7611594.woff") format("woff"),url("Fonts/5069992/8506d7e4-4a70-4cbc-bbb9-59d20f7768bc.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 Bold Italic";
        src:url("Fonts/5070032/7b7ecaba-8a6c-408d-891b-23bf539a5996.eot?#iefix");
        src:url("Fonts/5070032/7b7ecaba-8a6c-408d-891b-23bf539a5996.eot?#iefix") format("eot"),url("Fonts/5070032/480c256b-df2c-4784-8b1c-3dbdd8f0a6a8.woff2") format("woff2"),url("Fonts/5070032/78bc2b81-fced-4d9c-aaa5-c07cc5f03d0a.woff") format("woff"),url("Fonts/5070032/2008075c-7c67-4d6e-8f6d-80c0b99fe096.ttf") format("truetype");
    }
    @font-face{
        font-family:"ChevinDemiBold";
        src:url("Fonts/5070043/6fb516f2-897b-4504-9320-61cc91e41378.eot?#iefix");
        src:url("Fonts/5070043/6fb516f2-897b-4504-9320-61cc91e41378.eot?#iefix") format("eot"),url("Fonts/5070043/91b99193-fe86-43d7-9301-022a89d9aaaf.woff2") format("woff2"),url("Fonts/5070043/95fdde09-7c03-4b7b-9f94-468a001d4cc3.woff") format("woff"),url("Fonts/5070043/80c0ada7-dc5e-4264-849f-4144f02db833.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 DemiBold Italic";
        src:url("Fonts/5070054/3edddea0-a55f-47e5-9905-1d0814747967.eot?#iefix");
        src:url("Fonts/5070054/3edddea0-a55f-47e5-9905-1d0814747967.eot?#iefix") format("eot"),url("Fonts/5070054/ebfad57f-6bf1-45ad-913a-7f90809202af.woff2") format("woff2"),url("Fonts/5070054/ae755ba3-3727-40a9-80f3-14c0a7331131.woff") format("woff"),url("Fonts/5070054/3394e8fd-6e94-4418-90a3-5e2c03a4591e.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 ExtraBold";
        src:url("Fonts/5070075/1abd6fbc-2e3b-4cf8-98e4-f51dbbc13e6d.eot?#iefix");
        src:url("Fonts/5070075/1abd6fbc-2e3b-4cf8-98e4-f51dbbc13e6d.eot?#iefix") format("eot"),url("Fonts/5070075/0085ff96-5b1a-443c-9d8e-04bae093ea71.woff2") format("woff2"),url("Fonts/5070075/7eda736d-25a0-44b1-bb08-6432c4d02a6d.woff") format("woff"),url("Fonts/5070075/d61183f5-080d-428d-af47-62f80afaf90f.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevinlight";
        src:url("Fonts/5070146/202b23da-c658-42cf-8137-cf7c1d318b64.eot?#iefix");
        src:url("Fonts/5070146/202b23da-c658-42cf-8137-cf7c1d318b64.eot?#iefix") format("eot"),url("Fonts/5070146/9004bd79-791b-4b4d-bd6e-a5fcdc3676ab.woff2") format("woff2"),url("Fonts/5070146/47795795-79ea-46f2-8133-7f963e385043.woff") format("woff"),url("Fonts/5070146/771da924-7833-41df-ab80-545406374079.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 Thin Italic5070311";
        src:url("Fonts/5070311/34be65e8-eb1c-47ec-8464-9176589f3b4e.eot?#iefix");
        src:url("Fonts/5070311/34be65e8-eb1c-47ec-8464-9176589f3b4e.eot?#iefix") format("eot"),url("Fonts/5070311/a1786f29-b0b8-4546-b0db-7063fc585603.woff2") format("woff2"),url("Fonts/5070311/cf367010-f7a8-448e-9b66-ecdcd384e395.woff") format("woff"),url("Fonts/5070311/13a8bdd8-e968-4514-924c-be8064422439.ttf") format("truetype");
    }
    @font-face{
        font-family:"Chevin W01 ExtraBold Italic";
        src:url("Fonts/5070376/308228ad-7068-4f1b-9101-9f4658cf50b1.eot?#iefix");
        src:url("Fonts/5070376/308228ad-7068-4f1b-9101-9f4658cf50b1.eot?#iefix") format("eot"),url("Fonts/5070376/e67c7ec3-4289-4fd5-a8d2-9c547bb887ac.woff2") format("woff2"),url("Fonts/5070376/d716b660-2f0c-464b-a75e-f12b8ba961d6.woff") format("woff"),url("Fonts/5070376/b4d23852-6ca2-4d5f-a1f6-719bccdfd379.ttf") format("truetype");
    }


.divNewsInstalConso {
   display: flex;
   flex-direction: row;
   padding: 20px;
   padding-left: 0px;
   padding-top: 20px;
   background-color: #004556;
   color: white;
}
.divNewsInstalConso div {
    display: flex;
    flex-direction: row;

}
.divNewsInstalConso div .radio{
    margin-top: 3px;
    margin-right: 10px;
    margin-left: 20px;
}
.divNewsInstalConso .libelle {
    margin-left: 20px;
    text-align: right;
}


.highslide-container img {
    cursor: pointer;
}
.captionNavigation {
    font-size: 15px;
    font-family: "ChevinMedium";
    color: #727272;
}
.captionNavigation tr {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
}
.captionNavigation tr td {
    width: calc(100%);
    text-align: center;
    display: flex;
    justify-content: center;
}
.captionNavigation tr td {
    text-align: center;
}
.captionNavigation tr td.navigation {
    width: 100%;
}
.captionNavigation tr tr {
    display: flex;
    flex-direction: row;
}
.captionNavigation tr td.navigation td {
    width: auto;
    line-height: 29px;
}
.captionNavigation tr td.navigation div {
    width: 100px;
}
.captionNavigation tr td.legende {
    justify-content: flex-end;
    font-size: 11px;
}
.navigation table {
    width: 100%;
}
.captionDescription {
    font-family: 'ChevinMedium';
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #004556;
}
.captionDescriptiontitre {
	font-size: 16px;
	margin-bottom: 10px;
}
.captionWrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.loadbar {
  background-image: url('../Images/loadbar.gif');
  width: 100%;
  background-size: 30px 30px;
  height: 40px;
  margin-top: 24px;
  margin-bottom: 36px;
  background-repeat: no-repeat;
}
#menuMobile {
  display: none;
}
.mobileOnly {
  display: none;
}

div#ChampLangue > a#motdepasseoublie {
  position: absolute;
  /*color: #2c70c9;*/
  color: var(--colorVert);
  text-align: right;
  font-family: "ChevinDemiBold";
  font-size: 14px;
  float: none;
  background-color: rgba(0, 0, 0, .0);
  width: 100%;
  margin-left: 0px;
  padding: 0px;
  top: 103px;
}
.ui-front {
  z-index: 1000 !important;
}


@media screen and (max-width: 600px),  screen and (max-device-width: 600px) {

  
  .ui-dialog {
    width: calc(100% - 10vw - 10px) !important;
    left: 5vw !important;
    padding: 5px !important;
  }
  .mobileOnly {
    display: block;
  }
  #menuMobile {
    display: block;
  }
  .bar1, #menuMobile .bar2, #menuMobile .bar3 {
    width: 35px;
    height: 5px;
    background-color: #004556;
    margin: 6px 13px;
    transition: 0.4s;
  }
  #menuMobile {
    display: block;
    position: fixed;
    top: 0px;
    right: 10px;
    width: 60px;
    height: 60px;
    z-index: 102;
    cursor: pointer;
  }
  #menuMobile .bar1 {
    margin-top: 17px;
  }
  #menuMobile.ouvert .bar1 {
    transform: rotate(-45deg) translate(-9px, 6px);
  }
  #menuMobile.ouvert .bar2 {
    opacity: 0;
  }
  #menuMobile.ouvert .bar3 {
    transform: rotate(45deg) translate(-8px, -8px);
  }
  #tableContenu.ouvert {
    display: none;
  }
  #tableContenu {
    /*display: block;*/
  }
  
  div#menus {
    position: absolute;
    top: 0px;
    background-color: white;
    left: -100vw;
    z-index: 101;
    transition: all .4s ease;
    height: calc(100vh - 10vw);
    transform: translateX(0px);
  }
  div#menus.ouvert {
    transform: translateX(100vw);
  }
  div.HautCentre {
    height: 60px;
    position: fixed;
    background-color: white;
    z-index: 99;
  }
  img.HautGauche {
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px; 
  }
  .menu2 {
    position: relative;
  }
  body, html, 
  div.divContent, div#divContenantMilieu, div#divFooter, div.HautCentre,
  td#tdContenant, td#tdContenantFooter, td.tdDemiPage, 
  table#table_Accueil, table#tableChechElec, table#tablePub, table#tableContenu,
  .menu2, .menu2centre,
  div.divCarteELOYA, div.divCarte1111, div.divCarte  {
    width: 100vw;
    min-width: 100vw;
  }
  .select_395, .select_189, input#btnConnexion, #inputMail.textNewsLetters .divNewsLetters select, .divNewsLetters span.select,
  div#divCheminPageCourante, 
  div.divInfoSociale, div.divInfoFinanciere, 
  div#divRecherche, div.divFormContact, 
  div.divResultElecTitre, div.divResultElec,
  div#divEMail, div#divMotDePasse, div#divBtnLogin, 
  button#Connexion, button#Contact,
  .divNewsLetters select,
  div#rightAgenda   {
    width: 90vw;
  }
  p.pMajuscVert,
  td#tdFooter1, td#tdFooter3, td#tdFooter4,
  div.div_demiGauche.texteCatDoc, div.div_demiDroite.texteCatDoc,
  #tableChechElec td.td_270,
  .div_demiGauche,
  .tableChamps tr, tr#trBandeau,
  div#divLogin,
  div#rightContent  {
    width: 90vw !important;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  td#tdGaucheBlanc, #tableChechElec td.td_20, td#tdFooter2, #trSilde, td.td_agenda, td.td_30 {
    display: none;
  }
  #tableChechElec tr:first-child,
  #table_Accueil tr.tr_Accueil, tr#trTableFooterCentre,
  div#menus, .menu2centre,
  .tableChamps tr,
  #formNewsLetters,
  .divNewsInstalConso,
  .divNewsInstalConso div {
    display: flex;
    flex-direction: column;
  }
  #tableChechElec tr.trCheckBoxInstall, .TableStatutCatCot tr, .divNewsInstalConso div div {
    flex-direction: row;
    display: flex;
  }
  tr#trTableFooterCentre td:first-child,
  p.pMajuscVert,
  td#tdFooter1, td#tdFooter3, td#tdFooter4,
  div.div_demiGauche.texteCatDoc, div.div_demiDroite.texteCatDoc,
  #tableChechElec td.td_270,
  .div_demiGauche,
  tr#trBandeau, .menu2 {
    display: block;
  }
  td.tdDemiPage.demiDroite,
  td.tdDemiPage.demiGauche, 
  div.divContent,
  div.divCarte {
    border: none;
  }
  div#divRecherche, div#divEMail, div#divMotDePasse, div#divBtnLogin, button#Connexion, button#Contact, div.titre, div#rightContent {
    float: none !important;
  }
  div#ChampLangue span, div#ChampLangue > a {
    float: left;
  }

  body, html, 
  div.divContent, div#divContenantMilieu, div#divFooter, div.div_demiGauche.texteCatDoc, div.div_demiDroite.texteCatDoc, div#divMotDePasse, .div_demiGauche,
  td#tdContenant, td#tdContenantFooter, td.tdDemiPage, td#tdFooter1, td#tdFooter3, td#tdFooter4, #tableChechElec td.td_270,
  tr#trBandeau, table#table_Accueil, table#tableChechElec, table#tablePub, table#tableContenu,
  p.pMajuscVert, input#btnConnexion,
  div#menus a.Leftmenu1, div#menus span.Leftmenu1, .Leftmenu2, #menus a, .menu2, div#menus,
  input#btnIDNewsLetters, .divNewsLetters select, .divNewsLetters span.select, div#rightActualite {
    margin: 0px;
  }
  h1#h1PageCourante {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  div.divSelectCat, input.textNewsLetters {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
  }
  div#divRecherche {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  input#txtCP, input.textNewsLetters, #contenuActu {
    margin-left: 0px;
    margin-right: 0px;
  }
  div#divEmailMdP, td.tdDemiPage {
    margin-top: 0px;
  }
  table.ligneCatDoc, div#divEMail, div#divMotDePasse, div#divBtnLogin, button#Connexion, button#Contact {
    margin-top: 5vw;
  } 
  div#BoutonsConnectContact {
    margin-top: 8vw;
  }
  tr#trBandeau, #table_Accueil tr.tr_Accueil {
    margin-top: 60px !important;
  }
  .TableStatutCatCot tr td {
    margin-right: 2.5vw;
  }
  div.pMajuscBlanc, div#divRecherche, td.tdDemiPage, div#BoutonsConnectContact {
    margin-bottom: 5vw;
  }
  #tableChechElec tr.trCheckBoxInstall, .divNewsInstalConso div div {
    margin-bottom: 2.5vw;
  }
  div.texteCatDoc {
    margin-bottom: 0vw;
  }
  button#Contact, button#Connexion, div#ChampLangue span, div#ChampLangue > a {
    margin-left: 5vw;
  } 
  .divNewsInstalConso div .radio {
    margin-left: 0px;
  }
  div.titreCatDoc, div.divFormContact, div.divInfoSociale, div.divInfoFinanciere, div.divResultElecTitre, div.divResultElec, div.texteCatDoc.margintop_20  {
    padding: 5vw !important;
  }
  .menu2, img.imgImagetteDocument, td.tdDemiPage, div#rightActualite, div#rightAgenda, div#rightNewLetter {
    padding: 0px; 
  }
  div.blocCatDoc div.bloctelechargements {
    padding: 0px 5vw 5vw 5vw;
  }
  div#menus, p.pMajuscVert, div.pMajuscVert, div.pMajuscVertNavigation {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  div#menus a.Leftmenu1, div#menus span.Leftmenu1, .Leftmenu2, #menus a, div.sousTitre, div.div_div_690_120 {
    padding-bottom: 2.5vw;
    padding-top: 2.5vw;
  }
  div#menus a.Leftmenu1, div#menus span.Leftmenu1, .Leftmenu2, #menus a, .ligneCatDoc td:nth-child(2), div.div_div_690_120 {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .ligneCatDoc td:nth-child(2) {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 2.5vw;
  }
  td#tdFooter1, td#tdFooter3, td#tdFooter4 {
    padding-top: 10vw;
  }
  div.pMajuscVert:nth-child(2), td.td_33  {
    padding-right: 5vw;
  }
  p#pByOrganica, td.tdAccueil {
    padding-bottom: 5vw;
  } 
  .LibelleComptePerso {
    padding-bottom: 2.5vw;
  }
  a#aFooterAccueil {
    padding-bottom: 10px;
  }
  div.pMajuscVert:first-child {
    padding-left: 5vw;
  }
  ul#ulFooterDroit, .LibelleComptePerso, .TableStatutCatCot tr {
    padding-left: 0px;
  }

  li.liFooterDroit, .LibelleComptePerso, .divNewsInstalConso .libelle {
    text-align: left;
  }
  input#txtEmail, input#txtPassword, input#txtCP, input.textNewsLetters, #contenuActu, #inputMail.textNewsLetters {
    width: calc(90vw - 9px);
  }
  input.textContactDouble {
    width: calc(90vw - 15px);
  }
  .texteAreaContact {
    width: calc(90vw - 30px);
  }
  .divNewsLetters span.select {
    width: calc(90vw - 32px);
  }
  .MesCoord input, input#searchForm {
    width: calc(90vw - 38px);
  }
  .div_div_690_120  {
    width: 70vw !important;
  }
  div.titre, .ligneCatDoc td:nth-child(2) {
    width: 60vw !important;
  }
  div.pMajuscVert:first-child {
    width: calc(90vw - 46px);
  }
  div.pMajuscVert:nth-child(2) {
    width: 46px;
  }
  .div_photo_admin img, div.div_photo_admin, .ligneCatDoc img {
    height: 20vw !important;
    width: 20vw !important;
  }
  td.tdLargeurFixe {
    width: 20vw;
  }
  img.imgTelechargement {
    width: 20vw;
    height: 20vw;
  }
  

  tr#trTableFooterCentre, tr#trBandeau,  #tableChechElec tr.trCheckBoxInstall,
  div#divFooter, div#divChemin, div.divInfoSociale, div.divInfoFinanciere, div.divContent, div.divPetitBloc,
  td.tdAccueil, #divTexteNewsLetters {
    height: auto !important;
    min-height: auto !important;
  }
  img.imgHome {
    height: 97px;
  }
  div.div_Blanc_20_Hauteur {
    height: 2.5vw;
  }
  div.div_div_690_120 {
    min-height: 15vw;
  }
  div.divContent, div.texteCatDoc, div.titreNomPrenom, div.titre, .blocActi td.titre .date, a.savoirplus, span.soldout {
    font-size: min(5vw, 20px);
  }
  div.titreCatDoc, .blocActi td.titre .titre {
    font-size: max(min(5vw, 31px), 20px);
  }
  div.sousTitre, p.pMajuscVert, div.pMajuscVert, div.pMajuscVertNavigation, div.pMajuscBlanc, div.div_div_690_120,
  div#menus a.Leftmenu1, div#menus span.Leftmenu1, .Leftmenu2, #menus a, div#rightAgenda, div#rightNewLetter, div#rightActualite, #menus #rightContent a {
    font-size: min(6vw, 22px);
  }
  h1#h1PageCourante {
    font-size: max(min(6vw, 41px), 30px);
  }

  div.titre {
    padding: 2.5vw calc(27px)  2.5vw  5vw  !important;
    height: 15vw;
  }
  div.texteCatDoc {
    padding:  calc(97px + 5vw) 5vw 5vw 5vw  !important;
  }
  div.texteCatDoc.paddingTextStatic {
    padding-top: 5vw !important;
  }
  div.divImgHome {
    float: left;
    width: 100vw;
    border:none !important;
  }
  #divTexteNewsLetters div.titre {
    width: 90vw !important;
    padding: 0vw !important;
    height: auto !important;
  }
  div#divTexteNewsLetters.titre {
    width: 90vw !important;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-left: 0px !important;
  }
  .divNewsInstalConso {
    width: 90vw;
    margin-left: -5vw;
    padding: 5vw;
  }
  .divNewsInstalConso .libelle {
    margin: 0px;
    margin-bottom: 2.5vw;
  }
  div#divNewsLetters {
    height: auto;
    width: 90vw;
    padding-left: 5vw;
    padding-right: 5vw; 
    padding-bottom: 5vw;
    margin-left: -5vw;
    margin-top: 0px;
  }
  .divNewsLetters span.select {
    background-position-x: calc(90vw - 229px);
    background-color: white;
  }
  .divNewsLetters select {
    margin-bottom: calc(10px + 5vw);
  }
  #menus #rightContent a {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
  td.tdColGauche {
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    vertical-align: middle;
  }
  div#rightAgenda, div#rightActualite, div#rightNewLetter  {
    padding-top: 2.5vw;
  }
  td.td_50_agenda {
    height: 2.5vw;
  }
  div#rightContent {
    margin-top: 5vw;
  }
  .menu2 {
    display: none;
  }
  span.Leftmenu1 {
    background-image: url("../Images/PetitVVertDown.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 5vw) center;
  }
  span.Leftmenu1.bas {
    background-image: url("../Images/PetitVVertUp.png");
  }
  #btndevenirMembre1, #btndevenirMembre_Label, #btndevenirMembre2 {
    float: none;
    margin-top: 5vw;
  }
 
  .blocActi td.date {
    width: 20vw;
    padding: 0px;
  }
  .blocActi td.titre {
    padding-left: 2.5vw;
  }
  .blocActi {
    padding: 5vw;
  }
  .blocActi td.titre div.titre {
    padding: 0px 0px 2.5vw 0px !important;
    height: auto;
  }
  .blocActi div.date.desc {
    padding-right: 0px;
  }
  a.savoirplus, span.soldout {
    position: relative;
    text-align: right;
    width: 100%;
    display: block;
    right: 0px;
    bottom: 0px;
    margin-top: 2.5vw;
  }
  .divContent div.sousTitre, .galeriePhotoActi  {
    padding-left: 5vw;
    padding-right: 5vw;
    width: 90vw;
  }
  .titreSousCatDct {
    padding-left: 2.5vw;
  }
  td.tdLargeurFixe {
    margin-left: 5vw;
    display: block;
  }
  .titreSousCatDct {
    padding-left: 2.5vw;
    padding-right: 5vw;
    width: 67.5vw !important;
  }
  .texteCatDoc img {

  }
  #tableFormContact tr:nth-child(3), #tableFormContact tr:nth-child(5) {
    display: flex;
    flex-direction: column;
  }
  #tableFormContact tr:nth-child(9) td:nth-child(1) {
    display: none;
  }
  input.txtContact1 {
    width: calc(90vw - 15px);
    margin-top: 15px;
  }
  #txtEmailID {
    margin-top: 0px;
  }
  .btnBtnContact {
    width: 90vw;
  }
  .divBtnEnvoiContact {
    float: none;
    width: 90vw;
    margin-left: 0px;
  }
  .divBtnEnvoiImage {
    display: none;
  }
  .select_189 {
    background: url(../Images/background_select395.png) no-repeat center;
  }
  .divResultElecTitre div.titre {
    padding-left: 0px !important;
  }
  .ligneCatDoc div.texteSousCatDoc {
    padding-left: 2.5vw;
    padding-right: 5vw;
    width: 67.5vw !important;
  }
   .ligneCatDoc div.titreSousCatDct {
    padding-bottom: 2.5vw;
  }
  div.bloctelechargements {
    padding: 2.5vw 5vw;
  } 
  div.bloctelechargements td.tdLargeurFixe {
    margin-left: 0px;
  }
  #dateActu, #catActu {
    width: calc(100vw - 30px);
    display: inline-block;
    background-position-x: 100%;
    background-color: white;
  }
  input#contenuActu {
    display: inline-block;
    width: calc(100vw - 49px);
    margin-bottom: 15px;
    margin-right: 0px;
    padding-left: 19px;
  }
  #dateActu {
    margin-bottom: 15px;
  }
  .blocActi td.date {
    height: 20vw;
  }
  .blocActi td.date div {
    width: 20vw;
    height: 20vw;
  }
  .blocActi td.date .jour {
    height: 9vw;
    line-height: 9vw;
    margin-left: 1vw;
    margin-right: 1vw;
    margin-top: 1vw;
    width: 18vw;
    font-size: 6vw;
    line-height: 9vw;

  }
  .blocActi td.date .mois {
    height: 9vw;
    line-height: 9vw;
    font-size: 5vw;
  }
  .divContent .texteCatDoc div.sousTitre {
    padding-left: 0px;
    padding-right: 0px;
  }
  .texteActiDivers {
    padding-left: 0px;
    padding-right: 0px;
  }
  .divContent .texteActiDivers div.sousTitre {
    padding-left: 0px;
    padding-right: 0px;
  }
  .docActi td.tdLargeurFixe {
    margin-left: 0px;
  }
  .loginActi input:nth-child(2) {
    margin-top: 15px;
  }
  .blocCatDoc {
    height: auto !important;
  }
  .tableChamps th {
    margin-left: -5vw !important;
  }
  #zipanddownloadbutton2 {
    margin-bottom: 15px;
  }
  #zipanddownloadbutton, #zipanddownloadbutton2 {
    width: calc(90vw);
    float: none;
    margin-left: 5vw;
  }
  .boutonSupprimerFav {
    margin: 0px;
  }
  .MesCoord .tableChamps tr:nth-child(11) tr{
    flex-direction: row;
    padding-left: 0px;
    justify-content: space-between;
  }
  .MesCoord .tableChamps tr:nth-child(11) tr td {
    width: 45vw !important;
    text-align: left !important;
  }
  .texteCatDoc img {
    width: 90vw !important;
    height: auto !important;
  }
  div#ChampLangue > a#motdepasseoublie {
    position: relative;
    top: unset;
    padding-right: 5vw;
    padding-left: 5vw;
    width: calc(100% - 10vw);
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  #menus a.aClassConnecte {
    padding-right: 0px;
  }
}



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

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

@media (min-width: 896px){
  .protectCookieBanner-Notice {
    max-width: 850px;
    border-radius: 2px;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    background-color: transparent;
  }
}
@media (max-width: 895px){
  .protectCookieBanner-Notice{
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 2px 2px 0px 0px;
    background-color: transparent;
  }
  .protectCookieBanner-Notice-body{
    border-radius: 2px 2px 0px 0px;
  }
  .boutonCookies { /* Boutton pour les cookies. */
    margin-right: 31px;
    letter-spacing: 0.5px;
  }
}
@media(max-width:1250px){
  .modal-cookies-content {
    border-radius: 2px !important;
    margin: 6vh auto;
    background-color: var(--bg-color);
    width: 90%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
    opacity: 1;
  }
  .modal-cookies-button {
    text-decoration: none !important;
    background-color: var(--bg-color);
    border-radius: 0px;
    width: auto;
    height: 36px;
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    font-size: 15px;
    white-space: nowrap;
    border: 0px var(--bg-color);
  }
  .modal-cookies-button:disabled {
    text-decoration: none !important;
    background-color: var(--disabled-color);
    border-radius: 0px;
    width: auto;
    height: 36px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    margin-right: 0.5em;
    font-size: 15px;
    white-space: nowrap;
  }
  .modal-cookies-disabled {
    text-decoration: none !important;
    background-color: var(--disabled-color);
    border-radius: 0px;
    width: auto;
    height: 36px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    margin-right: 0.5em;
    font-size: 15px;
    white-space: nowrap;
  }
}
body.modal-open {
  overflow: hidden;
  position: fixed;
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100%;
  width: 100%;
    overflow: hidden;
    font-family: var(--font-family);
}
.style-overlay {
    display: none;
    position: fixed;
  left: 0;
    top: 0;
    width: 100% !important;
  height: 100% !important;
  z-index: 9999 !important;
  background-color: rgba(255,255,255,0.7);
    opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  opacity:0.8 !important;
}
.zoneParamCookies {
  margin-top: 30px;
  margin-bottom: 30px;
}
.modal-cookies-header h1,.modal-cookies-header h2 {
  margin: 0;
  color: #fff;
}
.modal-cookies-header {
    background: var(--modal-color);
    padding: 20px;
    color: #fff;
  text-align: left;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.modal-cookies-body {
  padding: 20px;
  background: #fff;
  text-align: left;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  font-family: var(--font-family);
  color: var(--autre-color);
  font-size: 18px;
}
@media(min-width: 1250px){
  .modal-cookies-content {
    border-radius: 2px;
    margin: 17.5vh auto;
    background-color: var(--bg-color);
    width: 50%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  }
  .modal-cookies-button {
    text-decoration: none !important;
    background-color: var(--bg-color);
    border-radius: 0px;
    width: auto;
    height: 40px;
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    font-size: 16px;
    white-space: nowrap;
    border: 0px var(--bg-color);
  }
  .modal-cookies-button:disabled {
    text-decoration: none !important;
    background-color: var(--disabled-color);
    border-radius: 0px;
    width: auto;
    height: 40px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    margin-right: 0.5em;
    font-size: 16px;
    white-space: nowrap;
  }
  .modal-cookies-disabled {
    text-decoration: none !important;
    background-color: var(--disabled-color);
    border-radius: 0px;
    width: auto;
    height: 40px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    margin-right: 0.5em;
    font-size: 16px;
    white-space: nowrap;
  }
}
#modal-cookies{
  opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3 ease-in-out;
}
  
.close {
    color: var(--font-color);
    float: right;
    font-size: 30px;
    color: var(--font-color);
}
  
.close:hover,.close:focus {
    color: var(--autre-color);
    text-decoration: none;
    cursor: pointer;
}
.sousTitre-modal-cookies{
    font-size: 18px;
}
  
@keyframes modalopen {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
.switch input{
  display: none;
}

.modal-cookies-a {
  text-decoration: none !important;
  background-color: var(--font-color);
  width: auto;
  height: 40px;
  border: 0px rgba(224, 46, 0, 0);
  font-family: var(--font-family);
  vertical-align: text-bottom;
  color: var(--autre-color);
  padding: 2px 0px 2px 0px;
  font-size: 15px;
  float: left;
}

.modal-cookies-a span a{
  text-decoration: none;
  color: var(--autre-color);
    display: block;
    padding-top: 26px;
    text-align: center;
  line-height: 1em;
}
.modal-cookies-a span a:hover{
  text-decoration: underline;
}
  
.modal-cookies-button:focus, .modal-cookies-disabled:focus, .modal-cookies-button2:focus {
    outline: 1px solid var(--font-color);
    box-shadow: 0px 0px 1px 1px var(--font-color);
}
button:not(:disabled).modal-cookies-button, [type="button"]:not(:disabled).modal-cookies-button, [type="reset"]:not(:disabled).modal-cookies-button, [type="submit"]:not(:disabled).modal-cookies-button {cursor: pointer;}
button:not(:disabled).modal-cookies-disabled, [type="button"]:not(:disabled).modal-cookies-disabled, [type="reset"]:not(:disabled).modal-cookies-disabled, [type="submit"]:not(:disabled).modal-cookies-disabled {cursor: pointer;}
button:not(:disabled).modal-cookies-button2, [type="button"]:not(:disabled).modal-cookies-button2, [type="reset"]:not(:disabled).modal-cookies-button2, [type="submit"]:not(:disabled).modal-cookies-button2, .modal-cookies-a {cursor: pointer;}

.modal-cookies-button2 {
  text-decoration: none !important;
  background-color: var(--bg-color);
  border-radius: 0px;
  width: auto;
  height: 32px;
  border: 0px var(--bg-color);
  font-family: var(--font-family);
  color: var(--font-color);
  padding: 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: 0px;
  width: auto;
  height: 32px;
  border: 0px var(--disabled-color);
  font-family: var(--font-family);
  color: var(--font-color);
  padding: 2px 20px 2px 20px;
  margin-right: 0.5em;
    font-size: 13px;
    white-space: nowrap;
}
.div-li-cookie-bas {
  margin-top: 4px !important;
  float: right !important;
}
.div-sup-cookie-bas {
  display: inline !important; 
}
@media (max-width:896px){
  .boutonCookiesRight { /* Boutton pour les cookies. */
    text-decoration: none !important;
    background-color: var(--colorbtn-transparent-color);
    width: auto;
    margin-top: 10px;
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    letter-spacing: 0.5px;
    border: 2px solid white;
    height: 34px;
    vertical-align: middle;
    opacity: 0.8;
  }
}
@media (min-width:895px){
  .boutonCookiesRight { /* Boutton pour les cookies. */
    text-decoration: none !important;
    background-color: var(--colorbtn-transparent-color);
    width: auto;
    margin-top: 10px;
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    float: right;
    letter-spacing: 0.5px;
    border: 2px solid white;
    height: 34px;
    vertical-align: middle;
    opacity: 0.8;
  }
}
@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: 0px;
    width: auto;
    height: 32px;
    border: 0px var(--bg-color);
    font-family: var(--font-family);
    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: 0px;
    width: auto;
    height: 32px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    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: 30px;
    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: 0px;
    width: auto;
    height: 32px;
    border: 0px var(--bg-color);
    font-family: var(--font-family);
    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: 0px;
    width: auto;
    height: 32px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    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: 0px;
    width: 100%;
    height: 32px;
    border: 0px var(--bg-color);
    font-family: var(--font-family);
    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: 0px;
    width: 100%;
    height: 32px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    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: 0px;
    width: 100%;
    height: 40px;
    border: 0px var(--bg-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    font-size: 15px;
    white-space: nowrap;
  }
  .modal-cookies-button:disabled {
    text-decoration: none !important;
    background-color: var(--disabled-color);
    border-radius: 0px;
    width: 100%;
    height: 40px;
    border: 0px var(--disabled-color);
    font-family: var(--font-family);
    color: var(--font-color);
    padding: 2px 20px 2px 20px;
    margin-right: 0.5em;
    font-size: 15px;
    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;
  }
}

/* SWITCHER MODAL COOKIE */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 31px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch input{ 
    opacity: 0.5;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--disabled-color);
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.textSousSlider {
  font-family: var(--font-family);
  font-size: 8.5px;
  text-align: center;
  letter-spacing: 0.5px;
  color: var(--autre-color);
  padding-top: 2px;
}
  
input:checked + .slider {
    background-color: var(--bg-color);
}

input:checked:disabled + .slider{
    background-color: var(--active-transparent-color) !important;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px var(--bg-color);
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 2px;
}
.slider.round:before {
    border-radius: 2%;
}
.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 16px;
}

.modal-cookies-body-item {
    justify-content: flex-start;
  padding-top: 2px;
    padding-right: 20px;
}
.modal-cookies-body-item2 {
    justify-content: flex-start;
}
.modal-cookies-body-titre{
    font-weight: bold;
  color: var(--bg-color);
  display: inline-block;
}
.modal-cookies-optionnelornot{
  display: inline-block;
  color: var(--disabled-color);
}
.modal-li-cookie {
  padding-top: 40px;
  display: flow-root;
  padding-bottom: -4px;
}
#protectCookieBanner{
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3 ease-in-out;
   /* display: none;*/
}
.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     
  =============================*/