/*
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-Regular.otf") format("otf");
    font-weight:400;
}
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-SemiBold.otf") format("otf");
    font-weight:600;
}
@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-Bold.otf") format("otf");
    font-weight:700;
} */

body, button, input, optgroup, select, textarea, p, span, a { font-family: "Poppins"; }
body{ min-height: 100vh; font-size:0.9rem;  padding: 1% 3% 0 3%;
}
#divBtnOrange { text-align: center; margin-bottom: 5em; }
main { z-index: 9; margin-top: 1.5rem !important;}
#navCompte .navbar-link:not(.is-arrowless)::after { border: none; }
.blocChat { display: flex; position: fixed; justify-content: center; align-content: center; z-index: 9999;  bottom: 5px; right: 2px; }
.blocChat a { margin-top: 3px; margin-bottom: -3px; }
.blocChat img { width: 57px; height: auto; }
#imgProfilPE, .imgSponsorsPE, .imgCircle {
    overflow:hidden;    border-radius:50%;    width:80px; height:80px; margin-left: auto; margin-right: auto;
}
.imgCircle img { height: 100%; width: auto; object-fit: contain; }
.arrowReturn { display: none; }
.footer { background: transparent; }
/* MESSAGE PUSH UP */
.formMsgEnd {
    position: fixed; margin-top: -50px; text-align: center; top: 0; left: 0; width: 100%; color: white;
    padding: 10px; z-index: 999; justify-content: center; animation: messageEphemere 5s linear 1;
}
#mailOk, #msgOk{ background: #6fc56d; }
#mailErreur, #msgErreur{ background: #ed5858; }
#mailNOk, #msgNOk{ background: #ed8858;}
@keyframes messageEphemere { from { margin-top: -50px; } 10% { margin-top: 0; } 90% { margin-top: 0; } to { margin-top: -50px;  }}
@-webkit-keyframes messageEphemere {from { margin-top: -50px; } 10% { margin-top: 0; } 90% { margin-top: 0; } to { margin-top: -50px;  }}
/* FIN MSG PUSH */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.tox-statusbar, .tox-menubar, .tox-toolbar__primary>div:first-child, .tox-toolbar__primary>div:nth-child(2){
    display:none !important;
}
.columns{
    margin-left: 0rem; 
    margin-right: 0rem; 
    margin-top: 0rem;
}
/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider { margin: 30px auto 50px auto !important; }
#carrousselJumpoMEASlider { padding: 0 30px; }
.containerSliderDrasil .slick-dots {
    text-align: center;
}

.switchBtn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchBtn:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .switchBtn {
    background-color: #2196F3;
}

input:focus + .switchBtn {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .switchBtn:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switchBtn.round {
    border-radius: 34px;
}

.switchBtn.round:before {
    border-radius: 50%;
}

a{
    text-decoration: none;
    color: black;
}
#containerMain{
    padding: 3% 0 3% 0;
    background: #fff;
}
#containerMain.admin { padding-top: 0;}
#containerMain.returnToWebsite { padding-top: 0; }

#containerMain .section {
    margin-top: 2em;
}
.section {
    padding:0 !important;
}
.selectEntities  { max-width: 1200px; }
.selectEntities p { height: 70px; max-height: 70px; }

.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 rgb(0 0 0 / 19%), 0 2px 6px rgb(0 0 0 / 23%);
}
.column{
    padding: 0%;
}
#carrousselHome{
    margin: 6% 0%;

}

/* Zone Droite - JumpModules */
.returnToWebsite .espaceRight { display: none; }

#carrousselHome .column{
    padding: 0%;
}

/* MISE EN FORME DES CARDS */
.card { margin-top: 15px; }
.catCard{
    padding: 0% 2%;
    width: fit-content;
}
.titleLink:hover{
    text-decoration: underline;

}
.titleLink{
    text-align: left;
    font-size: 1.1rem;
}

.subtitle.adresse {
    color: #adadad; margin-bottom: 3px; font-size: 90%;
}

/* LES CARDS */

.sectionCard .card { margin: 10px; }
.cardHTitle{
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 4%;
    left: 4%;
    padding: 0% 4%;
}
.card-content.cardCarrousselHome{
    padding: 4% 4%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 180px;
    color: black;
}
.cardLargeHome{
    margin: 0% 0%;
}
.cardClassic {
    height: fit-content; width: 330px; height: 440px; max-width: 330px;     margin-bottom: 5px;
}
.cardClassic .card-image {
    border-bottom: 1rem solid #F15642;
}
.cardClassic.cardArticle .card-image {
    border-bottom: 1rem solid #0c6573;
}
.cardClassic.cardEvent .card-image {
    border-bottom: 1rem solid #d6d740;
}
.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;   
}
.cardHE .title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#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: 10px; }
.cardLarge {
    height: 225px; padding-right: 5px; max-width: none;
}
.cardLarge .column.is-8{
    padding: 15px 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: 2.9rem;
}
.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: grey;
}
.cardXL .actionsDiv p { color: white; }

.border-gradient {
    background-color: white;
    border: 10px 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%);
}


.society1, .society2 {
    color:#1f3e53;
    border-radius: 10px;
    height: auto;
}
.society1 .societyContent{
    padding:0 !important;
}
.sectionPagePro .society2 {
    display:flex;
}
.societyBottom {
    justify-content: flex-end;
    padding: 0 30px 5px 30px;
}
.societyBottom a {
    color:#1f3e53;
}
.society1 ul, .society2 ul {
    display:flex;
}

.society1 ul img, .society2 ul img {
    width:35px;
    margin-right:10px;
}

.imgSociety {
    margin-bottom: 15px;
}

.imgEntrep {
    width:100%;
    height: 280px;
    overflow: hidden;
    margin-bottom: 10px;
}
.imgEntrep img {
    min-height: auto;
    min-width:100%;
}

.photoEntrep {
    display:flex;
    justify-content:center;
    margin-bottom:15px;
}

.society1 {
    border: 2px solid lightgrey;
}

.society1 .societyContain p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.societyPart1 h2{
    margin-bottom:10px;
}

.society2 {
    border: 3px solid #024b67;    
    box-shadow: 1px 1px 10px grey, -5px -4px 1px #29b08f;
}
.society2 .societyContain p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.sectionPagePro .society2 .societyContain p {
    overflow:visible;
    display:block;
}

.societyPart1 {
    padding: 15px 30px 0 15px !important;
}

.label-quality {
    display:flex;
}

.label-quality span{
    color:white;font-weight: bold;
    text-shadow: 1px 1px black;
    background: linear-gradient(276deg, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 65%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%);
    border-radius: 5px;
    padding: 2px 15px;
}

.label-quality, .societyRate {
    margin-bottom: 15px;
}

.societyRate div img {
    width: 20px;
}

.butAvis {
    color:#1f3e53;
    border-color: #1f3e53;
    height: auto;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    border-radius: 5px;
    margin-bottom:20px;
}
.butRdv img{
    width: auto;
    height:26.78px;
    box-shadow: rgba(0 0 0 / 30%) 0px 1px 5px;
    border-radius: 5px;
}

.societyPart2, .societyPart3 {
    padding: 15px 30px 0 0;
}

.society1 h2, .society2 h2 {
    text-align: center;
    font-weight: 800;
    font-size: 1.5rem;
}

.societyHead, .societyContain {
    margin-bottom: 15px;
}

.societyHead p, .societyContain p, .societyFooter p, .societyRate p, .societyRdvBloc p, .society1 a, .society2 a {
    color: #1f3e53;
}

.societyHead h3 {
    font-weight: 600;
}

.sectionPagePro .society2 {
    border: none !important;
    box-shadow: none;
    margin-bottom:50px;
}
.sectionPagePro .society2 h2 {
    margin-top:-10px;
    text-align:start;
}
.sectionPagePro .photoEntrep {
    justify-content:start;
}
.sectionPagePro .imgEntrep {
    z-index:1 !important;
    margin-bottom: -10px !important;
}
.sectionPagePro .blocSite {
    background-color: #f15642;
    border-radius: 10px;
    z-index:99 !important;
    position:relative;
}
.sectionPagePro .blocSite a {
    display:flex;
    justify-content: space-around;
    align-items:center;
    padding:2px 0;
}
.sectionPagePro .blocSite img {
    width:35px;
}

/* ECRAN CONNEXION */
.section-co .is-5 {
    display:flex;
    flex-direction:column;
    align-items:center;
}
.section-co .cnxEntrep {
    width:50%;
    margin-bottom:20px;
}
.section-co .cnxEntrep p {
    font-weight:bold;
}
.bloc-connection, .buttons-co, .bloc-connection .field {
    display:flex;
    flex-direction: column;
    align-items:center;
}
.bloc-connection {
    background-color: white;
    border-radius: 25px;
    padding: 30px 0;
}
.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;
}

/* NAVIGATION PRINCIPALE */
.mainNav {padding: 1rem 0 1rem 0;}
#navs_nav_post { height:205.21px; }
.returnToWebsite #navs_nav_post { height:auto; }
.returnToWebsite #navs_nav_post img { min-width: 50px; max-width: 50px; }
.fondNav{
    position: absolute;
    height: 250px; left: 350px;
}
.linkMenu{
    z-index: 1;
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
    width: 110px;
    background: white;
    border-radius: 15px;
    padding: 5px 10px;
}

.linkMenu img{
    width:80%;
}
#textSeConec{
    text-align: center;
    line-height: 18px;
}
#connectButton{
    background: 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%);
    font-size:0.8rem;
    width: auto;
    border-radius: 10px;
    color: white;
    padding: 2px 10px;
}
#navs_nav_complexe #connectButton {
    background: none;
    font-size:1rem;
}
#navs_nav_complexe ul {
    height:67px;
}
#navs_nav_complexe .navIsJumpoConnect{
    background: 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%);
}
#monEspaceEnTete{
    margin-top: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#monEspaceEnTete h3{
    font-size: 1.5rem;
    color: #0E6674;
}
#epButton{
    padding: 0.2rem 1rem;
    background: linear-gradient(90deg, rgba(193,40,46,1) 0%, rgba(240,85,66,1) 100%);
    color: white;
    border-radius: 14px;
}
#vcButton{
    padding: 0.2rem 1rem;
    background: #1BB4BF;
    border-radius: 14px;
    color: white;
}
#ljButton{
    padding: 0.2rem 1rem;
    border-radius: 14px;
    color: white;
    background: linear-gradient(90deg, rgba(203,215,56,1) 0%, rgba(2,78,104,1) 100%);
}
#boxAccountActions{
    display: flex;
    justify-content: space-around;
    width: 12rem;
    border-radius: 10px;
    align-items: center;
    padding: 3px 5px;
}
.navbar-link:not(.is-arrowless) { line-height: normal; padding: 0; }
.navbar-item img { max-height: 2.5rem; }
.navbar-item.has-dropdown {
    padding: 0;
    width: 40px;
}
.navbar-dropdown {
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.10);
    display: none;
    font-size: .875rem;
    left: -12px;
    min-width: 12rem;
    width: 12rem;
    position: absolute;
    top: 38px;
    z-index: 20;
}
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
}

#navs_nav_jumpro #boxAccountActions, #containerMainADNC #boxAccountActions { background: white; }

#boxAccountActions > div { height: 70%; }

#navJumpro{
    padding: 1rem 0;
    align-items: center;
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%);
    justify-content: center

}
#navJumpro #boxAccountActions{
    height: 3.5rem;    margin-right: 0px;
}
#actionsNav{
    align-items: center;
    display: flex;
}
#moncptlink{
    font-size: 2rem;
    color: #e77254;
}
#moncptlink2 img {
    height: 25px !important;
    margin-bottom: -2px;
}
#moncptlink2 p {
    text-align:center;
    color:#1f3e53 !important;
    font-weight: 600;
}
.myphoto {
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 50%;
    display: flex; 
    align-items: stretch;
    justify-content: center;
}
.myphoto.w100px {
    width: 100px;
    height: 100px;
}
.myphoto.w100px:hover {
    border:10px double black !important;
}
#deconectLink{
    position: absolute;
    top: 23%;
    font-size: 1rem;
    color: #e77254;
    left: 14%;

}
.inscrForm{
    padding: 3rem 1rem 3rem 1rem;
}
#accountActions{
    position: relative;
    color: #276379;
    margin-bottom: 0 !important;
}

