/* #PRODUIRE{fond=_css/ciwidget26.css}
   md5:b8a254f518bd57ef6df750ff930661ae */
/**
 * CIWIDGET
 * Auteur : Christophe IMBERTI
 * Licence Creative commons by-nc-sa
 */

/* 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;
}

/* Pour chaque type de widget */

/* Widget audio */
    
.ciwidget_audio{
    margin:1rem 0;
    clear: both;
}

.ciwidget_audio__conteneur{
  display:flex;
  flex-direction:row;
  width:100%;
  background-color: #333333;
  min-height: 120px;
}

.ciwidget_audio__vignette{
    width:120px;
    height:120px;
    text-align:center;
    flex-shrink:0;
}

.ciwidget_audio__vignette img {
    vertical-align: middle;
}

@media (max-width: 767px) {
    .ciwidget_audio__vignette{
        display: none;
    }
}

.ciwidget_audio__contenu{
    display:flex;
    flex-direction:column-reverse;
    padding-right:.6925em;
    flex-grow:1;
    margin:0.75rem 0.5rem 0.5rem 1rem;
}

.ciwidget_audio__infoswrapper{
    display:flex;
    flex-direction:row;
    width:100%;
    flex-grow:1;
}

.ciwidget_audio__infos{
    flex-grow:1;
}

.ciwidget_audio__infos p {
    margin: 0 !important;
    text-align: left !important;
}

.ciwidget_audio__titre{
    font-size:1.125rem;
    line-height: 1.2rem;
    font-weight:400;
    font-family:sans-serif, Arial, Helvetica;
    color: #FFFFFF;
    text-align:left;
}

.ciwidget_audio__credits{
    color:#DDD;
    font-size:0.8rem;
    font-family:sans-serif, Arial, Helvetica;
    line-height: 1.2rem;
    text-align:left;
}

.ciwidget_audio__outils,
.ciwidget_audio__outils a,
.ciwidget_audio__outils button,
.ciwidget_audio__outils svg {
    color: #FFF !important;
    width:1.25rem;
}
.ciwidget_audio__outils {
    margin: 0 0.15rem 0 1.75rem;
    display:flex;
    flex-direction:column;
}
.ciwidget_audio__outils a {
    display: block;
    flex-grow:1;
    padding: 0;
    text-decoration: none;
    clear:both;
}
.ciwidget_audio__outils button {
    display: block;
    flex-grow:1;
    padding: 0;
    text-decoration: none;
    clear:both;
    background-color: inherit;
    border: inherit;
    cursor: pointer;
}
.ciwidget_audio__outils a:hover, .ciwidget_audio__outils a:focus, .ciwidget_audio__outils a:active {
    background-color: #333333;
    color: #FFF !important;
    text-decoration: none;
}

.ciwidget_audio__lecteur {
    padding:0;
}

/* Widget audio - partie lecteur audio */

