/*
Theme Name: Les carottes sont cuites
Version: 1.0
Author: <a href="http://www.mickael-pedros.fr/">Mickaël Pedros</a>, <a href="https://www.behance.net/robertpielmargot">Margot Robert Piel</a> et <a href="https://www.deborah-bude.fr">Déborah Bude</a>
Description: Thème fait à l'occasion d'un projet tutoré durant la licence web design sensoriel pour l'association Campus à Cultiver. Nous avons fait notre propre thème et nous avons utilisé ACF afin d'optimiser le design du site, pour éviter trop de modifications de la part de l'utilisateur du thème et pour développer nos compétences en back end. Design / charte graphique : Margot Robert Piel, Front end : Mickaël Pedros, Front end / Back end : Déborah Bude
*/

/******************* 1 - Mise en Page *******************/
.home__partenaires li, .home__partenaires ul, .grid li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.corps_page h1, .main__title h1, .corps_page h2, .corps_page h3, .corps_page h4, .corps_page h5, .corps_page h6 {
    font-family: "Sora", sans-serif;
    position: relative;
    font-weight: 700;
}

h1 span, .main__title span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-weight: 400;
    font-family: "Coming Soon", cursive;
}

.corps_page h1, .main__title {
    text-align: center;
}

.corps_page h2 {
    z-index: 2;
}

blockquote {
    position: relative;
    padding-left: 7px;
    color: #452102;
}

blockquote:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 3px;
    height: 100%;
    background: #452102;
    border-radius: 3px;
}

.icone {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    z-index: -1;
}

.bg__yellow {
    background-color: #ffd855;
}

.bg__brown {
    background-color: #452102;
}

.bg__gray {
    background-color: #f2f2f2;
}

.padding {
    padding: 86px !important;
}

@media screen and (max-width: 992px) {
    .padding {
        padding: 60px !important;
    }
}

@media screen and (max-width: 768px) {
    .padding {
        padding: 30px !important;
    }
}

.btn-menu .menu-link {
    border: 1px solid;
    border-radius: 3px;
    height: 50px !important;
    margin-left: 10px;
}

.btn-menu .menu-link:before, .btn-menu .menu-link:after {
    display: none;
}

/*********************************************************************************************************/

/******************* 2 - Home Page *******************/
.header__home {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    height: 100vh;
}

.header__home::before {
    content: "";
    background: url(assets/data/picto_header_accueil.svg);
    position: absolute;
    z-index: 0.1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .header__home::before {
        display: none;
    }

    .header__home {
        height: auto;
    }
}

.header__home_main-title-box {
    width: 100%;
    height: 100%;
    display: table;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/data/image_header.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 86px;
}

.header__home_main-title-box .header__home_main-title {
    text-align: left;
}

@media screen and (max-width: 992px) {
    .header__home_main-title-box {
        padding: 60px;
        height: 330px;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .header__home_main-title-box {
        padding: 30px;
    }
}

.header__home_main-title {
    margin-left: 86px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 992px) {
    .header__home_main-title {
        margin: 0 10px;
        text-align: center;
    }
}

.box__article {
    background-color: #ffd855;
    color: #452102;
    min-width: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: start;
    border-top-right-radius: 3px;
}

@media screen and (max-width: 992px) {
    .box__article {
        position: relative;
        width: 100%;
    }
}

.dernier__article {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 0 25px 50px;
}

@media screen and (max-width: 768px) {
    .dernier__article {
        padding: 50px 40px;
    }
}

.article {
    width: 50%;
}

@media screen and (max-width: 768px) {
    .article {
        width: 100%;
        margin-bottom: 30px;
    }
    .article:last-child {
        margin-bottom: 0;
    }
}

.article__1 {
    padding-right: 50px;
}

.article__date,
.article__resume,
.article__title {
    font-size: 12px;
    line-height: 20px;
}

@media screen and (max-width: 992px) {
    .article__date,
    .article__resume,
    .article__title {
        font-size: inherit;
    }
}

.article__title {
    position: relative;
    font-weight: bolder;
}

.article__date {
    font-weight: bolder;
    margin-bottom: 0;
}

.article__resume {
    padding-top: 10px;
}

@media screen and (max-width: 992px) {
    .article__resume {
        padding: 20px 0;
        margin: 0;
    }
}

/*  1 - Titre des sections
  * 2 - Section rencontre
  * 3 - Section valeurs
  * 5 - Section agenda
  * 6 - Section galerie
  * 7 - Section partenaires
*/

/*_____Section valeurs_____*/
.home__valeurs {
    padding: 80px 0;
    background-color: #f2f2f2;
}

.home__valeurs_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .home__valeurs_div {
        padding: 30px;
    }
}