#toggleJumpro{
    padding: 15px; display : flex; background-color: #ECECEC; 
}

#menuGJumpro { position: fixed;
    z-index: 99999; height: 100%; top: 0; left: 0;
    background-color: #ECECEC; }
@media (max-width: 810px){
    #menuGJumpro { background: none; }
}
#listJumpro { display: none; }

.inscrInput {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 10px;
    width: 268px;
    margin: 0rem 1.5rem;
}
#actionsList{
    position: relative;
    height: 100%;
}
#actionsList ul li {
    margin-top:0.5em;
    margin-bottom:0.5em;
}
#monEspaceContainer{
    margin-top: 2rem;
}
.cardMonEspcace {
    margin: 0pc 0.8rem;
}
.cardMonEspcace h4 {
    text-align: center;
    font-weight: 600;
    color: white;
    font-size: 1.2rem;
    padding: 0.2rem 0;

}
#cardJump h4{
    background: linear-gradient(90deg, rgba(203,215,56,1) 0%, rgba(2,78,104,1) 100%);
}

#cardVC h4, #cardDeals h4 {
    background: #1BB4BF;
}
#cardEP h4{
    background: linear-gradient(90deg, rgba(193,40,46,1) 0%, rgba(240,85,66,1) 100%);
}
#actionsList, #postsList{
    background-color: #ECECEC; border-bottom-right-radius: 5px;
}
#actionsList {
    padding:5%;
}
#postsList {
    padding:1%;
}
#actionsList ul li a, #postsList ul li a {
    color: #276379;
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: 100%;
}
table caption {
  font-size: 1.5em;
}
table th,
table td {
  text-align: center;
}
.commentDiv{
    padding: 1% 3%;
    justify-content: space-between;
}
.topcomDiv {
    margin-top: 0 !important;
    background: linear-gradient(90deg, rgba(214,217,46,0.1) 0%, rgba(0,168,156,0.1) 50%, rgba(0,95,112,0.1) 89%, rgba(0,73,101,0.1) 100%);
}
#commentsPost h4 {
    margin-top:20px;
}
#logoActionContainer{
    display: flex;
    flex-direction: column;
}
#contentCaroussel{
    right: 0px;
    position: relative;
    max-height: 177px;
    display: flex;
}
.carrouselButton {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
#carrouselHero{
    margin-top: 11%;
}

#mainForm{
    margin-top: 5%;
}
input.btn.btn-lg.btn-info.button.is-success{
    color: black;
    background: linear-gradient(42deg, rgba(247,252,18,1) 0%, rgba(254,210,31,1) 100%);
    border-radius: 23px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
#actionPost, #navs_nav_jumpro{
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%);    color: white;
    padding: 1%; padding-left: 50px;

}
#boxAccountActions{    height: 55px;}
#divProInscr{
    display: none;
}
#actionPost {
    margin-bottom: 20px;
}
#actionPost h4{
    font-size: 2rem;
    font-weight: 600;
}
.conseilContainer{
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%);    
    color: white;
    padding: 1.3%;
}

/* DEALS */

#zoneDealsHome { max-width: 90%; }
.cDeals { margin-top: 10px !important; }
.dealHome { 
    width: 320px;
    min-width: 300px;
    max-width: 18vw;
    min-height: 250px;
    border-radius: 25px;
    padding: 5px;
    /*
    background-repeat: no-repeat;
     background-image: url(../assets/pics/deals/cadre_deals.svg); 
    background-size: contain;*/
}

/* ZONE WIDGET */

#zoneWidget { 
    background: #e7e7e7;
    width: 90%;
    min-width: 90%;
    padding-top: 15px;
}

.panel-tabs a {
    border:none !important;
}

/*upload image*/
.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out
}

/* JUMPRO */
.containerConseilForm {
    background: white;
    margin-bottom: 20px;
}

.containerConseilForm .faqanswer {
    padding: 10px 50px;
}
.faqanswer input {
    display:flex;
    flex-direction:row-reverse;
    justify-content: space-between;
}
#selectFormActu, #selectFormEvent, #selectFormChro, #selectFormVC {
    display:flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    margin-bottom: 20px;
}
.faqDiv {
    margin-bottom: 20px !important;
}
#selectFormActu label, #selectFormEvent label, #selectFormChro label, #selectFormVC label{
    font-family: "Poppins", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #054b65
}

#is_validate {
    padding: 2px 5px;
    border-radius: 5px;
    font-family: "Poppins", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #054b65
}

#name_ville {
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 5px;
}

.dtoggle summary {
    font-size: 1.7rem; padding-left: 15px; 
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%); color: white; 
    border-top-left-radius: 10px; border-top-right-radius: 10px;
}

.toggle {
    justify-content: center;
    font-size: 1.7rem;
    align-items: center;
    display: flex;
    width: 100%;
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%);color: white; 
    border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.toggle:hover{
    color:white;
}

#toogleDivUn, #toogleDivDeux, #toogleDivTrois {
    margin-bottom: 2rem;
}
.toggle i{
    padding: 0 20px;
}
.conseilimg {
    color: #f26d5c;
}
.conseilimg p {
    margin-bottom :15px;
}
.conseilimg i {
    padding:0 !important;
}
#conseilContainer h3 {
    color: #ffc811;
    font-weight: 600;
    font-size:1.7rem;
}
.custom-file-container__custom-file__custom-file-control .custom-file-container__custom-file__custom-file-control__button {
    display:none;
}
.custom-file-container__custom-file__custom-file-control {
    color: #054b65;
    border-radius: 50px;
    width: 150px;
    display:flex;
    align-items:center;
}
.custom-file-container__image-preview {
    border-radius:0;
    border: 1px solid #054b65;
    overflow:hidden;
}

/*#is_validate option:nth-child(1){
    
}*/
@keyframes octocat-wave {

    0%,
    100% {
        transform: rotate(0)
    }

    20%,
    60% {
        transform: rotate(-25deg)
    }

    40%,
    80% {
        transform: rotate(10deg)
    }
}

/* POSTS */

.singlePost {
    display: flex; flex-wrap: wrap; padding: 0 2vw;     
}
#etiquettePost {
    height:auto !important;
    width:25% !important;
}
#headerPost, #contentPost {
    margin-bottom:20px;
}
#headerPostMain {
    padding: 0 50px 0 0;
}
#headerPostMain>.catCard {
    margin-bottom:20px;
}
#headerPostMain img {
    height: 475px;
    width: 100%;
    object-fit: cover;
}
#cardProfilPost {
    background-color: #146572;
    padding:10px 15px;
    border-radius:5px;
    margin-bottom: 30px;
}
#linksPostFooter {
    flex-wrap:wrap;
    margin-top:10px;
}
#cardProfilPost > div{
    margin-bottom:10px;
}
#cardProfilPost p, #cardProfilPost a {
    color:white;
}
#asidePost {
    padding-right: 50px;
}
#avisPost, #viewProfilPost {
    margin-bottom:30px;
}
#avisPost div div, #avisPostA div div {
    margin-left:10px;
    margin-right:10px;
}
#avisPost, #contactPost, #viewProfilPost {
    border-radius:5px;
    display:flex;
    flex-direction: column;
    align-items:center;
    width:100%;
    border: 3px solid #1AB4BF;
    padding: 5px 10px 10px 10px;
}
#viewProfilPost div:first-child {
    align-items:center;
}
#viexProfilPost a {
    font-size: 1.1rem;
}
#viewProfilPost a, #viewProfilPost span {
    color:#1ab4bf;
}
#avisPostA {
    padding-top:5px;
    margin-top:10px;
    border-top:1px solid #1AB4BF;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
#avisPost p, #avisPostA p {
    font-size: 1.2rem;
    text-align:center;
    margin-bottom: 10px;
}
#avisPost img, #avisPostA img {
    width:2.5rem;
}
#imgPostFooter, #infoPostFooter {
    margin-left:0 !important;
    margin-right:10px;
}
#infoPostFooter p:first-child {
    margin-bottom: 10px;
}
#imgProfilPost, #imgPostFooter {
    margin-left:15px;
    overflow:hidden;
    border-radius:50%;
    width:80px;
    height:80px;
}
#imgExpertPost {
    width:70px;
}

#imgExpertPost p, .cardProfilEtiquette {
    background-color: #EF5748;
    padding:2px 5px;
    border-radius:4px;
    text-align:center;
}
#imgExpertPost p { background: linear-gradient(90deg, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 75%, rgba(0,95,112,1) 100%); }
#imgExpertPost img {
    height:auto !important;
}
#imgProfilPost img, #imgPostFooter img {
    height:100% !important;
    object-fit:cover;
    width:100%;
}
#linksPost ul li img {
    width:35px;
}
#linksPost ul {
    display:flex;
}
#linksPost ul li {
    margin: 0 5px;
}
#linkEvent {
    margin-bottom:10px;
    color:#1AB4BF;
}
#horairesPost {
    color: darkgrey;
    font-weight: 300;
}
#corpsPost {
    width:75%;
    margin-bottom:30px;
}
#titlePost{
    font-size: 2.8rem;
    font-weight: bold;
    line-height:1;
    margin-bottom:10px;
}
#introPost{
    font-size:1.5rem;
    line-height:1.1;
    margin-bottom:10px;
}
#textPost {
    margin-bottom:15px;
}
#sourcePost {
    margin-top:20px;
}
#sourcePost span {
    background-color: #29b4be;
    padding:2px 3px;
    border-radius:4px;
    color:white;
}
#linksPostFooter img {
    width:44px;
}
#postSocial {
    margin-bottom:50px
}
#postSocial img {
    height:60px;
}
#postSocial ul:first-child {
    margin-right: 50px;
}
#postSocial ul {
    justify-content:space-between;
}
#postSocial p {
    text-align:center;
}
#postSocial li p:first-child {
    color:#1AB4BF;
}