.ciwidget_audio .video-js.vjs-audio .vjs-control-bar {
    background: #333333;
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control {
    color: #333333;
    background: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #333333;
    border-radius: 50%;
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus:before,
.ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus {
    color: #FFFFFF;
    background: #333333;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF;
    border-radius: 50%;
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control>.vjs-icon-placeholder:before {
 font-size:2.2rem;
 line-height:2.4rem;
}

.ciwidget_audio .video-js.vjs-audio .vjs-time-control {
    display: block;
}
.ciwidget_audio .video-js.vjs-audio .vjs-remaining-time {
    display: none;
}
.ciwidget_audio .video-js.vjs-audio .vjs-remaining-time-display {
    display: none;
}
.ciwidget_audio .video-js.vjs-audio .vjs-time-divider {
    display: none;
}

.ciwidget_audio .video-js.vjs-audio .vjs-time-control {
    flex: 0 1 auto;
    width: auto;
    min-width:0;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.ciwidget_audio .video-js.vjs-audio .vjs-time-control.vjs-current-time {
    margin-left: 1em;
}

.ciwidget_audio .video-js.vjs-audio .vjs-time-control .vjs-current-time-display,.ciwidget_audio .video-js.vjs-audio .vjs-time-control .vjs-duration-display {
    width: 100%;
    padding-right: 0.5rem;
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-progress:before {
    font-size:1.5rem;
    top:-.5rem;
}

/* Widget chiffre */
.ciwidget_chiffre{
    margin:1rem 0;
    clear: both;
}
.ciwidget_chiffre_wrapper{
    width:83.33333%;
    margin:0 auto;
}
.ciwidget_chiffre_wrapper2{
    margin:0 -1rem;
    display: table;
    table-layout: fixed;
}
.ciwidget_chiffre_colonne1{
    display: table-cell;
    vertical-align:middle;
    width:50%;
    background-color:#e2e2e2;
    
    height:14rem;
}

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

.ciwidget_chiffre_valeur{
    text-align:center !important;
    padding:1rem;
    font-family:"Arial Narrow",Arial;
    font-weight:700;
    font-size:5rem;
    line-height:5rem;
}
.ciwidget_chiffre_unite{
    text-align:center !important;
    font-family:"Arial Narrow",Arial;
    
    font-size:1rem;
    line-height:1rem;
}
.ciwidget_chiffre_colonne2{
    display: table-cell;
    vertical-align:middle;
    width:50%;
    background-color:#656565;
    color:#FFFFFF;
}
.ciwidget_chiffre_descriptif{
    padding:1rem;
    
    font-size:0.875rem;
    line-height:1.2rem;
    text-align:left;
}
.ciwidget_chiffre_descriptif p {
    margin:0 !important;
    text-align:left;
}
@media (max-width: 767px) {
    .ciwidget_chiffre_wrapper2,
    .ciwidget_chiffre_colonne1,
    .ciwidget_chiffre_colonne2 {
        display: block;
        width:100%;
    }
    .ciwidget_chiffre_wrapper{
        width:100%;
    }
    .ciwidget_chiffre_colonne1{
        height:inherit;
    }
    .ciwidget_chiffre_unite{
        padding-bottom:1rem;
    }
}
/* Widget graphique */

.ciwidget_graphique_etape1_wrapper{
    display: table;
    table-layout: fixed;
    padding: 0 0 0 1rem;
}
.ciwidget_graphique_etape1_ligne{
    display: table-row;
}
.ciwidget_graphique_etape1_colonne{
    display: table-cell;
    width:25%;
    max-width:190px;
    padding:1rem 0 0.5rem 0;
}
table.spip thead.ciwidget_graphique_thead th,
table.spip tbody.ciwidget_graphique_tbody td{
    text-align: center;
    padding: 0.25rem 0.5rem;
}
table.ciwidget_graphique_table caption {
    padding-bottom: 0.5rem;
}
/* Widget rss */

.ciwidget_rss_forme1 {
    
    border-style:solid;
    border-color:#bfbfbf;
    border-width:0.125rem;
    padding:2rem;
    
    margin-bottom:1.0rem;
    clear: both;
}
.ciwidget_rss_forme1:before,
.ciwidget_rss_forme1:after {
    display: table;
    content: " ";
}
.ciwidget_rss_forme1:after {
    clear: both;
}
.ciwidget_rss_forme1__titre,
#contenu .texte .ciwidget_rss_forme1__titre a,
#wysiwyg .ciwidget_rss_forme1__titre {
    font-size:1rem;
    font-weight:300;
    margin-bottom:1.25rem;
    line-height:1rem;
    text-align:left;
    
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
}
.ciwidget_rss_forme1__titre a:hover,
.ciwidget_rss_forme1__titre a:focus,
.ciwidget_rss_forme1__titre a:active,
#contenu .texte .ciwidget_rss_forme1__titre a:hover,
#contenu .texte .ciwidget_rss_forme1__titre a:focus,
#contenu .texte .ciwidget_rss_forme1__titre a:active {
    text-decoration: underline;
}
.ciwidget_rss_forme1__titre:after,
#contenu .texte .ciwidget_rss_forme1__titre:after {
    display: block;
    content: "";
    height:0.3rem;
    width:3rem;
    background-color:#656565;
    margin-top:0.5rem;
}
.ciwidget_rss_forme1__descriptif,
#wysiwyg .ciwidget_rss_forme1__descriptif {
    
    line-height:1rem;
    margin-bottom:1rem;
    
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    text-align:left;
}
.ciwidget_rss_forme1__titreitem,
#wysiwyg .ciwidget_rss_forme1__titreitem {
    font-size:0.9rem;
    font-weight:normal;
    line-height:1rem;
    margin-bottom:0.5rem;
    text-align:left;
    
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.ciwidget_rss_forme1__date,
#wysiwyg .ciwidget_rss_forme1__date {
    font-size:0.7rem;
    line-height:1rem;
    font-weight:normal;
    
    margin: 0;
    text-align:left;
}
a.ciwidget_rss_forme1__lien,
#contenu .texte a.ciwidget_rss_forme1__lien {
    text-decoration: none;
}
a.ciwidget_rss_forme1__lien:hover,
a.ciwidget_rss_forme1__lien:focus,
a.ciwidget_rss_forme1__lien:active,
#contenu .texte a.ciwidget_rss_forme1__lien:hover,
#contenu .texte a.ciwidget_rss_forme1__lien:focus,
#contenu .texte a.ciwidget_rss_forme1__lien:active {
    text-decoration: underline;
}
li.ciwidget_rss_forme1__li{
    margin-bottom:1rem;
    list-style:none;
}


