/**
 * Plugin CIBLOC
 * @copyright 2018 MTECT
 * @author Christophe IMBERTI (cf. CPI art L121-1)
 * @license GNU/GPLv3
 *
 * Ne pas modifier ce fichier
 */

/*========== cibloc : lien explications (ne pas modifier)  ==============*/

button.cibloc_lien_explications{
    color:inherit;
    border:none; 
    padding: 0 0 0 20px !important;
    font: inherit;
    line-height: 1rem;
    cursor: pointer;
    background: transparent url(../prive/themes/spip/images/cibloc_aide-16.png) no-repeat 0px 0px;
}
button.cibloc_lien_explications:hover{
    text-decoration: underline;
}

.cibloc_info{
    margin-top: 0.5rem;
    border: 1px solid #85909A;
    padding: 1rem;
    border-radius: 8px;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size:0.8rem;    
}

/*========== cibloc : cibloc_popin_blocs (ne pas modifier)  ==============*/
.cibloc_popin-choisir { /* mettre imperativement la classe et l'id' */
    width:650px;
    height:720px;
    max-width:100%;
    max-height:100%;    
}

.cibloc_popin-choisir li { /* ne pas styler les li, sinon cela impacte les doc en liste */
}

#cibloc_popin_blocs h1 { 
    margin-bottom: 0;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 125%;
}

#cibloc_liste_bloc ul {list-style: none;}
#cibloc_liste_texte ul {list-style: none;}
#cibloc_liste_multi ul {list-style: none;}
#cibloc_liste_ensemble ul {list-style: none;}

#cibloc_liste_bloc li {}
#cibloc_liste_multi li {}
#cibloc_liste_ensemble li {margin: 0 0 0.5rem 0; padding-top: 0.5rem;}

#cibloc_liste_ensemble li.cibloc_li_ressources_doc,
#cibloc_liste_ensemble li.cibloc_li_ressources_lien {
    margin: 0;
    padding: 0;
}

img.cibloc_popin_vignette {
    display: block;
    margin: 1rem auto;
}

#cibloc_popin_blocs li a.cibloc_titre_bloc{
    display:block;
    text-align:left;
    color:#484848;
    font-size:0.9rem;
    margin: 2rem 0 1rem 0;
}

#cibloc_popin_blocs li a.cibloc_titre_bloc:before {
    font-family: FontAwesome;
    content:'\f0da'; 
    font-size:1rem;
    display:inline-block;
    padding-right: 0.2rem;
}

#cibloc_popin_blocs div.cibloc_sans_vignette {
    width:590px;
    margin-left:12px;
}

/* important : juste la classe */
.cibloc_sans_vignette {
}

#cibloc_popin_blocs div.cibloc_sans_vignette_blanc {
    border: 1px dotted #000;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#cibloc_popin_blocs .cibloc_sans_vignette_blanc div.cibloc {
    margin: 0;
}

#cibloc_popin_blocs a.cibloc_sans_vignette_lien {
    text-decoration: none;
    color: inherit;
}

#cibloc_popin_blocs a.cibloc_sans_vignette_lien:hover{
    text-decoration: none;
    color: inherit;
}

#cibloc_popin_blocs div.cibloc_sans_vignette h3,
#cibloc_popin_blocs div.cibloc_sans_vignette h2 {
    border: none;
    margin-left: 0;
    padding-left: 0;
}

#cibloc_popin_blocs div.cibloc_sans_vignette span.cibtn {
    display: block;
}

#cibloc_popin_blocs .cibloc_sans_vignette_texte_trait,
#cibloc_popin_blocs .cibloc_sans_vignette_texte_espace,
#cibloc_popin_blocs .cibloc_sans_vignette_texte_left,
#cibloc_popin_blocs .cibloc_sans_vignette_texte_center,
#cibloc_popin_blocs .cibloc_sans_vignette_texte_right {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px dotted #bfbfbf;
}

/*========== cibloc : cibloc_popin_icones (ne pas modifier)  ==============*/

#cibloc_popin_icones {
    width:750px;
    height:720px;
    max-width:100%;
    max-height:100%;    
}

#cibloc_popin_icones li {
    border-top: 1px dotted #767676;
    padding-top: 0.25rem;
}
#cibloc_popin_icones h1 { 
    margin-bottom: 0;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 125%;
}

#cibloc_popin_icones .cibloc_icone_options{
    margin: 1rem 0 1rem 3%;
    border: 1px solid #85909A;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size:0.8rem;
    width: 85%;
}

#cibloc_liste_icone {font-size:0.9rem;}    
#cibloc_liste_icone a {
    margin:0 0.5rem 0.5rem 0;
    text-decoration: none;
}
#cibloc_liste_icone ul {
    position: relative;
    max-width: 94%;
    margin-left:3%;
    list-style: none;
}
#cibloc_liste_icone li {
    float:left;
    width: 3rem;
    margin-bottom: 0.8rem;
}

/*========== cibloc : cibloc_popin_boutons (ne pas modifier)  ==============*/

#cibloc_popin_boutons {
    width:550px;
    height:720px;
    max-width:100%;
    max-height:100%;
    margin-right: 40px;
    margin-left: 10px;
    margin-bottom: 0.5rem;
}

#cibloc_popin_boutons fieldset, #cibloc_popin_boutons legend {
    margin: 0 !important;
}

#cibloc_popin_boutons #couleur .cibtn span{margin-top: 0.70rem !important;}
#cibloc_popin_boutons #couleur_vide .cibtn span{margin-top: 0.65rem !important;margin-bottom: 0.45rem !important;}