#postSocial li, #postSocial li a {
    display:flex;
    flex-direction:column;
    align-items:center;
}
#postSocial li {
    margin-right:15px;
}
#postSocial .buttonInter {
    display:flex;
    flex-direction:column;
}
#linksPostFooter li {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
}
#linksPostFooter a {
    text-align:center;
    color:#1AB4BF;
    font-size:0.8rem;
    margin-bottom:5px;
}
#linkPostAgenda {
    border: 1px solid darkblue;
    border-radius: 10px;
    padding:0 2px;
}
#PostFooter {
    width:100% !important;
    background-color: #146572;
    padding: 10px 15px;
    align-items:center;
    border-radius:15px;
    justify-content:space-between;
    margin-bottom:20px;
}
#PostFooter a, #PostFooter p{
    color:white;
    line-height:1.1;
}
#PostFooter a {
    text-align:center;
}
#PostFooter linksPostFooter img {
    height:60px;
}
#imgPost {
    position:relative;
}
#butImgPost {
    position:absolute;
    bottom:10px;
    left:10px;
}
#butImgPost a {
    background-color: white;
    display:flex;
    align-items:center;
    padding: 3px 5px;
    border-radius:5px;
    margin-right: 15px;
}
#butImgPost img{
    height:20px;
    width:auto;
    margin-right:5px;
}
#legendePost {
    margin-bottom:10px;
    color:#c2c4c3;
}
.hashtagPost {
    padding: 2px;
    border: 1px solid #c2c4c3;
    color: #c2c4c3;
    margin-right: 10px;
}
#topComPost>div>img, #sondagePost img{
    height:25px;
    margin-right:5px;
}
#topComPost div:first-child {
    margin-bottom:10px;
}
/*#topComPostBulle img {
    width:100%;
    height:auto;
}*/
#tarifPost {
    margin-bottom: 50px;
}
#datePost {
    margin-bottom:10px;
}
#mainPost{
    margin-top: 2%;
}
#alsoPosts {
    margin-bottom:20px;
}
#alsoPosts p {
    color:#064b65;
    font-size:1.1rem;
}
#alsoPosts p span {
    background-color: #064b65;
    color: white;
    border-radius:5px;
    padding: 1px 3px;
    margin-right:5px;
}
#commentsPost h3, #commentsPost h3 span, #suggestsPosts h3 {
    font-size:1.4rem;
    line-height:1;
}
#commentsPost h4 { font-weight: bold; color: gold; text-shadow: -2px -1px 1px #8b8b8b, -1px 1px 1px #8b8b8b, 1px -1px 1px #8b8b8b, 1px 1px 1px #8b8b8b; }
#carouselPostsSlider .cPosts {
    margin-top:0;
}
.blocLeftComment div {
    border-radius:50%;
    overflow:hidden;
    width:128px;
    height:128px;
}
.blocLeftComment div img {
    min-height:100%;
    object-fit: cover;
}
.blocCentralComment p span {
    color:#bec0bf;
    font-size: 0.9rem;
}
#topComPost>div:first-child {
    align-items:center;
}
.topComHeader .topComBoxImg {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}
#topComPostBulle p, #topComPostBulle a {
    font-size:0.8rem;
    color:#064b65;
}
.topComHeader p span {
    font-size:0.9rem;
}
.topComHeader .topComBoxImg img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}
.topComBoxImg {
    margin-right:5px;
    margin-bottom:0 !important;
}
#topComPostBulle, #topComPostBulle>div {
    z-index:2;
    position:relative;
}
#topComPostBulle>div {
    padding:10px;
}
#topComPostBulle>img {
    top:0;
    position:absolute;
    height:auto !important;
}
.topComTxt {
    max-height: 35px;
    margin-bottom:10px;
    padding: 0 10px;
}
.topComTxt a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.topComInterac li img {
    width:30px;
}
.topComInterac li {
    margin-right:10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topComDate {
    color:#bec0bf !important;
}

/* Widget Event */

#blocmeteoy, #zoneWidgetEvent {
    margin-bottom: 15px !important;
}
#zoneWidgetEvent {
    width:94%;   
    background-color:white;
    margin:auto;        
    padding: 10px;
    border-radius:0 0 10px 10px     ;
    background: url(assets/pics/pictos/barrorange.svg) 100% top no-repeat, linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);        
}
#enTeteWidgetEvent {
    justify-content:space-between;
    margin-bottom:10px;
}
#enTeteWidgetEvent img {
    width:50px;
    margin-right:5px;
}
#enTeteWidgetEvent h2 {
    font-weight:700;
    font-size:1.1rem;
}
#enTeteWidgetEvent a {
    margin-right:5px;
}
#btnWidgetEvent {
    background-color: #fd5440;
    color:white;
    padding: 2px 5px;
    border-radius: 4px;
}
.imgWidgetEvent {
    margin-right:10px;
    display: flex;
    align-items: center;
}
.imgWidgetEvent img {
    width:85px;
    height:48px;
    object-fit: cover;
}
.contentWidgetEvent {
    line-height:1;
    font-size:0.8rem;
}
.contentWidgetEvent a b, .contentWidgetEvent p {
    margin-bottom:2px;
}
.contentWidgetEvent .colorOrange {
    font-size:0.6rem;
}
.contentWidgetEvent p span {
    color: #c2c4c3;
    font-size:0.7rem;
}
.eventsWidgetEvent {
    align-items:center;
    border-bottom: 1px solid #375964;
    padding-bottom:10px;
    padding-top:10px;
}
.colorOrange {
    color: #fd5440;
}
#fluxWidgetEvent {
    max-height:160px;
    overflow-y: scroll;
}
#fluxWidgetEvent::-webkit-scrollbar {
    width:5px;
    background-color: #f1f1f1;
}
#fluxWidgetEvent::-webkit-scrollbar-thumb {
    background-color: #c8c8c8;
}


/* VIVRE CONNECTE */

#zoneWidgetVC { 
    width: 94%; margin: auto; background: white; border-top: 1rem solid #0c6573;
    border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding-bottom: 25px; margin-bottom: 15px;
}
#zoneWidgetVC p { color: black !important; }

.vcLogo { display: flex; padding: 5%;    
          flex-direction: column;    align-items: center; font-weight: bold; }
.vcLogo img { max-width: 70%; margin-bottom: 5px; }

.vcContents { max-height: 150px; overflow-y: auto; padding: 0 1rem; font-size: 12px; }
.vcTitleInfo { font-weight: bold; }
.vcDate { color: grey; }
.vcInfo { margin: auto; }


/* CARROUSSEL PRIMARY */

#containerMain .slick-dots { 
    display: flex;
    justify-content: center;
}
#choixPublicationLinks input { visibility: hidden; }
#choixPublicationLinks img {
    height: 64px;
}
#choixPublicationLinks div {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* meteo */
#navsc_widget_meteo h1 { color: #4a4a4a !important; }
.headmeteo {
    margin-bottom: 0px;
}

.villesearch svg {
    width: 22px;
    height: 22px;
}

.villesearch {
    padding: 0.25rem 0.45rem !important;
}

.meteoweek h2 {
    font-size: 0.9em;
}

.temperature {
    font-size: 1.3em;
    margin-bottom: -5px;
}

.blocmeteo p {
    font-size: 0.9em;
}

.dateJ0 {
    margin-bottom: 4px;
}


/* 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 {
    flex-direction: column;
    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 .title {
    line-height: 1.3;
}
#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: white;
    font-size:0.9rem
}

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

#lien_linkDeco {
    color: #F15642;
}

/*Jumpro*/


/*Inscription*/

.button.btnInscr{
    background: linear-gradient(90deg, rgba(247,251,59,1) 0%, rgba(254,205,58,1) 100%) !important;
    border-radius: 23px;
    padding: 1% 4%;
    font-weight: 700;
}

#choiceLifeS, #choiceHastags{
    flex-wrap: wrap;
    display: flex;
}
.inscrForm input[type="date"]::-webkit-calendar-picker-indicator{
    display: block;
    background: url(assets/pics/pictos/pictoAgenda.svg) no-repeat;
    background-size: 19px;
    margin: 0 15px 0 0;
}
.inscrForm input[type="radio"]{
    border: 0px;
    width: 2em;
    height: 2em;
}
#birthDateInput {
    border: none;
    display:flex;
    flex-direction:row-reverse;
    padding:5px 10px;
}
#divEt2, #divEt4, #divEt6, #divEt7, #divEt8 {
    margin: 0 auto;
    background-color:white;
    padding:25px;
    border-radius:20px;
    line-height:1.4;
}
#divEt2 h2, #divEt4 h2, #divEt6 h2 {
    font-size:1.5rem;
    color:#2A6379;
    font-weight:600;
}
#divEt2 h3, #divEt4 h3, #divEt7 h3 {
    font-size:1.2rem;
}
#divEt2 h2, #divEt2 h3, #divEt2 p, divEt4 h2, #divEt4 h3, #divEt4 p, #divEt7 h2, #divEt7 h3, #divEt7 p {
    margin-bottom:10px;
}

#divEt3, #divEt4, #divEt5, #divEt6 {
    margin:0 auto;
}
#divEt3 h2, #divEt5 h2, #divEt8 h2 {
    font-size:2rem;
    color:white;
}
#divEt3 .card-content, #divEt5 .card-content {
    padding:0;
}
.insCard .title.is-4 {
    font-size:0.9rem !important;
}
.insCard { margin: 0; }
.insCard .card {
    padding:5px; margin: 5px;
}
#divEt3 .cardLifeStyle, #divEt5 .cardLifeStyle {
    margin-right:5px;
}
#divEt3 a , #divEt5 a{
    font-size:0.9rem;
    color: #999999;
}

#divEt4 h2, #divEt4 h3, #divEt4 p {
    text-align:end;
}

#divEt5 h2 {
    margin-bottom:20px;
}

#divEt7 {
    background: linear-gradient(125deg, rgba(253,196,41,1) 0%, rgba(254,189,33,1) 100%);
}
#divEt7 form {
    display:flex;
    justify-content:flex-end;
}
#divEt7 h2 {
    font-size:1.5rem;
    color:white;
    font-weight:600;
}
#divEt7 span {
    font-size:1.1rem;
}
#divEt8 h3 {
    font-size: 1.8rem;
    color: white;
}
#divEt8 p {
    color:white;
}
#divEt8 {
    background: linear-gradient(42deg, rgba(19,59,181,1) 0%, rgba(64,231,164,1) 100%);
}
#divEt8 h2, #divEt8 h3, #divEt8 p {
    text-align:center;
}
#divEt8 p span {
    color: #F7C418;
}
#divEt8 h2 {
    margin-bottom:250px;
}

#divEt6 .demo-upload-container {
    padding:0 !important;
    margin: 0 !important;
}
#divEt6 .custom-file-container__custom-file__custom-file-control {
    width:200px;
    justify-content:center;
    color:white;
    background: 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%);
}
#divEt6 h3 {
    font-weight: 600;
}
#divEt6 .field .control, #divEt6 .InsField, #divEt6 .custom-file-container__custom-file {
    width:200px;
    margin-right:20px;
}
#divEt6 .ins6bloc{
    margin-bottom:15px;
}
#divEt6 .field {
    margin-bottom:0;
}
#divEt6 h2 {
    margin-bottom: 20px;
}

.txt-shadow {
    text-shadow: #000 1px 0 5px;
}
.buttonInter {
    all: unset;
    cursor: pointer;
    text-align: center;
    color: #1AB4BF;
}
.buttonInter a {
    color: #1AB4BF;
}
#listInterEvent li{
    margin: 0 8px;
}

.interactionCom img{
    height: 38px;
}
.content ul {
    list-style: none; 
    margin-left: 0em; 
    margin-top: 0em; 
}
    
/* JUMBOX */

#btnRetour {
    width:20px;
    margin-right:10px;
}
#JbJumperImg {
    width: auto !important;
}
#JbJumperImg a {
    width:35px;
    margin-left:10px;
}
#leftJumbox p {
    font-size: 0.8rem;
    font-weight:600;
    color: #0F6775;
}
#leftJumbox h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color:#0F6775;
}
#filterJumbox div {
    width:220px;
    padding:0 10px;
}
#EPjumbox a {
    background: linear-gradient(90deg, rgba(193,40,45,1) 0%, rgba(240,85,65,1) 100%);
}
#VCjumbox a {
    background-color: rgba(27,180,191,1);
}
#LJjumbox a {
    background: 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%);
}
#EPjumbox a, #VCjumbox a, #LJjumbox a {
    color:white;
    text-align:center;
    padding:5px 0;
    border-radius:50px;
    display:block;
}
#searchbox input {
    border:none;
}
#searchbox {
    width:220px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 8px;
    border-radius:50px;
    padding:5px 10px;
    margin-right:20px;
}
#searchbox span {
    margin-right:10px;
}
#searchbox span i {
    font-size:1.2rem;
    color:#0F6775;
}
.searchDiv {
    margin-bottom:30px;
}
.searchDiv p {
    color: #0F6775;
}
#triJumbox {
    padding: 5px;
    border: none;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 8px;
}
#catsJumbox {
    justify-content:center;
    flex-wrap: wrap;
}
#catsJumbox .catJumbox {
    width:45%;
    padding: 0 20px;
    margin-bottom: 20px;
}
#catsJumbox .catJumbox h3 {
    color:white;
    text-align: center;
    padding: 5px;
    font-weight: 700;
    font-size: 1.5rem;
}
.catJumbox .contentCatJumbox {
    border-right:2px solid #aeb0af;
    border-bottom:2px solid #aeb0af;
    border-left:2px solid #aeb0af;
    border-radius:0 0 10px 10px;
    padding-bottom:15px;
}
.catJumbox .contentCatJumbox h4 {
    font-weight: 700;
    font-size: 1.2rem;
}
.catJumbox .contentCatJumbox p span {
    color: #b4b6b6;
    font-size:0.9rem;
}
.catJumbox .headCatJumbox {
    padding:10px 20px;
}
.catVC .imgCatJumbox {
    height:200px;
    overflow: hidden;
    margin-bottom:-20px;
}
.catVC .contentCatJumbox {
    padding-bottom:15px;
}
.catVC .imgCatJumbox img {
    object-fit: cover;
    object-position: 50% 50%;
    min-height: 100%;
}
.catVC .interactCatJumbox img {
    width:2.5rem;
    margin-bottom:-8px;
}
.catVC .interactCatJumbox li p {
    text-align:center;
    font-size:0.7rem;
}
.catVC .interactCatJumbox li {
    margin:0 10px;
}
.catJump h3 {
    background: 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%);
}
.catVC h3 {
    background-color: rgba(27,180,191,1);
}
.catEP h3 {
    background: linear-gradient(90deg, rgba(193,40,45,1) 0%, rgba(240,85,65,1) 100%);
}
#fav3{
    background-color: white;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    border-radius: 5px;
    color: black;
    margin-right: 15px;
}
#favBg{
    text-align: center;
    color: #1AB4BF;
    font-size: 0.8rem;
    margin-bottom: 5px;
}
#agendaButton{
    background-color: white;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 15px;
    color : black;
}
#agendaBg{
    text-align: center;
    color: #1AB4BF;
    font-size: 0.8rem;
    margin-bottom: 5px;
}

