@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

::selection {
    background-color: #BFBFBF;
}

#isMobile {
    display: none;
}

.onlyInScreen {
    display: block;
}

.onlyInMobile {
    display: none;
}

.msgImportant {
    display: block;
    display: flex;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    z-index: 9000;
}

.msgImportant .vertical {
    position: relative;
    margin: auto;
}

.msgImportant .cancel {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    width: 3em;
    height: 3em;
    background-image: url("../../img/new/cancel.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 100%;
    cursor: pointer;
}

.msgImportant p {
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
}

.msgImportant span,
.msgImportant img {
    max-width: 100%;
    max-width: 90vw;
    max-height: 100%;
    max-height: 70vh;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
}

t {
    font-size: 1em;
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

.trespetit {
    font-size: 0.5em;
}

.petit {
    font-size: 0.75em;
}

.grand {
    font-size: 2em;
}

.tresgrand {
    font-size: 3em;
}

.texterouge {
    color: #a00000 !important;
}

.textevert {
    color: #00a000 !important;
}

.textebleu {
    color: #0000a0 !important;
}

.textejaune {
    color: #ffcc33 !important;
}

.fondrouge {
    background-color: #a00000;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondvert {
    background-color: #00a000;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondbleu {
    background-color: #0000a0;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondjaune {
    background-color: #ffcc33;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.centre {
    text-align: center;
    display: block;
    max-width: 100% !important;
}

.gauche {
    text-align: left;
    display: block;
    max-width: 100% !important;
}

.droite {
    text-align: right;
    display: block;
    max-width: 100% !important;
}

.justifie {
    text-align: justify;
    display: block;
    max-width: 100% !important;
}



.colx2 {
    width: 45%;
    height: auto;
}

.colx2 img {
    max-width: 100%;
    height: auto;
}

.pleine_largeur {
    width: 100% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.troisquart_largeur {
    width: 75% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.moitier_largeur {
    width: 50% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.quart_largeur {
    width: 25% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.icone_largeur {
    width: 2em !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.pleine_largeur img,
.troisquart_largeur img,
.moitier_largeur img,
.quart_largeur img,
.icone_largeur img {
    width: 100% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
}

.icone_largeur img {
    vertical-align: middle;
}

.spip_documents_left {
    margin-right: 1em;
}

.spip_documents_right {
    margin-left: 1em;
}

.vignettes img {
    width: 12em !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
    cursor: pointer;
    margin: 2em;
}

.forceBlock {
    display: block !important;
}

.nouvelleLigne {
    display: table;
    width: 100%;
    clear: both;
    float: none
}

#colorbox p,
#colorbox span {
    margin: 0;
    padding: 0;
    background-color: #000;
}

hr {
    display: block;
    clear: both;
    width: 100%;
}

hr:after {
    display: table;
    clear: both;
    content: "";
}

body {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Cormorant Garamond', serif;
    text-align: left;
    color: #4b4a40;
    /*#6e6d5f;*/

    background: #ffffff;
    padding-top: 8rem;
}

body.noOverflow {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

body.c-show-popup {
    overflow: hidden;
}

h1 {
    /*font-family: 'Coda Caption', sans-serif;*/

    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 2rem;
    text-transform: lowercase;
    color: #6e6d5f;
}

h1::first-letter {
    text-transform: uppercase;
}

h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    color: #6e6d5f;
}

input[type="submit"],
input[type="button"] {
    text-transform: uppercase;
    color: #6e6d5f;
    background-color: #f0f0ec;
    transition: 0.4s;
}

input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #c2c3b4;
}

.formulaire_spip input.text,
input[type="submit"],
input[type="button"] {
    color: #6e6d5f;
    padding: 0.5em;
    border: solid 1px #6e6d5f;
    font-family: 'Roboto', sans-serif;
}

.c-show-popup .c-body-overlay {
    display: block;
    opacity: 1;
    animation: fadeIn 0.5s;
}

.c-body-overlay {
    display: none;
    z-index: 2000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f0f0ec;
}

.c-btn-menu {
    width: 60vw;
    /*80vw*/

    margin: 1.4rem auto 1.4rem auto;
    display: flex;
    justify-content: space-between;
}

.c-btn-menu h1 {
    font-size: 3vw;
    /*text-shadow: 0 -10px 0 #f0f0ec;*/

    text-align: center;
    margin: 0;
}

.c-btn-menu img.logo {
    height: 3rem;
    margin: 0 1rem;
}

.c-btn-menu .c-btn {
    height: 3rem;
}

.c-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 0.8rem 5vw;
    background-color: #343a40;
    border-radius: .25rem;
    cursor: pointer;
    transition: 0.4s;
}

.c-btn:hover {
    background-color: #6e6d5f;
}

.container {
    width: 60vw;
    /*80vw*/

    max-width: 60vw;
    /*80vw*/

    margin: 0 auto 0 auto;
}

.c-preloader {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    background: #343a40 url('data:image/gif;base64,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') no-repeat center;
}

.br-load-screen .br-progress-bar div {
    background-color: #343a40;
}

/* ------------------------- PAGE HEADER ------------------------- */

header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0.2rem 0 0.2rem 8.5rem;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #6e6d5f;
    background-color: #ffffff;
}

header.c-scroll-header {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}

header .c-logo-site {
    width: 8rem;
    height: auto;
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    transition: 0.4s;
    cursor: pointer;
}

header.c-scroll-header .c-logo-site {
    width: 0;
}

header .c-nom-site {
    display: none;
    /*visibility: hidden;*/

}

header.c-scroll-header .c-nom-site {
    display: none;
    /*visibility: visible;*/

}

header ul {
    margin: 0;
}

header li {
    display: inline-block;
}

header li:not(:last-child):after {
    margin: 0 0 0 0.3rem;
    font-size: 1rem;
    content: "\223C";
    color: #c0c0c0;
}

header a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #6e6d5f;
    border-bottom: 0.5rem solid transparent;
    padding: 0;
    transition: 0.4s;
}

header a:hover {
    border-bottom-color: #f0f0ec;
}

header .c-search-icon {
    width: 1rem;
    height: 1rem;
    margin: 0 1rem;
    background-image: url("../../img/new/search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    cursor: pointer;
}

/* ------------------------- HOME PAGE SECTIONS ------------------------- */

.c-page-home {
    padding-top: 7rem;
}

.c-page-home section,
.c-page-rubrique .c-liste-ps section {
    width: 80vw;
    margin: 0 auto 9rem auto;
    clear: both;
}

.c-page-home section::after,
.c-page-rubrique .c-liste-ps section::after {
    clear: both;
    content: "";
    display: table;
}

.c-page-home section .haut,
.c-page-rubrique .c-liste-ps section .haut {
    display: block;
    width: 31vw;
    margin-bottom: 5rem;
}

.c-page-home section .bas,
.c-page-rubrique .c-liste-ps section .bas{
    display: block;
    width: 29.5vw;
}

.c-page-home q,
.c-page-rubrique .c-liste-ps q {
    font-size: 1.3rem;
    font-style: italic;
    text-align: left;
    color: #000;
    line-height: 1.5rem;
    quotes: none;
}

.c-page-home q:before,
.c-page-rubrique .c-liste-ps q:before {
    font-size: 2rem;
    content: "\201C\00A0";
}

.c-page-home q:after,
.c-page-rubrique .c-liste-ps q:after {
    font-size: 2rem;
    content: "\00A0\201E";
    /*\201D*/
}

.c-page-home .c-right .c-texte,
.c-page-rubrique .c-liste-ps  .c-right .c-texte {
    float: right;
    padding-right: 10vw;
}

.c-page-home .c-left .c-texte,
.c-page-rubrique .c-liste-ps .c-left .c-texte {
    float: left;
    padding-left: 10vw;
}

.c-page-home .c-vola.c-left .c-texte,
.c-page-rubrique .c-liste-ps .c-vola.c-left .c-texte {
    padding-left: 3vw;
}

.c-page-home .c-vola-imgs,
.c-page-rubrique .c-liste-ps .c-vola-imgs {
    margin: 2rem 0;
}

.c-page-home .c-vola-imgs figure,
.c-page-rubrique .c-liste-ps .c-vola-imgs figure {
    width: max-content;
    display: inline-block;
}

.c-page-home .c-vola-imgs figure figcaption,
.c-page-rubrique .c-liste-ps .c-vola-imgs figure figcaption {
    font-style: italic;
}

.c-page-home .c-vola-imgs .c-vola-photos,
.c-page-rubrique .c-liste-ps .c-vola-imgs .c-vola-photos {
    float: right;
}

.c-page-home .c-texte,
.c-page-rubrique .c-liste-ps .c-texte {
    font-size: 1.2rem;
    line-height: 1.8rem;
    box-sizing: border-box;
    width: 50vw;
}

.c-page-home .c-texte p,
.c-page-rubrique .c-liste-ps .c-texte p {
    text-align: justify;
    margin: 1rem 0 1rem 0;
}

.c-page-home .c-texte p:first-child,
.c-page-rubrique .c-liste-ps .c-texte p:first-child {
    margin-top: 0;
}

.c-page-home .c-texte p:last-child,
.c-page-rubrique .c-liste-ps .c-texte p:last-child {
    margin-bottom: 0;
}

.c-page-home .c-right .c-photo,
.c-page-rubrique .c-liste-ps .c-right .c-photo {
    float: right;
}

.c-page-home .c-left .c-photo,
.c-page-rubrique .c-liste-ps .c-left .c-photo {
    float: left;
}

.c-page-home .c-photo,
.c-page-rubrique .c-liste-ps .c-photo {
    position: relative;
    box-sizing: border-box;
    width: 30vw;
    margin-bottom: 2rem;
}

.c-page-home .c-photo img.logo,
.c-page-rubrique .c-liste-ps .c-photo img.logo {
    position: absolute;
    z-index: 100;
}

.c-page-home .c-photo div.title,
.c-page-rubrique .c-liste-ps .c-photo div.title {
    position: absolute;
    z-index: 100;
    font-weight: bold;
    font-size: 1.2rem;
    font-style: italic;
    text-align: left;

    top: -1.6rem !important;
    left: 0.2rem !important;
    width: 100% !important;
}

.c-page-home .c-photo .c-overflow-container,
.c-page-rubrique .c-liste-ps .c-photo .c-overflow-container {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: 30vw;
    height: 30vw;
    border: 0.2vw #FFFFFF solid;
}

.c-page-home .c-photo img.photo,
.c-page-rubrique .c-liste-ps .c-photo img.photo {
    width: 100%;
    height: auto;
    transition: 3s;
}

.c-page-home .c-photo img.photo:hover,
.c-page-rubrique .c-liste-ps .c-photo img.photo:hover {
    transform: scale(1.1);
}

.c-page-home .c-photo .c-border-tr,
.c-page-rubrique .c-liste-ps .c-photo .c-border-tr {
    width: 60%;
    height: 60%;
    position: absolute;
    top: -1.4vw;
    right: -1.3vw;
    background: #f0f0ec;
}

.c-page-home .c-photo .c-border-bl,
.c-page-rubrique .c-liste-ps .c-photo .c-border-bl {
    width: 60%;
    height: 60%;
    position: absolute;
    bottom: -1.3vw;
    left: -1vw;
    border: 0.3vw #c1c2b3 solid;
}

.c-page-home .c-photo h2,
.c-page-rubrique .c-liste-ps .c-photo h2 {
    font-size: 1.4vw;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 15.0vw;
    right: -16.6vw;
    transform: rotate(90deg);
    width: 31.5vw;
    text-align: right;
}

.c-page-home .c-btn,
.c-page-rubrique .c-liste-ps .c-btn {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin: 2rem 0;
    padding: 0.8rem 5vw;
    background-color: #c1c2b3;
    border-radius: .25rem;
    cursor: pointer;
    transition: 0.4s;
}

.c-page-home .c-vola .c-btn,
.c-page-rubrique .c-liste-ps .c-vola  .c-btn {
    min-width: initial;
    display: inline-block;
}

.c-page-home .c-btn:hover,
.c-page-rubrique .c-liste-ps .c-btn:hover {
    background-color: #6e6d5f;
}

.c-page-home .c-collections a {
    color: #000;
}

.c-page-home .c-collections-header, .c-page-home .c-collections-footer {
    text-decoration: none;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #6e6d5f;
}

.c-page-home .c-collections-header .quotation-mark, .c-page-home .c-collections-footer .quotation-mark {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    font-style: italic;
}

.c-page-home .c-collections-header a, .c-page-home .c-collections-footer a {
    text-decoration: none;
    color: #6e6d5f;
}

.c-page-home .c-collections-header {
    border-top: 0.5rem solid #f0f0ec;
    padding-top: 1rem;
}

.c-page-home .c-collections-footer {
    border-bottom: 0.5rem solid #f0f0ec;
    padding-bottom: 1rem;
}

.c-page-home .c-collections-liste li {
    display: block;
    position: relative;
    width: 100%;
    height: fit-content;
    padding-left: 0.5rem;
    margin: 3rem 0;
    background-color: #fff;
}

.c-page-home .c-collections-liste li a {
    text-decoration: none;
    color: #6e6d5f;
    font-weight: bold;
    font-size: 1.2rem;
    font-style: italic;
}

.c-page-home .c-collections-liste li::before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    top: 0.7rem;
    left: -0.5rem;
    width: 5rem;
    height: 88%;
    border: 0.1rem #c1c2b3 solid;
}

/* ------------------------- PAGE RUBRIQUE ------------------------- */

.c-page-rubrique a {
    color: #6e6d5f;
}

.c-page-rubrique .c-btn {
    display: inline-block;
    min-width: 22rem;
    background-color: #c1c2b3;
    color: #ffffff
}

.c-page-rubrique .c-btn:hover {
    background-color: #6e6d5f;
}

.c-page-rubrique h1.rubrique_titre {
    /*font-family: 'Coda Caption', sans-serif;
    font-size: 1.7rem;
    text-shadow: 0 -10px 0 #f0f0ec;*/

    color: #6e6d5f;
    display: block;
    width: 60vw;
    /*80vw*/

    margin: 0 auto 3rem auto;
}

.c-page-rubrique h1.rubrique_titre p {
    text-align: center;
    text-transform: lowercase;
    margin-bottom: 0;
}

.c-page-rubrique h1.rubrique_titre p::first-letter {
    text-transform: uppercase;
}

.c-page-rubrique .rubrique_texte {
    font-size: 1.2rem;
    width: 80vw;
    margin: 2rem auto 0 auto;
    padding-bottom: 2rem;
}

.c-page-rubrique p {
    text-align: justify;
}

.c-page-rubrique .spip_logo {
    height: auto;
    width: 12rem;
    float: left;
    margin: 0 2rem 1rem 0;
}

.c-page-rubrique .rubrique_articles {
    font-size: 1.2rem;
    width: 80vw;
    margin: 0 auto;
}

.c-page-rubrique .rubrique_articles li {
    display: block;
    border-top: 0.5rem solid #f0f0ec;
    padding-top: 1rem;
    padding-bottom: 6rem;
}

.c-page-rubrique .rubrique_articles li.article_soustitre {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #6a6b61;
    background-color: #f4f4f4;
    border-top: none;
    border-radius: 1rem 1rem 0 0;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.c-page-rubrique .rubrique_articles .article_chapo {
    text-align: justify;
}

.c-page-rubrique .rubrique_articles .article_chapo .titre {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
}

.c-page-rubrique .article_voir {
    text-align: right;
    margin-top: 1rem;
}

/* ------------------------- PAGE ARTICLE ------------------------- */

.c-page-article a {
    color: #6e6d5f;
}

.c-page-article .c-btn {
    color: #ffffff
}

.c-page-article h1.article_titre {
    /*font-family: 'Coda Caption', sans-serif;
    font-size: 1.7rem;
    text-shadow: 0 -10px 0 #f0f0ec;*/

    color: #6e6d5f;
    display: block;
    width: 60vw;
    /*80vw*/

    margin: auto;
}

.c-page-article h1.article_titre p {
    text-align: center;
    text-transform: lowercase;
    margin-bottom: 0;
}

.c-page-article h1.article_titre p::first-letter {
    text-transform: uppercase;
}

.c-page-article .article_texte h3 {
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.4rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
    font-weight: bold;
}

.c-page-article .article_texte {
    font-size: 1.2rem;
    text-align: justify;
    width: 60vw;
    /*80vw*/

    margin: 2rem auto 2rem auto;
}

.c-page-article .article_texte i {
    font-size: 1.3rem;
    font-style: italic;
    color: #000;
    line-height: 1.5rem;
}

.c-page-article .article_texte p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.c-page-article .article_texte p.boutons {
    margin-top: 3rem;
}

.c-page-article .article_texte table {
    margin-top: 0;
    margin-bottom: 1rem;
}

.c-page-article .article_texte img {
    max-width: 100%;
    height: auto !important;
}

.c-page-article .article_texte iframe {
    width: 100%;
}

/* ------------------------- MODELE CONTEXT ------------------------- */

.contact_sopha .contact_formulaire {
    border-left: 0.5rem solid #f0f0ec;
    padding-left: 1rem;
    margin-top: 3rem;
    margin-bottom: 6rem;
}

.contact_sopha .contact_formulaire .bugajaxie {
    display: none;
}

.contact_sopha fieldset {
    margin: 0;
}

.contact_sopha legend {
    font-weight: 700;
    font-size: 1.3rem;
}

.contact_sopha .c-titre {
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

.contact_sopha .c-explication {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-weight: 300;
    font-size: 1rem;
}

.contact_sopha ul {
    margin: 0;
}

.contact_sopha label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    margin-right: 1rem;
    display: block;
}

.contact_sopha input[type="text"] {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    display: block;
    width: 100%;
    padding: 0 0.3rem !important;
    margin-bottom: 1rem;
    border: solid 1px #aaa !important;
}

.contact_sopha textarea {
    font-family: 'Roboto', sans-serif !important;
    width: 100%;
    height: 8rem;
    border: solid 1px #aaa;
}

.c-page-article .article_texte .contact_sopha p.boutons {
    margin: 0;
}

/* ------------------------- DOCUMENT ------------------------- */

.documents {
    width: 60vw;
    /*80vw*/

    margin: 4rem auto 0 auto;
}

.documents h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

.documents ul {
    list-style: none;
    border-left: 0.5rem solid #f0f0ec;
    padding-left: 1rem;
}

.documents li {
    margin-bottom: 0.5rem;
}

.document_titre {
    font-size: 1.3rem;
}

.document_info {
    font-size: 1rem;
    padding-left: 1rem;
}

/* ------------------------- RECHERCHE ------------------------- */

.recherche_articles {
    width: 80vw;
    margin: 4rem auto 0 auto;
    font-size: 1.2rem;
    color: #6e6d5f;
}

.recherche_articles h1 {
    font-family: "Roboto", sans-serif;
    font-size: 1.4rem;
    text-transform: Uppercase;
    text-align: center;
}

.recherche_articles li {
    border-left: 0.2rem solid #f0f0ec;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

.recherche_articles small {
    margin: 0;
    font-size: 1rem;
}

.recherche_articles p {
    margin: 0;
}

.recherche_articles a {
    text-decoration: underline;
    color: #6e6d5f;
}

/* ------------------------- CONTACT ------------------------- */

.contact_sopha .submit {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    padding: 1vw 5vw;
    background-color: #c1c2b3 !important;
    border-radius: .25rem;
    border: none !important;
    cursor: pointer;
    transition: 0.4s;
    display: block;
    float: right;
}

.contact_sopha .submit:hover {
    background-color: #6e6d5f !important;
}

.contact_sopha .erreur_message {
    color: #8a1f11;
    text-align: left;
    display: block;
}

/* ------------------------- FORUM ------------------------- */

.c-forum {
    width: 60vw;
    /*80vw*/

    max-width: 60vw;
    /*80vw*/

    margin: 6rem auto 6rem auto;
    border-left: 0.5rem solid #f0f0ec;
    padding-left: 1rem;
}

.c-forum a {
    color: #6e6d5f;
    text-decoration: none;
    border-bottom: 1px solid #6e6d5f;
    transition: 0.4s;
}

.c-forum a:hover {
    border-bottom: 0.5rem solid #f0f0ec;
}

.c-forum .c-titre {
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

#titre {
    width: 100%;
}

.c-forum .explication_forum {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-weight: 300;
    font-size: 1rem;
}

.c-forum fieldset {
    margin-bottom: 0.8rem;
}

.c-forum legend,
.formulaire_contact legend {
    font-weight: 700;
    font-size: 1.3rem;
}

.c-forum label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    margin-right: 1rem;
    display: block;
}

.c-forum label[for="captcha"] {
    margin-right: 0;
}

.c-forum input:not([type="submit"]) {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    display: block;
    width: 100%;
    padding: 0 0.3rem !important;
    margin-bottom: 1rem;
    border: solid 1px #aaa !important;
}

#captcha {
    border-bottom: solid 1px #aaa !important;
    border-right: solid 1px #aaa !important;
    width: 4rem;
}

.c-forum textarea {
    font-family: 'Roboto', sans-serif !important;
    width: 100%;
    height: 8rem;
    border: solid 1px #aaa;
}

.c-forum img {
    display: block;
    width: 3rem !important;
    height: auto !important;
    margin-bottom: 0.5rem;
}

.c-forum br {
    display: none;
}

.c-forum p {
    background: none !important;
    text-align: left !important;
}

#formulaire_forum p:nth-child(2) {
    color: #8a1f11;
    margin-top: -4.2rem;
}

#formulaire_forum fieldset p {
    margin: 0 !important;
    color: #6e6d5f !important;
}

