:root{
    --color-primary: #ffad5b; --color-secondary: #f1d075; --color-tertiary: #f6de94; --color-4: #b49a81;
    --color-back: black; --color-back-bis: white; --color-back-video: black;
    --color-txt: white; --color-txt-bis: black; --color-txt-video: white; 
    --color-title: #f1d075; --color-title-bis: #ffad5b; --color-title-video: #f1d075; 
    --color-button: #f1d075; --color-button-before: #eedbb8;  --color-a: white; --color-a-hover: black;
    --font-title: 'Poppins',cursive; --font-subtitle: 'Poppins',cursive; --font-subtitle2: "Poppins",cursive; 
    --font-txt: 'Poppins',cursive; --font-txt2: "Poppins",cursive;
    --height-nav : 100px; 
    --background-actu: black;  --background-chro: black; --background-event: black; --background-ebook: black; --background-footer: #f6de94;
    --colortxt-actu: white;  --colortxt-chro: white; --colortxt-event: white; --colortxt-ebook: white; --colortxt-footer: white;
}
body, button, input, optgroup, select, textarea, p, span, a { font-family: var(--font-txt); }
a{ color: var(--color-a); padding: 5px 10px; }
a:hover { color: var(--color-a-hover); }
body{ font-size:0.9rem; }
.button { white-space: break-spaces; }
.button i { margin-right: 5px; }
/*.button.is-primary {  background-color: var(--color-primary);    border-color: transparent;    color: var(--color-secondary); }*/
.button.is-primary:hover { background-color: var(--color-button-before); color: var(--color-button); }
#divBtnOrange { text-align: center; margin-bottom: 5em; }
#navCompte .navbar-link:not(.is-arrowless)::after { border: none; }

.containerSliderDrasil .slick-dots { text-align: center; }
a{ text-decoration: none; }
#containerMain{ padding: 0;}
/*#containerMain .section { margin-top: 2em; }*/

.buttonOrangeJumpo{
    color: white;
    font-size: 1.1rem;
    background: linear-gradient(90deg, rgba(243,147,37,1) 0%, rgba(241,89,61,1) 100%);
    border-radius: 22px;
    padding: 0px 1%;   
    border:none !important;
}
.box-shadow{ box-shadow:  0 5px 20px rgba(0, 0, 0,0.19), 0 2px 6px rgba(0, 0, 0,0.23);}
.column{ padding: 0;}

/* MISE EN FORME DES CARDS */
.card { margin-top: 15px; position: relative; box-shadow: 0 0.5em 1em -0.125em rgba(200, 200, 200, 0.4), 0 0px 0 1px rgba(10, 10, 10, 0.02); } 
.catCard{
    padding: 0% 2%;
    width: fit-content;
}
.titleLink:hover{ text-decoration: underline; }
.subtitle.adresse {
    color: #adadad; margin-bottom: 3px;
}

/* LES CARDS */

.sectionCard .card { margin: 10px; }
.cardLargeHome{
    margin: 0% 0%;
}
.cardXL{
    width: 61vw; min-width: 61vw; max-width: 100%;  height: 300px; color: white;
}
.cardXL .title, .cardXL p, .cardXL a { color: white; }
.cardXL .catCard { background-color: white; color: black; font-weight: bold; }
.cardXL > div:first-child { padding: 15px; }
.cardXL .cardEtiquette {     font-size: 1.1rem; font-weight: lighter;
                             margin-top: 5px; margin-bottom: 10px; padding-bottom: 15px;
    border-bottom: 3px solid #1bb3be; }
.cardXL .content { max-width: 330px; position: relative;
    top: 75%;
    left: 25px; }
.cardXL .actionsDivDate { margin-top: 10px; }
.cardHMedia .media{
    align-items: flex-start;
    display: flex;
    text-align: inherit;
}
.cardHE {
    height: fit-content; width: 230px; height: 230px; min-width: 230px;  max-width: 230px;   
}
#containerMainADNC .contentWidgetEvent p {
    font-size: 12px;
}

