/*LOGO ARTICLE*/
.article-img{
    width:100vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    font-size: 100px;
    font-style: italic;

    margin-bottom: var(--espace-4);
}


/*ARTICLE*/

.article{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* margin-top:50px; */
    padding-top: 30px;
    font-family: var(--police-texte);
    
    
    max-width:700px;
    /* padding:0 6% 0 6%; */
}


/*INFOS ARTICLE*/
.article-rubrique{
    color:var(--gris-fonce);
    font-size:var(--texte-taille-2);
    line-height: 20px;
    text-align: center;
    width:100%;
    font-style: italic;
    text-transform: uppercase;
    
}


.article-rubrique-numero{
    text-transform: uppercase;
    font-style:normal;
    text-decoration: underline;
}

.partager{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: left;
    
    line-height: 13px;
   
    
    /* background-color: black; */
    /* padding-top: 10px; */
    /* border: 1px solid black; */
    /* border-width: 1px 0 1px 0; */
    
    /* margin-bottom:20px; */
}


.partager-logo{
    width:50px;
    height:50px;
    border: 1px solid black;
    background-position: center;
    background-size: cover;
}

.partager a{
    margin: 0 3px 0 3px;
    font-family: var(--police-banniere);
    color:black;
    text-decoration: none;
    font-size: 23px;
    font-weight: bold;
}


.article-description{
    width:100%;
}

.article-description p{
    font-size: 22px !important;
    text-align: center !important;
    color:var(--gris-texte-tres-clair) !important;
    font-weight: 300;
    line-height: 30px !important;
    font-style: italic;
    /* text-transform: uppercase; */
}


/*ARTICLE TITRE*/

.article-titre{
    padding: 0 5px 10px 5px;
    width: 100%;
    font-size:35px;
    font-weight: bold;
    /* color:var(--seconde-couleur); */
    text-align: center;
    text-transform: uppercase;
    font-family: var(--police-banniere);
    /* color:var(--couleur-4); */
}

/*CHAPO*/

.article-chapo{
    
    line-height: 35px;
    font-size:21px;
    font-weight:bold;
    margin-top:50px;
}


/*ARTICLE TEXTE*/

#article-texte {
    width: 100%;
    
}

#article-texte p{
    font-size: 19px;
    text-align: left;
    line-height: 35px;
    color:var(--gris-texte);
    margin:25px 0 0 0;
}



#article-texte strong{
    font-weight: bold;
}
#article-texte i, .article-chapo i{
    font-style: italic;
} 

#article-texte h2.spip, .article-sous-partie{ /*POUR LES TITRES DE PARTIES*/
    /* color: var(--seconde-couleur); */
    color: rgb(0, 0, 0);
    width:100%;
    font-size: 30px;
    text-align: left; 
    margin:80px 0 30px 0;
    /* text-decoration: underline ; */
    text-transform: uppercase;
    font-style: italic;
    font-family:var(--police-banniere);
}



/*MISE EN FORME LIENS*/
#article-texte>p a, .article-chapo a, .article-notes a, .article-tags a{
    text-decoration: underline;
    color: rgb(87, 81, 81);
    /* color:var(--couleur-4); */
}




/*ARTICLE DOCUMENTS*/

#article-texte .spip_documents{

    margin-top: var(--espace-7);
    margin-bottom: var(--espace-7);
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#article-texte figure img{
    height:100%;
    width:100%;
}

#article-texte figure{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:100%;
}

.spip_doc_titre{
    width:100% !important;
    text-align: center;
    font-weight: normal;
    color: var(--gris-fonce);
    /* display: none; */
}

.spip_doc_descriptif{
    margin:0;
    padding:0;
    width:100%!important;
}

.spip_note_ref{
    display: inline;
    font-variant-position: super;
    color:black;
}


.spip_note{
    color:black;    
    font-weight: bold;
}

.spip_document_audio, .audio-wrapper, audio{
    width:100% !important;
}

#article-texte blockquote{
    margin:0;
    /* margin-left:10px; */
    /* padding-left:30px; */
    padding:0 0 10px 30px;
    width:80%;
    
    border-left: rgba(0,0,0,0.5) solid 1px;
}



/*CITATION*/

blockquote.spip>p{
    color: var(--gris-texte-clair)!important;
    /* font-style: italic; */
}





/*TAGS*/

.article-tags{
    text-transform: uppercase;
    font-size: 20px;
    margin-top: var(--espace-4);
    margin-bottom:70px;
    font-family: var(--police-banniere);
}

.article-tag-mot{
    font-style: italic;
    
    text-decoration: underline;
}

/*NOTES*/

.article-notes{
    
    margin-top: 20px;
    width:100%;
}

.article-notes p{
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    color:var(--gris-fonce);    
    margin-bottom: var(--espace-2);
}

.article-notes .spip_note_ref{
    /* display: block; */
    font-variant-position: normal;
    
}


.article-ps p{
    margin:0;
    padding-bottom: 10px;
}

.capsule-video{
    margin: 30px 0 30px 0;
}

.capsule-video, .mini-capsule-video, iframe{ /*Pour les vidéos*/
    width:100%;
}

.spip_documents img{
    width:100%;
    height:auto;
}


/*NOTES JS*/
#article-notes-js{
    position:fixed;
    border-top: 1px solid black;
    padding-top: var(--espace-2);
    padding-bottom: var(--espace-3);
    padding-left: var(--espace-2);
    padding-right: var(--espace-2);
    box-sizing: border-box;
    /* transform-origin: bottom; */
    bottom:0px;
    width:100vw;
    background-color: white;
    padding-left: 24px;
    display:none;
    
}






@media (min-width:780px){
    .article{
        /* padding:0 25% 0 25%; */
        /*  */
        padding-left:0;

        
    }

    .article-titre{
        font-size: 45px;
        /* line-height: 45px; */

    }

    .article dt img{
        height:100%;
        width:100%;
    }

    #article-texte blockquote{
        border:none;
    }

    #article-notes-js{
        min-width: 700px;
        max-width: 900px;
        
        left: 50%;
        transform: translate(-50%);
        /* right:0; */
    }

    
}