.c-forum .explication {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    margin: 0;
    color: #6e6d5f !important;
}

.c-forum .saisie_texte p.explication {
    display: none;
}

.c-forum .reponse_formulaire {
    border: 1px solid #8a1f11;
    font-size: 1.2rem;
    min-height: 3rem;
    width: 100%;
}

.c-forum .erreur_message {
    color: #8a1f11;
}

.c-forum .boutons {
    position: relative;
}

.c-forum .submit {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    padding: 1vw 5vw;
    background-color: #c1c2b3 !important;
    border-radius: .25rem;
    border: none !important;
    cursor: pointer;
    transition: 0.4s;
    display: block;
    position: absolute;
    right: 0;
    bottom: 1.4rem;
}

.c-forum .submit:hover {
    background-color: #6e6d5f !important;
}

.c-forum .previsu {
    border: 2px dashed #F57900;
    font-size: 1.3rem;
    color: #F57900;
}

#formulaire_forum fieldset.previsu p {
    color: #F57900 !important;
}

.c-forum .previsu ul {
    margin-bottom: 0;
}

.c-forum .previsu .submit {
    position: initial;
    float: right;
}

/* ------------------------- PAGE FOOTER ------------------------- */

.footer {
    border: none;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #6e6d5f;
    padding-bottom: 5rem;
}