#containerMainADNC .cardHEXL .contentWidgetEvent p {
    font-size: 18px;
}
.cardHEXL {
    height: fit-content; width: 460px; height: 480px; min-width: 350px;  max-width: 100%;  
}
.cardHEImgTitle { position: absolute; margin-top: -75px; margin-left: 15px; }
.cardHESubTitle { position: absolute; margin-top: -37px; margin-left: 15px; font-weight: bold;  padding: 0 10px; }
.cardHEImgTitle img { width: 75%; }
.cardContentHE { padding: 0 10px 10px 10px; }
.cardLarge {
    height: 225px; padding-right: 5px; max-width: none;
}
.cardLarge .column.is-8{
    padding: 3%;
}
.cardLContents > a {
    display: block;
    max-width: 90%;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    height: 3rem;
}
.cardLContents .author { line-height: 1.5; min-height: 1.5rem; }
.cardTitle { font-size: 1.2rem; font-weight: bold; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cardsFour { width: 468px; }
.cardsFour > div { margin-right: 4px; }

.imgCardLarge{
    height: 100%;
}
.actionsDiv{
    align-items: end;
}
.actionsDiv .imgInteract img{
    width: 2.5rem;
}
.actionsDiv .imgInteract{
    width: 2.5rem;
}
.actionsDiv p {
    font-size: 80%;
    color: white;
}
.actionsDiv .nbNotif {
    display: flex;align-items: center;justify-content: center;
    background-color: #0d4b65;width: 25px;height: 25px;position: absolute;
    top: -10px;right: -10px;
    border-radius: 50%;color:white;
}
#page_blogpress .actionsDiv div { display: none; }
#page_blogpress .actionsDiv p { color: #000000; text-align: right; position: absolute; right: 10px; bottom: 10px; }
#page_blogpress .card-content.cardCarrousselHome { height: 120px; }


/* ECRAN CONNEXION */
.bloc-connection, .buttons-co, .bloc-connection .field {
    display:flex;
    flex-direction: column;
    align-items:center;
}
.bloc-connection {
    width: 50%;
    background-color: white;
    border-radius: 25px;
    padding: 30px 0; margin: 10vh auto !important;
}
.bloc-connection img {
    width:200px;
    margin-bottom: 20px;
}
.bloc-connection p input {
    width: 200px;
    border-radius:150px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.buttons-co p {
    color:#2A6379 !important;
    font-weight:600;
    margin-bottom: 10px;
    text-align:center;
}
.btn-connection {
    background: linear-gradient(90deg, rgba(192,43,51,1) 0%, rgba(238,86,72,1) 100%) !important;
    border:none !important;
    width:150px;
    border-radius:150px;
    margin-bottom: 30px;
}
.btn-inscription {
    background: linear-gradient(90deg, rgba(247,251,59,1) 0%, rgba(254,205,58,1) 100%) !important;
    border:none !important;
    width: 150px;
    color:#2A6379 !important;
    border-radius:150px;
}


/* MON COMPTE */
/* MON COMPTE */
#blocMonCompte {
    margin-top: 50px;
    padding-bottom:5em;
}
#cardmesInfo {
    border: solid;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(90deg, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 50%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%); ;
}
#cardmesInfo h1 {
    color: #363636;
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
#cardmesInfo .card-content .media {
    align-items: center !important;
}
#cardmesInfo .card-content .media-left {
    margin-bottom: 15px;
    margin-right: 0 !important;
}

.media-left figure {
    border-radius: 50%;
    overflow: hidden;
}
.media-content a { display: flex; }
.media-content .title {
    color: black; width: 100%; padding-bottom: 10px; max-height: 80px; overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}
#blocMonCompte .media-content p {
    text-align:center;
}

.edit_buttons {
    margin-bottom: 1em;
    padding:5px;
}
.edit_buttons li {
    flex-direction: column;
    align-items:center;
}

.edit_buttons li input, .edit_buttons li .file-label {
    width: 250px;
}
.button-edit, .button-mdp {
    width:250px;
}

.button-edit {
    background-color: #d6d740;
    color: black;
    font-size:0.9rem
}

.button-mdp {
    background-color: #0c6573;
    color: white;
    font-size:0.9rem
}

#lien_linkDeco {
    color: #F15642;
}
/* CARD 3L */
.card3L, .card3L div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(15, 75, 100);
}

.card3L {
    border: 3px solid rgb(15, 75, 100);
    border-radius: 25px;
    width: 300px;
    max-width: 300px;
    margin: 15px 30px; 
    padding: 10px;
    max-height: 400px;
}

.card3L h3 {
    width: 100%;
    text-align: center;
    font-size: 17px; margin: 10px 0; min-height: 77px;
}