.home__title--valeurs {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .home__title--valeurs {
        text-align: left;
    }
}

.home__valeurs--item {
    padding-bottom: 25px;
}

.home__valeurs--item .home__valeurs--title{
    color: #452102;
}

@media screen and (max-width: 768px) {
    .home__valeurs--item {
        padding: 0;
    }
}

.home__valeurs--item-div {
    padding-bottom: 50px;
}

.home__valeurs--item-div:last-child {
    padding: 0;
}

.home__valeurs--title {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.home__valeurs--title img {
    width: 100px;
    height: auto;
    padding-right: 30px;
}

@media screen and (max-width: 768px) {
    .home__valeurs--title {
        padding-bottom: 20px;
    }

    .home__valeurs--title img {
        width: 60px;
        padding-right: 10px;
    }
}

/*_____Section agenda_____*/
.home__agenda {
    background-image: url(assets/data/image_agenda.jpg);
    background-size: cover;
    background-position: center;
    max-width: 100%;
    overflow-x: hidden;
    height: 800px;
}
@media screen and (max-width: 768px) {
    .home__agenda {
        padding: 0;
        height: auto;
    }
}

.home__agenda--size {
    height: 800px;
}

.home__agenda--box {
    background-color: #f2f2f2;
    border-radius: 0 3px 3px 0;
}

.home__agenda--item {
    padding: 80px;
}

/*_____Section galerie_____*/
.home__galerie {
    background-color: #f2f2f2;
}

.home__galerie_div {
    overflow: hidden;
    display: flex;
    padding: 5px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
    margin: auto;
}

@media screen and (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
.home__galerie_img {
    height: 250px;
}
.grid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/*_____Section partenaires_____*/
.home__partenaires {
    overflow-x: hidden;
    padding: 3rem 0;
}

.home__partenaires--title {
    margin: 0 auto 50px;
}

.home__partenaires--box .list {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 100px;
}

@media screen and (max-width: 992px) {
    .home__partenaires--box .list {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 50px;
    }
}

@media screen and (max-width: 768px) {
    .home__partenaires--box .list {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }
}

/*********************************************************************************************************/

/******************* 3 - Lien et bouton *******************/
/*_____Link action_____*/
.link, .home_link_article {
    font-weight: bold;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
}

.link i, .home_link_article i {
    transition: 0.5s;
}

.link:hover, .home_link_article:hover {
    font-weight: bolder;
}

a.btn__fleche {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 0 3px;
    transition: 0.5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-transform: none;
    font-size: inherit;
}

a.btn__fleche * {
    transition: 0.5s;
    color: #452102;
    text-transform: none;
}

a.btn__fleche:hover * {
    color: white;
}

a.btn__fleche:hover {
    background-color: #452102;
}

@media screen and (max-width: 992px) {
    a.btn__fleche {
        background: #452102;
    }

    a.btn__fleche i {
        color: white;
    }
}

/*Bouton lire plus*/
a.btn, input[type=button] {
    background: none !important;
    width: 260px;
    height: 51px;
    border-radius: 3px;
    text-align: center;
    border: #452102 solid 1px !important;
    font-weight: bold;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #452102 !important;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: normal !important;
}
a.btn:hover, input[type=button]:hover {
    background-color: #452102 !important;
    color: #f2f2f2 !important;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    a.btn {
        width: 220px;
        height: 40px;
    }
}

/*_____Flèche navigation blog_____*/
.blog__nav_page--button_page svg, .button_download img {
    width: 28px;
    transition: 0.5s;
}

.precedent i, .precedent i, .button_download i {
    padding-right: 0.5rem;
}

.precedent:hover, .button_download:hover {
    background: none;
    color: #452102;
}

.precedent:hover i, .precedent:hover i {
    transform: translateX(-10px);
}

.button_download:hover i {
    transform: translateY(5px);
}

.suivant i, .suivant i {
    padding-left: 0.5rem;
}

@media screen and (max-width: 992px) {
    .suivant i {
        padding-left: 0;
    }
}

.suivant:hover i, .suivant:hover i {
    transform: translateX(10px);
}

.suivant:hover {
    background: none;
    color: #452102;
}

/*_____Btn retour blog_____*/
@media screen and (min-width: 768px) {
    .btn__sticky--article {
        position: -webkit-sticky;
        position: sticky;
        top: 90px;
    }
}

.btn__article {
    max-width: 100%;
}

/*********************************************************************************************************/

/******************* 4 - Autre page *******************/

/*
    * 1 - Header page
    * 3 - Association
    * 4 - Activités
    * 5 - Rendez-vous
    * 6 - Devenir membres
    * 7 - Blog
    * 8 - Articles
    * 9 - Contact
*/
/*_____Header page_____*/
.header__page {
    position: relative;
    height: 460px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
}
.header__page::before {
    content: "";
    background: url(assets/data/picto_header_page.svg);
    position: absolute;
    z-index: 0.1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*_____Blog_____*/
.header__blog,
.header__article {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.header__blog::before,
.header__article::before {
    content: "";
    background: url(assets/data/picto_header_page.svg);
    position: absolute;
    z-index: 0.1;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.header__blog_main-title {
    width: 45%;
    text-align: center;
    margin: 1rem;
}
@media screen and (max-width: 992px) {
    .header__blog_main-title {
        width: 70%;
    }
}
@media screen and (max-width: 768px) {
    .header__blog_main-title {
        width: 80%;
    }
}

.header__blog_main-search {
    width: 45% !important;
}
.header__blog_main-search button {
    background: none;
    border: none;
}
.header__blog_main-search input,
.header__blog_main-search i {
    background: none;
    border-radius: 0;
    border: none;
    color: white;
}
.header__blog_main-search input {
    border-bottom: 2px solid white;
    padding: 0.5rem;
    margin: 0;
}
@media screen and (max-width: 992px) {
    .header__blog_main-search {
        width: 70% !important;
    }
}
@media screen and (max-width: 768px) {
    .header__blog_main-search {
        width: 80% !important;
    }
}
.search__results {
    color: #452102;
    font-weight: bold;
}
/*
.main__title {

}*/
.header__blog,
.header__article {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/data/header_page_blog.png);
    background-size: cover;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*_____Articles_____*/
.header__article {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/data/bg_article.jpg);
}

/*_____Contact_____*/
/*
    * 1 - Titre des sections
    * 2 - Bloc Left & Right
    * 3 - Association
    * 4 - Activités
    * 5 - Rendez-vous
    * 6 - Devenir membres
    * 7 - Blog
    * 8 - Articles
    * 9 - Page 404
*/
/*_____Titre des sections_____*/
.section__title_2 {
    position: relative;
}

/*_____Bloc right et left_____*/
@media screen and (min-width: 992px) {
    .box__content {
        position: relative;
    }
}

.box__left {
    border-radius: 0;
}

@media screen and (min-width: 992px) {
    .box__left {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0 0 5px 0;
        min-height: 600px;
    }
}

.box__right {
    border-radius: 0;
}
@media screen and (min-width: 992px) {
    .box__right {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0 0 0 5px;
        min-height: 600px;
    }
}

.box__right-left_title {
    margin: 0 0 25px 25px;
}
@media screen and (max-width: 992px) {
    .box__right-left_title {
        margin: 0 0 18px 18px;
    }
}

/*_____Association_____*/
.assos__identite {
    display: flex;
}

.assos__description {
    background: #ffd855;
    padding: 86px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 30px;
}
@media screen and (max-width: 768px) {
    .assos__description {
        padding: 30px;
    }
}

.assos__histoire {
    background: #f2f2f2;
}

.assos__histoire {
    padding: 86px;
}
@media screen and (max-width: 768px) {
    .assos__histoire {
        padding: 30px;
    }
}

.assos__histoire_event {
    margin-bottom: 2rem;
}
.assos__histoire_event:last-child {
    margin-bottom: 0;
}

.assos__histoire_event--date {
    color: #452102;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
}
.assos__histoire_event--date::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 0;
    background-color: #452102;
    border-radius: 3px;
}

/*_____Activités_____*/
@media screen and (max-width: 768px) {
    .activites__box {
        flex-direction: column-reverse;
    }
}

.activites__description {
    padding: 35px 86px;
}

.activites__img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 992px) {
    .activites__img {
        min-height: 800px !important;
    }
}

.activites__velo--liste {
    list-style: none;
    line-height: 30px;
    margin-bottom: 30px;
}
.activites__velo--liste li:before {
    content: "- ";
}

/*_____Agenda (rdv)_____*/
.rdv__info {
    padding-top: 50px;
}

.rdv__item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 !important;
    margin: 50px 0;
}

