/* #PRODUIRE{fond=_css/cibloc.css}
   md5:216fe1999ce378be6ac99bfb8db11fa6 */
/*==========  colonnes (ne PAS modifier) ==============*/

.cimulti_colonnes div[class^='col-sm-'] {
    position: relative;
    float: left;
    min-height: 1px;
    padding: 0 1rem 0.5rem 1rem;
    max-width: 100%;
}

.cimulti_colonnes_sans_marge div[class^='col-sm-'] {
    padding: 1.5rem;
    float: inherit;
    border: 1px solid #bfbfbf;
    text-align: center !important;
    display: table-cell;
    min-height: 1px;
    max-width: 100%;
    vertical-align: top;
}

@media (min-width: 768px) {
    .cimulti_colonnes div[class^='col-sm-'] {
      float: left;
      padding-bottom: 0;
    }
    
    .cimulti_colonnes div.col-sm-12 {width: 100%;}
    .cimulti_colonnes div.col-sm-11 {width: 91.66666667%;}
    .cimulti_colonnes div.col-sm-10 {width: 83.33333333%;}
    .cimulti_colonnes div.col-sm-9 {width: 75%;}
    .cimulti_colonnes div.col-sm-8 {width: 66.66666667%;}
    .cimulti_colonnes div.col-sm-7 {width: 58.33333333%;}
    .cimulti_colonnes div.col-sm-6 {width: 50%;}
    .cimulti_colonnes div.col-sm-5 {width: 41.66666667%;}
    .cimulti_colonnes div.col-sm-4 {width: 33.33333333%;}
    .cimulti_colonnes div.col-sm-3 {width: 25%;}
    .cimulti_colonnes div.col-sm-2 {width: 16.66666667%;}
    .cimulti_colonnes div.col-sm-1 {width: 8.33333333%;}
    
    .cimulti_colonnes_sans_marge div.col-sm-12 {width: 100%;}
    .cimulti_colonnes_sans_marge div.col-sm-11 {width: 91.66666667%;}
    .cimulti_colonnes_sans_marge div.col-sm-10 {width: 83.33333333%;}
    .cimulti_colonnes_sans_marge div.col-sm-9 {width: 75%;}
    .cimulti_colonnes_sans_marge div.col-sm-8 {width: 66.66666667%;}
    .cimulti_colonnes_sans_marge div.col-sm-7 {width: 58.33333333%;}
    .cimulti_colonnes_sans_marge div.col-sm-6 {width: 50%;}
    .cimulti_colonnes_sans_marge div.col-sm-5 {width: 41.66666667%;}
    .cimulti_colonnes_sans_marge div.col-sm-4 {width: 33.33333333%;}
    .cimulti_colonnes_sans_marge div.col-sm-3 {width: 25%;}
    .cimulti_colonnes_sans_marge div.col-sm-2 {width: 16.66666667%;}
    .cimulti_colonnes_sans_marge div.col-sm-1 {width: 8.33333333%;}
}



/*==========  multi colonnes (ne PAS modifier) ==============*/