.ciwidget_rss_forme2{
    margin-bottom:1.0rem;
    clear: both;
    width:100%;
}
.ciwidget_rss_forme2:before,
.ciwidget_rss_forme2:after {
    display: table;
    content: " ";
}
.ciwidget_rss_forme2:after {
    clear: both;
}
.ciwidget_rss_forme2_ul {
    display: -ms-flexbox; /* pour IE 10*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -0.625rem;
    clear: both;
}
li.ciwidget_rss_forme2__li{
    box-sizing: border-box;
    float: inherit;
    display: -ms-flexbox; /* pour IE 10 et 11 */
    -ms-flex-direction: column; /* pour IE 10 et 11 */
    flex: 0 0 calc(50% - 1.25rem);
    min-width: calc(50% - 1.25rem);
    margin: 0.625rem;
    list-style:none;
    clear: both;
    
    border-style:solid;
    border-color:#bfbfbf;
    border-width:0.125rem;
    padding:2rem;
}
@media (max-width: 767px) {
    .ciwidget_rss_forme2_ul {
        display: block;
    }
    li.ciwidget_rss_forme2__li{
        display: block;
        width: 100%;        
    }
}
.ciwidget_rss_forme2__article{
    position: relative;
}
.ciwidget_rss_forme2__article__contenu a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 0;
}
.ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien,
#contenu .texte .ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien {
    font-size:1rem;
    font-weight:300;
    line-height:1rem;
    
    text-decoration: none;
}
.ciwidget_rss_forme2__titre,
#contenu .ciwidget_rss_forme2__titre,
#wysiwyg .ciwidget_rss_forme2__titre {
    text-align:left;
    margin-bottom:1.25rem;
    line-height:1rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.ciwidget_rss_forme2__titre:after,
#contenu .texte .ciwidget_rss_forme2__titre:after {
    display: block;
    content: "";
    height:0.3rem;
    width:3rem;
    background-color:#656565;
    margin-top:0.5rem;
}
.ciwidget_rss_forme2__descriptif,
#wysiwyg .ciwidget_rss_forme2__descriptif {
    
    line-height:1rem;
    margin-bottom:1rem;
    
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    text-align:left;
}
.ciwidget_rss_forme2__source,
#wysiwyg .ciwidget_rss_forme2__source {
    font-size:0.7rem;
    line-height:1rem;
    font-weight:normal;
    
    margin: 0;
    text-align:left;
}
.ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien,
#contenu .texte .ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien {
    text-decoration: none;
}
.ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:hover,
.ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:focus,
.ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:active,
#contenu .texte .ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:hover,
#contenu .texte .ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:focus,
#contenu .texte .ciwidget_rss_forme2__titre a.ciwidget_rss_forme2__lien:active {
    text-decoration: underline;
}

/* Widget sitereference */

.ciwidget_sitereference {
    
    border-style:solid;
    border-color:#bfbfbf;
    border-width:0.125rem;
    padding:2rem;
    
    
    margin-bottom:1.0rem;
    clear: both;
}
.ciwidget_sitereference:before,
.ciwidget_sitereference:after {
    display: table;
    content: " ";
}
.ciwidget_sitereference:after {
    clear: both;
}

.ciwidget_sitereference__titre,
#contenu .texte .ciwidget_sitereference__titre,
#wysiwyg .ciwidget_sitereference__titre {
    
    font-size:1.5rem;
    font-weight:300;
    margin-bottom:0.625rem;
    line-height:1.75rem;
    text-align:left;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.ciwidget_sitereference__titre:after,
#contenu .texte .ciwidget_sitereference__titre:after {
    display: block;
    content: "";
    height:0.3rem;
    width:3rem;
    background-color:#656565;
    margin-top:0.5rem;
}
.ciwidget_sitereference__descriptif,
#wysiwyg .ciwidget_sitereference__descriptif {
    font-size:0.9rem;
    margin-bottom:1.25rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    text-align:left;
}
.ciwidget_sitereference__lien,
#contenu .texte .ciwidget_sitereference__lien {
    text-align:center;
}
.ciwidget_sitereference__lien a,
#contenu .texte .ciwidget_sitereference__lien a {
    display: inline-block;
    padding:0.5rem 0.7rem;
    border-style:solid;
    border-color:#656565;
    border-width:0.062rem;
    border-radius:3px;
    font-size:0.9rem;
    font-weight:normal;
    background-color:#656565;
    color:#FFFFFF;
    color:#FFFFFF;
    text-decoration: none;
}
.ciwidget_sitereference__lien a:hover,
.ciwidget_sitereference__lien a:focus,
.ciwidget_sitereference__lien a:active,
#contenu .texte .ciwidget_sitereference__lien a:hover,
#contenu .texte .ciwidget_sitereference__lien a:focus,
#contenu .texte .ciwidget_sitereference__lien a:active {
    background-color:#FFFFFF;
    color:inherit;
}