/*-------------- Font --------------*/
@font-face {
    font-family: 'Athelas';
    src: url('fonts/Athelas.ttc') format('truetype');
}
@font-face {
    font-family: 'GreatVibes';
    src: url('fonts/GreatVibes-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PrincessSofia';
    src: url('fonts/PrincessSofia-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Smythe';
    src: url('fonts/Smythe-Regular.ttf') format('truetype');
}
.fontFamilyAthelas {
    font-family: 'Athelas';
}
.fontFamilyGreatVibes {
    font-family: 'GreatVibes';
}
.fontFamilyPrincessSofia {
    font-family: 'PrincessSofia';
}
.fontFamilySmythe {
    font-family: 'Smythe';
}
/*-------------- Font --------------*/

/*-------------- Theme --------------*/
:root {
    --sdm-marron-chocolat: #71501E;
    --sdm-marron-caramel: #C67239;
    --sdm-rouge-ocre: #C84F3A;
    --sdm-beige-rose: #C5A189;
    --sdm-gris: #C1C1C1;
    --sdm-gris-clair: #F1F1F1;
    --sdm-white: #F0EFED;
    --sdm-black: #0C0D0D;
    --sdm-red: #FF5E5E;
    --sdm-green: #247A00;
}
.textColorRegular {
    color: var(--sdm-white);
}
.textColorMarronChocolat {
    color: var(--sdm-marron-chocolat);
}
.textColorMarronCaramel {
    color: var(--sdm-marron-caramel);
}
.textColorGris {
    color: var(--sdm-gris);
}
.textColorGrisClair {
    color: var(--sdm-gris-clair);
}
.textColorRed {
    color: var(--sdm-red);
}
.textColorGreen {
    color: var(--sdm-green);
}
/*-------------- Theme --------------*/

/*-------------- Animation --------------*/
@keyframes sdmCorrectionPourquoiStepImageAnimation {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
@keyframes sdmBiographieCommentQuestionAnswerAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes sdmBlogImageAnimation {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
/*-------------- Animation --------------*/

/*-------------- Class --------------*/
.fontStyleItalic {
    font-style: italic;
}

.textAlignCenter {
    text-align: center;
}
/*-------------- Class --------------*/

/*-------------- Main tag --------------*/
html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    font-family: 'Athelas';
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

a {
    color: var(--sdm-marron-caramel);
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}

p {
    margin: 0px;
}
/*-------------- Main tag --------------*/

/*-------------- Layout --------------*/
/* header */
#headerLayout {
    width: calc(100vw);
    background: var(--sdm-white);
    color: var(--sdm-black);
    border-bottom: 1px solid var(--sdm-beige-rose);
}

#headerLayoutLogo {
    height: 100px; /* Adjust logo height */
    width: auto; /* Keep aspect ratio */
}

/* body */
#bodyLayout {
    width: calc(100vw);
    overflow-x: hidden;
    /*overflow-y: auto;*/
    overflow-y: hidden;
    flex: 1;
}
#bodyLayoutContent {

}

#bodyLayoutMobile {
    width: calc(100vw);
    max-height: calc(100vh - 1OOpx);
    overflow-x: auto;
    overflow-y: auto;
}
#bodyLayoutMobileContent {

}

/* footer */
#footerLayout {
    width: calc(100vw);
    background: var(--sdm-beige-rose);
    color: var(--sdm-white);
}
/*-------------- Layout --------------*/

/*-------------- Scrollbar --------------*/
/* Container with overflow */
.layoutScrollbar {
    width: 300px;
    height: 200px;
    border: 0px solid #CCCCCC;
    padding: 0px;
}

    /* ===== Chrome, Edge, Safari ===== */
    .layoutScrollbar::-webkit-scrollbar {
        width: 10px; /* scrollbar width */
    }

    .layoutScrollbar::-webkit-scrollbar-track {
        background: #FFFFFF; /* track color */
        border-radius: 5px;
    }

    .layoutScrollbar::-webkit-scrollbar-thumb {
        background: #C1C1C1; /* thumb color */
        border-radius: 5px;
    }

        .layoutScrollbar::-webkit-scrollbar-thumb:hover {
            background: #555; /* thumb hover color */
        }

