#SET{balise_intertitre,#VAL|cibloc_balise_intertitre}
#SET{color_intertitre_accordeon,#VAL{intertitre}|cibloc_style{color}}
#SET{bord_accordeon,#VAL{bloc_accordeon}|cibloc_config_bloc_champ{couleur_bordure}}
#SET{bouton_accordeon,#VAL{bloc_accordeon}|cibloc_config_bloc_champ{couleur_bouton}}

#SET{bord_accordeon2,#VAL{bloc_accordeon2}|cibloc_config_bloc_champ{couleur_bordure}}
#SET{bouton_accordeon2,#VAL{bloc_accordeon2}|cibloc_config_bloc_champ{couleur_bouton}}

#SET{bord_accordeon3,#VAL{bloc_accordeon3}|cibloc_config_bloc_champ{couleur_bordure}}

#SET{bouton_defaut,#VAL{bouton_defaut}|cibloc_couleur_bouton}
#SET{bouton_noir,#VAL{bouton_noir}|cibloc_couleur_bouton}
#SET{blanchir_texte_bouton_defaut,#VAL{bouton_defaut}|cibloc_couleur_bouton|cibloc_couleur_texte_pour_constraster}
#SET{blanchir_texte_bouton_noir,#VAL{bouton_noir}|cibloc_couleur_bouton|cibloc_couleur_texte_pour_constraster}

#SET{important,#VAL|cibloc_css_attribut_important}