/* PROFIL */
#EventsProfil .slider, #ActuProfil .slider, #ChrosProfil .slider {
    margin:0; padding: 0 10px;
}

#EventsProfil, #ActuProfil, #ChrosProfil, #headerProfil, #DealsProfil {
    margin-bottom:80px;
}

#EventsProfil h3, #ActuProfil h3, #ChrosProfil h3, #DealsProfil h3 {
    font-size:1.2rem;
    font-weight:700;
    color: #000;
}
.cardHEImgTitle img {
    width:75% !important;
}

#headerProfil h3 {
    font-size: 1.2rem;
    font-weight:700;
    color:#4e6d75;
    text-decoration: underline;
}

.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%;
}
.actionsDiv .nbNotif p {
    color:white;
    text-align:center;
}


/* card product */

.cardProduct .footerProduct, .cardProduct .contentProduct {
    padding:5%;
}
.cardProduct .contentProduct {
    border-bottom: 1px black solid;
}

/* PAGE EXPERT */
#blocExpertPE {
    margin-top:50px;
    margin-bottom:30px;
}
#blocExpertPE #followActionContainer a { width: 100%; }
#blocExpertPE #followActionContainer img { max-width: 70%; }
#blocExpertPE #followActionContainer span { font-size: 80%; }
#blocExpertPE>div:first-child {
    background: url(assets/pics/pictos/MaBio.svg) 100% bottom no-repeat, linear-gradient(90deg, rgba(20,101,114,1) 0%, rgba(20,101,114,1) 100%);
    background-size:70%,100%;
    border-radius:15px;
    padding: 0 0 1% 0;
}
#blocExpertPE>div:first-child p, #blocExpertPE>div:first-child h3, #blocExpertPE>div:first-child a {
    color:white;
}
#blocExpertPE .nameexpert{
    font-size: 120%; 
}
#blocExpertPE>div:first-child h3 {
    font-weight:600;
}
#blocExpertPE>div:first-child>div { padding: 15px 25px; }
#blocExpertPE>div:first-child>div:first-child {
    margin-bottom:15px;
}
#blocExpertPE .tagPE {
    background-color: #EF5748; color: white;
    border-radius:4px;
    padding:2px 5px; margin-right:10px; margin-bottom: 5px;
}

.imgSponsorsPE {
    width:60px; height:60px; margin-right: 5px;   border:solid 2px black; 
}
.or { color: gold !important; }
#imgProfilPE img, .imgSponsorsPE img {
    height:100%;
    object-fit:cover;
    width:100%;
}
#blocExpertPE>div:first-child>div:nth-child(2) {
    padding-bottom:15px;
    border-bottom:10px solid;
    border-image-slice:1;
    border-width:4px;
    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%);
}
#scoresPE {
    padding:10px;
}
#scoresPE h3 {
    width:100%;
    margin-bottom:10px;
    text-align:center
}
#scoresPE ul {
    width:100%;
    justify-content:center;
    margin-bottom:10px;
}
#scoresPE ul li {
    flex-direction: column;
    align-items:center;
    margin:0 15px;
}
#scoresPE ul li img {
    width:40px;
}
#scoresPE>div:nth-child(3), #scoresPE>div:nth-child(4) {
    align-items:center;
    margin-bottom:5px;
}
#scoresPE>div:nth-child(3) img, #scoresPE>div:nth-child(4) img {
    width:40px;
    margin-right:10px;
}
#blocExpertPE>div:nth-child(2) {
    padding:0 3%;
}
#blocExpertPE>div:nth-child(2)>div:first-child {
    align-items:center;
}
#blocExpertPE>div:nth-child(2) h1 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-right:15px;
}
#blocExpertPE>div:nth-child(2) h2 {
    font-weight: 600;
    font-size: 2rem;
}
#blocExpertPE>div:nth-child(2) h3 {
    font-size:1.5rem;
}
#blocExpertPE>div:nth-child(2)>div:nth-child(2) {
    margin-bottom:10px;
}
#blocSocietiesPE {
    margin:10px 0;
}
#blocChrosPE h2 {
    font-weight: 600;
    font-size: 1.5rem;
}
#blocChrosPE .cardXL {
    width: 40vw; min-width: 40vw; margin-right: 10px;
}
.cardXL .cerclelogo { margin: 5px; }
/* Module click and collect*/
#titleCC, #reservdiv>h3{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom:20px;
}
.cardProductCC1{
    box-shadow: 0 6px 6px rgba(0, 0, 0, 23%);
    margin: 0 2% 30px 2%;
    width: 21%;
    height: 435px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.containerProducts{
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.boxPrixProductCC1 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.5rem 0%;
}

.boxPrixProductCC1 p {
    font-size: 1.5rem;
}
.cardProductCC1 form>div:first-child {
    padding:0 20px;
}
.cardProductCC1 form>div:first-child>p:nth-child(2) {
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.cardProductCC1 form button {
    border:none;
    border-radius:0;
}
.containerImgProductCC1{
    position : relative; overflow: hidden; 
    margin-top: -30px;
}
.hrProduct {
    background-color: #8b8787;
    /* border: none; */
    /* display: block; */
    height: 3px;
    /* margin: 1.5rem 0; */
}
.labelProductCC{
   margin-left: -15px;
    padding: 3px 10px;
    font-weight: 900;
    font-size: 1.2rem;
    background: #2db08d;
    color: white;
    z-index: 9999;
    width: 110px;
}

.boxQuantityProductCC1{
    display: flex;
    flex-direction: column;
}

p.boxPrixCC2 {
    font-size: 1.5rem;
    background: 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%);
    padding: 2px 12px;
    margin-top: -60px;
    z-index: 999;
    margin-left: 50%;
    color: white;
}
.cardProductCC1 form { margin-top: 30px; }

.buttonProdduct{
    color: white;
    background-color: #014a66;
}

.buttonProdduct:hover{
    color: white;
    background-color: #00777e;
}
.boxQuantityProductCC2{
    display: flex;
    align-items: center; 
}
.boxQuantityProductCC2 label {
    padding-right: 13px;
}





/*Place Event Webtool*/
#reservdiv{
    margin: 3% 0 10% 0;
}
.cardProductEvent1{
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    width:50%;
    display: flex;
    height:235px;
}
.cardProductEvent1 h3, .cardProductCC1 h3 {
    font-size: 1.2rem;
    color:black;
    font-weight:600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cardProductEvent1>div:first-child {
    width:60%;
    position:relative;
}
.containerImgProductEvent1 {
    height:235px;
    overflow:hidden;
}
.containerTxtProductEvent1 {
    width:40%;
}
.containerTxtProductEvent1 form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:100%;
}
.containerImgProductEvent1 img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.cardProductEvent1 form>div:first-child {
    padding:10px 20px 0 20px;
}
.cardProductEvent1 form>div:first-child>p:nth-child(3) {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    height:2.7rem;
}
.labelProductEvent{
    margin-left: -15px;
    position: absolute;
    top: 2%;
    padding: 3px 10px;
    font-weight: 1000;
    font-size: 1.2rem;
    background: #ffcb55;
    color: white;
}
p.boxPrixEvent2 {
    text-align:center;
    font-size: 1.5rem;
    background: 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%);
    color: white;
    padding: 2px 12px;
}

.boxPrixProductEvent1 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.5rem 0%;
}

.boxPrixProductEvent1 p {
    font-size: 1.5rem;
}

.boxQuantityProductProduct2{
    display: flex;
    align-items: center; 
}
.boxQuantityProductProduct2 label {
    padding-right: 13px;
}
.input-box {
    position: relative;
}
.input-box:before {
    position: absolute; top: 10px; right: 5px; color: black; font-size: 21px;
    content: "-";
    pointer-events: none;
    font-weight: bold;
}
 .input-box:after {
    position: absolute; bottom: 8px; right: 4px; color: black; font-size: 22px;
    content: "+";
    pointer-events: none;
}
 .input-box .inputNumber {
    box-sizing: border-box; 
    display: block; 
    border: 1px solid transparent;
    padding: 2px 25px 2px 5px;
    width: 100%;  
    height: 35px; 
    text-align: right;
    -webkit-appearance: none;
}
 .input-box .inputNumber:focus {
    outline: none; box-sizing: border-box; border: 1px solid #fff; background-color: #f5f5f5; color: black; box-shadow: inset 0px 0px 4px rgb(0 0 0 / 15%);
}
 .input-box .inputNumber::-webkit-inner-spin-button {
    position: absolute; top: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; transform: scale(5); transform-origin: right center; opacity: 0;
}
 .input-box .inputNumber::-webkit-contacts-auto-fill-button {
	 opacity: 0;
}
 
/*Panier*/
#basketSection {
    border: 1px solid #e1e1e1; border-radius: 10px;
    box-shadow: 0 0.5em 1em -0.125em rgb(92 90 90 / 52%), 0 0px 0 1px rgb(10 10 10 / 2%);
    padding: 50px 30px;
}
#basketSection>div {
    padding:0 3%;
}
#basketSection h2 {
    font-size:1.5rem;
    border: 1px solid #d6d92e;
    padding: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(0,73,101,1) 0%, rgba(0,95,112,1) 10%, rgba(0,168,156,1) 49%, rgba(214,217,46,1) 100%);
    margin-bottom:30px; color: white;
}
.basketProduct {
    height:200px;
    width:700px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
    margin-bottom:30px;
}
.basketProduct>div {
    height:200px;
}
.basketProduct>div:first-child {
    max-width:200px;
    overflow:hidden;
    min-width:200px;
}
.basketProduct>div:nth-child(2), .basketProduct>div:nth-child(3) {
    padding:15px 10px;
}
.basketProduct>div:nth-child(2)>div>div:nth-child(2) {
    height:128px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.basketProduct>div:nth-child(3) {
    justify-content:space-around;
    text-align:end;
    padding-right:30px;
}
.basketProduct>div:nth-child(3)>p:first-child, #recapOrder>div span {
    font-weight: bold;
    font-size: 1.2rem;
}
.basketProduct>div:nth-child(3)>p:nth-child(3) a {
    color:#EF5748;
}
.basketProduct img {
    height:100%;
    width:100%;
    object-fit:cover;
}
.cartPreview{
    display:flex;
    justify-content:center;
    width: 85px; 
    position: fixed; bottom: 75px; right: 0;
    border-radius:150px 0 0 150px;
    background-color:white;
    padding: 5px;
    /*background: #f15642;*/
    box-shadow: rgb(0 0 0 / 30%) 0px 1px 2px;
}
#basketSection #recapOrder { 
    padding: 35px 3%; 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%);
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
}
#recapOrder h2 {     color: white; font-weight: bold; margin-bottom: 15px;
    border: 1px solid #d6d92e; padding: 5px 10px; border-radius: 5px; background: 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%);
 }
#recapOrder p { margin-bottom:20px;}
#recapOrder p:first-of-type {
    color: white; font-weight: bold;
    padding: 5px 10px; max-width: 250px; border-radius: 5px; background: linear-gradient(90deg, rgba(0,73,101,1) 0%, rgba(0,168,156,1) 50%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%);
}
.nbArticlePanier{
    display: flex; align-items: center; justify-content: center;
    background-color: #0d4b65;
    position: absolute; top: 1px; right: 5px; width: 25px; height: 25px;
    border-radius: 50%;
}
.nbArticlePanier p {
    text-align: center;
    color:white;
}