/* ===== Firefox ===== */
.layoutScrollbar {
    scrollbar-width: thin; /* auto, thin, none */
    scrollbar-color: #C1C1C1 #FFFFFF; /* thumb color, track color */
}

    .layoutScrollbar.showLayoutScrollbar::-webkit-scrollbar {
        width: 10px;
    }

    .layoutScrollbar.showLayoutScrollbar {
        scrollbar-width: thin; /* Firefox */
    }
/*-------------- Scrollbar --------------*/

/*-------------- Header --------------*/
.sdmHeaderLogo {
}
.sdmHeaderMenu {
}
.sdmHeaderLink {
    width: 50px;
}
@media (max-width: 500px) {
    .sdmHeaderMenu {
        width: 60px;
    }    
}
.sdmHeaderMoveScrollBarIcon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 35px;
    width: 35px;
    border: 1px solid var(--sdm-gris);
    border-radius: 10px;
    background-color: var(--sdm-gris-clair);
}
@media (max-width: 500px) {
    .sdmHeaderMoveScrollBarIcon {
        bottom: 5px;
        right: 5px;
    }
}
#headerMoveScrollBarImage {
    color: var(--sdm-black);
}
/*-------------- Header --------------*/

/*-------------- Global --------------*/
.table-container {
    max-width: 1350px; /* max width when page is extended */
    margin: 0 auto; /* center the whole table */
}

.table-row {
    display: flex;
    justify-content: center; /* center columns */
    flex-wrap: wrap; /* allow wrapping on small screens */
}

    .table-row > div {
        flex: 1; /* equal width columns */
        min-width: 300px; /* minimum width when page is reduced */
        padding: 10px;
    }

.sdmRoundedBorderBeigeRose {
    border: 1px solid var(--sdm-beige-rose);
    border-radius: 10px;
}

.sdmSeparatorTilde {
    width: 150px;
    height: auto;
}

.sdmSeparatorQuote {
    width: 50px;
    height: auto;
}

.sdmTitleH1 {
    font-family: 'PrincessSofia';
}

.sdmTitleH3 {
    font-family: 'GreatVibes';
}
/*-------------- Header --------------*/

/*-------------- Button --------------*/
.wcbcButtonInput {
    background-color: var(--sdm-rouge-ocre);
    color: var(--sdm-white);
    border: 0px solid rgba(0,0,0,.87);
    border-radius: 4px;
    font-family: 'Smythe';
    font-size: 20px;
}

    .wcbcButtonInput:hover {
        background-color: var(--sdm-marron-caramel);
    }
/*-------------- Button --------------*/

/*-------------- Dialog --------------*/
.wcbcDialogHeader {
    border-bottom: 0px solid rgba(0, 0, 0);
    background-color: var(--sdm-beige-rose);
}

.wcbcDialogHeaderTitle {
    font-family: 'Smythe';
    font-size: 22px;
}

.wcbcDialogFooter {
    background-color: var(--sdm-beige-rose);
    border-top: 0px solid rgba(0, 0, 0);
}
/*-------------- Dialog --------------*/

/*-------------- Label --------------*/
.wcbcLabel {
}

    .wcbcLabel a {
        color: var(--sdm-marron-caramel);
        text-decoration: none;
    }
        .wcbcLabel a:hover {
            color: var(--sdm-marron-chocolat);
            text-decoration: none;
        }

.wcbcLabelTitle {
    font-family: 'Smythe';
}

.wcbcLabelContent {
    font-size: 18px;
}

.wcbcLabelQuote {
    font-family: 'GreatVibes';
    font-size: 25px;
}

.wcbcLabelCatchPhrase {
    font-family: 'GreatVibes';
    color: var(--sdm-rouge-ocre);
    font-size: 30px;
}
/*-------------- Label --------------*/

