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

/*========== cibloc : boite modale pour le choix des blocs (ne pas modifier)  ==============*/


/* Modal */
#cibloc_popin_blocs {
    background-color: #fefefe;
    width:630px;
    height:700px;
    max-width:100%;
    max-height:100%;    
    margin: 0 auto;
}

/* Modal (header / body / footer) */
#cibloc_popin_blocs .cibloc_modal_header {
    padding: 2px 16px;
    background-color: #FFF;
    color: #484848;
}

#cibloc_popin_blocs .cibloc_modal_body {
    padding: 2px 16px;
    background-color: #FFF;
}

#cibloc_popin_blocs .cibloc_modal_footer {
    padding: 2px 16px;
    background-color: #FFF;
    color: #484848;
}

/* Modal (bouton pour fermer) */
#cibloc_popin_blocs .cibloc_popin-close {
    color: #484848;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#cibloc_popin_blocs .cibloc_popin-close:hover,
#cibloc_popin_blocs .cibloc_popin-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*========== 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_blocs {
    font-size: 0.8rem;
    font-family: Helvetica,​Arial,​sans-serif;
}

#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 {
    color: #484848;
}

#cibloc_popin_blocs div.cibloc_sans_vignette_blanc {
    border: 1px dotted #000;
}

#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 : boite modale pour le choix des icones (ne pas modifier)  ==============*/

#cibloc_popin_icones {
    width:750px;
    height:780px;
    max-width:100%;
    max-height:100%;    
    margin: 0 auto;
}

/* Modal (header / body / footer) */
#cibloc_popin_icones .cibloc_modal_header {
    padding: 2px 16px;
    background-color: #FFF;
    color: #484848;
    text-align:left;
}

#cibloc_popin_icones .cibloc_modal_body {
    padding: 2px 16px;
    background-color: #FFF;
}

#cibloc_popin_icones .cibloc_modal_footer {
    padding: 2px 16px;
    background-color: #FFF;
    color: #484848;
}

/* Modal (bouton pour fermer) */
#cibloc_popin_icones .cibloc_popin-close {
    color: #484848;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#cibloc_popin_icones .cibloc_popin-close:hover,
#cibloc_popin_icones .cibloc_popin-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


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

#cibloc_popin_icones {
    font-size: 0.8rem;
    font-family: Helvetica,​Arial,​sans-serif;    
}

#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 5%;
    border: 1px solid #85909A;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size:0.8rem;
    text-align:left;
    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 : boite modale pour le choix des boutons (ne pas modifier)  ==============*/

#cibloc_popin_boutons {
    width:600px;
/*    height:700px; */
    max-width:100%;
    max-height:100%;    
    margin: 0 auto;
    font-size: 0.8rem;
    font-family: Helvetica,​Arial,​sans-serif;    
    text-align:left;
}

/* styles issus de SPIP */
#cibloc_popin_boutons{padding:0 10px;border:1px solid #85909A;color:#333;background-color:#f8f8f8;margin:2.0775em auto;position:relative}
#cibloc_popin_boutons{border-radius:0;}
#cibloc_popin_boutons h3{font-size:1.1925em;line-height:1.1614255765199em;margin-bottom:1.1614255765199em;font-weight:700}
#cibloc_popin_boutons .titrem{font-weight:700}
#cibloc_popin_boutons .editer-groupe,#cibloc_popin_boutons fieldset,#cibloc_popin_boutons fieldset .editer-groupe,#cibloc_popin_boutons .boutons,#cibloc_popin_boutons .titrem,#cibloc_popin_boutons .legend{margin-left:-10px;margin-right:-10px}
#cibloc_popin_boutons h3.titrem{display:block;padding-top:.6925em;padding-bottom:.6925em;background-repeat:no-repeat;padding-left:16px;padding-right:10px}
#cibloc_popin_boutons h3.titrem{font-size:1em;line-height:125%;padding-top:7px;padding-bottom:7px}
#cibloc_popin_boutons h3.titrem{background-color:#85909A;color:#FFF}
#cibloc_popin_boutons .editer-groupe{padding:.34625em 0}
#cibloc_popin_boutons .editer-groupe .editer-groupe,#cibloc_popin_boutons .fieldset fieldset{margin:0}
#cibloc_popin_boutons .editer-groupe,#cibloc_popin_boutons fieldset,#cibloc_popin_boutons fieldset .editer-groupe,#cibloc_popin_boutons .boutons,#cibloc_popin_boutons .titrem,#cibloc_popin_boutons .legend{margin-left:-10px;margin-right:-10px}
#cibloc_popin_boutons .editer{padding:.6925em 10px;clear:both;overflow:hidden}
#cibloc_popin_boutons .editer,#cibloc_popin_boutons .editer.gauche{padding-left:140px}
#cibloc_popin_boutons .editer label,#cibloc_popin_boutons .editer.gauche label{color:#444;width:114px;float:left;margin-left:-130px;text-align:left}
#cibloc_popin_boutons input.text,#cibloc_popin_boutons input.password,#cibloc_popin_boutons textarea{border:1px solid #ddd;padding:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;z-index:2}
#cibloc_popin_boutons input.text,#cibloc_popin_boutons input.password,#cibloc_popin_boutons textarea,#cibloc_popin_boutons select{font-size:1em;padding:3px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#cibloc_popin_boutons fieldset{padding-left:10px;padding-right:10px;margin-bottom:.34625em}
#cibloc_popin_boutons fieldset{border:0;width:auto;border-top:1px solid #ccc;margin-top:.34625em;padding-bottom:.34625em}
#cibloc_popin_boutons h3.legend,#cibloc_popin_boutons legend{display:block;padding-top:7px;padding-bottom:7px;background-color:#eee;color:#000;font-weight:400;padding-left:10px;padding-right:5px;margin-bottom:.6925em}
#cibloc_popin_boutons .boutons{margin-bottom:0;clear:both;padding:.6925em 10px;text-align:right;background-color:#e0e5ea;border-top:1px solid #C0CAD4}
#cibloc_popin_boutons .submit{font:inherit;font-weight:400;background-color:#C0CAD4;color:#17191b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:0;padding:1px 5px;font-size:90%;position:relative;margin-bottom:3px}
#cibloc_popin_boutons .submit{border:1px solid #666;background-color:#F0F0F0}

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

#cibloc_popin_boutons .cibtn span{margin-top: 0.5rem !important;}

#cibloc_popin_boutons label {
    display: inline !important;
    position: inherit !important;
    margin-left: 3px;
}
#cibloc_popin_boutons fieldset{background-color: #f8f8f8;}


/* Modal (bouton pour fermer) */
#cibloc_popin_boutons .cibloc_popin-close {
    color: #484848;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#cibloc_popin_boutons .cibloc_popin-close:hover,
#cibloc_popin_boutons .cibloc_popin-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#cibloc_popin_boutons .cibloc_info {
    margin-bottom: 1rem;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size:0.8rem;
}
#cibloc_popin_boutons .cibloc_pied_info { 
    clear:both;
    margin-top: 0.3em;
    font-family: Helvetica,​Arial,​sans-serif;
    font-size:0.8rem;
}

#cibloc_liste_bouton {font-size:0.9rem;}    