/*COMMANDES*/
#myOrders { padding-top:50px; width: 1500px; max-width: 90%; }
#myOrders h1 {font-size: 1.5rem; margin-bottom: 30px; color: white; padding: 5px 0; text-align: center; border-radius: 8px; width: 100%; background: linear-gradient(90deg, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 20%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%); }
#myOrders h2 {
    font-size: 1.5rem;
    margin-bottom: 30px;
}
.singleOrder {
    width:90%;
    justify-content:space-evenly;
    align-items:center;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
    margin-bottom:30px;
    padding:15px 0;
}
.orderState1, .orderState2, .orderState6 { 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%); }
.orderState4, .orderState3, .orderState5 { color: grey !important; }
.orderState3, .orderState5 { border:solid 1px #f5b0a9; background: #f3cbc7; }
.orderState4 { background: #6cc9c6; }
.orderState6 { background: #c8ecf3; }

.singleOrder h3, .singleOrder h2 { font-weight:bold; font-size:1rem;}
.singleOrderPrice h2 { margin-bottom:15px;}
.singleOrderProduct>div:first-child { width:150px; height:150px;}
.orderState3 .singleOrderProduct>div:first-child, .orderState5 .singleOrderProduct>div:first-child, .orderState4 .singleOrderProduct>div:first-child { width:90px; height: 90px; }
.singleOrderDate img { width:25px; margin-right:20px; }
.singleOrderState { width:220px; display:flex; flex-direction:column; align-items:center; }
.singleOrderState h3 {padding: 5px 15px; margin-bottom: 30px; border-radius: 8px;  }
.orderState1 .singleOrderState h3 { color: white; background: 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%);}
.orderState2 .singleOrderState h3, .orderState4 .singleOrderState h3 { color: white; background: rgba(0,168,156,1);}

.sectionPagePro { margin-top: 3em !important; }

/* INSCRIPTION ENTREPRISE */
#insSociety {
    background-color:white;
    width:75%; min-width : 375px; max-width: 100%;
    padding:5%;
    margin:0 auto;
}
#insSociety > a { display: block; text-align: center; }
#insSociety h1 {
    font-weight:bold;
    font-size:1.2rem;
    margin-bottom: 50px;
}
#insSociety #name_ville {
    box-shadow:none;
}
#insSociety .input, #insSociety select {
    margin: 0 5%;
    border:none;
    border-radius:0;
}
#insSociety .input {
    border-bottom: 2px solid #2db08d !important; min-width: 300px;
}
#insSociety .input:hover, #insSociety select {
    border:none;
}
#insSociety .select::after {
    border-color:#2db08d;
}
#insSociety button {
    background-color:#014a66;
    border:none;
    color:white;
}
#insSociety>div:last-child {
    margin-bottom:0 !important;
}
#insSociety>div {
    margin-bottom:50px;
}

/*INSCRIPTION JUMPRO*/
/*page choix societe*/
#society{
    background-color: white;
}

#society h2{
    font-size:1.3em;
    text-align: center;
}
/*
#society p:first-child{
    text-align: center;
}*/

#society .textcenter{
    text-align: center;
}

#society #groupe_cards {
    padding: 0 6em;
    justify-content: center;
    margin-top: -3em;
}
#society #groupe_cards>div:first-child, #society #groupe_cards>div:first-child .links a:first-child {
    color:#1A6473;
}
#society #groupe_cards>div:first-child .souslabel {
    color:#f25641;
}
#society #groupe_cards>div:first-child .button {
    background-color:#f25641;
    color:white;
    border:none;
}
#society #groupe_cards>div:nth-child(2) {
    background-color:#114b65;
    color:white !important;
}
#society #groupe_cards>div:nth-child(2) .souslabel, #society #groupe_cards>div:nth-child(2) .links a:first-child {
    color:#b3c94e;
}
#society #groupe_cards>div:nth-child(2) .button {
    background-color:#b3c94e;
    color:#114b65;
    border:none;
}
#society #groupe_cards>div:nth-child(2) h2, #society #groupe_cards>div:nth-child(3) h2, #society #groupe_cards>div:nth-child(2) h2 span, #society #groupe_cards>div:nth-child(3) .legend, #society #groupe_cards>div:nth-child(2) h2 span, #society #groupe_cards>div:nth-child(2) .legend {
    color:white;
}
#society #groupe_cards>div:nth-child(2) h2 span, #society #groupe_cards>div:nth-child(3) h2 span {
    color:#38b4c0;
}
#society #groupe_cards>div:nth-child(3) {
    background: linear-gradient(180deg, rgba(17,75,101,1) 0%,rgba(56,179,192,1) 100%);
    color:white !important;
}
#society #groupe_cards>div:nth-child(3) .links a:first-child, #society #groupe_cards>div:nth-child(3) .button {
    color:white;
}
#society #groupe_cards>div:nth-child(3) .button {
    background-color:#124c6a;
    border:none;
}
#society #groupe_cards .cards>div:first-child {
    height:200px;
    margin-bottom: 1.5em;
}
#society #groupe_cards .cards>div:nth-child(3) {
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
#society #groupe_cards h2 {
    line-height:0.9;
    margin-bottom:2em;
}
#society #groupe_cards p {
    font-size:0.8rem;
}
#society #groupe_cards .logo {
    margin-bottom:1em;
}

#society .legend{
    text-align: center;
    font-size: 1.3rem !important;
    font-weight: bold;
    line-height: 1.2;
}

#society span{
    font-size:2em;
    color: #1A6473;
}


#society .logo1{
    display:flex; 
    margin:auto;
    width:40%;
    z-index: 40;
    position: relative;
}

#society .links{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#society .cards{
    display:flex;
    flex-direction: column;
    border-radius: 30px;
    padding: 2.5em;
    margin: 10px;
    width:30%;
}

#society>.cards:nth-child(1){
   background-color: white;
}

#society>.cards:nth-child(2){
   background-color: #104B65;
}

#society>.cards:nth-child(3){
   background-color: #207280;
}

#society .souslabel{
    font-weight: bold;
    text-align:center;
    padding: 20px 52px;
}

#society a {
   text-decoration: underline;
}

#society a.button{
    display:flex;
    text-decoration: none;
    font-weight: bold;
    border-radius:20px;
    flex-direction:row;
    font-size: 1.5em;
    width:30%;
}
/* Inscription Entreprise - page choix abonnements*/
.inscription h1{
    font-size: 2rem;
    background-color:#196171;
    color: white;
    padding: 10px 15px;
    margin-bottom:.5em;
}

#abonnement, #reglement{
    display:flex;
}

.inscription .card_abo{
    display: flex;
    width: 30%;
    text-align: center;
    margin:30px;
    flex-direction: column;
}
#reglement .card_abo {
    width:100%;
    margin:0;
}

#abonnement .lien{
    font-size: 10px;
    text-decoration:underline;
    color: #1A6473;
    font-weight:bold;
}

#abonnement .link{
    font-size: 10px;
    text-decoration:underline;
    color:#fcc813;
}


#abonnement .button{
     background-color:#16475d;
     color:white;
     font-size:12px;
}

.inscription .button1{
    background-color: #35A9B5;
    border: #35A9B5;
    color: white;
    padding: 10px;
    font-size: 12px;
    border-radius: 26px;
}


.red{
    color:#ff0000 !important;
}
#abonnement p, #reglement p{
    font-size: 10px;
    color: #1A6473;
}
.inscription .bloc_d .aboInfoPrev p, .inscription .bloc_d .aboInfoPrev a {
    font-size:1rem !important;
}
.inscription .bloc_d .aboInfoPrev {
    margin-bottom:1em;
}
#abonnement h2{
    font-size:1.7rem;
    font-weight:bold;
    color: white;
}
#abonnement .aboInfoPrev h2 {
    color:#1A6473;
    font-size:1.5rem;
}
#abonnement .bloc_g h2 span, #abonnement .bloc_g .aboTxt div b, #abonnement .bloc_g .aboPave a {
    color:#fcc813;
}

#abonnement h3, #reglement .card_abo h3{
    font-size:25px;
    color: #1A6473;
}
#abonnement .bloc_g .aboTxt, #abonnement .bloc_g .aboImg {
    width:50%;
}
#abonnement .bloc_g .aboTxt div {
    margin-bottom:2em;
}
#abonnement .bloc_g .aboTxt div p, #abonnement .bloc_g .aboTxt div b, #abonnement .bloc_g .aboTxt div h3 {
    text-align:center;
}
#abonnement .bloc_g .aboTxt div p, #abonnement .bloc_g .aboTxt div h3, #abonnement .bloc_g .aboPave p {
    color:white;
}
#abonnement .bloc_g .aboPave {
    margin-bottom:2em;
}
#abonnement .bloc_g .aboPave p {
    margin-bottom: 1em;
    font-size:0.8em;
    text-align:justify;
}
#abonnement .bloc_g .aboTxt div h3 {
    font-size:1.3rem;
}

.inscription .bold{
    font-weight: bold;
    text-align: center;
}


.inscription .bold_gold{
    font-weight: bold;
    color:#FCC813;
}

.inscription label{
    display: block;
}

.inscription .bloc_g{
    width: 25%;
    color:white;
    padding: 1em;
    margin-right:1.5em;
    background-color:#196171;
}


.inscription .bloc_d{
    width:75%;
}
.inscription .card_abo>div {
    border-radius:20px;
    padding:0.5em 0;
    border:1px solid black;
    border-radius:20px;
    margin-bottom:1em;
    background-color:white;
}
.inscription #starter h3, .inscription #business h3 {
    background-color:#16475d;
    color:white;
}
.inscription .card_abo .txt {
    padding: 1em;
    min-height:180px;
}
.inscription .card_abo .txt h4 {
    font-weight:600;
    color:#1A6473;
}
.inscription #starter .aboFond {
    background-color:#16475d;
    color:#c5e721 !important;
    padding:0.5em;
    font-size:0.7rem;
}
.inscription #starter .aboFond p {
    color:#c5e721 !important;
}
.inscription #business .aboFond {
    background-color:#16475d;
    padding:0.5em;
    font-size:0.7rem;
    color:white !important;
}
.inscription #business .aboFond p {
    color:white !important;
}
.inscription #leader .aboFond {
    background-color:#f400ff;
    padding:0.5em;
    font-size:0.7rem;
}
.inscription .card_abo .aboFond h5 {
    font-size:0.9rem;
}
.inscription .card_abo .aboFond h5 span {
    font-size:1.5rem;
}
.inscription #leader h3 {
    background-color:#f400ff;
    color:#16475d;
}
.inscription #leader h3 span {
    color:white;
}
.inscription #starter h3 span {
    color:#c5e721;
}
.inscription #business h3 span {
    color:#36b6fc;
}
.inscription .card_abo .aboJauges {
    padding:1em;
    text-align:start;
    border-bottom: 1px solid #d3dce0;
}
.inscription .card_abo .aboJauges .jauge {
    height:5px;
    margin-bottom:5px;
}
.inscription #business_connecte .aboJauges, .inscription #starter_connecte .aboJauges, .inscription #leader_optimum .aboJauges {
    border:none !important;
}
.inscription #starter .aboJauges .jauge, .inscription #starter_connecte .aboJauges .jauge {
    background: linear-gradient(90deg, rgba(22,71,93,1)0%, rgba(202,235,32,1)90%, rgba(202,235,32,0)100%);
}
.inscription #business .aboJauges .jauge, .inscription #business_connecte .aboJauges .jauge {
    background: linear-gradient(90deg, rgba(22,71,93,1)0%, rgba(54,182,252,1)90%, rgba(54,182,252,0)100%);
}
.inscription #leader .aboJauges .jauge, .inscription #leader_optimum .aboJauges .jauge {
    background: linear-gradient(90deg, rgba(22,71,93,1)0%, rgba(244,0,255,1)90%, rgba(244,0,255,0)100%);
}
.inscription #starter .aboJauges .jauge1, .inscription #business .aboJauges .jauge2, .inscription #leader .aboJauges .jauge5 {
    width:60%;
}
.inscription #business .aboJauges .jauge1 {
    width:75%;
}
.inscription #leader .aboJauges .jauge1 {
    width:90%;
}
.inscription #starter .aboJauges .jauge2, .inscription #business .aboJauges .jauge4 {
    width:40%;
}
.inscription #leader .aboJauges .jauge2, .inscription #leader .aboJauges .jauge3 {
    width:80%;
}
.inscription #starter .aboJauges .jauge3 {
    width:33%;
}
.inscription #business .aboJauges .jauge3 {
    width:50%
}
.inscription #starter .aboJauges .jauge4 {
    width:27%;
}
.inscription #leader .aboJauges .jauge4 {
    width:95%;
}
.inscription #starter .aboJauges .jauge5 {
    width:15%;
}
.inscription #business .aboJauges .jauge5 {
    width:23%;
}
.inscription .card_abo .aboPrix, #abonnement .bloc_d form>div:nth-child(3)>div .aboPrix {
    padding:1em;
    justify-content:space-between;
    align-items:flex-end;
    position:relative;
}
.inscription #business_connecte .aboPrix h5 {
    color:white !important;
}
.inscription .card_abo .aboPrix h5 {
    color:#16475d;
    font-weight:bold;
    font-size:0.7rem;
}
.inscription .card_abo .aboPrix h5 span {
    font-size:1.5rem;
}
.inscription .card_abo .aboPrix .aboEco {
    position:absolute;
    top:0;
    right:0;
    color:white;
    background:linear-gradient(90deg, rgba(18,76,106,1)0%, rgba(54,182,252,1)100%);
    padding:2px 5px;
    font-size:0.7rem;
    align-items:center;
}
.inscription .card_abo .aboPrix .aboEco span {
    font-size:0.9rem;
}
.inscription .card_abo .aboPrix .aboEco p {
    color:white !important;
}