/*-------------- Navigation --------------*/
/* wcNavigation */
.wcbcNavigation {
    background-color: var(--sdm-white);
    border: 0px solid rgba(0,0,0,.20);
}
.wcbcNavigationDesktop {
    color: var(--sdm-black);
    background-color: var(--sdm-white);
}
.wcbcNavigationDesktopMenuNode:hover {
    background-color: var(--sdm-beige-rose);
    opacity: 0.7;
}
.wcbcNavigationDesktopMenuNodeHover {
    background-color: var(--sdm-beige-rose);
    opacity: 0.7;
}
.wcbcNavigationDesktopMenuNodeSelected {
    background-color: var(--sdm-beige-rose);
    opacity: 0.7;
}
.wcbcNavigationDesktopMenuNodeTitle {
    font-family: 'Smythe';
    font-size: 22px;
    color: var(--sdm-black);
}
    .wcbcNavigationDesktopMenuNodeTitle a {
        text-decoration: none;
        font-family: 'Smythe';
        font-size: 22px;
        color: var(--sdm-black);
    }
.wcbcNavigationDesktopMenuNodeIcon {
    color: var(--sdm-black);
}
.wcbcNavigationDesktopMenuItemNode a {
    color: var(--sdm-black);
}

.wcbcNavigationMobileButton {
    color: var(--sdm-black);
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.20);
    margin: 2px;
}
.wcbcNavigationMobileMenuNodeTitle {
    font-family: 'Smythe';
    font-size: 22px;
    color: var(--sdm-black);
}
    .wcbcNavigationMobileMenuNodeTitle a {
        text-decoration: none;
        font-family: 'Smythe';
        font-size: 22px;
        color: var(--sdm-black);
    }
.wcbcNavigationMobileMenuNodeIcon {
    color: var(--sdm-black);
}
.wcbcNavigationMobileMenuItemNode a {
    text-decoration: none;
    font-family: 'Smythe';
    font-size: 22px;
    color: var(--sdm-black);
}

.sdmHeaderLinkIcon a {
    text-decoration: none;
    color: var(--sdm-beige-rose);
}
/*-------------- Navigation --------------*/

/*-------------- Popup --------------*/
.wcbcPopupHeader {
    border-bottom: 0px solid rgba(0, 0, 0);
    background-color: var(--sdm-beige-rose);
}

.wcbcPopupHeaderTitle {
    font-family: 'Smythe';
    font-size: 22px;
}

.wcbcPopupFooter {
    background-color: var(--sdm-beige-rose);
    border-top: 0px solid rgba(0, 0, 0);
}
/*-------------- Popup --------------*/

/*-------------- Index --------------*/
.sdmIndexPresentationContent {
    font-size: 20px;
}
.sdmIndexPresentationLeftImage {
    width: auto;
    height: 128px;
}
.sdmIndexPresentationRightImage {
    width: auto;
    height: 498px;
}
.sdmIndexCorrectionImage {
    width: auto;
    height: 222px;
}
.sdmIndexBiographieTopImage {
    width: auto;
    height: 222px;
}
.sdmIndexBiographieBottomImage {
    width: auto;
    height: 235px;
}
.sdmIndexBiographiePortraitChinoisImage {
    width: auto;
    height: 340px;
}
@media (max-width: 500px) {
    .sdmIndexBiographiePortraitChinoisImage {
        height: 280px;
    }
}
/*-------------- Index --------------*/

/*-------------- CorrectionPourquoi --------------*/
.sdmCorrectionPourquoiStepImage {
    width: 400px;
    height: 300px;
}
@media (max-width: 500px) {
    .sdmCorrectionPourquoiStepImage {
        width: 380px;
        height: auto;
    }
}
.sdmCorrectionPourquoiStepImageWrap {
    position: relative;
    display: inline-block;
}
.sdmCorrectionPourquoiStepImageHover {
    transition: opacity 0.3s;
}
.sdmCorrectionPourquoiStepImageTitle, .sdmCorrectionPourquoiStepImageDescription {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: var(--sdm-gris);
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: bold;
}
.sdmCorrectionPourquoiStepImageTitle {
    top: 10px;
    width: 350px;
    text-align: center;
}
.sdmCorrectionPourquoiStepImageDescription {
    bottom: 10px;
    width: 350px;
    display: none;
    animation: sdmCorrectionPourquoiStepImageAnimation 0.4s ease forwards;
}
@media (max-width: 500px) {
    .sdmCorrectionPourquoiStepImageTitle, .sdmCorrectionPourquoiStepImageDescription {
        padding: 1px 5px;
    }
    .sdmCorrectionPourquoiStepImageDescription {
        width: 350px;
    }
}
.sdmCorrectionPourquoiYourProfileColumnImage {
    width: auto;
    height: 200px;
}
/*-------------- CorrectionPourquoi --------------*/

