/* CSS de la page RGAA 3.0 */

/* Définit l'image de fond du container Body */
.block-body
{
    background-color : white;
    background : url('../../img/topFooter.png') no-repeat;
    background-size: 1493px;
    margin-top : -15px;
    background-position-x: center;
}

/* Police de la page Actualités */
.policeActualites
{
    font-family : 'Quicksand', sans-serif;
}

/* Définit le style du titre Actualités */
.policeActualites .titreActualites
{
    text-align : center;
    height : 150px;
    color : white;
}

/* Permet de changer le style de la police du titre RGAA 3.0 */
.titreMainActualites
{
    position : relative;
}

/* Permet d'ajouter une ligne blanche en dessous du titre RGAA 3.0 */
.ligneMainActualites
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid white;
    right : 50%;
    margin : 15px -25px 5px 0px;
}
.policeActualites .marginPath
{
    margin-top : 75px;
    margin-bottom : 20px;
}
.lienAccueil
{
    color : black;
}

.page
{
    color : #36636e;
    font-weight : bold;
    position : relative;
    border-bottom : 2px solid #386873;
}
.ligneActualites
{
    position : absolute;
    bottom : 0;
    left : 0;
    margin-bottom : -2px;
    width : 138px;
    height : 2px;
}
.titreToutesActualites
{
    font-weight : bold;
    margin-bottom : 20px;
    position : relative;
}

/* Définit l'espace entre la ligne du titre et le titre */
.ligneToutesActualites
{
    width : 45px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #386873;
    left : 0;
    margin-top : -15px;
    margin-left : 15px;
}

.hauteurMaxActualites {
    overflow-y: hidden;
}
hr {
    border-color: #377ab7;
    margin-bottom: 0px;
}
.titreArticle {
  font-weight: bold;
}
.dateArticle {
  font-size: small;
  font-style: italic;
}
.containerArticle{
  display: flex;
  align-items: flex-end;
  flex-flow: row wrap;
}
.containerArticle img {
  margin-right: 10px;
  margin-bottom: 10px;
}
.containerArticle > p {
  text-align: justify;
}
.imgActu {
  float: left;
  width: 138px;
}
.titreActu {
  font-weight: bold;
  margin-left: 150px;
}
.dateActu {
  font-size: small;
  font-style: italic;
  margin-left: 150px;
}
.fontActualites{
  margin-left: 150px;
}
.categoryActu {
  margin-left: 150px;
}

.labelActu {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #377ab7;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1em;
    background-color: #c5e6f8;
    margin-right: 0.5em;
}
.uneActualite {
  background-color: #c5e6f8;
  border-radius: 0.5em;
}
@media only screen and (max-width: 575px) {
  .imgActu{display: inline-block;margin-right: 0.7em;}
  .titreActu {margin-left: 0}
  .dateActu {margin-left: 0}
  .categoryActu {margin-left: 0}
  .fontActualites {margin-left: 0}
  .labelActu {font-size: 85%}
}
@media only screen and (max-width: 375px) {
  img.imgActu {display: none;}
  .categoryActu {margin-left: 0}
  .labelActu {font-size: 70%}
}