.inscription .card_abo>div {
    padding:0;
    overflow:hidden;
}
.inscription .card_abo .formuleHead {
    padding:1em;
}
.inscription #starter_connecte .formuleHead, .inscription #starter_connecte .aboPrix {
    background-color:#c5e721;
}
.inscription #business_connecte .formuleHead, .inscription #business_connecte .aboPrix {
    background-color:#16475d;
}
.inscription #business_connecte .formuleHead, #abonnement .bloc_d form>div:nth-child(3)>div:nth-child(2) .aboPrix>div:nth-child(2) p {
    color:white !important;
}
.inscription #leader_optimum .formuleHead, .inscription #leader_optimum .aboPrix {
    background-color:#f400ff;
}
.inscription .card_abo .formuleHead h3 {
    font-weight:600;
    margin-bottom:5px;
}
.inscription .card_abo .formuleHead h4 {
    color:#1A6473;
}
.inscription #starter_connecte .formuleHead h3 span, .inscription #business_connecte .formuleHead h3 span, .inscription #business_connecte .formuleHead p, .inscription #business_connecte .formuleHead h4 {
    color:white
}
.inscription #business_connecte .formuleHead h3 {
    color:#36b6fc;
}
.inscription .card_abo .formuleHead>div:nth-child(3) {
    align-items:center;
    margin-bottom:10px;
}
.inscription .card_abo .formuleHead>div:nth-child(3)>div {
    width:40%;
    height:95px;
    border:1px solid #1A6473;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:1em;
}
.inscription .card_abo .formuleHead>div:nth-child(3)>div img {
    margin-right:10px;
}
.inscription .card_abo .formuleHead>div:nth-child(3)>p {
    width:10%;
}
.inscription .card_abo .formuleHead>div:nth-child(3) p {
    font-size:0.8rem;
}
.inscription .card_abo .formuleCorps {
    padding:1em;
}
.inscription .card_abo .formuleCorps>div:first-child {
    justify-content:space-between;
}
.inscription .card_abo .formuleCorps>div:first-child>div:first-child {
    background-color:#16475d;
    padding:5px;
}
.inscription .card_abo .formuleCorps>div:first-child>div:nth-child(2) {
    padding:5px;
}
.inscription .card_abo .formuleCorps>div:first-child>div:first-child p {
    color:white !important;
}
.inscription .card_abo .formuleCorps .aboJauges {
    text-align:start;
    padding:1em 0 0 0;
}
.inscription #starter_connecte .aboJauges .jauge1, .inscription #business_connecte .aboJauges .jauge2, .inscription #leader_optimum .aboJauges .jauge4 {
    width:90%;
}
.inscription #business_connecte .aboJauges .jauge1, .inscription #leader_optimum .aboJauges .jauge1 {
    width:95%;
}
.inscription #starter_connecte .aboJauges .jauge2, .inscription #business_connecte .aboJauges .jauge4 {
    width:75%;
}
.inscription #leader_optimum .aboJauges .jauge2, .inscription #leader_optimum .aboJauges .jauge3 {
    width:93%;
}
.inscription #starter_connecte .aboJauges .jauge3 {
    width:70%;
}
.inscription #businnes_connecte .aboJauges .jauge3, .inscription #leader_optimum .aboJauges .jauge5 {
    width:80%;
}
.inscription #starter_connecte .aboJauges .jauge4 {
    width:60%;
}
.inscription #starter_connecte .aboJauges .jauge5 {
    width:30%;
}
.inscription #business_connecte .aboJauges .jauge5 {
    width:55%;
}

.inscription .bloc_g .card_abo>a, .inscription .bloc_g .card_abo>input {
    display:none;
}

.inscription #reglement form {
    width:100%;
    padding:50px 0;
}
.inscription #reglement form>div:nth-child(3) {
    display:flex;
    justify-content:space-around;
}

.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(2) {
    border-color:#16475d;
}
.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3) {
    background-color:#16475d;
}
/* cards reglements*/
.inscription .moyen_paiement {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:30%;
    position:relative;
    padding-top:50px;
    border:1px solid #eee;
    border-radius:20px;
    padding-bottom:30px;
}
.inscription .moyen_paiement p {
    font-size:1rem !important;
}
.inscription .moyen_paiement > div:first-child {
    position:absolute;
    width:80px;
    top:-40px;
}
.inscription .moyen_paiement>div:nth-child(2), .inscription .moyen_paiement>div:nth-child(3) {
    padding : 0 20px;
}
.inscription .moyen_paiement h3 {
    color:#1A6473;
    font-size:1.5rem;
    text-align:center;
}
.inscription .moyen_paiement>div:nth-child(3) p {
    text-align:center;
}
.inscription .moyen_paiement>div:nth-child(3)>p:first-child span {
    font-size:4rem;
    font-weight:bold;
}
.inscription .moyen_paiement>div:nth-child(3)>p:nth-child(2) {
    font-size:1.5rem;
    font-weight:bold;
}
.inscription .moyen_paiement>div:nth-child(3)>p:nth-child(3), .inscription .moyen_paiement>div:nth-child(3)>p:nth-child(4) {
    color:white !important;
    font-weight:1.5rem;
    padding:5px;
}
.inscription .moyen_paiement>div:nth-child(3)>p:nth-child(3) {
    background-color:#38b4c0;
    margin-bottom:0.5rem;
}
.inscription .moyen_paiement>div:nth-child(3)>p:nth-child(4) {
    background-color:#1A6473;
    margin-bottom:1rem;
}
.inscription .moyen_paiement>div:nth-child(4) {
    background-color:#1A6473;
    padding:10px;
    width:100%;
    height:90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inscription .moyen_paiement>div:nth-child(4) p {
    color:white !important;
    text-align:center;
}
.inscription .moyen_paiement>div:nth-child(4) p:first-child {
    font-size:1.2rem !important;
}
.inscription .moyen_paiement>div:nth-child(4) p:nth-child(2) {
    font-size:1.4rem !important;
}
.inscription .moyen_paiement>div:nth-child(5) {
    padding:1rem 2rem;
    width:100%;
}
.inscription .moyen_paiement>div:nth-child(5)>div {
    justify-content:space-between;
    text-align:center;
}
.inscription .moyen_paiement>div:nth-child(5)>div:first-child {
    border-bottom:1px solid;
}
.inscription .moyen_paiement>div:nth-child(5)>div:nth-child(2) {
    height:120px;
}
.inscription .moyen_paiement>div:nth-child(5)>div>p, .inscription .moyen_paiement>div:nth-child(5)>div>div {
    width:50%;
}
.inscription .moyen_paiement>div:nth-child(6) input {
    background-color:#1A6473;
    color:white;
    border:none;
    padding: 1em;
    border-radius:150px;
}

.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3) h3, .inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3) p {
    color:white;
}
.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3)>div:nth-child(5)>div:first-child {
    border-color:white;
}
.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3)>div:nth-child(4) {
    background-color:transparent;
}
.inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3)>div:nth-child(4)>p:nth-child(3), .inscription #reglement form>div:nth-child(3)>.moyen_paiement:nth-child(3)>div:nth-child(3)>p:nth-child(2) span {
    color:#38b4c0 !important;
}

.inscription #SEPA .bloc_g>div:first-child, .inscription #CHQ .bloc_g>div:first-child  {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.inscription #SEPA .bloc_g>div:first-child img, .inscription #SEPA .bloc_g>div:first-child h2, .inscription #SEPA .bloc_g>div:first-child>p:nth-child(3) {
    text-align:center;
}
.inscription #SEPA .bloc_g h2, .inscription #CHQ .bloc_g h2 {
    font-size:1.5rem;
    font-weight:bold;
    margin-bottom:1em;
    text-align:center;
}
.inscription #SEPA .bloc_g img, .inscription #CHQ .bloc_g img {
    width:22%;
}
.inscription #SEPA .bloc_d p, .inscription #SEPA .bloc_d h3, .inscription #SEPA .bloc_d label, .inscription #SEPA .bloc_d h2, .inscription #SEPA .bloc_d h4, .inscription #SEPA .bloc_d td, .inscription #SEPA .bloc_d th, .inscription #CHQ .bloc_d p, .inscription #CHQ .bloc_d h3, .inscription #CHQ .bloc_d label, .inscription #CHQ .bloc_d h2, .inscription #CHQ .bloc_d h4, .inscription #CHQ .bloc_d td, .inscription #CHQ .bloc_d th {
    color:#196171;
}
.inscription #SEPA .bloc_d>h3 {
    font-size:1.3rem;
    margin-bottom:2rem;
}
.inscription #SEPA .bloc_d h4 {
    font-size:1.2rem;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:1em;
}
.inscription #SEPA .bloc_d .creancier>div:first-child {
    flex:2;
}
.inscription #SEPA .bloc_d .creancier>div:nth-child(2) {
    flex:1;
}
.inscription #SEPA .bloc_d table, .inscription #CHQ .bloc_d table {
    text-align:center;
    border-collapse:collapse;
    margin-bottom:1em;
}
.inscription #SEPA .bloc_d form>div:nth-child(3), .inscription #SEPA .bloc_d form>div:nth-child(4)>div {
    margin-bottom:1em;
}

.inscription #SEPA .bloc_d td, .inscription #SEPA .bloc_d th, .inscription #CHQ .bloc_d td, .inscription #CHQ .bloc_d th {
    border:1px solid #196171;
    padding:5px;
}
.inscription #CHQ .bloc_g>div:nth-child(2) h3, .inscription #CHQ .bloc_g>div:nth-child(2) p {
    margin-bottom:1em;
}
.inscription #CHQ table input {
    border:0;
}
.inscription #CHQ form>div:nth-child(3)>div:first-child {
    margin-bottom:1em;
}
#modalCB .modal-content {
    background-color:white;
    padding:3em;
    border-radius:5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#modalCB .modal-content h3 {
    font-size:1.2rem;
    margin-bottom:1em;
}
#modalCB .modal-content p {
    font-size:0.9rem;
}
#modalCB .modal-content p, #modalCB .modal-content h3, #modalCB .modal-content label, #modalCB .modal-content input {
    color:#196171;
}
#modalCB .modal-content>div:nth-child(2) {
    background-color:#196171;
    display:flex;
    width:200px;
    flex-direction: column;
    align-items: center;
    padding:1em;
    border-radius:4px;
    margin-bottom:1em;
}
#modalCB .modal-content>div:nth-child(5) {
    margin:1em 0;
}
#modalCB .modal-content>div:nth-child(6) {
    margin-bottom:1em;
    text-align:center;
}

#modalCB .modal-content>div:nth-child(6)>div, #modalCB .modal-content>div:nth-child(6)>p:first-child {
    margin-bottom:1em;
}
#modalCB .modal-content>div:nth-child(6)>div input {
    max-height:40px;
}
#modalCB .modal-content>div:nth-child(2) h4, #modalCB .modal-content>div:nth-child(2) p {
    display:inline;
    color:white !important;
}
#modalCB .modal-content>div:nth-child(2) h4 span {
    color:#c5e721;
}
#modalCB .modal-content input[type=submit] {
    background-color:#196171;
    color:white;
}
#modalCB .modal-close {
    right:0;
}
/*page choix user*/

#user{
    display: flex;
    margin-bottom:2em;
}

