/*NAV BAR*/

.blockRNavCol, .navReduite > div {
    display: flex;    
    flex-direction: column;
    align-items: center; max-width: 225px; justify-content: center;
}
.blockLNavLigne{
    padding-left: 3em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; 
}

.tZone {
    display: flex;
    padding: 0; 
    margin: auto;
    height: 450px;
    min-width:250px;
}

.titreEvent p, .titreJumpki p, .titreActu p, .titreChronique p, .titreEvenements p, .titreEntreprises p {
    font-size: 14px !important;
}
#jumpkiZone {
    flex-direction:column; height: 75vh; width: 90vw; max-width: 400px; 
}
#navsc_widget_tcmd { width: 100vw; }
  
#jumpkiZone .box {
    order: 2; width: 100%; min-width: 0; max-width: 100%; height: 60vh; min-height: 60vh; max-height: 60vh;     margin: 2vh auto;
}
#jumpkiZone p { color: black !important; }

#jumpkiZone .field input, #jumpkiZone select {
    width:70%;
}
.buttonFormJumpki button{
    width:50px;
}

.jumpkiBlock{
    background: url(assets/pics/navbar/fondMaison.svg) 5% bottom no-repeat,url(assets/pics/navbar/urgence.svg) 95% bottom no-repeat, linear-gradient(
        90deg, rgba(255,255,255,1) 0%, rgba(189,228,244,1) 100%);
    background-size: 50%,50%, 100%;
}
.titreJumpki, .titreEntreprises, .titreActu, .titreEvent, .titreChronique {
    margin-bottom: 1.6em;
}
.titreJumpki img, .titreEntreprises img, .titreActu img, .titreEvent img, .titreChronique img{
    margin-bottom: 0.5em;
}
#navs_nav_complexe #navsc_divId_1 { display: none; }

.entreprisesBlock{
    background: url(assets/pics/navbar/fondMaison.svg) 5% bottom no-repeat,url(assets/pics/navbar/society.svg) 95% bottom no-repeat, linear-gradient( 
    90deg, rgba(189,228,244,1) 0%, rgba(255,255,255,1) 100%);
    background-size: 50%,50%, 100%;
}
.espaceJumpo > div:first-child, .actuBlock, .eventBlock, .entreprisesBlock, .chroniqueBlock{
    padding: 5% 7% 6% 7%;
}
.actuBlock { 
    background: url(assets/pics/navbar/fondMaison.svg) 5% bottom no-repeat,url(assets/pics/navbar/actu.svg) 95% bottom no-repeat, linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(41,180,190,1) 100%);
    background-size: 50%,50%, 100%;
}  

.eventBlock {
    background: url(assets/pics/navbar/fondMaison.svg) 5% bottom no-repeat,url(assets/pics/navbar/eventCalendar.svg) 95% bottom no-repeat, linear-gradient(180deg, rgba(36,183,193,1) 0%, rgba(255,255,255,1) 63%);
    background-size: 50%,50%, 100%;
}

.inputActu {
    width: 65%;
}
#themes {
    background-color: #29b4be;
}

#themes2 {
    background-color: #0c4b64;
}
#themes, #themes2 {
    color:white;
    padding: 0.5em 2.5em;
    font-size:1rem;
}

.dateActu {
    background: white;
    border-radius: 12px;
    padding:0.5em;
}

.dateActu input{
    border: none;
    display:flex;
    flex-direction:row-reverse; font-size: 90%;
}
.dateActu input[type="date"]::-webkit-calendar-picker-indicator, .faqanswer input[type="date"]::-webkit-calendar-picker-indicator {
    display: block;
    background: url(assets/pics/pictos/pictoAgenda.svg) no-repeat;
    background-size: 19px;
    margin: 0;
    margin-right:2px;
}

.chroniqueBlock {
    background: url(assets/pics/navbar/fondMaison.svg) 5% bottom no-repeat,url(assets/pics/navbar/actu.svg) 95% bottom no-repeat, linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(41,180,190,1) 50%, rgba(255,255,255,1) 90%);
    background-size: 50%,50%, 100%;
}

.actuBlock, .eventBlock, .chroniqueBlock {
    display:none;
}


.actsTcmd {
    width:auto;
    display:flex; order: 1; height: 10vh;
}
.actsTcmd a { display: flex; width: auto; height: 100%; justify-content: center; align-items: center; }
.actsTcmd a img { width: 80%; }

.buttonTcmd {  border-radius: 10px; -webkit-box-shadow: 5px 0px 6px -5px rgb(0 0 0 / 49%); box-shadow: 5px 0px 6px -5px rgb(0 0 0 / 49%); background-color:white; }
.buttonTcmdActif { background-color: #43bad0; }
.titreJumpki, .titreActu, .titreChronique, .titreEvent, .titreEntreprises{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.inputJumpki{
    border-radius: 12px;
}

/* */
#navs_nav_complexe{
    display: block;
    pointer-events: none;
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: transparent; z-index: 9999999;
}
nav#navs_nav_complexe ul {
    margin: 0 auto;
    pointer-events: all;
    display: flex;
    justify-content: center;
    width: fit-content;
    list-style: none;
}

