.hidden
{
    visibility: hidden;
    position: absolute;
}
        /* Ajoutez du style pour améliorer l'apparence si nécessaire */
        .multiline-options {
            white-space: pre-wrap; /* Cette propriété CSS permet d'interpréter les sauts de ligne */
        }
        /* Style pour améliorer l'apparence de la liste déroulante */
        .mobileselect2 {
        
          overflow-y: auto !important; /* Ajoute une barre de défilement si nécessaire */
        }

        /* Style pour les options multilignes */
        .mobileselect2 option {
            padding: 5px !important; /* Ajoutez un espacement autour du texte de l'option */
            max-height: 200px !important; /* Ajustez la hauteur maximale selon vos besoins */
        }

#success
{
    visibility: hidden;
}
.multiline-options {
    white-space: pre-wrap;
}
.bigblue
{
    font-weight: bold;
    font-size: 2vw;
    color: cornflowerblue;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.separe
{
    margin-right: 20px;
    display: inline !important;
    border-right: 1px solid black;
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}
.margin25
{
    margin-left: 25% !important;
}
.indexmaintop
{
    margin-top: 9%;
}

.btn_radius
{
    border-radius: 45px;
}
.linone
{
    list-style: none !important;
    text-decoration: none;
}
a:hover.linone
{
    text-decoration: none;
}
.cardfix
{
    padding: 0.25em !important;
}
a.aja,.bold
{
    color: black;
    font-weight: bold;
}
#pushIMG
{
    height: 350px;

}
.cachedefault
{
    display: none !important;
}
.externe
{
    margin-right: 10px;
}
#u581173
{

}
#u581173123
{
    background-color: white;
    min-height: 830px;
    background-position: center;
    background-repeat: no-repeat;
}
.addr > img,.addr > p
{
    vertical-align: bottom;
}
.pushall
{
    vertical-align: middle;
}
/*Agenda*/
.bdateF
{
    background-color: #662D91;
    color: white;
}
.bnomfull
{
    color: black;
    font-weight: bold;
}
.bactitype
{
    color:#662D91;
}
.bactitags
{
    color: black;
}
#u46514,#u46515,#u46516,#u46517 
{
    max-height: 550px;
    overflow: auto;
}
#dagenda
{
    background-color: #662D91;
    color: white;
    
}
/*mainact*/
.mainact
{
    padding: 3%;
    background-color: white;
    margin-bottom: 1em;
} 
.mainact > h1
{
    font-size: 1.5em;
    padding-bottom: 2%;
}
/*bouton accordion*/
.btn-link
{
    background-color: #00A99D !important;
}
.bred
{
   background-color: #E52A26 !important; 
}
.bblue
{
    background-color: #347FAD !important; 
}
.bwhite
{
    background-color: white !important; 
}
.bgreen
{
     background-color:#B9CC66 !important;
}
.bmauve
{
     background-color:#662D91 !important;
}
.collapsed
{
    background-color: black !important;
}
/*reste*/
.container-fluid
{
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.white
{
    color: white !important;
}
.red
{
    color: #E52A26;
}

.here
{
    border-bottom: solid 5px #f56a6a;
}
.visibleoff
{
    visibility: hidden;
}
.visibleOn
{
    visibility: visible;
}
.logo
{
    float: left;
}

#header
{
    padding: 1em;
}
#section
{
    padding: 1em;
}

#banner
{
     border-bottom: solid 2px rgba(210, 215, 217, 0.75);
}

#main > .inner 
{
    
    padding: 0;
     max-width: 100%;
}

#main > .inner > section 
{
    padding: 6em 1em 4em 1em;
}
ul.icons > li
{
    padding: 0;
    padding-top: 1em;
}
footer
{
    padding: 1em 1em 1em 1em;
}
footer > ul
{
    float: right;
    padding: 1em;
}
footer > ul > li
{
    display: inline;
}

#banner
{
   min-height: 1200px;
   display: block;
}
/*background*/
.accueil
{
   background: url(../../img/v2/BG_Accueil-min.jpg) no-repeat center center;
   background-size: contain;
   background-position: top;
}
.fede
{
   background: url(../../img/v2/BG_LaFdml-min.jpg) no-repeat center center;
   background-size: cover;
}
.actus
{
   background-color: gainsboro;
   background-size: cover;
}
.laicite{
    background: url("../../img/laicite_bg.jpg") no-repeat center center ;
    background-size: cover;

}
.contact
{
      background: url("../../img/contact_bg.jpg") no-repeat center center ;
    background-size: cover;
}
.download
{
    background: url("../../img/download_bg.jpg") no-repeat center center ;
    background-size: cover;

}
.maison
{
    background: url("../../img/maisons_bg.jpg") no-repeat center center ;
    background-size: cover;
}
.agenda
{
    background: url("../../img/agenda_bg.jpg") no-repeat center center ;
    background-size: cover;
}
.card-header
{
    padding: 0 !important;
}
.btn-link
{
    width: 100%;
}
html, body, .inner
{
    height: 100%;
}
li
{
        list-style: square;
}
/* Full HD+ FIX */
@media only screen and (min-device-width: 1921px){
    #banner
    {
        height: 85%; 
    }
}

/* Portrait FIX ipad PRO*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait)  {
    #banner
    {
        min-height: 1100px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1200px){
    .externe
    {
        margin-right: 5px;
    }
}


@media screen and (max-width: 1080px) and (min-width: 737px){
    .btn
    {
        font-size: 0.6em !important;
    }
    li
    {
        list-style: square;
    }
    li > a
    {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 980px) and (min-width: 737px){
    
    .navbar-brand
    {
        margin-right: 0 !important;
        
    }
    .navbar-brand > img, a.navbar-brand
    {
        width: 55px;
        height: auto;
    }
    .container
    {
        margin-left: auto !important;
    }
    .container-fluid
    {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #pushIMG
    {
        height: 250px;
    }

}

@media screen and (max-width: 767px) {
    .mobilecache
    {
        display: none;
    }
        .externe
    {
        margin-left: 5%;
        margin-bottom: 5%;
    }
    #main > .inner > section 
    {
        padding: 3em 1em 4em 1em;
    }
}


@media screen and (max-width: 736px) {
    #main > .inner 
    {

        padding: 8px;
    }
    #collapseFive
    {
        font-size: 13px;
    }
    .full > ul 
    {
        visibility: hidden;
    }
    .logo
    {
        left: 4em;
        position: relative;
    }
    
    .container
    {
        margin-left: auto !important;
    }
    #pushIMG
    {
        height: 250px;
    }
    .externe
    {
        margin-left: 5%;
        margin-bottom: 5%;
    }
}
@media screen and (max-width: 575px) {
    #mentions
    {
        float: right;
    }
        #pushIMG
    {
        height: 200px;
    }
    .bigblue
    {
        font-size: 3vw;
    }
    #accordionExample,#mobileselect2
    {
        padding: 0 !important;
    }
    .container-fluid
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #u581173123
    {
     
    }
}