#user .red{
    color:red;
    font-size:12px;
    text-align: left;
}
.inscription .input {
    border:1px solid #dbdbdb;
    height: auto;
    min-height:2.5em;
}

#user .round{
    border-radius: 150px;
    width:50px;
    height:50px;
    background-color: #1A6071;
    color: white;
    text-align: center;
    margin: 0 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

#user label{
    color:#1A6071;
}

#user h2{
     font-size: 1.7rem;
     font-weight:bold;
     color:#FCC813;
}

#user p {
    font-size:0.8rem;
}

#user .button{
    padding:30px;
    font-size:15px;
}
#user .bloc_d form>div {
    margin-bottom:2em;
}
#user .bloc_d .condiEngagement img {
    width:88px;
    margin-bottom:1em;
}

#user .condiEngagement {
    padding-left:5em;
    margin-bottom:2em;
}

#user .condiEngagement>div:first-child {
    margin-right:2em;
    flex:2;
}
#user .condiEngagement>div:nth-child(2) {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
}
#user .condiEngagement>div:nth-child(2)>p {
    font-size:1.1rem;
    color:#1a6071;
    display:inline;
}
#user .condiEngagement>div:nth-child(2)>.highlight {
    color:white;
    font-size:1.5rem;
    padding:0 5px;
    margin-bottom:0.5em;
}
#user .condiEngagement>div:nth-child(2)>.highlightGreen {
    background-color:#196171;
}
#user .condiEngagement>div:nth-child(2)>.highlightBlue {
    background-color:#38b4c0;
}
#user .condiEngagement>div:nth-child(2)>p>span {
    font-size:3rem;
    font-weight:600;
}

#user .condiEngagement>div:first-child>div:first-child {
    margin-bottom:1em;
}

#user .condiEngagement>div:first-child>div:nth-child(2) p {
    font-size: 1.1rem;
}

#user .condiEngagement>div:first-child input[type='radio'] {
    transform:scale(2);
}

#user .condiEngagement>div:first-child label {
    font-size:1.5rem;
    font-weight:600;
}
#user .condiEngagement>div:first-child>div:last-child {
    margin-top:1.5em;
}
#user .condiEngagement>div:first-child>div:last-child a {
    text-decoration:underline;
    color:#38b4c0;
}

#user .condiEngagement .offer {
    background: linear-gradient(90deg, rgba(51,166,179,1) 0%, rgba(28,103,118,1)100%);
    margin-top:1em;
    padding:1em;
}
#user .condiEngagement .offer p {
    color:white;
}
.bold_gold {
    font-weight: bold;
    color: #FCC813;
}
#user .condiEngagement .offer>div:first-child {
    flex:1;
    margin-right:1em;
    display:flex;
    flex-direction:column;
    align-items:center;
}
#user .condiEngagement .offer>div:first-child>p, #user .condiEngagement .offer>div:nth-child(2)>p:first-child {
    font-size:1.5rem;
}
#user .condiEngagement .offer>div:first-child>div {
    width: 110px;
    height: 110px;
    display: flex;
    border-radius: 50%;
    background:linear-gradient(270deg, rgba(51,166,179,1) 0%, rgba(28,103,118,1)100%);
    justify-content: center;
    align-items: center;
    
}
#user .condiEngagement .offer>div:first-child>div>p {
    font-size:1.2rem;
    text-align:center;
}
#user .condiEngagement .offer>div:nth-child(2){
    flex:4;
}
#user .condiEngagement .offer>div:nth-child(2)>p.bold_gold {
    font-size:1rem;
}

.inscription_end>div:first-child {
    text-align:center;
    color:#196171;
    font-size:1rem;
    margin-bottom:1em;
}
.inscription_end h1 {
    font-size:5rem;
}
.inscription_end>div:nth-child(2) {
    background-color:#196171;
    color:white;
    padding:3em 5em;
    font-size:1em;
}
.inscription_end>div:nth-child(2) h2 {
    font-size:2.5rem;
    color:#fcc813;
    margin-bottom:0.3em;
}
.inscription_end>div:nth-child(2)>div:first-child>div {
    margin-bottom:1em;
}
.inscription_end>div:nth-child(2)>div:nth-child(2)>p {
    margin-bottom:1em;
}
.inscription_end>div:nth-child(2)>div:nth-child(2)>h3 {
    margin:0.5em 0;
}
.inscription_end .big_gold {
    color: #FCC813;
    font-size: 2.5rem;
    font-weight: bold;
    margin-right: 0.5em;
    line-height:1;
}
.gold {
    color: #FCC813;
}
.inscription_end form {
    display:flex;
    justify-content:center;
    padding:1em;
}
.inscription_end form input {
    background-color: #f25641;
    border: 0;
    color: white;
    padding: 0.5em 1.5em;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 150px;
}
/*page choix info*/
#info{
    display:flex;
}

#info .red{
    color:red;
}

#info input{
    border:1px solid black;
    box-shadow: inset 2px 2px 2px black;
    margin : 10px;
}

#info .rond_jaune{
    background-color:#fcc813;
    border-radius:20px;
    height: 25px; 
    width: 25px; 
}

#info .link{
    color:#fcc813;
    text-decoration:underline;
}

#info .bold_p{
    font-weight: bold;
}

#info .siret{
    margin-bottom:10px;
    padding: 10px;
    color:white;
    margin-right:1.5em;
    background-color:#196171;
}

#info .bloc_g_info{
    width: 25%;
}
#etape2Ins, #etape2Association {
    display:none;
}

/* ADMIN */
#tab_roles {
    display:block;
    width:100% !important;
    min-width:unset !important;
    margin:0 auto;
}
#containerRoles {
    display:flex;
    flex-wrap:wrap;
}
#containerTab_roles {
    width:75% !important;
    order:1;
    padding: 0 5em;
}
#lien_addButtonAdmin {
    float:none !important;
}
#tab_roles .tabLigne {
    background-color:#fff;
}
#roles_tligne {
    background-color:#0c6573;
    color:#fff !important; 
}
.tabTLigne > div:last-child {
    background-color:transparent !important;
}
@media (max-width: 1529px), print, handheld, (max-device-width: 1529px) {
    body { padding: 2% 3% 0 3%; }
    #jumpkiZone .box {
        min-width: 273px;
        max-width: 273px;
    }
}
@media (max-width: 1329px), print, handheld, (max-device-width: 1329px) {
    body { padding: 1% 2% 0 2%; }
    .section-co {
        flex-direction:column;
        padding-top: 50px;
    }
    
    .section-co .is-5 {
        width:100%;
    }
    #actionPost {
        flex-direction:column;
    }
    .control .radio:first-child {
        margin-left:0.5em;
    }
    #headerPostMain {
        padding:0;
    }
    #headerPost {
        flex-direction:column;
    }
    #asidePost {
        width:100%;
        padding-right:0;
    }
    #cardProfilPost {
        display:flex;
        flex-wrap:wrap;
    }
    #cardProfilPost>div:first-child {
        justify-content:flex-start;
        margin-right:50px;
    }
    .linkPostFooter {
        width:auto;
    }
    #topComPost {
        display: none;
        flex-direction: column;
        align-items: center;
    }
    #topComPostBulle {
        width:75%;    
    }
    #postSocial ul:first-child {
        margin-right:0;
    }
    .commentDiv {
        flex-direction: column;
        align-items: end;
    }
    #postSocial {
        margin-bottom:30px;
    }
    #topComPost {
        height:500px;
    }
    #carouselPostsSlider .cardHE {
        max-width:fit-content !important;
    }
    .blocCentralComment {
        width:75% !important;
    }
    .singlePost {
        flex-direction:column;
    }
    .topComHeader {
        padding:15px;
    }
    .topComHeader .topComBoxImg {
        width: 80px;
        height: 80px;
    }
    #topComPostBulle p, #topComPostBulle a {
        font-size:1.2rem;
    }
    .topComHeader p span {
        font-size:1.4rem;
    }
    .topComTxt {
        padding:0 15px;
    }
    .topComInterac {
        padding:15px;
    }
    .topComInterac li img {
        width: 50px;
    }
    .topComBoxImg {
        margin-right:20px;
    }
    #headerPostMain {
        margin-bottom:15px;
        order:1;
    }
    #corpsPost {
        width:100%;
        order:2;
    }
    .topComTxt {
        max-height: 55px;
    }
    #asidePost {
        order:3;
    }
    #endPost {
        order:4;
    }
    #navsc_divOngletsJumpro {
        margin: 10px 0;
    }
    
    .espaceRight.column.is-3, #textSeConec, .blockRNavCol #connectButton{
        display: none;
    }
    #navs_nav_complexe{
        display: block;
    }
    #navs_nav_jumpro ul {
        flex-direction:column;
    }
    #mainForm .is-9, #headerProfil .is-9 {
        width:75% !important;
    }
    .column.is-9, .column.is-9-tablet{
        width: 100%;
    }
    .blockRNavCol { margin: auto; }
    .blockRNavCol #boxAccountActions {
        display: none;
    }
    .society1, .society2, .societyContent>div, .sectionPagePro .society2>div {
        width: 100% !important;
    }
    .societyContent, .sectionPagePro .society2 {
        flex-direction:column;
    }
    .sectionPagePro .society2 h2 {
        width:100%;
    }
    .society1 ul, .society2 ul {
        justify-content:center;
    }
    .society1 ul img, .society2 ul img {
        width:50px;
    }
    .sectionPagePro .societyPart1, .sectionPagePro .societyPart2 {
        margin-bottom:15px;
    }
    .sectionPagePro .societyPart2 {
        display: flex;
        flex-direction:column;
        justify-content: space-evenly;
    }
    .societyPart2, .societyPart3 {
        padding:15px;
    }
    .butRdv img {
        height:auto;
    }
    
    #divEt1 {
        margin-top:50px;
    }
    #divEt1 div {
        flex-direction: column;
        align-items:center;
    }
    #divEt1 #birthDateInput {
        width:100%;
    }
    #divEt1 input {
        margin-bottom:15px;
    }
    #divEt1 .btnInscr {
        margin-top:10px;
    }
    .inscrForm {
        height:auto;
    }
    #insBlocFooter {
        text-align:center;
    }
    
    
    #blocExpertPE {
        flex-direction:column;
        align-items:center;
    }
    #blocExpertPE>div:first-child {
        margin-bottom:20px;
        width:98%;
        background: linear-gradient(90deg, rgba(20,101,114,1) 0%, rgba(20,101,114,1) 100%);
        padding-bottom:1%;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
    }
    #blocExpertPE>div:first-child>div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .listjobs { display: flex; margin: 15px auto; flex-direction: column; 
        align-items: center;  justify-content: center; }
    #blocChrosPE .cardXL {
        width:100%;
    }
    
    .cardProductEvent1 {
        width:100% !important;
    }
    .cardProductCC1 {
        width:46%;
        margin: 2%;
        height:495px;
    }
    .labelProductCC, .labelProductEvent {
        margin-left:-10px;
    }
    
    #accountActions {
        width:100%;
    }
    #society .logo1 {
        width:80%;
    }
    #society #groupe_cards {
        flex-direction:column;
        padding: 2em 1em;
        margin:0;
    }
    #society #groupe_cards .cards {
        width:100%;
        margin:0;
        padding:2em;
        margin-bottom:2em;
    }
    
    .inscription #abonnement, .inscription #user {
        flex-direction: column;
    }
    .inscription #abonnement .bloc_g, .inscription #abonnement .bloc_d, .inscription #user .bloc_g, .inscription #user .bloc_d {
        width:100%;
    }
    #abonnement .bloc_g, #user .bloc_g {
        padding-bottom:2em;
        margin-bottom:2em;
    }
    #abonnement .bloc_g>div:nth-child(2) {
        flex-direction:column;
    }
    #abonnement .bloc_g>div:nth-child(2)>div {
        width:100%;
    }
    #abonnement .bloc_d form>div, #user .bloc_d form>div {
        flex-direction:column;
    }
    #abonnement .card_abo {
        width:100%;
        margin: 0 0 2em 0;
    }
    
    #user .bloc_d form div {
        margin-right:0 !important;
    }
    
    #user .bloc_d form>div:nth-child(4)>div:first-child {
        margin-right:0 !important;
    }
    #user #etape2Ins>div {
        flex-direction:column;
    }
    #user #etape2Ins>div>div {
        margin-right:0 !important;
    }
}