.rdv__item--content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(calc(100% - 100px));
    transition: 0.5s;
    border-radius: 3px;
}
@media screen and (max-width: 992px) {
    .rdv__item--content {
        transform: translateY(0);
        position: relative;
    }
}

.rdv__item:hover .rdv__item--content {
    transform: translateY(0);
    border-radius: 3px 3px 0 0;
}

.rdv__item--content-title {
    background-color: #452102;
    color: #f2f2f2;
    padding: 15px 20px;
    min-height: 100px;
    max-height: 150px;
    border-radius: 3px;
}
.rdv__item--content-title p {
    margin: 0;
}
.rdv__item--content-title h3 {
    font-size: 0.9375rem;
    font-weight: bolder;
    color: white;
}

.rdv__item--content-info {
    background-color: #f2f2f2;
    padding: 25px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rdv__ponctuel {
    padding-left: 10px;
}

/*_____Devenir membres_____*/
.devenir_membre__description {
    background: #ffd855;
    padding: 2rem 0;
}

.devenir_membre__formulaire {
    background-image: url(assets/data/image_agenda.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 70px 0;
}
@media screen and (max-width: 992px) {
    .devenir_membre__formulaire {
        background: #f2f2f2;
        padding: 0;
    }
}

.devenir_membre__formulaire--img {
    display: none;
}
@media screen and (max-width: 992px) {
    .devenir_membre__formulaire--img {
        display: inline-block;
    }
}

.devenir_membre__formulaire--div {
    background: #f2f2f2;
    padding: 3rem;
}

@media screen and (max-width: 992px) {
    .devenir_membre__formulaire--div {
        max-width: 100%;
    }
}

/*_____Blog_____*/
.blog__body {
    background: #f2f2f2;
}

.blog__section_categorie {
    width: 100%;
    background: #452102;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 1rem 86px;
}
@media screen and (max-width: 768px) {
    .blog__section_categorie {
        padding: 1rem 30px;
        justify-content: space-around;
    }
}

.button {
    background: none;
    border: none;
    color: white;
    position: relative;
}
.button::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background: white;
    transition: 0.5s;
    border-radius: 3px;
}

.button:hover::after {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .button {
        padding: 5px;
    }
}

.button.is-checked::after {
    width: 100%;
}


.blog__article {
    position: relative;
    margin: 2%;
    min-height: 300px;
}

.blog__article a{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.blog__article_img {
    filter: brightness(0.5);
    transition: 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.blog__article:hover .blog__article_img {
    filter: brightness(0.3);
}

.blog__article_details {
    position: relative;
    margin: 1rem;
    z-index: 2;
    display: inline-block;
}
.blog__article_details * {
    color: #f2f2f2;
}

.blog__article_details--categories {
    padding-bottom: 20px;
    font-size: 14px;
}
.blog__article_details--categories:after {
    position: absolute;
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #f2f2f2;
}

.blog__article_details--date {
    line-height: 1;
    padding: 20px 0;
    margin: 0;
}

.blog__article_details--titre {
    margin: 0;
    font-size: 16px;
    padding-bottom: 15px;
}

.blog__nav_page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 86px;
    font-weight: bold;
}

@media screen and (max-width: 992px) {
    .blog__nav_page {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .blog__nav_page {
        padding: 2rem 30px;
        flex-direction: column;
    }
}

@media screen and (max-width: 992px) {
    .button_page_computer {
        display: none !important;
    }
}

.button_page_mobile {
    display: none !important;
    width: 70px;
    height: 52px;
}

.button_page_mobile img {
    padding: 0;
}
@media screen and (max-width: 992px) {
    .button_page_mobile {
        display: flex !important;
    }
}

.blog__nav_page--number {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.blog__nav_number-page {
    padding: 0.5rem;
    margin-right: 0.5rem;
    opacity: 0.5;
}
.blog__nav_number-page a {
    color: #452102;
}
.blog__nav_number-page:last-child {
    margin-right: 0rem;
}

.blog__current_page {
    opacity: 1;
}

/*_____Articles_____*/
@media screen and (min-width: 992px) {
    .article__container {
        padding-right: 200px;
    }
}

.line {
    width: 220px;
    height: 3px !important;
    border-radius: 3px;
    background-color: #452102;
    color: #452102;
    opacity: 1;
}

.article__reseau--date {
    position: relative;
    text-align: end;
    font-weight: bolder;
}
@media screen and (max-width: 992px) {
    .article__reseau--date {
        text-align: start;
    }
}
.article__reseau--date::before {
    content: "";
    display: block;
    position: absolute;
    width: 65px;
    height: 3px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    background: #452102;
}
@media screen and (max-width: 992px) {
    .article__reseau--date::before {
        display: none;
    }
}

.article__reseau--box {
    background-color: #452102;
    border-radius: 3px 0px 0px 3px;
    color: #f2f2f2;
    padding: 13px 36px;
    font-weight: bolder;
}
@media screen and (max-width: 992px) {
    .article__reseau--box {
        border-radius: 3px;
    }
}

.article__reseau--box .article__reseau--logo {
    padding: 0 20px;
    color: #f2f2f2 !important;
    font-size: 18px;
}

.article__reseau--box .article__reseau--logo:hover {
    color: #f2f2f2 !important;
}

.article__reseau--box .article__reseau--logo:last-child {
    padding: 0;
}

.article__reseau--box-2 {
    border: 2px solid #452102;
    border-radius: 0px 3px 3px 0px;
    color: #452102;
    font-weight: bolder;
    padding: 13px 36px;
}
@media screen and (max-width: 992px) {
    .article__reseau--box-2 {
        border-radius: 3px;
    }
}

.article__title--h2 {
    margin-top: 50px;
}

.article__info--texte {
    font-weight: bolder;
}

.article__nav {
    background-color: #ffd855;
    margin: 50px 0;
    padding: 80px 0;
}

.article__nav--btn-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.article__titre--suivant {
    padding-top: 10px;
}

.commentaire__box {
    margin: 25px 0;
}

.commentaire__info--auteur {
    color: #452102;
    font-weight: bolder;
    display: flex;
    align-items: flex-end;
    padding-bottom: 15px;
}
.commentaire__info--auteur img {
    width: 60px;
    height: 60px;
    margin-right: 5px;
}

.commentaire__reponse--box {
    padding: 0 0 25px 65px;
}

.formulaire__commentaire--box {
    background-color: #f2f2f2;
    padding-top: 50px;
    margin-top: 50px;
}
.formulaire__commentaire--box h2 {
    margin: 0;
}

/*********************************************************************************************************/

/******************* Page 404 *******************/
.error_page {
    background-color: #452102;
    background-image: url(assets/data/picto_error_page.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    color: white;
    line-height: auto;
}

.error_page img{
    max-width: 100px;
    height: auto;
}

.error_page a, .error_page a:hover {
    color: white;
    margin: 0 0 1rem 0;
}

.error_page__container {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2rem 86px;
}

.error_page__container div {
    height: 100%;
}

.error_page__info_logo {
    width: 168px;
    margin-bottom: 1rem;
}

.error_page__info_text {
    font-family: "Coming Soon", cursive;
    line-height: initial;
}

@media (min-width: 922px) {
    .site-content .ast-container {
        display: inline-block;
    }
}