.card3L p {
    width: 96%;
    text-align: justify;
    font-size: 13px;
    margin: 0;
}

.card3L .el1 img {
    margin-top: -15px;
    margin-left: -55px;
    max-width: 355px;
}
.card3L .el2 {  height: 225px; }
.card3L .el3 img {
    position: relative;
    top: 18px;
    max-width: 175px;
}
.blocBlogPress { background: white; color: black; }
.blocBlogPress .button { background: var(--color-button); color: var(--color-button-txt); }
.blocBlogPress .button:hover { background: var(--color-button-before); color: var(--color-button-txt-hover); }
.blogPressHeader { padding-top: var(--height-nav); min-height: 0; height: auto; }
.blogPressPosts { box-shadow: 0px 0px 20px 0px black; }
#page_blogpress h1 { font-family: var(--font-title); color: var(--color-txt); max-width: 100%; }
#page_blogpress h2 { font-weight: normal; }
#page_blogpress h3 { color: var(--color-secondary); font-size: 200%; font-weight: bold; margin: 3vh auto 1vh auto; }
.blogPressSlide { width: 1400px; max-width: 96%; }
#blocTdB .blogPressSlide { width: 1200px; margin: auto; }
.blogPressSlide .slick-slide:not(.slick-current):not(.slick-active) { opacity: 0; }
.blockBlogPressWS { margin: 0; padding: 5vh 5vw; }
.blogPressWSEvent { background: var(--background-event); } #page_blogpress .blogPressWSEvent h3 { color: var(--colortxt-event); }
.blogPressWSActu { background: var(--background-actu); } #page_blogpress .blogPressWSActu h3 { color: var(--colortxt-actu); }
.blogPressWSChro { background: var(--background-chro); } #page_blogpress .blogPressWSChro h3 { color: var(--colortxt-chro); }
#ebook { background: var(--background-ebook); padding: 5vh 5vw !important; margin-top:0; }
#page_blogpress .hebook { font-family: var(--font-subtitle); color: var(--colortxt-ebook); font-size: 300%; margin: 10vh auto 5vh auto; width: 100%; }
/* SLICK */
.slick-prev:before, .slick-next:before { opacity: 1; background: #c6b198;  color: var(--color-primary); border: solid 1px var(--color-primary);  border-radius: 50%; padding: 2px 4px; font-family: none; font-size: 25px;}
.slick-prev, .slick-next { width: auto; }
.slick-prev:before { content: '➜'; }
.slick-prev { left: -40px; transform: rotate(180deg); top: 43.5%; }
.slick-next {right: -40px;}
.slick-next:before { content: '➜'; }
/* FIN SLICK */
/* WIDGET EDGE */
.containerListeEvents4x4 { width: 1000px; max-width: 90vw; margin: auto; margin-top: 5vh; }
.containerListeEvents4x4 .slick-slide { margin: 5px -120px; opacity: 0.1; }
.containerListeEvents4x4 .slick-current { margin: 0; opacity: 1; }
.containerListeEvents4x4 .btnEvent { border: solid 2px var(--color-secondary); color:var(--color-secondary); background: transparent; }
.wteventimg-details { color: white; }
.containerListeEvents4x4 .btnEvent1, .containerListeEvents4x4 .btnEventSalle { border: solid 2px white; background: transparent; color: white; }
.containerListeEvents4x4 .btnEvent2, .containerListeEvents4x4 .btnEventCode { border: solid 2px transparent; background: white; color: black; }
.eventCard4x4 { width: 600px; max-width: 70vw; background: transparent; text-align: center; box-shadow: none; }
.containerListeEvents4x4 h2 { font-size: 300%; text-align: center; font-family: var(--font-title); }
/* FIN WIDGET EDGE */ 
.navclassic { padding: 2vh 2vw; }
.size1200 { display: block; width: 1200px; max-width: 100%; height: auto; margin: auto; }
.fullsize { display: block; width: 100%; height: auto; }
/* SLIDE100vw */
.slider100 .slidefullw p {  font-family: var(--font-txt2); border-bottom: 4px solid white; }
.slider100 .slick-initialized .slick-slide { width: 100vw; margin:0 auto; }
.slider100 .slidefullw, .slider100 .slick-track { height: 90vh; width: 100vw; overflow: hidden; }
.slider100 .slidefullw p, .slider100 .slidefullw h2 { margin-left: 5vw; font-size:120%; width: 400px; max-width: 100%; }
.slider100 .slidefullw > div { width: 100vw; height: 100%; }
.slider100 .slidefullw h2 { font-size: 200%; text-shadow: 1px 1px 2px black; }
.slider100 .slidefullw p { color: #eedbb8; text-shadow: 1px 1px 2px black; }
.slider100 .slidefullw > img { position: absolute; width: 100vw; z-index: -1; }
.slider100 .slick-dots { margin-top: -55px; bottom: auto; text-align: center; }
.slider100 .slick-dotted.slick-slider { margin-bottom: 0; }
.slider100 .slick-dots li button:before { color: var(--color-button); }
@media screen and (max-width: 1229px){      
    .slider100 .slidefullw h2 { margin-top: 50px; }
    .slider100 .slidefullw, .slider100 .slick-track { height: auto; min-height: 450px; }
    .slider100 .slidefullw div { top: 5%; margin: 0;}
    .slider100 .slidefullw > img { width: auto; height: 100%; object-fit: cover; }
    .slider100 .slick-active .slidefullw { z-index: 99; }
}
@media screen and (max-width: 830px){   
    .slider100 .slidefullw h2, .slider100 .slidefullw p {margin-left: auto; margin-right: auto; }
}
/*FIN SLIDER100VW*/

/* WEBTOOL TEMOIGNAGE */ 
.temoignages { margin: 0 auto; }
.temoignages .temoinCard { width: 300px; flex-flow: row wrap; max-width: 80vw; height: 350px; max-height: 350px; background: white; color: black; padding: 15px 25px; border-radius: 15px; font-size: 80%; 
    overflow: hidden;    text-overflow: ellipsis;    word-break: break-word;    -webkit-hyphens: auto;    -moz-hyphens: auto;    -ms-hyphens: auto;    hyphens: auto; }
.temoignages .slick-slide {  height: 500px; display: flex !important; align-items: center; align-content: center; }
.temoignages .slick-center .temoinCard {width: 450px; height: auto; max-height: 350px; font-size: 90%; }
.temoignages .temoinCard h2 { color: #006298 !important; display: flex; flex-flow: row wrap; align-content: center; align-items: center; min-width: 100%; }
.temoignages .temoinCard p { width: 100%; }
.temoignages .slick-slide .temoinCard h2 { font-size: 100% !important; margin: 0; }
.temoignages .slick-current .temoinCard h2 { font-size: 170% !important; margin: 5px 0 15px 0;  }
.temoignages .temoinCard p:first-of-type { position: relative; padding-right: 5px; height: 250px; max-height: 250px; overflow: hidden; text-overflow: ellipsis;    width: 100%; }
.temoignages .slick-current .temoinCard p:first-of-type { height: 250px; }
.temoignages .temoinCard p::before {
	position: absolute;	content: "...";	inset-block-end: -3px; /* "bottom" */	inset-inline-end: 0; /* "right" */
}
.temoignages .temoinCard p::after {
	content: "";	position: absolute;	right: 0;	width: 1rem;	height: 1rem;	background: white;
}
.temoignages .slick-current .temoinCard p:before { content: ""; }
.temoignages .myphoto { width: 42px; height: 42px; overflow: hidden; border-radius: 50%; margin-right: 15px; }
.temoignages .slick-center .temoinCard .myphoto { width: 55px; height: 55px;     margin: auto 7px auto 0; }
@media (min-width: 900px){ 
    .temoignages .slick-current .temoinCard p:first-of-type {    display: flex;    align-items: center; }
}
@media (max-width: 570px){   
    .temoignages .slick-current .temoinCard h2 { font-size: 120% !important; }
}
/* FIN WEBTOOL TEMOIGNAGE */
/* SPECIAL SOUS SITE WEB */
.affiliationCard { padding: 15px 30px; margin: 5px; border-radius: 10px; background: #fbfbfb; }
.affiliationCard .cardProfilPhoto { margin: 0 auto 15px auto; }

#primary { background: white; color: black; padding-top: 20vh; }
.blocDuoCTAV1, .blocDuoCTAV1Inverse { position: relative; }
.blocDuoCTAV1 > div:last-child, .blocDuoCTAV1 .w50, .blocDuoCTAV1Inverse > div:last-child, .blocDuoCTAV1Inverse .w50 { z-index: 2; }
.blocDuoCTAV1 > div:first-child > div:first-child, .blocDuoCTAV1Inverse > div:first-child > div:last-child, .blocDuoSimpleImg > div:last-child  { position: relative; width:35%; }
.blocDuoCTAV1 > div:first-child > div:last-child, .blocDuoCTAV1Inverse > div:first-child > div:first-child, .blocDuoSimpleImg > div:first-child { position: relative; width:55%; padding: 5vh 0; }
.blocDuoCTAV1El.title1, .blocDuoCTAV1El.title2, .blocDuoCTAV1InverseEl.title1,  .blocDuoCTAV1InverseEl.title2 { width: 90%; margin: auto; }
.blocDuoCTAV1 .texteS2, .blocDuoCTAV1Inverse .texteS2 { width: 90%; }
.blocDuoCTAV1 .title1, .blocDuoCTAV1 .title2, .blocDuoCTAV1Inverse .title1, .blocDuoCTAV1Inverse .title2 { /* margin-bottom: 5vh; */ z-index: 2; }
.blocDuoCTAV1 .title2, .blocDuoCTAV1Inverse .title2 { margin-top: 5vh; }

.blocDuoCTAV1 > div > .w50:first-child, .blocDuoCTAV1Inverse > div > .w50:last-child  { padding: 5%; margin: 0;}
.blocDuoCTAV1 a, .blocDuoCTAV1Inverse a { display: flex; margin: auto; color: black; border-radius: 15px; }

.blocDuoSimpleImg { padding: 5vh 0; }
.blocDuoSimpleImg .title1 { padding: 5vh 0; }
.blocDuoSimpleImg .texte1, .blocDuoCTAV1Inverse .texte1, .blocDuoCTAV1Inverse .texte2, .blocDuoCTAV1 .texte1, .blocDuoCTAV1 .texte2 { max-width: 800px;  z-index: 2; }

#primary .blocDuoCTAV1 > div:first-child > div:last-child {padding-bottom: 10vh; }
#primary .blocDuoCTAV1:nth-child(3) > div:first-child > div:last-child, #primary .blocDuoCTAV1Inverse:nth-child(2) > div:first-child > div:first-child { padding: 20vh 0; }

@media (min-width: 1230px){
    .blocDuoCTAV1 > div > .w50:last-child img, .blocDuoCTAV1Inverse > div > .w50:first-child img { min-width: 100%; height: auto; min-height: 0; z-index: 1; }
    .blocDuoCTAV1Inverse .imgIntro { position: absolute;  right: 0; bottom: 0; width: 100vw; max-width: 1500%; min-height: 100%; }
    #primary .blocDuoCTAV1:nth-child(3) .imgIntro { position: absolute; left: 0; bottom: 0; width: 100vw; max-width: 1500%; transform:scaleX(-1); opacity: 0.7; min-height: 100%;}
    #primary .blocDuoCTAV1:first-child > div:first-child img { position: absolute; left: 0; bottom: 0; width: 100%; }
}
@media (max-width: 1229px){   
    #primary .flex, #primary .flexnoauto, #primary h1, #primary h2 { justify-content: center; text-align: center; }
    #primary img { width: 100%; }
    #primary .blocDuoCTAV1 .imgIntro, .blocDuoCTAV1Inverse .imgIntro  { display: none; }
    .blocDuoCTAV1 > div:first-child > div:first-child, .blocDuoCTAV1Inverse > div:first-child > div:last-child, .blocDuoSimpleImg > div:last-child  { width:100%; }
    .blocDuoCTAV1 > div:first-child > div:last-child, .blocDuoCTAV1Inverse > div:first-child > div:first-child, .blocDuoSimpleImg > div:first-child { width:100%; }
    .blocDuoCTAV1 > div:last-child, .blocDuoCTAV1 .w50, .blocDuoCTAV1Inverse > div:last-child, .blocDuoCTAV1Inverse .w50 { width: 100% !important; }
    .blocDuoSimpleImg > div:last-child, #primary .blocDuoSimpleImg > div:last-child img { width: 80%; margin: auto;justify-content: center; text-align: center; }
    .blocDuoCTAV1 img, .blocDuoCTAV1Inverse img, .blocDIVC img { max-width: 80%; }
}