@media (max-width: 1300px), (max-device-width: 1300px) {
    #insSociety > div { display: flex; flex-flow: row wrap; }
    #insSociety > div > input { flex: 1 1 auto; }    
    #basketSection {
        flex-direction:column;
        padding-bottom:5em;
    }
    .basketProduct {
        flex-direction:column !important;
        width:auto;
        height:auto;
    }
    .basketProduct>div {
        height:auto !important;
    }
    .basketProduct div:nth-child(2) {
        width:auto !important;
    }
    .basketProduct>div:nth-child(3) {
        justify-content:start;
        padding-right:10px;
    }
    
    .singleOrder {
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
    }
    #myOrders {
        padding-bottom:5em;
    }
    #actionPost h4, #choixPublication h4 {
	font-size: 1.4rem;
    }
    #choixPublicationLinks a img { 
        height:3rem; 
    }
    div#choixPublicationLinks a { 
        margin-left:0; font-size:0.7rem; 
    }
    #choixPublicationLinks { 
        justify-content: space-around; 
    }
    
    .toggle {
        text-align:center;
        font-size:1.5rem !important;
        padding:5px; margin-bottom: 5px;
    }
    .conseilContainer {
        padding:15px;
    }
    .containerConseilForm .faqanswer {
        padding:0 !important;
        width:100% !important;
    }
    
    .faqanswer .conseilimg {
        padding:15px;
    }
    
    #dash2 {
        margin: 0 auto;
    }
    .buttonOrangeJumpo {
        padding:1em !important;
    }
    #divBtnOrange {
        padding:15px;
        display:flex;
        justify-content:end;
    }
}

@media (max-width: 768px), (max-device-width: 768px) {
    body {
        padding:0;
    }
    .column.is-6, .column.is-6-tablet {
        width: 100%;
    }
    #containerMain {
        padding-bottom:35px;
    }
    #headerPost {
        display:block !important;
        padding-top:15px;
    }
    #cardProfilPost>div:first-child {
        margin-right:10px;
    }
    #topComPost {
        height:300px;
    }
    .topComHeader, .topComInterac {
        padding: 10px;
    }
    .topComTxt {
        max-height: 41px;
    }
    .topComHeader .topComBoxImg {
        width: 50px;
        height: 50px;
    }
    .topComHeader p span {
        font-size: 1.1rem;
    }
    #topComPostBulle p, #topComPostBulle a {
        font-size:0.9rem;
    }
    .topComBoxImg {
        margin-right:10px;
    }
    .topComInterac li img {
        width: 35px;
    }
    .commentDiv {
        padding-top: 15px;
    }
    .commentDiv div:first-child {
        margin-bottom:10px;
    }
    #headerPostMain {
        padding:0;
        margin-bottom:20px;
    }
    #postSocial li {
        margin-right:0;
    }
    #asidePost {
        padding: 0!important;
    }
    #postSocial {
        justify-content:center;
        flex-direction: column;
    }
    #PostFooter {
        flex-direction:column;
    }
    #linksPostFooter {
        flex-wrap: wrap;
        justify-content:space-evenly;
    }
    .linkPostFooter {
        margin:5px 20px;
    }
    .blocLeftComment div {
        width:80px;
        height:80px;
    }
    #postSocial ul:first-child {
        margin:0;
    }
    .blocLeftComment {
        flex-basis:0;
        margin-right:10px;
    }
    .blocCentralComment {
        flex-basis:auto;
    }
    .commentDiv {
        display:block !important;
    }
    #postSocial ul {
        padding: 0 10px;
        width: 100%;
    }
    #postSocial ul li {
        width:33.33%;
    }
    .society1, .society2 {
        width:auto !important;;
    }
    .society1 .societyContent, .society2 .societyContent {
        flex-direction:column;
    }
    .society1 .societyContent {
        padding:15px !important;
    }
    .sectionPagePro .society2 {
        flex-direction:column;
    }
    .sectionPagePro .societyPart2 {
        justify-content:flex-start;
    }
    
    #navsc_divOngletsJumpro {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #divEt1 {
        margin-top:50px;
    }
    #divEt1 div {
        flex-direction: column;
        align-items:center;
    }
    #divEt1 #birthDateInput {
        width:100%;
    }
    #divEt1 input {
        margin-bottom:15px;
    }
    #divEt1 .btnInscr {
        margin-top:10px;
    }
    
    #divEt4 h2, #divEt4 h3, #divEt4 p {
        text-align:start;
    }
    
    #divEt6 .custom-file-container {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    #divEt6 .custom-file-container > div{
        flex-direction:column-reverse;
        align-items:center;
    }
    #divEt6 p, #divEt6 h3 {
        text-align:center;
        align-items:center;
    }
    #divEt6 .field .control, #divEt6 .InsField, #divEt6 .custom-file-container__custom-file {
        margin-right:0;
    }
    #InsBlocLeft>div {
        flex-direction:column-reverse;
        align-items:center;
    }
    #InsColor {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center;
        margin-bottom: 15px;
    }
    .labelRadioColorEnr {
        margin:0 2px;
    }
    #divEt6 p {
        margin-bottom:15px;
    }
    #divEt8 .btnInscr {
        margin-top:15px;
    }
    #divEt5 .title, #divEt3 .title {
        line-height:normal;
    }
    .cardXL {
        width:auto;
        max-width:100%;
    }
    
    #leftJumbox > h2 {
        margin-bottom : 15px;
    }
    #jumboxContainer {
        flex-direction:column;
    }
    #filterJumbox {
        flex-wrap: wrap;
    }
    #filterJumbox div {
        width:50% !important;
        margin-bottom:10px;
    }
    #filterJumbox > a {
        width:50%;
        justify-content:center;
    }
    #catsJumbox .catJumbox {
        width:100% !important;
    }
    #blocExpertPE>div:nth-child(2) h1 {
        font-size:1.2rem;
    }
    
    .cardProductCC1 {
        width: 100%;
        margin: 2%;
        margin-bottom:50px;
    }
    
    table {
        border: 0;
}

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    display: flex;
    justify-content: space-between;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;


  }
  
  table td:last-child {
    border-bottom: 0;
  }
  #mainJumpro{
    flex-direction: column;
  }
  #actionsList {
    height: auto;
  }
  
  .cardProductEvent1 {
    flex-direction:column;
    height:448px;
  }
  .cardProductEvent1>div:first-child, .containerTxtProductEvent1 {
    width:100%;      
  }
  .cardProductEvent1 form>div:first-child>p:nth-child(3) br {
    display:none;
  }
  .cardProductEvent1 form>div:first-child>p:nth-child(3) {
    white-space: nowrap;
    word-break: normal;
    height:auto;
  }
}

@media (max-width:500px), (max-device-width: 500px) {
    .github-corner:hover .octo-arm {
        animation: none
    }

    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out
    }
    
     table {
        border: 0;
}

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    display: flex;
    justify-content: space-between;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
  #mainJumpro{
      flex-direction: column;
  }
  #actionsList {
      height: auto;
  }
}

#containerMainADNC p {
    color: black;   
}

.title h2 {
    color: rgb(255, 255, 255);
}
/* MODULE PATCHWORK */
.pwa{font-size: 1.2rem; margin: 15px; }
.startDuo .pwa{ text-align: end; }
.pwimg{ max-width: 100%; max-height: 100%; }
.ms1, .ms4, .ms5{
    color: rgb(255, 240, 154);    
}
.ms2, .ms3, .ms6{
    margin-top: 0;
    color: rgb(255, 255, 255);
}
body .containerPatchWork{
    background-color: black;
}
.containerPatchWork, .patchWork{
    justify-content: center;
}
.startDuo .pwa:first-child .pwPict{
    height: 280px;
    width: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: 100px;
    margin-bottom: -16px;
}
.startDuo .pwa:last-child .pwPict{
    height: 250px;
    width: 420px;
    max-width: 100%;
    max-height: 100%;  
    padding-left: 80px;
}
.centerDuo .pwa:first-child .pwPict{
    height: 300px;
    width: 550px;
    max-width: 100%;
    max-height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: 120px;
    padding-bottom: -320px;
    margin-bottom: -15px;
}
.centerDuo .pwa:last-child .pwPict{
    height: 350px;
    width: 200px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: -30px;
    margin-bottom: -25px;
} 
.endDuo .pwa:first-child .pwPict{
    height: 220px;
    width: 380px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.endDuo .pwa:last-child .pwPict{
    height: 180px;
    width: 300px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.patchWork .pict1 .pict2{
    display: flex;
    flex-direction: row;
}
#img .pict3 .pict4{
    display: flex;
    justify-content: center;
    background-color: #fff;
}
.centerDuo{
    margin-top: -80px;
}
.endDuo{
    margin-top:  360px;
    margin-left: -350px;
}
@media screen and (max-width: 1229px){    
    .title h2 {color: rgb(215, 18, 18);}
    .containerPatchWork, .patchWork {
      flex-direction: column; align-items: center; justify-content: space-around;
    }
    .patcWork{
        padding: auto;
    }
    p{margin-top:0;}
    .ms1, .ms4, .ms5{
        font-size: 1.2rem;
        color: rgb(255, 240, 154);
        text-align: center;
    }        
    .ms2, .ms3, .ms4{
        text-align: center;
        font-size: 1.2rem;
        color: rgb(255, 255, 255);   
    }
    body .containerPatchWork{
        background-color: black;
    }
    .startDuo .pwa:first-child .pwPict{
        height: 280px;
        width: 500px;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    .startDuo .pwa:last-child .pwPict{
        height: 250px;
        width: 420px;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
         
    }
    .startDuo .pwa:last-child .pwPict{
        padding-left: 39px;
    }    
    .centerDuo .pwa:first-child .pwPict{
        height: 300px;
        width: 550px;
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 0px; 
    }    
    .centerDuo .pwa:last-child .pwPict{
        height: 350px;
        width: 200px;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }  
    .endDuo .pwa:first-child .pwPict{
        height: 220px;
        width: 380px;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .endDuo .pwa:last-child .pwPict{
        height: 180px;
        width: 300px;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }    
    .endDuo{ margin: 0; }
}
/* FIN MODULE PATCHWORK */
/* MODULE BIGPIC */


#bigPic{
    position: fixed;
    width: 98%;
    max-height: 94%;
    overflow:auto;
    margin: auto;
    top : 2%;
    bottom : 2%;
    left : 1%;
    right : 1%;
    
    margin: 0;
    padding: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    
    border: 1px solid #E2E2E2;
    border-collapse: separate;
    border-spacing: 0px;
    
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    
    background: #DDDDDD;
    
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#bigPic img{
    display: block;
    margin: auto;
    width: auto;
    height: 100%;
    max-width: 98%;
    max-height: 98%;
    
    border: 1px solid #FFFFFF;
    border-collapse: separate;
    border-spacing: 0px;
}

@media (max-width: 799px)
{
    #bigPic{
        top : 0px;
        bottom : 0px;
    }
}

#bigPicClose, #bigPicPrev, #bigPicNext {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#bigPicClose{
    position: absolute;
    top: 0px;
    right: 5px;
    display: block;
    background: url(pics/controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}
#bigPicClose:hover{background-position:bottom center;}

#bigPicPrev{
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -32px;
    background: url(pics/controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}
#bigPicPrev:hover{background-position:bottom left;}

#bigPicNext{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -32px;
    background: url(pics/controls.png) no-repeat top right;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}
#bigPicNext:hover{background-position:bottom right;}

/* C'est une classe générique, hors de question d'avoir ce genre de code : A reporter sur un autre ciblage si nécessaire ou supprimer
.flexligne{
    justify-content: end;
    background: url(ged/simg/pompiersBeausset/PhotoPompiers.png)80% no-repeat, linear-gradient(90deg, rgba(3,31,53,1)0%,rgba(3,31,53,1)100%);
    background-size: 50%, 100%;

}*/

ol li{
    padding: 10px;
    width: 20%;
    list-style: none;
}

ol li:nth-child(1){
    width: 50% !important;
    
}


ol li:nth-child(2, 3){
    display: flex;
    justify-content: end;
    
}

ol li img{
    width:100%;
}



/* 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; 
}

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

.topcardmarine { 
   padding: 10px 10px 10px 15px;
   border-top-left-radius: 15px;   border-top-right-radius: 15px;
   background: var(--color-marine);
}