:root{
    --convention_color : #0D5C95;
    --cat_1_color : #6661A4;
    --cat_2_color : #E48A00;
    --cat_3_color : #18886F;
    --white : #FFFFFF;
    --black : #000000;
    --dark: #333333;
    --sep_color: #4E8FB5;
    --link_hover_color: #125f8d;
}

.anchors {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    display: flex;
    margin-bottom: 5rem;
}
.anchors .anchor {
    width: 33.3333333%;
    text-align: center;
    border-left: 1px solid var(--sep_color);
}
.anchors .anchor:first-child {
    border: none;
}
.anchors .anchor a {
    display: block;
    color: var(--black);
    text-transform: uppercase;
    font-weight: 700;
}

.resources-page {
    /*width: 90%;*/
    margin: 2rem auto 5rem auto;
}

.resources-page .title {
    width: 100%;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.resources-page .content {
    display: flex;
    margin-top: 3rem;
}

.resources-page .img-container {
    width: 30%;
}
.resources-page .text-container {
    padding-top: 3rem;
    width: 70%;
}

.resources-page .img-left .text-container {
    padding-left: 8rem;
    padding-right: 8rem;
}
.resources-page .img-right .text-container {
    padding-right: 8rem;
    padding-left: 8rem;
}
.resources-page .img-right .img-container {
    text-align: right;
}
.resources-page .img-container img {
    width: 100%;
}

.resources-page .content .title {
    background-color: var(--black) !important;
    /*margin-top: 3rem;*/
    margin-bottom: 3rem;
}

.resources-page .content .title-2,
.resources-page .content .title-3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0.25rem 0;
}
.resources-page .content .title-2 {
    text-transform: uppercase;
}

.resources-page .cat {
    margin-bottom: 8rem;
}

.resources-page .cat .links {
    margin-left: 5rem;
    margin-bottom: 2rem;
}

.resources-page .cat ul {
    margin-left: 1rem;
    margin-right: 0;
    width: 100%
}

.resources-page .cat li {
    text-align: left;
}
.resources-page .cat li a {
    color: var(--dark);
    margin: 0.9rem 0;
    display: block;
    font-size: 15px;
}
/*.resources-page .cat li a:hover {*/
/*    color: var(--link_hover_color);*/
/*}*/
.resources-page .cat li ul li {
    color: var(--dark) !important;
}

.resources-page .column-container {
    display: flex;
}

.resources-page .column {
    width: 50%;
}

/* Déclinaisons catégories */
.resources-page .cat.convention .title {
    background-color: var(--convention_color);
    color: var(--white);
}
.resources-page .cat.convention li {
    color: var(--convention_color);
}
.resources-page .cat.convention li a:hover {
    color: var(--convention_color);
}

.resources-page .cat.cat-1 .title {
    background-color: var(--cat_1_color);
    color: var(--white);
}
.resources-page .cat.cat-1 li {
    color: var(--cat_1_color);
}
.resources-page .cat.cat-1 li a:hover {
    color: var(--cat_1_color);
}

.resources-page .cat.cat-2 .title {
    background-color: var(--cat_2_color);
    color: var(--white);
}
.resources-page .cat.cat-2 li {
    color: var(--cat_2_color);
}
.resources-page .cat.cat-2 li a:hover {
    color: var(--cat_2_color);
}

.resources-page .cat.cat-3 .title {
    background-color: var(--cat_3_color);
    color: var(--white);
}
.resources-page .cat.cat-3 li {
    color: var(--cat_3_color);
}
.resources-page .cat.cat-3 li a:hover {
    color: var(--cat_3_color);
}
/* Fin déclinaisons catégories */

/* Petit ordi */
@media only screen and (max-width: 1500px) and (min-width: 1219px) {
    .resources-page .column-container {
        display: block;
    }
    .resources-page .column {
        width: 100%;
    }
}

/* Tablette */
@media only screen and (max-width: 1218px) {
    .resources-page .column-container {
        display: block;
    }
    .resources-page .column {
        width: 100%;
    }
}

/* Mobile */
@media all and (max-width: 767px) {
    .resources-page .cat .content {
        display: block;
    }
    .resources-page .cat .img-container {
        display: none;
    }
    .resources-page .cat .text-container {
        width: 100%;
        padding: 0;
    }
    .resources-page .cat .links {
        margin: 0 1rem;
    }

    .resources-page .anchors {
        margin-bottom: 2rem;
    }
    .resources-page .anchor {
        font-size: 13px;
    }
    .resources-page .cat {
        margin-bottom: 3rem;
    }
}