/* #PRODUIRE{fond=_css/ciwidget28.css}
   md5:7c5b192728cd3792d248853baa4fe750 */
/**
 * CIWIDGET
 * @copyright 2019 MTECT
 * @author Christophe IMBERTI (cf. CPI art L121-1)
 * @license GNU/GPLv3
 */

/* Alignement */
.ciwidget_center{margin-right: auto; margin-left: auto; text-align: center;}
.ciwidget_left{float: left; margin-right: 1.5em;}
.ciwidget_right{float: right; margin-left: 1.5em;}
    
/* Pour tweet et twitter (responsive) */
.ciwidget_tweet{max-width:100%;}
.ciwidget_twitter{max-width:100%;}

/* Pour dailymotion et youtube (responsive) */
.ciwidget_embed_video_rwd{position:relative; background-color:#333; max-width:100%;}
.ciwidget_embed_video_rwd:after{content:'';display:block;padding-bottom:56.25%;}
.ciwidget_embed_video_rwd iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;}

/* Pour video, videodistante, streamhls, dailymotion, youtube */
.ciwidget_commun_video{max-width:100%;}
.ciwidget_titre{text-align:center;margin-bottom:1rem;max-width:100%;}
.ciwidget_titre p, 
#contenu .texte .ciwidget_titre p {
    margin: 0;
    text-align: center;
}
.ciwidget_titre .spip_doc_titre {
    font-weight: bold;
}
.ciwidget_titre .spip_doc_titre .ciwidget_duree {
    font-weight: normal;
}

/* Pour le bouton "version texte" */
#contenu .texte .bouton_version_texte {
    clear: both;
    text-decoration: none;
    background-color: #484848;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2em;
    margin-right: 0;
    padding: 5px 20px;    
}
#contenu .texte .bouton_version_texte:hover,
#contenu .texte .bouton_version_texte:focus,
#contenu .texte .bouton_version_texte:active {
    background-color: #000;
}

/* Pour que le bouton "version texte" soit en dessous (dans l'espace prive) */
.ciwidget_bouton_version_texte_wrap{clear:both;margin-bottom:1rem;}
#wysiwyg .ciwidget_bouton_version_texte_wrap{text-align:right;}
.version_texte{clear:both;margin-bottom:1rem;text-align:left;}

/* Ne pas afficher */
.ciwidget_hidden {
    display:none;
}

/* Invisible sauf pour les lecteurs d'ecran */
.ciwidget_invisible {
    display:block;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 1px;
}

/* Nettoyeur */
.ciwidget_nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Offscreen */
.ciwidget_offscreen {
  position: absolute;
  left: -999em;
  height: 1%;
}

/* Display inherit */
.ciwidget_display_inherit {
    display:inherit;
}

/* Passage des div en p */
.ciwidget_infographie .ciwidget_doc_legende p,
#contenu .texte .ciwidget_infographie .ciwidget_doc_legende p {
    margin: 0;
    text-align: center;
}
.ciwidget_infographie .ciwidget_doc_legende p.spip_doc_titre {
    font-weight: bold;
}
.ciwidget_infographie figure {
    margin-bottom: 1rem;
}

.ciwidget_graphique p,
#contenu .texte .ciwidget_graphique p {
    margin: 0;
}

#wysiwyg .ciwidget_graphique_telecharger {
    margin-bottom: 1rem;
}

.ciwidget_sansclic_lien {
    display: block;
    position: relative;
}
.ciwidget_sansclic_lien[data-set]:before {
    display: block;
    position: absolute;
    bottom: 1.25rem;
    left: 1rem;
    color: #fff;
    padding: 0.875rem 0.75rem;
    line-height: 2px;
    font-size: 1rem;
    margin: 0;
    border-radius: 5px;
    background-color: rgba(85,85,85,.8);
    background-position: 5px;
    background-repeat: no-repeat;
    outline-offset: -4px;
    
    content: " " attr(data-set);
    text-indent: 1rem;
    background-size: 1rem 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 0v2H2v2H0v8h8v-2h2V8h2V0H4zm3 11H1V5h6v6zm2-2H8V4H3V3h6v6zm2-2h-1V2H5V1h6v6z'/%3E%3C/svg%3E");
    z-index: 1
}


/* Pour chaque type de widget */