/***** @font-face Rules *****/

@font-face {
    font-family: Marcellus;
    src: url('../fonts/Marcellus-Regular.ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-ExtraLight.ttf');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-ExtraLightItalic.ttf');
    font-weight:200;
    font-style:italic;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-Regular.ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-Italic.ttf');
    font-weight:400;
    font-style:italic;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-Bold.ttf');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family: 'Fira Sans Extra Condensed';
    src: url('../fonts/FiraSansExtraCondensed-BoldItalic.ttf');
    font-weight:700;
    font-style:italic;
}
@font-face {
    font-family: 'Martel Sans';
    src: url('../fonts/MartelSans-ExtraLight.ttf');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family: 'Martel Sans';
    src: url('../fonts/MartelSans-Regular.ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'Martel Sans';
    src: url('../fonts/MartelSans-Bold.ttf');
    font-weight:700;
    font-style:normal;
}


/***** @keyframes Rules *****/

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes iconFadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:.4;
    }
}

@keyframes slideInLeft {
    0% {
        transform:translateX(44vw);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes slideInDown {
    0% {
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}


/***** Base Rules *****/

* {
    box-sizing:border-box;
    margin:0;
    padding:0;
}

html {
    --nc_width-phone-s                              : 320px;
    --nc_width-phone-m                              : 480px;
    --nc_width-phone-l                              : 640px;
    --nc_width-phone-xl                             : 800px;
    --nc_width-tablet-s                             : 960px;
    --nc_width-tablet-m                             : 1120px;
    --nc_width-tablet-l                             : 1280px;
    --nc_width-tablet-xl                            : 1440px;
    --nc_width-screen-s                             : 1600px;
    --nc_width-screen-m                             : 1760px;
    --nc_width-screen-l                             : 1920px;
    --nc_width-screen-xl                            : 2080px;
    --nc_width-screen-xxl                           : 2240px;

    --nc_color_black-1                              : hsla(0deg,0%,20%,1);
    --nc_color_black-2                              : hsla(0deg,0%,6%,1);
    --nc_color_black-3                              : hsla(20deg,18%,30%,1);
    --nc_color_white-1                              : hsla(32deg,100%,99%,1);
    --nc_color_white-2                              : #e9ddd1;
    --nc_color_white-3                              : hsla(32deg,35%,96%,1);
    --nc_color_link-1                               : #cf8f58;
    --nc_color_background-1                         : #9c4e00;
    --nc_color_background-2                         : #e4882b;
    --nc_color_background-3                         : hsla(30deg,47%,32%,1);
    --nc_color_background-4                         : hsla(30deg,36%,50%,1);
    --nc_color_background-5                         : hsla(30deg,9%,82%,1);
    --nc_color_error-1                              : hsla(3deg,69%,28%,1);
    --nc_color_error-2                              : hsla(3deg,100%,54%,1);
    --nc_color_success-1                            : hsla(75deg,74%,23%,1);
    --nc_color_success-2                            : hsla(71deg,64%,34%,1);
    --nc_color_white-transparent                    : hsla(32deg,100%,99%,0);
    --nc_color_white-transparent-1                  : hsla(32deg,100%,99%,.85);
    --nc_color_white-transparent-2                  : hsla(32deg,100%,99%,.75);
    --nc_color_white-transparent-3                  : hsla(32deg,100%,99%,.5);
    --nc_color_white-transparent-4                  : hsla(32deg,100%,99%,.25);
    --nc_color_white-transparent-5                  : hsla(32deg,100%,99%,.125);
    --nc_color_black_transparent                    : hsla(0deg,0%,14%,0);
    --nc_color_black_transparent-1                  : hsla(0deg,0%,14%,.85);
    --nc_color_black_transparent-2                  : hsla(0deg,0%,14%,.75);
    --nc_color_black_transparent-3                  : hsla(0deg,0%,14%,.5);
    --nc_color_black_transparent-4                  : hsla(0deg,0%,14%,.25);
    --nc_color_black_transparent-5                  : hsla(0deg,0%,14%,.125);
    
    background-color: var(--nc_color_background-5);
    font-size : 11px;
    font-family: 'Martel Sans', 'Marcellus', 'Fira Sans Extra Condensed', sans-serif;
    font-style:normal;
    font-weight:400;
}


/***** Tags Rules *****/

a {
    color:var(--nc_color_background-2);
    text-decoration: none;
}

figcaption {
    text-align: center;
}

form {
    font-family:'Fira Sans Extra Condensed';
    font-weight:200;
}

hr {
    border:none;
    border-top:1px solid var(--nc_color_black_transparent-4);
    margin:2em 0 1em 0;
}

input, textarea {
    font-family: inherit;
    font-weight:inherit;
}

/***** Helpers Rules *****/

.nc_hlp_hidden {
    display:none;
}

/***** Particles Components Rules *****/



/***** Atoms Components Rules *****/

.nc_atm_Button {
    display:inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    height:calc(1em + 1.2em);
    font-size:.8em;
    padding:.3em .6em;
    border-radius:.15em;
    border:none;
    color:var(--nc_color_white-1);
    background-color:var(--nc_color_background-3);
    font-family: 'Fira Sans Extra Condensed';
    text-decoration: none;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.nc_atm_Button-submit {
    font-size:1em;
    background-color: var(--nc_color_success-1);
}
.nc_atm_Button-danger {
    color:white;
    background-color: var(--nc_color_error-1);
}

.nc_atm_Button-icon {
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

.nc_atm_Button-transparent {
    color:currentColor;
    background-color:transparent;
}

.nc_atm_Button:hover, .nc_atm_Button:focus, .nc_atm_Button:active {
    color:var(--nc_color_white-1);
    background-color:var(--nc_color_background-4);
    text-decoration: none;
}

.nc_atm_Button-submit:hover, .nc_atm_Button-submit:focus, .nc_atm_Button-submit:active {
    background-color: var(--nc_color_success-2);
}

.nc_atm_Checkbox-menu {
    display:none;
}

.nc_atm_DecorationQuote {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size:4em;
    line-height: 0.8em;
}

.nc_atm_DecorationQuote-left {
    padding-right:.1em;
}
.nc_atm_DecorationQuote-right {
    line-height: 0;
    justify-content: flex-end;
    transform: translateY(.15em);
    padding-left:.1em;
}

.nc_atm_Icon {
    max-width:100%;
}

.nc_atm_IconLink {
    display:inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width:100%;
    text-decoration: none;
    opacity:.35;
}

.nc_atm_Link-title {
    display:block;
    color:currentColor;
    text-decoration: none;
}

.nc_atm_Input, .nc_atm_Textarea {
    display:inline-block;
    font-size:.8em;
    padding:.3em .6em;
    border-radius:.15em;
    border:none;
    background-color:var(--nc_color_white-3);
    color:var(--nc_color_black-1);
    border:1px solid var(--nc_color_black_transparent-4);
    width:100%;
}

.nc_atm_Menu_Link {
    display:block;
    font-size:1.4em;
    line-height:2.6em;
    padding-left:1rem;
    color: currentColor;
    text-decoration: none;
    transition:color .3s ease-in-out, 
        padding-left .3s ease-in-out;
}

.nc_atm_Text_Columns {
    column-count: 2;
    column-gap: 2em;
    text-align: justify;
}

.nc_atm_Textarea {
    min-height:12em;
    resize:vertical;
}

.nc_atm_Textarea-small {
    min-height:6em;   
}


/***** Elements Components Rules *****/

.nc_elm_Card_Contents {
    flex-grow:1;
    font-size:.85em;
    padding:.3em;
    border-top:1px solid var(--nc_color_black_transparent-4);
    background-color: var(--nc_color_white-3);
}

.nc_elm_Card_Contents-bg {
    padding:1em .3em 1em .3em;
    background-color:var(--nc_color_black_transparent-5);
}


.nc_elm_Card_Image {
    display:flex;
    justify-content: center;
    align-items: flex-start;
    overflow:hidden;
}

.nc_elm_Card_Title {
    padding:1em .3em .3em .3em;
}

.nc_elm_Card_Buttons {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:1em .3em 1em .3em;
    background-color:var(--nc_color_black_transparent-5);
    border-top:1px solid var(--nc_color_black_transparent-4);
}

.nc_elm_Card_Footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1em .3em 1em .3em;
    background-color:var(--nc_color_black_transparent-5);
    border-top:1px solid var(--nc_color_black_transparent-4);
    font-family:'Fira Sans Extra Condensed';
    font-weight:200;
    font-size:.7em;
    text-align:right;
}

.nc_elm_Flashes_Flash {
    font-family:'Fira Sans Extra Condensed';
    font-weight: 200;
    font-size:1.2rem;
    color:var(--nc_color_white-1);
    background-color: var(--nc_color_black-1);
    padding: .6em .9em;
    border-radius: .3em;
    box-shadow: 0 0.3em .3em var(--nc_color_black_transparent-4);
}

.nc_elm_Flashes_Flash-error {
    background-color:var(--nc_color_error-1);
}

.nc_elm_Flashes_Flash-success {
    background-color:var(--nc_color_success-1);
}

.nc_elm_Form_Row-buttons {
    display: flex;
    justify-content: space-between;
}

.nc_elm_Form_Row-buttons *:first-child {
    text-align: left;
}

.nc_elm_Form_Row-buttons *:last-child {
    text-align:right;
}

.nc_elm_Gallery_Header {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items: stretch;
    justify-content: flex-start;
}

.nc_elm_Gallery_Title {    
    width:100%;
    flex-grow:1;
    flex-shrink:0;
    font-family: Marcellus;
    font-weight: 400;
    font-size: 3rem;
    margin:1em 0;
    text-align:right;
}

.nc_elm_Gallery_Description {
    margin:0 0 3em 0;
    width:86%;
    align-self:flex-end;
    text-align:right;
    font-family:'Martel Sans';
    font-weight:200;
    font-style:italic;
}

.nc_elm_Gallery_Header {
    background-position:center 0;
}

.nc_elm_Gallery_Image {
    /* height:12rem; */
    margin:1.2em .9em;
    transform: scale(1);
    transition:transform .3s ease-in-out;
    position:relative;
}

.nc_elm_Gallery_Image_Link {
    display:block;
    /* height:10.6rem; */
    text-align: center;
    position:relative;
}

.nc_elm_Gallery_Image_Title {
    /* height:1.4rem; */
    font-weight:normal;
    font-size:.7em;
    /* line-height:1.4em; */
    text-align:center;
    color:var(--nc_color_black-1);
    padding-top:.3em;
}

.nc_elm_Gallery_Images {
    list-style-type:none;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    margin-top:1rem
    /* align-self:flex-start; */
    /* justify-content:flex-start; */
    /* width:86%; */
}

.nc_elm_Page_Contents {
    min-height:calc(100vh - 4rem);
}

.nc_elm_Page_Flashes {
    position:fixed;
    z-index:50;
    bottom:3rem;
    left:1rem;
    right:1rem;
    list-style-type:none;
    opacity:0;
    animation:fadeIn 0.6s 0.9s ease-in-out forwards;
}

.nc_elm_Page_Header {
    display:flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    background-size:cover;
    background-position: center center;
    color:var(--nc_color_white-1);
}

.nc_elm_Page_Header_Button {
    display:flex;
    align-items: center;
    justify-content: center;
    color:var(--nc_color_white-1);
    font-size: 2rem;
}

.nc_elm_Page_Header_Content {
    position: fixed;
    z-index:100;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height:7rem;
    
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    background-color: var(--nc_color_black_transparent-4);
    background-image: url('../images/bg1.png');
    background-size:cover;
    padding:.3em 1em;
    font-size:.85em;
}

.nc_elm_Page_Header_Nav {
    display:none;
    position:fixed;
    z-index:-1;
    top:7rem;
    left:0;
    right:0;
    height:auto;
    width:100vw;
    background-color: var(--nc_color_black_transparent-4);
    background-image: url('../images/bg1.png');
    background-size:cover;
    transform:translateY(-50vh);
    opacity:0;
    animation:slideInDown .6s ease-in-out forwards;
}

.nc_elm_Page_Header_SubTitle {
    font-family:'Fira Sans Extra Condensed';
    font-weight:400;
    font-size:.33em;
    line-height:1rem;
    margin-top:.8em;
    color:var(--nc_color_white-2);
}

.nc_elm_Page_Header_Text {
    display:none;
}

.nc_elm_Page_Header_Text-mobile {
    @media (orientation: portrait) {
        display:flex;
        position: absolute;
        inset: auto 1rem 3rem 1rem;
        font-size: .8em;
        border-radius: .3em;
        padding:1.5em .3em;
        background-color: var(--nc_color_black_transparent-1);
    }
}

.nc_elm_Page_Header_Title {
    font-family:Marcellus;
    font-weight:normal;
    font-size:2rem;
    line-height:1rem;
}

.nc_elm_Page_Header_Titles {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: stretch;
    font-size:4.4rem;
    text-shadow: .15rem .15rem 0 hsla(0deg,0%,8%,.6);
}

.nc_elm_Page_View {
    width:100%;
    position:relative;
    padding:7rem 1rem 1rem 1rem;
    background:linear-gradient(
        var(--nc_color_white-3),
        var(--nc_color_white-2)
    );
}

.nc_elm_Page_View-header {
    padding:1rem;
}

.nc_elm_Page_View-contact {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: stretch;
    color:var(--nc_color_white-1);
    background:none;
    background-color:var(--nc_color_black-2);
    font-family: 'Fira Sans Extra Condensed';
    font-weight:200;
    padding-bottom:3em;
}

.nc_elm_View_Subtitle {
    font-weight: 400;
    font-size: 2rem;
    margin:1em 0 .3em 0;
    color:var(--nc_color_black-3);
}

.nc_elm_View_Title {
    width:100%;
    text-align:center;
    flex-grow:1;
    flex-shrink:0;
    font-family: Marcellus;
    font-weight: 400;
    font-size: 3rem;
    margin:1em 0;
}


/***** Blocks Components Rules *****/

.nc_blk_Address {
    border-right: 1px solid;
    padding-right:.5em;
    margin-bottom:1em;
}

.nc_blk_Form-contact {
    flex-grow:0;
    flex-shrink:0;
    padding:0 3rem;
    border-left:1px solid;
    width:28em;
}

.nc_blk_Breadcrumbs {
    font-size:.7em;
    display:flex;
    list-style-type: none;
}

.nc_blk_Card {
    width:calc(100% - 1.4rem);
    margin:.5em;
    flex-shrink:1;
    flex-grow:1;
    display:inline-flex;
    flex-direction:column;
    justify-content: space-between;
    min-height:8em;
    background-color:var(--nc_color_white-1);
    border-radius:.3em;
    overflow:hidden;
    box-shadow: 0 .3em .3em var(--nc_color_black_transparent-4);
}

.nc_blk_Card-row {
    width:calc(100% - 1.4rem);
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
}

.nc_blk_Cards {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.nc_blk_Contact {
    width:100%;
    flex-grow:0;
    flex-shrink:0;
}

.nc_blk_Copyrights {
    color:var(--nc_color_white-2);
    background-color:var(--nc_color_black-2);
    text-align: center;
    font-size:.6em;
    height:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
}

.nc_blk_Gallery {
    /* width:100%; */
    display:flex;
    flex-direction:column;
    align-items: stretch;
    justify-content: flex-start;
    margin:0 1rem 6rem 1rem;
}

.nc_blk_Form-center {
    max-width: 16em;
    margin:0 auto 1em auto;
    padding:1em;
    border:1px solid var(--nc_color_black_transparent-5);
    background-color:var(--nc_color_background-5);
}

.nc_blk_Infos {
    width:100%;
    flex-grow:0;
    flex-shrink:0;
    margin-top:1em;
}

.nc_blk_Menu {
    list-style-type:none;
}

.nc_blk_NavIcon {
    display:inline-flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    position:absolute;
    width:2rem;
    left:calc(50vw - 1rem);
    opacity:0;
    animation:fadeIn .6s 1.2s ease-in-out forwards;
}

.nc_blk_NavIcon-bottom {
    bottom:0;
}

.nc_blk_NavIcon-header {
    animation:fadeIn .6s 4.8s ease-in-out forwards;
}

.nc_blk_NavIcon-top {
    top:7rem;
}

.nc_blk_Page {
    overflow-x: hidden;
    overflow-y: auto;
    font-size:1.4em;
}


/***** Specific Rules *****/

a:hover, a:focus, a:active {
    color:var(--nc_color_background-1);
    text-decoration: underline;
}

.nc_atm_Button-transparent svg{
    height:1em;
    fill:currentColor;
}

.nc_elm_Card_Image img {
    width:100%;
}

.nc_elm_Gallery_Image img {
    max-width:100%;
    max-height:60vh;
}

.nc_elm_Form_Error ul {
    list-style-type:none;
    color:var(--nc_color_error-2);
    font-size: .8em;
}

.nc_blk_Map > iframe {
    width:100%;
    height:17rem;
}

.nc_atm_Link-title:hover {
    color:currentColor;
    text-decoration: none;
}

.nc_atm_Menu_Link:hover,
.nc_atm_Menu_Link:focus,
.nc_atm_Menu_Link:active {
    color:var(--nc_color_link-1);
    padding-left:1.5em;
}

.nc_elm_Gallery_Image:hover {
    transform: scale(1.1);
}

.nc_elm_Gallery_Image::before {
    position:absolute;
    top:-.3em;
    width:3.5em;
    left:-.6em;
    content:'';
    border-top:1px solid var(--nc_color_background-4);
    transition:width .3s ease-in-out;
}

.nc_elm_Gallery_Image::after {
    position:absolute;
    top:-.6em;
    height:2.5em;
    left:-.3em;
    content:'';
    border-left:1px solid var(--nc_color_background-4);
    transition:height .3s ease-in-out;
}

.nc_elm_Gallery_Image_Link::before {
    position:absolute;
    bottom:-.3em;
    width:2em;
    right:-.6em;
    content:'';
    border-top:1px solid var(--nc_color_background-4);
    transition:width .3s ease-in-out;
}

.nc_elm_Gallery_Image_Link::after {
    position:absolute;
    bottom:-.6em;
    height:4em;
    right:-.3em;
    content:'';
    border-left:1px solid var(--nc_color_background-4);
    transition:height .3s ease-in-out;
}

.nc_blk_Gallery-gravure .nc_elm_Gallery_Header {
    background-image: url('../images/table.png');
    background-repeat: no-repeat;
    background-size: auto 28%;
}

.nc_blk_Gallery-taille .nc_elm_Gallery_Header {
    background-image: url('../images/voiture.png');
    background-repeat: no-repeat;
    background-size: auto 60%;
}

/* .nc_blk_Gallery-right .nc_elm_Gallery_Images {
    justify-content: flex-end;
    align-self:flex-end;
} */

.nc_blk_Gallery-right .nc_elm_Gallery_Title {
    text-align:left;
}
.nc_blk_Gallery-right .nc_elm_Gallery_Description {
    align-self:flex-start;
    text-align:left;
}

.nc_elm_Page_Header_Nav .nc_elm_Menu_Item {
    opacity:0;
    animation:fadeIn .6s .5s ease-in-out forwards;
}

.nc_blk_NavIcon .nc_atm_IconLink {
    transition: opacity .3s ease-in-out;
}

.nc_blk_Card-row .nc_elm_Card_Contents {
    padding:0 .5em .5em .2em;
    border-top:none;
    /* background: linear-gradient(
        to right,
        var(--nc_color_white-transparent) 0%,
        var(--nc_color_white-1) 18%
    ); */
}

.nc_blk_Card-row .nc_elm_Card_Image::after {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    content:'';
    border-bottom:.3em solid var(--nc_color_white-1);
}

.nc_blk_Card-row .nc_elm_Card_Image {
    width:6em;
    padding:.3em;
    max-height:12em;
    flex-shrink: 0;
    border-right:1px solid var(--nc_color_black_transparent-4);
    position:relative;
}

.nc_blk_Card-row .nc_elm_Card_Title {
    padding: .3em .3em 0 .3em;
}

.nc_elm_Form_Row + .nc_elm_Form_Row {
    margin-top:1em;
}

.nc_pge_Home .nc_elm_Page_Header {
    background-image:url('../images/cover4-mobile.jpg');
    background-size: cover;
    background-position: center center;
    box-shadow:inset 0 0 10vh 10vh var(--nc_color_black_transparent-3);
    
    @media (orientation: landscape) {
        background-image:url('../images/cover3-landscape.jpg');
    }
    @media (min-width: 960px) {
        background-image:url('../images/cover3-mobile.jpg');
    }
}

.nc_pge_Home .nc_elm_Page_View {
    min-height:100vh;
    padding:9rem 1rem 1rem 1rem;
}

.nc_pge_Home .nc_elm_Page_View-header {
    padding:0;
}

.nc_blk_Column.nc_elm_Page_View {
    min-height:calc(100vh - 4rem);
}

.nc_pge_Admin .nc_blk_NavIcon {
    display:none;
}

.nc_elm_Page_View-contact .nc_atm_Input, .nc_elm_Page_View-contact .nc_atm_Textarea {
    background-color:var(--nc_color_black-1);
    color:var(--nc_color_white-1);
}

.nc_elm_Breadcrumbs_Crumb:not(:last-of-type)::after {
    content : '>';
    display:inline;
    margin-left:.6ch;
    margin-right:1ch;
}

.nc_blk_Gallery-right .nc_elm_Gallery_Description::first-letter {
    float:left;
    font-size:3.6em;
    line-height:1em;
    padding-right:.1em;
    font-weight:400;
    font-family:Marcellus;
}


.nc_elm_Gallery_Image:hover::before {
    width:2em;
}

.nc_elm_Gallery_Image:hover::after {
    height:4em;
}

.nc_elm_Gallery_Image_Link:hover::before {
    width:3.5em;
}

.nc_elm_Gallery_Image_Link:hover::after {
    height:2.5em;
}

.nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(2) {
    animation-delay: .8s;
}

.nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(3) {
    animation-delay: 1.1s;
}

.nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(4) {
    animation-delay: 1.4s;
}

.nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(5) {
    animation-delay: 1.7s;
}

.nc_blk_NavIcon .nc_atm_IconLink:hover {
    opacity:.7;
}

.nc_atm_Checkbox-menu:checked ~ .nc_elm_Page_Header_Nav {
    display:flex;
}

/***** @media Rules *****/

/* phone-s */
@media (min-width: 320px) {
    /***** Base Rules *****/

    html {
        font-size : 12px;
    }
    

    /***** Tags Rules *****/

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/

}

/* phone-m */
@media (min-width: 480px) {
    /***** Base Rules *****/

    html {
        font-size : 13px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* phone-l */
@media (min-width: 640px) {
    /***** Base Rules *****/

    html {
        font-size : 14px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* phone-xl */
@media (min-width: 800px) {
    /***** Base Rules *****/

    html {
        font-size : 15px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* tablet-s */
@media (min-width: 960px) {
    /***** Base Rules *****/

    html {
        font-size : 16px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 

    .nc_hlp_hidden-tablet       { display:none;         }
    .nc_hlp_block-tablet        { display:block;        }
    .nc_hlp_flex-tablet         { display:flex;         }
    .nc_hlp_grid-tablet         { display:grid;         }
    .nc_hlp_inline-tablet       { display:inline;       }
    .nc_hlp_inline-block-tablet { display:inline-block; }
    .nc_hlp_inline-flex-tablet  { display:inline-flex;  }
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    .nc_elm_Flashes_Flash {
        max-width:40vw;
    }

    .nc_elm_Gallery_Image {
        height:12rem;
    }
    
    .nc_elm_Gallery_Image_Link {
        height:10.6rem;
    }
    
    .nc_elm_Gallery_Image_Title {
        height:1.4rem;
    }

    .nc_elm_Gallery_Images {
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:center;
        align-items:stretch;
    }

    .nc_elm_Page_Flashes {
        right:auto;
    }

    .nc_elm_Page_View-contact {
        flex-direction: row;
        align-items:center;
    }
    
    /***** Blocks Components Rules *****/    

    .nc_blk_Address {
        text-align: right;
    }

    .nc_blk_Card {
        width:12em;
    }

    .nc_blk_Card-row {
        width:calc(100% - 1.4rem);
    }

    .nc_blk_Card-big {
        width:calc(50% - 1.2em);
    }

    .nc_blk_Card-full {
        width:calc(100% - 1.4em);
    }

    .nc_blk_Column {
        max-width:80vw;
        margin-left:auto;
        margin-right:auto;
    }

    .nc_blk_Contact {
        width:50%;
        padding:3rem;
        order:2;
    }

    .nc_blk_Gallery {
        max-width:80vw;
        margin-left:auto;
        margin-right:auto;
    }

    .nc_blk_Infos {
        width:50%;
        padding:3rem;
        margin:0;
        order:1;
    }

    .nc_blk_Map {
        padding-bottom: 2.8em;
    }
    
    /***** Specific Rules *****/

    .nc_elm_Gallery_Image img {
        height:100%;
    }

    .nc_pge_Home .nc_atm_Menu_Link {
        font-size:1em;
        line-height:1.2em;
        border-left:1px solid;
        /* padding-left:1.5em; */
    }

    .nc_pge_Home .nc_elm_Page_Header {
        background-image:url('../images/cover3-big.jpg');
        background-size: cover;
        background-position: center center;
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Button {
        display:none;
    }

    .nc_pge_Home .nc_elm_Page_Header_Content {
        position: static;
        display:flex;
        flex-direction: column;
        width:44vw;
        height:100vh;
        padding:.6em;
        transform:translateX(44vw);
        opacity:0;
        animation:slideInLeft .9s .6s ease-in-out forwards;

        @media (min-height: 380px) { padding:.9em; }
        @media (min-height: 460px) { padding:1em; }
        @media (min-height: 540px) { padding:1.5em; }
        @media (min-height: 620px) { padding:2em; }
        @media (min-height: 700px) { padding:2.5em; }
        @media (min-height: 780px) { padding:3em; }
    }

    .nc_pge_Home .nc_elm_Page_Header_Nav {
        display:flex;
        position:static;
        height:auto;
        width:auto;
        background-color:transparent;
        background-image: none;
        background-size:auto;
        transform:none;
        opacity:1;
        animation:none;
    }

    .nc_pge_Home .nc_elm_Page_Header_SubTitle {
        font-family:'Fira Sans Extra Condensed';
        font-weight:400;
        font-size:.33em;
        line-height:.7em;
        margin-top:.8em;
        color:var(--nc_color_white-2);
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Text {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        font-size: .5em;
        /* padding-left:2em; */
        font-family: Marcellus;
        opacity:0;
        animation:fadeIn 1.2s 3.6s ease-in-out forwards;

        @media (min-height: 380px) { font-size:.55em; }
        @media (min-height: 460px) { font-size:.6em; }
        @media (min-height: 540px) { font-size:.65em; }
        @media (min-height: 620px) { font-size:.7em; }
        @media (min-height: 700px) { font-size:.75em; }
        @media (min-height: 780px) { font-size:.8em; }
    }

    .nc_elm_Page_Header_Text > p {
        text-shadow: 0.1em 0.1em var(--nc_color_black_transparent-2);
    }

    .nc_pge_Home .nc_elm_Page_Header_Text-mobile {
        display: none;
    }

    .nc_pge_Home .nc_elm_Page_Header_Nav {
        font-size:.65em;

        @media (min-height: 380px) { font-size:.7em; }
        @media (min-height: 460px) { font-size:.75em; }
        @media (min-height: 540px) { font-size:.8em; }
        @media (min-height: 620px) { font-size:.85em; }
        @media (min-height: 700px) { font-size:.9em; }
        @media (min-height: 780px) { font-size:.95em; }
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Title {
        display:flex;
        flex-direction:column;
        font-family:Marcellus;
        font-weight:normal;
        font-size:1em;
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Titles {
        border-left:1px solid var(--nc_color_white-1);
        padding-left:1rem;
        font-size:1.8rem;
        line-height:1em;
        text-shadow: .15rem .15rem 0 hsla(0deg,0%,8%,.6);
        transform:translateY(-50vh);
        opacity:0;
        animation:slideInDown .9s 1.4s ease-in-out forwards;
        
        @media (min-height: 380px) { font-size:2.6rem; }
        @media (min-height: 460px) { font-size:3rem; }
        @media (min-height: 540px) { font-size:3.4rem; }
        @media (min-height: 620px) { font-size:3.8rem; }
        @media (min-height: 700px) { font-size:4.1rem; }
        @media (min-height: 780px) { font-size:4.4rem; }
    }

    .nc_blk_Gallery-gravure .nc_elm_Gallery_Header {
        background-size: auto 78%;
    }

    .nc_blk_Gallery-taille .nc_elm_Gallery_Header {
        background-size: auto 78%;
    }

    .nc_blk_Gallery-right .nc_elm_Gallery_Header {
        background-position: right 2rem;
    }
    
    .nc_blk_Gallery-left .nc_elm_Gallery_Header {
        background-position: left 2rem;
    }

    .nc_pge_Home .nc_elm_Page_View {
        padding:1rem;
    }

    .nc_pge_Home .nc_elm_Page_View-header {
        padding:0;
    }
    
    .nc_pge_Home .nc_blk_NavIcon-top {
        top:0;
    }

    .nc_pge_Home .nc_elm_Page_Header_Title .nc_atm_FirstName {
        font-size:.8em;
        line-height:.8em;
        padding-left:.13em
    }

    .nc_pge_Home .nc_elm_Page_Header_Title .nc_atm_LastName {
        font-size:1em;
        line-height:1em;
        margin:.05em 0;
    }

    .nc_pge_Home .nc_elm_Page_Header_Nav .nc_elm_Menu_Item {
        transform:translateY(-6em);
        opacity:0;
        animation:slideInDown .9s 2.9s ease-in-out forwards;
    }

    .nc_pge_Home .nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(2) {
        animation-delay: 2.8s;
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(3) {
        animation-delay: 2.6s;
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(4) {
        animation-delay: 2.4s;
    }
    
    .nc_pge_Home .nc_elm_Page_Header_Nav .nc_elm_Menu_Item:nth-of-type(5) {
        animation-delay: 2.2s;
    }
}

/* tablet-m */
@media (min-width: 1120px) {
    /***** Base Rules *****/

    html {
        font-size : 17px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 

    .nc_hlp_block-tm {
        display:none;
    }
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
    
}

/* tablet-l */
@media (min-width: 1280px) {
    /***** Base Rules *****/

    html {
        font-size : 18px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 

    .nc_hlp_block-tl {
        display:none;
    }
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* tablet-xl */
@media (min-width: 1440px) {
    /***** Base Rules *****/

    html {
        font-size : 19px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 

    .nc_hlp_block-txl {
        display:none;
    }
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* screen-s */
@media (min-width: 1600px) {
    /***** Base Rules *****/

    html {
        font-size : 20px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 

    .nc_hlp_hidden-screen       { display:none;         }
    .nc_hlp_block-screen        { display:block;        }
    .nc_hlp_flex-screen         { display:flex;         }
    .nc_hlp_grid-screen         { display:grid;         }
    .nc_hlp_inline-screen       { display:inline;       }
    .nc_hlp_inline-block-screen { display:inline-block; }
    .nc_hlp_inline-flex-screen  { display:inline-flex;  }
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* screen-m */
@media (min-width: 1760px) {
    /***** Base Rules *****/

    html {
        font-size : 21px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* screen-l */
@media (min-width: 1920px) {
    /***** Base Rules *****/

    html {
        font-size : 22px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* screen-xl */
@media (min-width: 2080px) {
    /***** Base Rules *****/

    html {
        font-size : 23px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}

/* screen-xxl */
@media (min-width: 2240px) {
    /***** Base Rules *****/

    html {
        font-size : 24px;
    }
    
    
    /***** Tags Rules *****/    

    /***** Helpers Rules *****/ 
    
    /***** Particles Components Rules *****/
    
    /***** Atoms Components Rules *****/
    
    /***** Elements Components Rules *****/
    
    /***** Blocks Components Rules *****/    
    
    /***** Specific Rules *****/
}