.page_main {
}

.page_content {
}

//---------------------------------------
//  Contenu de l'article
//---------------------------------------
.cartouche {
	margin-bottom:$spacer*2;
}
.article__titre {
    margin-bottom: 0;
}

.article__infos {
	@include visuallyhidden;
    margin:    0.25em 0 1em 0;
    font-size: em(14px);
    @include link-color-text;
}
.body--blog .article__infos {
	position:relative;
	height:auto;
	width:auto;
	overflow:auto;
	clip: auto;
	clip-path: border-box;
}

.article__chapo {
    margin-bottom: 1.5em;
    font-size:     em(18px);
    font-weight:   bold;
}

.article__logo {
    margin-bottom: 2em;
}
.mots {
	margin:0;
}


//---------------------------------------
//  Résumés d'articles
//---------------------------------------

.article-resume {
    display: flex;
    @include text-block;
	h2 {
		margin-top:0;
	}
}

.article-resume__titre {
    font-size:     em(22px);
    margin-bottom: 0;
    @include link-color-text;
    a:hover {
        text-decoration: none;
    }
}

.article-resume__logo {
    max-width:         em(250px);
    width: 30%;
    flex-shrink:   0;
    margin-bottom: 1em;
    margin-right:  1.5em;
}

.article-resume__infos {
    margin:    0.25em 0 0.5em 0;
    font-size: em(13px);
}

.article-resume__rubrique {
    text-transform: uppercase;
    color:          $couleur-primaire;
    font-weight:    bold;
    margin-right:   0.25em;
    margin-bottom:  0;
}

.article-resume__date {
    margin-bottom: 0;
    &:before {
        content: ' - ';
    }
}

.article-resume__intro {
    font-size: em(15px);
}

.articles-resumes-entete {
    margin-bottom: 3em;
}

@include media($bp-small) {
	.article-resume {
		display:block;
	}
	.article-resume__logo {
		float:left;
	}
}

.mots {
	
	ul {
		
	}
}