/*-------------- CorrectionBesoin --------------*/
.sdmCorrectionBesoinDiagramImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmCorrectionBesoinDiagramImage {
        width: auto;
        height: 200px;
    }
}
.sdmCorrectionBesoinFirstCorrectionImage {
    width: 400px;
    height: 230px;
}
@media (max-width: 500px) {
    .sdmCorrectionBesoinFirstCorrectionImage {
        width: 300px;
        height: 200px;
    }
}
.sdmCorrectionBesoinSecondCorrectionImage {
    width: auto;
    height: 230px;
}
@media (max-width: 500px) {
    .sdmCorrectionBesoinSecondCorrectionImage {
        width: auto;
        height: 200px;
    }
}
.sdmCorrectionBesoinRewritingCorrectionImage {
    width: auto;
    height: 230px;
}
@media (max-width: 500px) {
    .sdmCorrectionBesoinRewritingCorrectionImage {
        width: auto;
        height: 200px;
    }
}
.sdmCorrectionBesoinPackCreaplumeCorrectionImage {
    width: auto;
    height: 230px;
}
@media (max-width: 500px) {
    .sdmCorrectionBesoinPackCreaplumeCorrectionImage {
        width: auto;
        height: 200px;
    }
}
/*-------------- CorrectionBesoin --------------*/

/*-------------- CorrectionComment --------------*/
.sdmCorrectionCommentStepOneImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmCorrectionCommentStepOneImage {
        width: auto;
        height: 200px;
    }
}
.sdmCorrectionCommentStepThreeImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmCorrectionCommentStepThreeImage {
        width: auto;
        height: 200px;
    }
}
.sdmCorrectionCommentStepFiveImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmCorrectionCommentStepFiveImage {
        width: auto;
        height: 200px;
    }
}
/*-------------- CorrectionComment --------------*/

/*-------------- BiographiePourquoi --------------*/
.sdmBiographiePourquoiBookToPassOnImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmBiographiePourquoiBookToPassOnImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographiePourquoiBookToShareImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmBiographiePourquoiBookToShareImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographiePourquoiBookToSavorImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmBiographiePourquoiBookToSavorImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographiePourquoiBookToGiveImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmBiographiePourquoiBookToGiveImage {
        width: auto;
        height: 200px;
    }
}
/*-------------- BiographiePourquoi --------------*/

/*-------------- BiographieRessemblance --------------*/
.sdmBiographieRessemblanceMadeleineProustImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceMadeleineProustImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographieRessemblanceSavorMariageImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceSavorMariageImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographieRessemblanceUniqueAdventureImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceUniqueAdventureImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographieRessemblanceSmoothExperienceImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceSmoothExperienceImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographieRessemblanceRecipeMemoryImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceRecipeMemoryImage {
        width: auto;
        height: 200px;
    }
}
.sdmBiographieRessemblanceWritingPagesImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmBiographieRessemblanceWritingPagesImage {
        width: auto;
        height: 200px;
    }
}
/*-------------- BiographieRessemblance --------------*/

