/**
 * Voici une feuille de style type, bien entendu vous pouvez ajouter ou supprimer des propriétés CSS en fonction de vos besoins.*/
/* Here is a typical style sheet, of course you can add or remove CSS properties according to your needs.*/

/* Pour activer la popup de recherche positionner le curseur dans la zone d'édition puis Ctrl + F ou Cmd + F */
/* To activate the search popup position the cursor in the editing area then Ctrl + F or Cmd + F */

/**
 * Éléments principaux
 */


/* Grille du site, barres et page */
#contentLeft {
}
#contentRight {
}
#contentSite {
}

/* Bannière */
header {
}

/* Titre de la bannière */
header span {
}

/* Menu */
nav {
}

/* Items du menu */
nav a {
}

/* Items au survol du menu */
nav a:hover {
}

/* Item courant du menu */
nav a.active {
}

/* Menu latéral, aspect des puces */
ul #menuSide  {
}
/* Block menu à droite */
#menuSideRight {
}
/* Block menu à gauche */
#menuSideLeft {
}

/* Bas de page */
footer {
}

footer #footersite, #footerbody {
}

/* Liens du bas de page */
footer #footersite, #footerbody a {
}

/* footer bloc gauche */
footer #footersiteLeft, #footerbodyLeft  {
}

/* footer bloc central */
footer #footersiteCenter, #footerbodyCenter {
}

/* footer bloc droite */
footer #footersiteRight, #footerbodyRight {
}



/**
 * Éléments de contenu
 */

/* Titres */
h1, h2, h3, h4 {
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
}

/* Liens au clic */
a:active {
}

/* Boutons */
.button,
button[type='submit'],
.pagination a {
}

/* Boutons au survol */
.button:hover,
button[type='submit']:hover,
.pagination a:hover {
}

/* Boutons au clic */
.button:active,
button[type='submit']:active,
.pagination a:active {
}

/* Cases à cocher */
input[type='checkbox']:checked + label:before {
}

/* Cases à cocher au survol */
input[type='checkbox']:not(:active):checked:hover + label:before,
input[type='checkbox']:active + label:before {
}

/* Champs de formulaire */
input[type='text'],
input[type='password'],
.inputFile,
select,
textarea {
}

/* Champs de formulaire au survol */
input[type='text']:hover,
input[type='password']:hover,
.inputFile:hover,
select:hover,
textarea:hover {
}

/* Titre sous image Caption */
/*
figure.image {
}

figure.image img {
}

figure.image figcaption {
}
*/

/* Consentement aux cookies */
/*
#cookieConsent {
}
#cookieConsent a{
}
#cookieConsent h3{
}
#cookieConsentConfirm {
}
#cookieConsentConfirm:hover {
}
*/

/* Gabarit Color box */
.colorbox-0 {
	color: #F7F6CF;
	background-color: #5784BA; 
}
.colorbox-0 a {
	color: #FFBF66;
}
.colorbox-0 h2, .colorbox-0 h3{
	color: #F4CFDF;
}


/**
 * Modules de page par ordre alphabétique
 */

/* Module Album photo : Cases contenant les vignettes */
.galleryPicture, .galleryGalleryPicture {
/*exemple background-color: green;*/
}
.galleryPicture:hover, .galleryGalleryPicture:hover {
/*exemple background-color: yellow;*/
}

/* Module Blog */
.blogDate {
}
.blogPicture {
}
.blogPicture img {
}
.blogComment {
}
.blogTitle {
}
.blogContent {
}

/* Contributor-space navigation */
nav {
    border-bottom: 3px solid rgba(234, 122, 35, 1);
}

nav a:hover {
    color: rgba(243, 161, 95, 1) !important;
}

nav .navSub,
nav .navSub a {
    background-color: rgba(32, 59, 82, 1);
    color: rgba(255, 255, 255, 1);
}

nav .navSub a:hover,
nav a.active {
    color: rgba(234, 122, 35, 1) !important;
}


#site .block {
    color: rgba(51, 65, 85, 1);
}

#site .block h2,
#site .block h3,
#site .block h4 {
    color: rgba(15, 23, 42, 1);
}

#site .block a {
    color: rgba(180, 83, 9, 1);
}

/* Texte des blocs clairs */
#site .block,
#site .block p,
#site .block li {
    color: rgba(51, 65, 85, 1) !important;
}

/* Titres placés dans le bandeau des blocs */
#site .block .blockTitle {
    padding: 10px 16px;
    border-left: 5px solid rgba(234, 122, 35, 1);
    border-bottom: 1px solid rgba(234, 122, 35, 0.35);
}

#site .block .blockTitle,
#site .block .blockTitle * {
    color: rgba(15, 23, 42, 1) !important;
}

#site .block .blockTitle h2 {
    margin: 0;
    font-size: 1.35em;
    line-height: 1.25;
    font-weight: 700;
}

/* Personlisation home menu */
@media (min-width: 800px) {
    nav #menuLeft .non---contributors {
        font-size: 1.3em;
        font-weight: 800;
        letter-spacing: 0.04em;
        white-space: nowrap;

        background-color: transparent !important;
        background-image: linear-gradient(
            90deg,
            rgba(74, 127, 209, 1) 0%,
            rgba(50, 185, 238, 1) 32%,
            rgba(113, 152, 181, 1) 46%,
            rgba(201, 168, 75, 1) 56%,
            rgba(242, 201, 76, 1) 68%,
            rgba(240, 100, 60, 1) 100%
        );

        background-clip: text;
        -webkit-background-clip: text;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
    }
}

/* Personlisation menu mabile */

@media (max-width: 799px) {
    nav #toggle {
        display: flex;
        align-items: center;
    }

    nav #toggle #burgerText {
        display: inline-block;
        flex: 0 1 auto;
        width: fit-content;
        margin-left: 16px;

        font-weight: 800;
        letter-spacing: 0.03em;
        white-space: nowrap;

        background-color: transparent !important;
        background-image: linear-gradient(
            90deg,
            rgba(74, 127, 209, 1) 0%,
            rgba(50, 185, 238, 1) 32%,
            rgba(113, 152, 181, 1) 46%,
            rgba(201, 168, 75, 1) 56%,
            rgba(242, 201, 76, 1) 68%,
            rgba(240, 100, 60, 1) 100%
        );

        background-origin: content-box;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-clip: text;
        -webkit-background-clip: text;

        color: transparent !important;
        -webkit-text-fill-color: transparent;
    }

    nav #toggle #burgerIcon {
        flex: 0 0 auto;
        margin-left: auto;
        margin-right: 14px;
    }
}

/* Fix pb longueur sous menu */

.navSub{

    min-width:260px;

    width:max-content;

    max-width:350px;

}

.navSub a{

    white-space:nowrap;

}

/* Lisibilité dans l’éditeur DeltaCMS uniquement */

.editorWysiwyg {
    background-color: #FFFFFF !important;
    color: #334155 !important;
}

.editorWysiwyg p,
.editorWysiwyg div,
.editorWysiwyg span,
.editorWysiwyg li,
.editorWysiwyg h1,
.editorWysiwyg h2,
.editorWysiwyg h3,
.editorWysiwyg h4 {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}