/*==========  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 [(#VAL{bord_multisansmarge}|cibloc_couleur_divers)];
    text-align: center[(#GET{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[(#GET{important})];
    margin-left: -1rem[(#GET{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[(#GET{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 #GET{balise_intertitre}.spip {
    text-align: center[(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0 0 0.5rem 0[(#GET{important})];
}

.cimulti_colonnes_sans_marge p {
    text-align: center[(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0[(#GET{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[(#GET{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[(#GET{important})];
}

.cibloc_texte_left #GET{balise_intertitre}.spip {
    text-align: left[(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0 0 0.5rem 0[(#GET{important})];
}

.cibloc_texte_left p {
    text-align: left[(#GET{important})];
}

.cibloc_texte_center {
    display: block;
    text-align: center[(#GET{important})];
}

.cibloc_texte_center #GET{balise_intertitre}.spip {
    text-align: center[(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0 0 0.5rem 0[(#GET{important})];
}

.cibloc_texte_center p {
    text-align: center[(#GET{important})];
}

.cibloc_texte_right {
    display: block;
    text-align: right[(#GET{important})];
}

.cibloc_texte_right #GET{balise_intertitre}.spip {
    text-align: right[(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0 0 0.5rem 0[(#GET{important})];
}

.cibloc_texte_right p {
    text-align: right[(#GET{important})];
}

/* compatibilite avec le bloc image */
.cibloc_image .cibloc_texte_left p,
.cibloc_image .cibloc_texte_left #GET{balise_intertitre}.spip {
    text-align: left[(#GET{important})];
}
.cibloc_image .cibloc_texte_center p,
.cibloc_image .cibloc_texte_center #GET{balise_intertitre}.spip {
    text-align: center[(#GET{important})];
}
.cibloc_image .cibloc_texte_right p,
.cibloc_image .cibloc_texte_right #GET{balise_intertitre}.spip {
    text-align: right[(#GET{important})];
}

/* compatibilite avec le bloc bouton */
.cibloc_bouton .cibloc_texte_left p,
.cibloc_bouton .cibloc_texte_left #GET{balise_intertitre}.spip {
    text-align: left[(#GET{important})];
}
.cibloc_bouton .cibloc_texte_center p,
.cibloc_bouton .cibloc_texte_center #GET{balise_intertitre}.spip {
    text-align: center[(#GET{important})];
}
.cibloc_bouton .cibloc_texte_right p,
.cibloc_bouton .cibloc_texte_right #GET{balise_intertitre}.spip {
    text-align: right[(#GET{important})];
}


.cibloc_texte_trait {
    border-top: 1px solid [(#VAL{texte_trait}|cibloc_couleur_divers)];
    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:(#VAL{margin_top}|cibloc_attribut_divers)rem;]
    [margin-bottom:(#VAL{margin_bottom}|cibloc_attribut_divers)rem;]
    clear: both;
}

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

.cibloc:after {
    clear: both;
}



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

/* Pour les blocs sauf les exeptions ci-apres */
[(#VAL|cibloc_css_blocs)]



/* Style commun aux differents accordeons */

.cibloc_accordeon_commun #GET{balise_intertitre} {
    padding: 0[(#GET{important})];
    margin: 0[(#GET{important})];
    border: none[(#GET{important})];
    position: relative;
    margin-top: -1px[(#GET{important})];
}
.cibloc_accordeon_commun #GET{balise_intertitre} span {
    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[(#GET{important})];
    font-weight: bold[(#GET{important})];
    [color: (#GET{color_intertitre_accordeon})[(#GET{important})];]
    text-decoration: none[(#GET{important})];
    border: 1px solid #GET{bord_accordeon};
    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 #GET{bouton_accordeon};
    color: #GET{bouton_accordeon};
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.cibloc_accordeon_commun .expanded {
    border-bottom: none;
    color: #GET{color_intertitre_accordeon};
}

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


/* Bloc accordeon2 */

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


/* Bloc accordeon3 */

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


/* Bloc image */
#SET{bloc_image_align,#VAL{bloc_image}|cibloc_config_bloc_champ{alignement}}
#SET{bloc_imagebas_align,#VAL{bloc_imagebas}|cibloc_config_bloc_champ{alignement}}

.cibloc_image {
    position: relative;
    width: 100%;
    text-align: [(#GET{bloc_image_align})][(#GET{important})];
}

.cibloc_image #GET{balise_intertitre}.spip {
    text-align: [(#GET{bloc_image_align})][(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0 0 0.5rem 0[(#GET{important})];
}

.cibloc_image p {
    text-align: [(#GET{bloc_image_align})][(#GET{important})];
    padding: 0[(#GET{important})];
    margin: 0[(#GET{important})];
}

.cibloc_imagebas {
    position: relative;
    width: 100%;
    text-align: [(#GET{bloc_imagebas_align})][(#GET{important})];
}

.cibloc_imagebas p {
    margin: 0[(#GET{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: #GET{bouton_defaut}[(#GET{important})]; border-color: #GET{bouton_defaut}[(#GET{important})]; [color: (#GET{blanchir_texte_bouton_defaut})[(#GET{important})];] }
    .cibloc_image .cibtn-blancvide a:hover, .cibloc_image .cibtn-blancvide a:focus, .cibloc_image .cibtn-blancvide a:active { background-color: #GET{bouton_noir}[(#GET{important})]; border-color: #GET{bouton_noir}[(#GET{important})]; [color: (#GET{blanchir_texte_bouton_noir})[(#GET{important})];] }
    .cibloc_image .cibtn-blancvide i.fa {[color: (#GET{blanchir_texte_bouton_defaut})[(#GET{important})];]}
}



/* Divers (compatibilité ascendante) */

.cibloc_trait {
    border-top: 1px solid [(#VAL{texte_trait}|cibloc_couleur_divers)];
}

.cibloc_espace {
    margin: 1rem 0;
}



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

.cibloc_image .cibloc_texte_dessus {
    display: block;
    [color: (#VAL{body}|cibloc_style{color})[(#GET{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[(#GET{important})];
    }
    .cibloc_image .cibloc_texte_dessus #GET{balise_intertitre}.spip {
        color:#FFFFFF[(#GET{important})];
    }
    
    /* Mettre en coherence un eventuel bouton blancvide */
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide a, .cibtn-blancvide span {
        background: none[(#GET{important})];
        border: 1px solid #FFFFFF[(#GET{important})];
        color: #FFFFFF[(#GET{important})]; 
    }
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide i.fa {color: #FFFFFF[(#GET{important})]; }
    .cibloc_image .cibloc_texte_dessus .cibtn-blancvide a:hover, .cibtn-blancvide a:focus, .cibtn-blancvide a:active {
        background: none[(#GET{important})];
        border: 1px solid #bfbfbf[(#GET{important})];
        color: #bfbfbf[(#GET{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[(#GET{important})];
        opacity: 1;
        text-align: [(#GET{bloc_imagebas_align})];
        padding: 0.5rem;
    }

    .cibloc_imagebas .cibloc_texte_bas #GET{balise_intertitre}.spip,
    .cibloc_imagebas .cibloc_texte_bas .spip_out,
    .cibloc_imagebas .cibloc_texte_bas .spip_in {
        color:#FFFFFF[(#GET{important})];
        font-size: 1rem[(#GET{important})];
        text-decoration: none[(#GET{important})];
    }

    .cibloc_imagebas .cibloc_texte_bas .spip_out:hover, 
    .cibloc_imagebas .cibloc_texte_bas .spip_in:hover {
        color: #bfbfbf[(#GET{important})];
    }
    
    .cibloc_imagebas .cibloc_imagebas .cibloc_texte_bas #GET{balise_intertitre}.spip {
        text-align: [(#GET{bloc_imagebas_align})][(#GET{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 [(#VAL{bord_ressource}|cibloc_couleur_divers)];
    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:(#VAL{icone_ressource}|cibloc_couleur_divers);]
}
.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 [(#VAL{bord_ressource}|cibloc_couleur_divers)];
    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:(#VAL{icone_ressource}|cibloc_couleur_divers);]
}



/*==========  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:(#VAL{icone_defaut}|cibloc_couleur_icone);]}
i.icone_gris {[color:(#VAL{icone_gris}|cibloc_couleur_icone);]}
i.icone_blanc {[color:(#VAL{icone_blanc}|cibloc_couleur_icone);]}
i.icone_noir {[color:(#VAL{icone_noir}|cibloc_couleur_icone);]}
i.icone_couleur1 {[color:(#VAL{icone_couleur1}|cibloc_couleur_icone);]}
i.icone_couleur2 {[color:(#VAL{icone_couleur2}|cibloc_couleur_icone);]}
i.icone_couleur3 {[color:(#VAL{icone_couleur3}|cibloc_couleur_icone);]}

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

.cibtn a, .cibtn span {
    display: inline-block;
    margin-top: 1rem[(#GET{important})];
    margin-bottom: 0.5rem[(#GET{important})];
    padding: 0.5rem 0.7rem[(#GET{important})];   
    border-radius: 3px;
    font-size: 0.9rem;
    text-decoration: none[(#GET{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[(#GET{important})];
}

p .cibtn a, p .cibtn span {
    margin-bottom: 0rem[(#GET{important})];
}

.cibloc_image p .cibtn a, .cibloc_image p .cibtn span {
    margin-top: 1rem[(#GET{important})];
}

.cibtn a:hover, .cibtn a:focus, .cibtn a:active {
    background-color: #GET{bouton_noir};
    border-color: #GET{bouton_noir};
    color: #GET{blanchir_texte_bouton_noir};
    text-decoration: none;
}

[(#VAL{bouton_defaut}|cibloc_css_bouton)]
[(#VAL{bouton_defautvide}|cibloc_css_bouton)]

[(#VAL{bouton_gris}|cibloc_css_bouton)]
[(#VAL{bouton_grisvide}|cibloc_css_bouton)]

[(#VAL{bouton_blanc}|cibloc_css_bouton)]
[(#VAL{bouton_blancvide}|cibloc_css_bouton)]

[(#VAL{bouton_noir}|cibloc_css_bouton)]
[(#VAL{bouton_noirvide}|cibloc_css_bouton)]

[(#VAL{bouton_couleur1}|cibloc_css_bouton)]
[(#VAL{bouton_couleur1vide}|cibloc_css_bouton)]

[(#VAL{bouton_couleur2}|cibloc_css_bouton)]
[(#VAL{bouton_couleur2vide}|cibloc_css_bouton)]

[(#VAL{bouton_couleur3}|cibloc_css_bouton)]
[(#VAL{bouton_couleur3vide}|cibloc_css_bouton)]


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

.cibloc .spip_documents,
.cimulti_colonnes .spip_documents,
.cimulti_colonnes_sans_marge .spip_documents {
  max-width: 100%[(#GET{important})];
}

.cibloc img,
.cimulti_colonnes img,
.cimulti_colonnes_sans_marge img {
  max-width: 100%[(#GET{important})];
  height: auto;
}