/*-------------- BiographieComment --------------*/
.sdmBiographieCommentStepOneImage {
    width: auto;
    height: 300px;
}
@media (max-width: 500px) {
    .sdmBiographieCommentStepOneImage {
        width: auto;
        height: 250px;
    }
}
.sdmBiographieCommentStepTwoImage {
    width: auto;
    height: 300px;
}
@media (max-width: 500px) {
    .sdmBiographieCommentStepTwoImage {
        width: auto;
        height: 250px;
    }
}
.sdmBiographieCommentFooterImage {
    width: auto;
    height: 400px;
}
@media (max-width: 500px) {
    .sdmBiographieCommentFooterImage {
        width: auto;
        height: 300px;
    }
}
.sdmBiographieCommentQuestionHover {
    transition: opacity 0.3s;
}
.sdmBiographieCommentQuestionIcon {

}
.sdmBiographieCommentQuestionText {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.sdmBiographieCommentQuestionTextSize {
    font-size: 1.75rem;
}
.sdmBiographieCommentQuestionAnswer {
    display: none;
    animation: sdmBiographieCommentQuestionAnswerAnimation 0.4s ease forwards;
}
/*-------------- BiographieComment --------------*/

/*-------------- QuiSuisJe --------------*/
.sdmQuiSuisJeTitleImage {
    width: auto;
    height: 450px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeTitleImage {
        width: auto;
        height: 200px;
    }
}
.sdmQuiSuisJeWordsPassionLoveFoodPartOneImage {
    width: auto;
    height: 330px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeWordsPassionLoveFoodPartOneImage {
        width: auto;
        height: 150px;
    }
}
.sdmQuiSuisJeWordsPassionLoveFoodPartTwoImage {
    width: auto;
    height: 118px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeWordsPassionLoveFoodPartTwoImage {
        width: auto;
        height: 75px;
    }
}
.sdmQuiSuisJeWordsPassionLoveFoodPartThreeImage {
    width: auto;
    height: 214px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeWordsPassionLoveFoodPartThreeImage {
        width: auto;
        height: 140px;
    }
}
.sdmQuiSuisJeWordsPassionLoveFoodPartFourImage {
    width: auto;
    height: 408px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeWordsPassionLoveFoodPartFourImage {
        width: auto;
        height: 250px;
    }
}
.sdmQuiSuisJeReferencesCertificatOneImage {
    width: auto;
    height: 220px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeReferencesCertificatOneImage {
        width: auto;
        height: 150px;
    }
}
.sdmQuiSuisJeEthicsCodeOneImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeEthicsCodeOneImage {
        width: auto;
        height: 180px;
    }
}
.sdmQuiSuisJeEthicsCodeTwoOneImage {
    width: auto;
    height: 150px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeEthicsCodeTwoOneImage {
        width: auto;
        height: 120px;
    }
}
.sdmQuiSuisJeEthicsCodeTwoTwoImage {
    width: auto;
    height: 150px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeEthicsCodeTwoTwoImage {
        width: auto;
        height: 120px;
    }
}
.sdmQuiSuisJeEthicsCodeTwoThreeImage {
    width: auto;
    height: 150px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeEthicsCodeTwoThreeImage {
        width: auto;
        height: 120px;
    }
}
.sdmQuiSuisJeEthicsCodeThreeImage {
    width: auto;
    height: 250px;
}
@media (max-width: 500px) {
    .sdmQuiSuisJeEthicsCodeThreeImage {
        width: auto;
        height: 180px;
    }
}
/*-------------- QuiSuisJe --------------*/

/*-------------- Blog --------------*/
.sdmBlog {
    cursor: pointer;
    height: 602px;
    border: 1px solid var(--sdm-beige-rose);
    border-radius: 3px;
    background-color: var(--sdm-gris-clair);
}
@media (max-width: 500px) {
    .sdmBlog {
        height: 480px;
    }
}
.sdmBlogImage {
    width: 400px;
    height: auto;
    max-height: 600px;
}
@media (max-width: 500px) {
    .sdmBlogImage {
        width: 325px;
        height: auto;
        max-height: 480px;
    }
}
.sdmBlogImageWrap {
    position: relative;
    display: inline-block;
    height: 600px;
}
@media (max-width: 500px) {
    .sdmBlogImageWrap {
        height: 480px;
    }
}
.sdmBlogImageHover {
    transition: opacity 0.3s;
}
.sdmBlogImageTitle, .sdmBlogImageDescription {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: var(--sdm-gris);
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: bold;
}