.footer ul {
    margin: 0;
}

.footer li {
    display: inline-block;
}

.footer a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #6e6d5f;
    border-bottom: 0.5rem solid transparent;
    padding: 0 1rem;
    transition: 0.4s;
}

.footer a:hover {
    border-bottom-color: #f0f0ec;
}

.footer a.instagram {
    background-image: url("../../img/logo/instagram.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 1.5rem;
    padding-left: 1.8rem;
}

#copyright {
    display: none;
}

/* ------------------------- SEARCH POPUP ------------------------- */

.c-show-popup .c-search-popup {
    display: block;
    opacity: 1;
    animation: fadeIn 0.5s;
}

.c-search-popup {
    display: none;
    z-index: 3000;
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50vw;
    padding: 3rem;
    background-color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}

.c-close-popup {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    background-image: url("../../img/new/close.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    cursor: pointer;
}

.c-close-popup:hover {
    background-image: url("../../img/new/close-bold.png");
}

.c-search-popup .text_rechercher,
.c-search-popup .bt_rechercher {
    display: block;
    width: 100%;
}

.c-search-popup .bt_rechercher {
    margin-top: 1rem;
}

.c-search-popup label {
    display: none;
}

/* ------------------------- ADMIN BUTTONS ------------------------- */

.spip-admin-bloc,
.spip-admin-float {
    top: initial !important;
    right: initial !important;
    bottom: 0;
    left: 2vw;
}

.spip-admin-boutons {
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem !important;
    font-weight: 300 !important;
    background: #c1c2b3 !important;
    border-radius: .3em .3em 0 0 !important;
}

/* ------------------------- LITLE WINDOW STYLE ------------------------- */

@media screen and (min-width: 980px) and (max-width:1100px) {

    header {
        padding-left: 0.2rem;
    }

    header .c-logo-site {
        width: 0;
    }

    header .c-nom-site {
        display: none;
        /*display: block;*/
        /*visibility: visible;*/

    }

}

/* ------------------------- SMARTPHONE STYLE ------------------------- */

@media screen and (max-width:979px) {
    #isMobile {
        display: block
    }

    .onlyInScreen {
        display: none;
    }

    .onlyInMobile {
        display: block;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        height: 1px;
    }

    body {
        padding-top: 6rem;
    }

    h1 {
        font-size: 1.6rem;
    }

    header {
        padding: 0.2rem 3vw;
    }

    header .c-logo-site {
        z-index: 1001;
    }

    header .c-search-icon {
        width: 1.4rem;
        height: 1.4rem;
        background-size: 1.4rem;
    }

    header ul {
        display: block;
        z-index: 1;
        width: 100%;
        height: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        transition: 0.4s;
    }

    header ul.is-visible {
        z-index: 1000;
        height: max-content;
        top: 4rem;
        padding-top: 3rem;
        background-color: #ffffff;
        border-bottom: 0.5rem solid #f0f0ec;
    }

    header li {
        display: block;
        width: 80vw;
        margin: 1rem auto;
        padding: 0;
        background-color: #c1c2b3;
        border-radius: .25rem;
    }

    header li:not(:last-child):after {
        margin: 0;
        content: none;
    }

    header li a {
        display: block;
        width: 100%;
        padding: 0.5rem;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
    }

    .c-btn-menu {
        position: relative;
        margin-top: 1.5rem;
    }

    .c-btn-menu .c-marque {
        position: absolute;
        top: -4.8rem;
        left: 0;
        width: 100%;
    }

    .c-btn-menu h1 {
        font-size: 6vw;
    }

    .c-page-home section,
    .c-page-rubrique .c-liste-ps section {
        margin-bottom: 5rem;
    }

    .c-page-home section .haut,
    .c-page-rubrique .c-liste-ps section .haut {
        width: 100%;
        margin-bottom: 3rem;
    }

    .c-page-home section .bas,
    .c-page-rubrique .c-liste-ps section .bas {
        width: 100%;
        margin-top: 4rem;
    }

    .c-page-home .c-left .c-photo,
    .c-page-rubrique .c-liste-ps .c-left .c-photo {
        float: none;
    }

    .c-page-home .c-right .c-photo,
    .c-page-rubrique .c-liste-ps .c-right .c-photo {
        float: none;
    }

    .c-page-home .c-photo,
    .c-page-rubrique .c-liste-ps .c-photo {
        width: 100%;
    }

    .c-page-home .c-vola-imgs figure.c-photo-1,
    .c-page-rubrique .c-liste-ps .c-vola-imgs figure.c-photo-1 {
        width: 100%;
        margin-bottom: 2rem;
    }

    .c-page-home .c-vola-imgs figure.c-photo-1 img,
    .c-page-rubrique .c-liste-ps .c-vola-imgs figure.c-photo-1 img {
        width: 100% !important;
    }

    .c-page-home .c-vola-imgs .c-vola-photos,
    .c-page-rubrique .c-liste-ps .c-vola-imgs .c-vola-photos {
        width: 100%;
        float: initial;
        margin-top: 2rem;
    }

    .c-page-home .c-vola-imgs .c-vola-photos figure,
    .c-page-rubrique .c-liste-ps .c-vola-imgs .c-vola-photos figure {
        width: 24.5vw;
        display: inline-block;
    }

    .c-page-home .c-vola-imgs .c-vola-photos figure:not(:first-of-type),
    .c-page-rubrique .c-liste-ps .c-vola-imgs .c-vola-photos figure:not(:first-of-type) {
        margin-left: 2vw;
    }

    .c-page-home .c-vola-imgs .c-vola-photos img,
    .c-page-rubrique .c-liste-ps .c-vola-imgs .c-vola-photos img {
        width: 100%;
        height: auto !important;
    }

    .c-page-home .c-vola-imgs figure figcaption,
    .c-page-rubrique .c-liste-ps .c-vola-imgs figure figcaption {
        font-size: 0.9rem;
    }

    .c-page-home .c-vola .c-btn,
    .c-page-rubrique .c-liste-ps .c-vola  .c-btn {
        min-width: 100%;
    }

    .c-page-home .c-photo .c-overflow-container,
    .c-page-rubrique .c-liste-ps .c-photo .c-overflow-container {
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        width: 80vw;
        height: 80vw;
    }

    .c-page-home .c-left .c-texte,
    .c-page-rubrique .c-liste-ps .c-left .c-texte {
        float: none;
        padding-left: 0;
    }

    .c-page-home .c-right .c-texte,
    .c-page-rubrique .c-liste-ps .c-right .c-texte {
        float: none;
        padding-right: 0;
    }

    .c-page-home .c-texte,
    .c-page-rubrique .c-liste-ps .c-texte {
        width: 100%;
    }

    .c-btn-menu {
        width: 80vw;
    }

    .c-btn-menu .c-btn {
        margin: 0 0.5rem;
    }

    .container {
        width: 80vw;
        max-width: 80vw;
    }

    #photoRotator * {
        font-family: 'Cormorant Garamond', serif !important;
        font-size: 1.2rem !important;
        font-weight: 300 !important;
        text-align: justify !important;
        text-transform: lowercase !important;
        color: #6e6d5f !important;
        background: initial !important;
        padding: 0 !important;
        margin: 0.5rem 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    #photoRotator *::first-letter {
        text-transform: uppercase !important;
    }

    #photoRotator .c-btn {
        display: none;
    }

    #photoRotator img {
        border: 0.5rem solid #f0f0ec;
    }

    .c-page-article .container {
        background: #fff;
        min-height: 1vh;
    }

    .c-page-article .article_chapo {
        margin-top: 6rem;
    }

    .c-page-article .article_chapo .c-preloader {
        display: none;
    }

    .c-page-article .article_texte {
        width: 80vw;
    }

    .c-page-article .article_texte p {
        text-align: justify;
        /*text-align: left;*/

    }

    .c-page-rubrique .rubrique_titre {
        margin-top: 3.5rem;
    }

    .c-page-rubrique h1.rubrique_titre {
        margin-bottom: 2rem;
    }

    .footer ul {
        display: block;
        width: 100%;
        padding-top: 1rem;
        border-top: 0.2rem solid #f0f0ec;
    }

    .footer li {
        display: block;
        width: 100%;
    }

    .footer a {
        display: block;
        width: 100%;
        text-align: left;
        height: 2.5rem;
    }

    .footer a.instagram {
        background-position: 0.8rem 0;
        padding-left: 2.6rem;
    }

    .c-search-popup {
        width: 95vw;


    }

    .c-page-rubrique .rubrique_texte {
        margin: 3rem auto 0 auto;
    }

    .c-page-rubrique .article_logo {
        text-align: center;
    }

    .c-page-rubrique .spip_logo {
        float: none;
        margin: 1rem 0 1rem 0;
        max-width: 100%;
    }

    .c-page-rubrique .article_voir {
        text-align: center;
    }

    .c-page-rubrique .c-btn {
        min-width: initial;
        max-width: 100%;
    }

    .documents {
        width: 80vw;
    }

    .c-forum {
        width: 80vw;
        max-width: 80vw;
    }

}

@media screen and (max-width:300px) {

    header .c-nom-site,
    header .c-logo-site {
        display: none !important;
    }
}

@page {
    size: A4 portrait;
}

@media print {
    .onlyInScreen {
        display: block;
    }

    .onlyInMobile {
        display: none;
    }
}