.returnSelectWidget { min-width: 100%; text-align: center; padding-top: 2rem; }
#navsc_divId_1 a i, #navsc_divId_2 a i{
    font-size: 2rem;
}

#navsc_divId_3 > div{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100vw;
    background: linear-gradient(180deg, rgba(25,167,155,1) 0%, rgba(6,53,67,1) 100%);
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center; 
}
#navsc_divWidgets{
    display: none;    background : #c0f2fe;    justify-content: center; align-content: flex-start; padding-top: 2vh;
}

.navMobileTitle {
    font-size: 210%;
    color: rgb(0, 74, 102);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navMobileSaut, .navMobileTitle {
    min-width: 100%;
    text-align: center;
}
.navMobileTitle img {
    width: 150px;
} 

#navsc_divId_0 div #boxAccountActions.box-shadow{
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 19%), 0 0px 0px rgb(0 0 0 / 23%);
}
#navs_nav_complexe ul li{
    display: flex; align-items: center;
    padding: 0 14px 0 14px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    margin-right: 5px;
    background-color: white;
}
#navs_nav_complexe ul li:first-child{ padding: 7px 5px 0 5px; }
#navsc_divOnglets1  { align-content: center; align-items: center; }
#navsc_divOnglets1 .avecInfoBulle { display: flex;    flex-direction: column;    align-items: center;    color: white; }
#navsc_divOnglets1 img {  width: 30vw; min-width: 50px; max-width: 150px; margin: 15px 0; }
#navs_nav_complexe #navsc_divId_3 { background: none;    box-shadow: none;    width: 0;    height: 0;    padding: 0;    margin: 0; }
#navsc_divId_0, #navsc_divId_1, #navsc_divId_2 { z-index: 9999; }

.closeNav{
    
    position: fixed; bottom: 0; left: 8px; padding: 0px 5px 0 5px;
    height: 40px;  width: 40px; 
    display: flex;    align-items: center;    justify-content: space-around;
    color: black !important;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    margin-right: 10px;
    background-color: white;
    
}
.closeNav i { font-size: 1.5rem; }
.widget_module{
    display : none;
}


div#actsTcmd a img {
    min-width: 0rem;
}

#navs_nav_complexe #zoneWidgetVC{
    width: 100%; height: 60vh;
}

navdrasil { z-index: 30; }

.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 {
    top: auto; bottom: 35px;
} 
.navbar-dropdown {
    left: -17px; width: 210px; 
}   




@media screen and (min-width: 1565px), (min-device-width: 1565px) {
    #containerMainADNC #navs_nav_complexe{ display: block; }
    #containerMainADNC .actsTcmd a { width: auto; height: 100%; }
    #containerMainADNC .actsTcmd a img { width: 70%; }
    #containerMainADNC .actsTcmd {
        width:auto;
        display:flex; order: 1; height: 10vh;
    }
    #containerMainADNC #jumpkiZone {
        flex-direction:column; height: 75vh; width: 90vw; max-width: 500px; 
    }
    #containerMainADNC #jumpkiZone .box { order: 2; width: 100%; min-width: 0; max-width: 100%; height: 60vh; min-height: 60vh; max-height: 60vh;     margin: 2vh auto;}
    #containerMainADNC #navsc_widget_tcmd { width: 100vw; }
    #containerMainADNC .tZone { margin: auto; }
    #containerMainADNC .widget_module, #containerMainADNC #navsc_widget_meteo { width: 100vw;}
    #containerMainADNC .versWidget img { height: 80px; width: auto; }
    #containerMainADNC .widget_module, #containerMainADNC .boxTcmd { width: 90vw; max-height: 60vh; margin: 2vh auto; }
    #containerMainADNC #navsc_widget_meteo {max-height: none;}
    #containerMainADNC .headmeteo { display: flex; }
    #containerMainADNC .vcContents { max-height: 50vh; }
    #containerMainADNC #navs_nav_complexe #zoneWidgetVC, #containerMainADNC .blocmeteo { max-width: 500px; }
}
@media (max-width: 1564px), print, handheld, (max-device-width: 1564px) {
    #navs_nav_complexe #navsc_divId_1 { display: flex; }
    .blockLNavLigne { display: none; }
    .widget_module, #navsc_widget_meteo { width: 100vw;}
    .versWidget img { height: 80px; width: auto; }
    .widget_module, .boxTcmd { width: 95%; min-width: 95%; max-height: 60vh; margin: 2vh auto; }
    #navsc_widget_meteo { min-width: 95%; max-height: none;}
    .headmeteo { display: flex; }
    .vcContents { max-height: 50vh; }    
    .bloc-connection { width:80%; }    
    .vcLogo { padding: 10px; }
    .vcLogo img { max-width: 200px; }
}

@media (min-width: 900px) and (max-width: 1329px), (min-device-width: 900px) and (max-device-width: 1329px) {
    .widget_module { max-width: 750px; }
    #navsc_divId_3 #navsc_divWidgets { justify-content: center; }
}

/*FIN NAV BAR*/