.sdmBlogImageTitle {
    top: 10px;
    width: 350px;
    text-align: center;
}

.sdmBlogImageDescription {
    bottom: 10px;
    width: 350px;
    display: none;
    animation: sdmBlogImageAnimation 0.4s ease forwards;
}

@media (max-width: 500px) {
    .sdmBlogImageTitle, .sdmBlogImageDescription {
        padding: 1px 5px;
        width: 300px;
    }

    .sdmBlogImageDescription {
        width: 300px;
        display: block;
    }
}

.sdmBlogImageDescriptionLink {
    color: var(--sdm-marron-caramel);
    text-decoration: none;
}
/*-------------- Blog --------------*/
/*-------------- Testimonial --------------*/
.sdmTestimonial {
    border: 1px solid var(--sdm-beige-rose);
    border-radius: 10px;
    width: 700px;
    padding: 10px;
}
.sdmTestimonialImage {
}
.sdmTestimonialText {
    font-family: 'GreatVibes';
    font-size: 25px;
}
.sdmTestimonialSignature {
    color: var(--sdm-beige-rose);
}

@media (max-width: 500px) {
    .sdmTestimonial {
        width: 350px;
    }
}
/*-------------- Testimonial --------------*/

/*-------------- Realisation --------------*/
.sdmRealisationCorrection {
    border: 1px solid var(--sdm-beige-rose);
    border-radius: 10px;
    width: 700px;
    padding: 10px;
}
.sdmRealisationCorrectionImageWrap {
}
.sdmRealisationCorrectionImage {
    width: 200px;
    height: auto;
}
.sdmRealisationCorrectionContentWrap {
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sdmRealisationCorrectionTitle {
    font-family: 'Smythe';
    font-size: 25px;
    font-style: italic;
}
.sdmRealisationCorrectionText {
    font-family: 'Smythe';
    font-size: 25px;
}
@media (max-width: 500px) {
    .sdmRealisationCorrection {
        width: 350px;
        padding: 5px;
    }
    .sdmRealisationCorrectionContentWrap {
        margin-left:10px;
    }
}

.sdmRealisationBiographie {
    border: 1px solid var(--sdm-beige-rose);
    border-radius: 10px;
    width: 700px;
    padding: 10px;
}
.sdmRealisationBiographieImageWrap {
}
.sdmRealisationBiographieImage {
    width: 200px;
    height: auto;
}
.sdmRealisationBiographieContentWrap {
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sdmRealisationBiographieType {
    font-family: 'Smythe';
    font-size: 30px;
    color: var(--sdm-rouge-ocre);
}
.sdmRealisationBiographieTitle {
    font-family: 'Smythe';
    font-size: 25px;
    color: var(--sdm-beige-rose);
    font-style: italic;
}
.sdmRealisationBiographieAuthor {
    font-family: 'Smythe';
    font-size: 22px;
    color: var(--sdm-beige-rose);
}
.sdmRealisationBiographieSummary {
    font-family: 'Smythe';
    font-size: 20px;
}
@media (max-width: 500px) {
    .sdmRealisationBiographie {
        width: 350px;
        padding: 5px;
    }
    .sdmRealisationBiographieContentWrap {
        margin-left: 10px;
    }
}

.sdmRealisationBiographieViewTitle {
    font-family: 'Smythe';
    font-size: 35px;
    color: var(--sdm-beige-rose);
    font-style: italic;
}
.sdmRealisationBiographieViewAuthor {
    font-family: 'Smythe';
    font-size: 30px;
    color: var(--sdm-beige-rose);
}
.sdmRealisationBiographieViewTextTitle {
    font-family: 'GreatVibes';
    font-size: 25px;
    color: var(--sdm-marron-caramel);
}
.sdmRealisationBiographieViewTextContent {
    font-family: 'Athelas';
    font-size: 20px;
}
/*-------------- Testimonial --------------*/

/*-------------- Footer --------------*/
.sdmFooterContactDetail {
    display: flex;
    flex-direction: row;
}
@media (max-width: 500px) {
    .sdmFooterContactDetail {
        flex-direction: column;
    }
}
/*-------------- Footer --------------*/