.cimulti_colonnes {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.cimulti_colonnes * {
    box-sizing: border-box;
}

.cimulti_colonnes *::before, *::after {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .cimulti_colonnes div[class^='col-sm-'] {
        width: 100%;        
    }
}


/*==========  multi colonnes sans marge (ne PAS modifier) ==============*/

.cimulti_colonnes_sans_marge {
    margin: 0 !important;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.cimulti_colonnes_sans_marge * {
    box-sizing: border-box;
}

.cimulti_colonnes_sans_marge *::before, *::after {
    box-sizing: border-box;
}

.cimulti_colonnes_sans_marge .cibloc_centre h2.spip {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.cimulti_colonnes_sans_marge p {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cimulti_colonnes_sans_marge i.fa {
    display: block;
    margin-bottom: 0.5rem;
}

.cimulti_colonnes_sans_marge a.spip_in,
.cimulti_colonnes_sans_marge a.spip_out {
    text-decoration: none !important;
}

/* utilisation de flex pour que les hauteurs des colonnes soient égales */ 
@media (min-width: 768px) and (max-width: 959px) {
    .cimulti_colonnes_sans_marge {
        display: -ms-flexbox; /* pour IE 10*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .cimulti_colonnes_sans_marge > div[class^='col-sm-'] {
        display: -ms-flexbox; /* pour IE 10 et 11 */
        -ms-flex-direction: column; /* pour IE 10 et 11 */
        float: inherit;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0 0 -1px -1px;
    }
    .cimulti_colonnes_sans_marge div.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .cimulti_colonnes_sans_marge {
        display: block;
    }
    
    .cimulti_colonnes_sans_marge div[class^='col-sm-'] {
        display: block;
        width: 100%;        
        margin-bottom: -1px;    
    }
}


/*==========  alignement du texte, etc. (ne pas modifier) ==============*/

.cibloc_texte_left {
    display: block;
    text-align: left !important;
}

.cibloc_texte_left h2.spip {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.cibloc_texte_left p {
    text-align: left !important;
}

.cibloc_texte_center {
    display: block;
    text-align: center !important;
}

.cibloc_texte_center h2.spip {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.cibloc_texte_center p {
    text-align: center !important;
}

.cibloc_texte_right {
    display: block;
    text-align: right !important;
}

.cibloc_texte_right h2.spip {
    text-align: right !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.cibloc_texte_right p {
    text-align: right !important;
}

/* compatibilite avec le bloc image */
.cibloc_image .cibloc_texte_left p,
.cibloc_image .cibloc_texte_left h2.spip {
    text-align: left !important;
}
.cibloc_image .cibloc_texte_center p,
.cibloc_image .cibloc_texte_center h2.spip {
    text-align: center !important;
}
.cibloc_image .cibloc_texte_right p,
.cibloc_image .cibloc_texte_right h2.spip {
    text-align: right !important;
}

/* compatibilite avec le bloc bouton */
.cibloc_bouton .cibloc_texte_left p,
.cibloc_bouton .cibloc_texte_left h2.spip {
    text-align: left !important;
}
.cibloc_bouton .cibloc_texte_center p,
.cibloc_bouton .cibloc_texte_center h2.spip {
    text-align: center !important;
}
.cibloc_bouton .cibloc_texte_right p,
.cibloc_bouton .cibloc_texte_right h2.spip {
    text-align: right !important;
}


.cibloc_texte_trait {
    border-top: 1px solid #bfbfbf;
    margin: 1rem 0;
}

.cibloc_texte_espace {
    margin: 1rem 0;
}

.cibloc_texte_espace:before,
.cibloc_texte_espace:after {
    display: table;
    content: " ";
}

.cibloc_texte_espace:after {
    clear: both;
}



/*==========  images de demo (ne PAS modifier) ==============*/

.cibloc_image_demo {
    margin-bottom: 0.5rem;
}



/*==========  tableau SPIP dans un bloc (ne PAS modifier) ==============*/

.cibloc table.spip {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.385em;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width:100%;
    font-size: 0.8rem;
}
.cibloc table.spip caption {
    caption-side: top;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.cibloc table.spip th, .cibloc table.spip td {
    border: 1px solid #ccc;
}
.cibloc table.spip td, .cibloc table.spip th, .cibloc th, .cibloc td, .cibloc caption {
    padding: 0.6925em;
}
.cibloc thead th {
    background: #d9dfe5 none repeat scroll 0 0;
    color: inherit;
    font-weight: 700;
}
.cibloc table.spip th, .cibloc table.spip td {
    border: 1px solid #ccc;
}



/*==========  communs  ==============*/

.cibloc {
    margin-top:1.0rem;
    margin-bottom:1.0rem;
    clear: both;
}

.cibloc:before,
.cibloc:after {
    display: table;
    content: " ";
}

.cibloc:after {
    clear: both;
}



/*==========  blocs ==============*/

/* Pour les blocs sauf les exeptions ci-apres */
.cibloc_bordure {border: 1px solid #bfbfbf !important;padding-top: 1.0rem !important;padding-bottom: 1.0rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_ombre {border: 1px solid #767676 !important;box-shadow: 3px 3px 5px #767676 !important;padding-top: 1.0rem !important;padding-bottom: 1.0rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }.cibloc_ombre, .cibloc_ombre h2, .cibloc_ombre p { text-align: center !important; }
.cibloc_centre {border: 1px solid #bfbfbf !important;padding-top: 0.65rem !important;padding-bottom: 0.65rem !important;padding-right: 1.5rem !important;padding-left: 1.5rem !important; }.cibloc_centre, .cibloc_centre h2, .cibloc_centre p { text-align: center !important; }
.cibloc_gris {background-color: #efefef !important;border: 1px solid #bfbfbf !important;padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_blanc {background-color: #FFFFFF !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_defaut {background-color: #e2e2e2 !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_gris2 {background-color: #e2e2e2 !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_noir {background-color: #202328 !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }.cibloc_noir, .cibloc_noir h2 { color: #FFFFFF !important; }
.cibloc_couleur1 {background-color: #5B443B !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }.cibloc_couleur1, .cibloc_couleur1 h2 { color: #FFFFFF !important; }
.cibloc_couleur2 {background-color: #BF9C80 !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }.cibloc_couleur2, .cibloc_couleur2 h2 { color: #181818 !important; }
.cibloc_couleur3 {background-color: #EFDEC2 !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }
.cibloc_bouton {background-color: #efefef !important;border: 1px solid #bfbfbf !important;padding-top: 1.0rem !important;padding-bottom: 0.1rem !important;padding-right: 1.0rem !important;padding-left: 1.0rem !important; }.cibloc_bouton, .cibloc_bouton h2, .cibloc_bouton p { text-align: center !important; }




/* Style commun aux differents accordeons */

.cibloc_accordeon_commun h2{
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    position: relative;
    margin-top: -1px !important;
}
.cibloc_accordeon_commun h2span {
    padding-right: 2rem;    
}
.cibloc_accordeon_commun .accordeon_lien {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 0.5rem;
    text-align: left;
    line-height: 1.15rem;
    font-size: 0.9rem !important;
    font-weight: bold !important;
    color: #484848 !important;
    text-decoration: none !important;
    border: 1px solid #bfbfbf;
    background: transparent none repeat scroll 0 0;
}
.cibloc_accordeon_commun .accordeon_lien:after {
    font-family: FontAwesome;
    content:'\f107'; 
    font-size: 1.2rem;
    padding: 0 0.2rem;
    border: 1px solid #767676;
    color: #767676;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.cibloc_accordeon_commun .expanded {
    border-bottom: none;
    color: #484848;
}

.cibloc_accordeon_commun .expanded:after {
    font-family: FontAwesome;
    content:'\f106'; 
    font-size: 1.2rem;
    padding: 0 0.2rem;
    border: 1px solid #767676;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: #767676;
    color: #FFFFFF;
}
.cibloc_accordeon_commun div.cibloc_reponse {
    border: 1px solid #bfbfbf;
    border-top-style: dashed;
    padding: 0.6rem;
    margin: 0;
}


/* Bloc accordeon2 */

.cibloc_accordeon2 .accordeon_lien {
    border: 1px solid #bfbfbf;
}
.cibloc_accordeon2 .accordeon_lien:after {
    border: 1px solid #767676;
    color: #767676;
}
.cibloc_accordeon2 .expanded {
    border-bottom: none;
}
.cibloc_accordeon2 .expanded:after {
    border: 1px solid #767676;
    background-color: #767676;
    color: #FFFFFF;
}
.cibloc_accordeon2 div.cibloc_reponse {
    border: 1px solid #bfbfbf;
    border-top-style: dashed;
}


/* Bloc accordeon3 */

.cibloc_accordeon3 .expanded:after {
    content:''; 
    border: none;
}
.cibloc_accordeon3 .accordeon_lien {
    border: 1px solid #bfbfbf;
    border-bottom: none;
}
.cibloc_accordeon3 div.cibloc_reponse {
    border: 1px solid #bfbfbf;
    border-top-style: dashed;
}


/* Bloc image */
.cibloc_image {
    position: relative;
    width: 100%;
    text-align: center !important;
}

.cibloc_image h2.spip {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.cibloc_image p {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cibloc_imagebas {
    position: relative;
    width: 100%;
    text-align:  !important;
}

.cibloc_imagebas p {
    margin: 0 !important;
}

@media screen and (min-width: 768px) {
    .cibloc_image .cibloc_image_demo,
    .cibloc_image .spip_documents_left,
    .cibloc_image .spip_documents_center,
    .cibloc_image .spip_documents_right {
        margin: 0;
        width: 100%;
        vertical-align: middle;
    }
    
    .cibloc_imagebas .cibloc_image_demo,
    .cibloc_imagebas .spip_documents_left,
    .cibloc_imagebas .spip_documents_center,
    .cibloc_imagebas .spip_documents_right {
        margin: 0;
        width: 100%;
        vertical-align: middle;
    }
}

@media screen and (max-width: 767px) {
    /* en RWD le bouton n'est plus sur l'image => inverser les couleurs */
    .cibloc_image .cibtn-blancvide a, .cibloc_image .cibtn-blancvide span { background-color: #767676 !important; border-color: #767676 !important; color: #FFFFFF !important; }
    .cibloc_image .cibtn-blancvide a:hover, .cibloc_image .cibtn-blancvide a:focus, .cibloc_image .cibtn-blancvide a:active { background-color: #202328 !important; border-color: #202328 !important; color: #FFFFFF !important; }
    .cibloc_image .cibtn-blancvide i.fa {color: #FFFFFF !important;}
}



/* Divers (compatibilité ascendante) */

.cibloc_trait {
    border-top: 1px solid #bfbfbf;
}

.cibloc_espace {
    margin: 1rem 0;
}



/*==========  texte par dessus une image ==============*/

.cibloc_image .cibloc_texte_dessus {
    display: block;
    color: #484848 !important;
}

.cibloc_image .cibloc_texte_dessus:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (min-width: 768px) {
    .cibloc_image .cibloc_texte_dessus_wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.54);
    }    
    .cibloc_image .cibloc_texte_dessus {
        position: absolute;
        top: 50%;
        left: 10%;
        width: 80%;
        transform: translateY(-50%);
        opacity: 1;
        color:#FFFFFF !important;
    }
    .cibloc_image .cibloc_texte_dessus h2.spip {
        color:#FFFFFF !important;
    }
    
    /* Mettre en coherence un eventuel bouton blancvide */
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide a, .cibtn-blancvide span {
        background: none !important;
        border: 1px solid #FFFFFF !important;
        color: #FFFFFF !important; 
    }
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide i.fa {color: #FFFFFF !important; }
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide a:hover, .cibtn-blancvide a:focus, .cibtn-blancvide a:active {
        background: none !important;
        border: 1px solid #bfbfbf !important;
        color: #bfbfbf !important;
    }
}


/*==========  texte en bas de l'image (par dessus) ==============*/

@media screen and (min-width: 768px) {
    .cibloc_imagebas .cibloc_texte_bas_wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0;
        background: rgba(0, 0, 0, 0.54);
        width: 100%;
    }    

    .cibloc_imagebas .cibloc_texte_bas {
        color:#FFFFFF !important;
        opacity: 1;
        text-align: ;
        padding: 0.5rem;
    }

    .cibloc_imagebas .cibloc_texte_bas h2.spip,
    .cibloc_imagebas .cibloc_texte_bas .spip_out,
    .cibloc_imagebas .cibloc_texte_bas .spip_in {
        color:#FFFFFF !important;
        font-size: 1rem !important;
        text-decoration: none !important;
    }

    .cibloc_imagebas .cibloc_texte_bas .spip_out:hover, 
    .cibloc_imagebas .cibloc_texte_bas .spip_in:hover {
        color: #bfbfbf !important;
    }
    
    .cibloc_imagebas .cibloc_imagebas .cibloc_texte_bas h2.spip {
        text-align:  !important;
    }
    
    .cibloc_imagebas .cibloc_texte_bas a::after {
        content : none;
    }    
}


/*==========  listes de documents ou de liens (si constante _CIBLOC_BLOC_RESSOURCES_AUTOMATIQUE=='oui') ==============*/

ul.cibloc_ul_ressources {
    clear: both;
    margin: 0 0 1rem 0;
    padding-top: 0;
    list-style-type: none;
}
.cibloc_li_ressources_doc .spip_documents {
    display: block;
    padding: 0.6rem 0;
    border-top: 1px solid #cdcdcd;
    line-height: 1.1rem;
    list-style-type: none;
    text-align: left;
}
.cibloc_li_ressources_doc .spip_documents a:before,
.cibloc_li_ressources_doc .spip_documents span:before {
    font-family: FontAwesome;
    content:'\f0c6'; 
    font-size:0.9rem;
    display:inline-block;
    padding-right: 0.2rem;
    color:#656565;
}
.cibloc_li_ressources_lien a.spip_in,
.cibloc_li_ressources_lien a.spip_out,
.cibloc_li_ressources_lien span.spip_in,
.cibloc_li_ressources_lien span.spip_out {
    display: block;
    padding: 0.6rem 0;
    border-top: 1px solid #cdcdcd;
    line-height: 1.1rem;
    list-style-type: none;
    text-align: left;
}
.cibloc_li_ressources_lien a.spip_in:before,
.cibloc_li_ressources_lien a.spip_out:before, 
.cibloc_li_ressources_lien span.spip_in:before,
.cibloc_li_ressources_lien span.spip_out:before { 
    font-family: FontAwesome;
    content:'\f08e'; 
    font-size:0.8rem;
    display:inline-block;
    padding-right: 0.3rem;
    color:#656565;
}



/*==========  icones ==============*/

.cibloc_icon_center{
    text-align:center;
    margin-bottom: 0.5rem;
}

.cibloc_icon_right{
    text-align:right;
    margin-bottom: 0.5rem;
}

i.icone_defaut {color:#767676;}
i.icone_gris {color:#656565;}
i.icone_blanc {color:#FFFFFF;}
i.icone_noir {color:#202328;}
i.icone_couleur1 {color:#FDFC00;}
i.icone_couleur2 {color:#BF9C80;}
i.icone_couleur3 {color:#EFDEC2;}

/*==========  boutons ==============*/

.cibtn a, .cibtn span {
    display: inline-block;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0.5rem 0.7rem !important;   
    border-radius: 3px;
    font-size: 0.9rem;
    text-decoration: none !important;
}

.cibtn a::after {
    content : none;
}

.cibloc_texte_left .cibtn a, .cibloc_texte_left .cibtn span,
.cibloc_texte_center .cibtn a, .cibloc_texte_center .cibtn span, 
.cibloc_texte_right .cibtn a, .cibloc_texte_right .cibtn span {
    margin-top: 0rem !important;
}

p .cibtn a, p .cibtn span {
    margin-bottom: 0rem !important;
}

.cibloc_image p .cibtn a, .cibloc_image p .cibtn span {
    margin-top: 1rem !important;
}

.cibtn a:hover, .cibtn a:focus, .cibtn a:active {
    background-color: #202328;
    border-color: #202328;
    color: #FFFFFF;
    text-decoration: none;
}

.cibtn-defaut a, .cibtn-defaut span {background-color: #767676 !important;border-color: #767676 !important;color: #FFFFFF !important; }.cibtn-defauti.fa {color: #FFFFFF !important; }.cibtn-defaut a:hover, .cibtn-defaut a:focus, .cibtn-defaut a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-defautvide a, .cibtn-defautvide span {background: none !important;border: 1px solid #767676 !important;color: #767676 !important; }.cibtn-defautvidei.fa {color: #767676 !important; }.cibtn-defautvide a:hover, .cibtn-defautvide a:focus, .cibtn-defautvide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-gris a, .cibtn-gris span {background-color: #656565 !important;border-color: #656565 !important;color: #FFFFFF !important; }.cibtn-grisi.fa {color: #FFFFFF !important; }.cibtn-gris a:hover, .cibtn-gris a:focus, .cibtn-gris a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-grisvide a, .cibtn-grisvide span {background: none !important;border: 1px solid #656565 !important;color: #656565 !important; }.cibtn-grisvidei.fa {color: #656565 !important; }.cibtn-grisvide a:hover, .cibtn-grisvide a:focus, .cibtn-grisvide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-blanc a, .cibtn-blanc span {background-color: #FFFFFF !important;border-color: #FFFFFF !important; }.cibtn-blanci.fa { }.cibtn-blanc a:hover, .cibtn-blanc a:focus, .cibtn-blanc a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-blancvide a, .cibtn-blancvide span {background: none !important;border: 1px solid #FFFFFF !important;color: #FFFFFF !important; }.cibtn-blancvidei.fa {color: #FFFFFF !important; }.cibtn-blancvide a:hover, .cibtn-blancvide a:focus, .cibtn-blancvide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-noir a, .cibtn-noir span {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }.cibtn-noiri.fa {color: #FFFFFF !important; }.cibtn-noir a:hover, .cibtn-noir a:focus, .cibtn-noir a:active {background-color: #656565 !important;border-color: #656565 !important;color: #FFFFFF !important; }
.cibtn-noirvide a, .cibtn-noirvide span {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }.cibtn-noirvidei.fa {color: #202328 !important; }.cibtn-noirvide a:hover, .cibtn-noirvide a:focus, .cibtn-noirvide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-couleur1 a, .cibtn-couleur1 span {background-color: #5B443B !important;border-color: #5B443B !important;color: #FFFFFF !important; }.cibtn-couleur1i.fa {color: #FFFFFF !important; }.cibtn-couleur1 a:hover, .cibtn-couleur1 a:focus, .cibtn-couleur1 a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-couleur1vide a, .cibtn-couleur1vide span {background: none !important;border: 1px solid #5B443B !important;color: #5B443B !important; }.cibtn-couleur1videi.fa {color: #5B443B !important; }.cibtn-couleur1vide a:hover, .cibtn-couleur1vide a:focus, .cibtn-couleur1vide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-couleur2 a, .cibtn-couleur2 span {background-color: #BF9C80 !important;border-color: #BF9C80 !important;color: #181818 !important; }.cibtn-couleur2i.fa {color: #181818 !important; }.cibtn-couleur2 a:hover, .cibtn-couleur2 a:focus, .cibtn-couleur2 a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-couleur2vide a, .cibtn-couleur2vide span {background: none !important;border: 1px solid #BF9C80 !important;color: #BF9C80 !important; }.cibtn-couleur2videi.fa {color: #BF9C80 !important; }.cibtn-couleur2vide a:hover, .cibtn-couleur2vide a:focus, .cibtn-couleur2vide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }

.cibtn-couleur3 a, .cibtn-couleur3 span {background-color: #EFDEC2 !important;border-color: #EFDEC2 !important; }.cibtn-couleur3i.fa { }.cibtn-couleur3 a:hover, .cibtn-couleur3 a:focus, .cibtn-couleur3 a:active {background-color: #202328 !important;border-color: #202328 !important;color: #FFFFFF !important; }
.cibtn-couleur3vide a, .cibtn-couleur3vide span {background: none !important;border: 1px solid #EFDEC2 !important;color: #EFDEC2 !important; }.cibtn-couleur3videi.fa {color: #EFDEC2 !important; }.cibtn-couleur3vide a:hover, .cibtn-couleur3vide a:focus, .cibtn-couleur3vide a:active {background: none !important;border: 1px solid #202328 !important;color: #202328 !important; }


/*==========  pour le test de cibloc ==============*/

.cibloc .spip_documents,
.cimulti_colonnes .spip_documents,
.cimulti_colonnes_sans_marge .spip_documents {
  max-width: 100% !important;
}

.cibloc img,
.cimulti_colonnes img,
.cimulti_colonnes_sans_marge img {
  max-width: 100% !important;
  height: auto;
}