main {
    width: (100% -6px);
    max-width: 1440px;
    height: auto;
    display: flex;
    border-style: groove;
    background: linear-gradient(120deg, rgba(56,56,56,1) 3%, rgba(115,115,115,1) 12%, rgba(182,180,180,1) 20%, rgba(210,210,210,1) 26%, rgba(116,116,116,1) 33%, rgba(82,82,82,1) 39%, rgba(115,115,115,1) 45%, rgba(127,135,132,1) 48%, rgba(149,163,159,1) 50%, rgba(142,153,151,1) 51%, rgba(125,133,131,1) 53%, rgba(99,99,99,1) 55%, rgba(91,91,91,1) 57%, rgba(116,116,116,1) 63%, rgba(210,210,210,1) 70%, rgba(182,180,180,1) 79%, rgba(115,115,115,1) 86%, rgba(56,56,56,1) 96%);
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.mainArticle {
    display: inline-block;
    width: (100%-6px);
    height: auto;
}

/* définition des paramètres des titres */ 
h1 {
    margin-top: 7px;
    margin-bottom: 5px;
    margin-left: 15px;
    font-size: 1.8rem;
    text-shadow: 2px 2px 4px rgb(2, 7, 164);
}

h2 {
    margin: 0;
    text-shadow: 2px 2px 4px rgb(175, 2, 2);
}

/* Définition du container des articles larges */
.largeArticle {
    display:inline-block;
    width: (100%);
    background-color: rgba(0, 0, 0, 0.75);
    margin: 10px;
    margin-top: 0;
    border-radius: 20px;
    padding: 10px;
}

/* Définition du container des articles larges (sans background) */
.largeArticleNoBackground {
    display:inline-block;
    width: (100%);;
    margin-top: 0;
}

/* Définition du container contenant des petits articles en colonne */
.smallArticle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/* Propriétés générales pour chaque article en colonne indépendant*/
.articleColumn {
    display: block;
    min-width: 260px;
    max-width: 644px;
    width: 100%;
    margin: 0;
    border-radius: 20px;;
}

/* variante 2 d'article en colonne (un container inLine-Block dans l'article) */
.article_InsideInLineContainer {
    display: inline-block;
}

/* Propriétés spéciales pour articles colonne inclus dans un article large (sans background) */
.articleColumnInclude {
    display: block;
    text-align: center;
    min-width: 260px;
    max-width: 660px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
}

/* Variante plus large d'un article en colonne inclus dans un article large */
.articleColumnInclude2 {
    display: block;
    text-align: center;
    min-width: 260px;
    max-width: 920px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
}

/* Variante moins large d'un article en colonne inclus dans un article large */
.articleColumnInclude3 {
    display: block;
    text-align: center;
    min-width: 260px;
    max-width: 330px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
}

/* Variante moyenne d'un article en colonne inclus dans un article large */
.articleColumnInclude4 {
    display: block;
    min-width: 260px;
    max-width: 850px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.25);
}

/* breakpoints: ajustements des articles "colone" en fonction des points de rupture */
@media (max-width: 1430px) {
    .articleColumn {
        max-width: 610px; 
    } 
}

@media (max-width: 1380px) {
    .articleColumn {
        max-width: 565px; 
    }
    .articleColumnInclude2 {
        max-width:844px;
    }
    .articleColumnInclude4 {
        max-width:820px;
        }
}

@media (max-width: 1290px) {
    .articleColumn {
        max-width: 540px; 
    }
    .articleColumnInclude2 {
        max-width:785px;
    }
    .articleColumnInclude4 {
        max-width: 780px;
    }
}

@media (max-width: 1230px) {
    .articleColumn {
        max-width: 1230px; 
    }
    .articleColumnInclude2 {
        max-width:630px;
    }
    .articleColumnInclude4 {
        max-width: 550px;
    }
}

@media (max-width: 1063px) {
    .articleColumnInclude2 {
        max-width:1063px;
    }
    .articleColumnInclude4 {
        max-width: 1063px;
    }
}

/* propriétés des images pleine largeur des articles */
.pictureContainer {
    position: relative;
    width: 100%;
    height:auto;
}

.pictureContainer .picture_fullWidth {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.rounded_image {
    border-radius: 20px;
}

/* propriétés des images à largeur limitée des articles */
.article_InsideInLineContainer {
    display: flex;
}

.pictureContainer .picture_halfWidth {
    position: relative;
    top: 0;
    left: 0;
    max-width: 250px;
    /*height: auto;*/
    /* height et width forcées pour le test: */
    height: 396px;
    width: 250px;
    margin-right: 15px;
}

.pictureSideContainer p {     /* variante de texte à côté de l'image */
    display: inline-block;
}

/* Propriétés des articles Vidéos */
.largeVideoArticle {
    display: block;
    width: (100%-6px);
    margin: 0;
    border-radius: 20px;
    padding: 10px;
}
/* propriétés des vidéos en pleine largeur des articles */
.videoContainer {
    position: relative;
    width: 100%;
    height: 0;
    height: auto;
    padding-bottom: 56%;
}

.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.redirectLinks {
    color: rgb(0, 195, 255);
}