/*
Theme Name: Thème dentu-expertises
Text Domain: de
Version: 1.0
*/


/*

Breakpoints actuels : 480px / 640px / 782px / 1024px 

*/




/* =============================================== */
/* STYLES PRÉPARATOIRES                            */
/* =============================================== */

    /* @font-face {} */

    @font-face {
        font-family: 'verdana-webfont';
        src: url('design/fonts/verdana.woff2') format('woff2'),
             url('design/fonts/verdana.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }    

    @font-face {
        font-family: 'verdana-webfont';
        src: url('design/fonts/verdana-Bold.woff2') format('woff2'),
             url('design/fonts/verdana-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
    
    }

    @font-face {
        font-family: 'verdana-webfont';
        src: url('design/fonts/verdana-Italic.woff2') format('woff2'),
             url('design/fonts/verdana-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
    
    }

    @font-face {
        font-family: 'verdana-webfont';
        src: url('design/fonts/verdana-BoldItalic.woff2') format('woff2'),
             url('design/fonts/verdana-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
    
    }


    /*@font-face {
        font-family: 'futuraPT-webfont';
        src: url('design/fonts/futuraPT-Bold.woff2') format('woff2'),
             url('design/fonts/futuraPT-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
    
    }*/


    /* Icônes Material Symbol Outlined */
        
        @font-face {
            font-family: 'Material Symbols Outlined';
            src: url('design/fonts/material_symbol_outlined.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
        }

    /* Icônes Font Awesome Brands */
    
        @font-face {
            font-family: 'fa-brands';
            src: url('design/fonts/fa-brands-400.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
        }



/* Reset */
/* ---------------------------------------------------- */

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, dfn, em, img, q, s, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, section, summary, time, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
        
    article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

    ol, ul { list-style: none; }

    blockquote, q { quotes: none; }
        blockquote:before, blockquote:after,
        q:before, q:after { content: ''; content: none; }

    table { border-collapse: collapse; border-spacing: 0; }




/* Box-sizing */
/* ---------------------------------------------------- */

    html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }




/* Custom properties */
/* ---------------------------------------------------- */
    
    :root {

        --green-de:             #268730;
        --green-de-light:       #38C742;
        --green-de-dark:        #1D6323;

        --purple-de-dark:       #3D2C44;

        --blue-de-dark:         #0a2c40;

        --grey-de-darker:       #111111;
        --grey-de-dark:         #222222;
        --grey-de:              #333333;
        --grey-de-middle:              #595959;
        --grey-de-light:        #999999;
        --grey-de-lighter:      #bbbbbb;
        --grey-de-lightest:     #eeeeee;

        --default-transition-duration: 0.3s;
        --default-transition-delay:    0.15s;

        /*--serif-family:   serif;*/
        --nice-family:    'futuraPT-webfont', sans-serif;
        --default-family: 'verdana-webfont', sans-serif; 
    
    }

/* @nimations */
/* ---------------------------------------------------- */

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




/* Accessibilité */
/* ---------------------------------------------------- */

    .site-header .screen-reader-text:focus { background-color: var(--green-de-dark); color: white; border: solid 2px; font-size: 1.8rem; padding: 12px 16px; top: 0; left: 0; }


      
/* Icônes */
/* ---------------------------------------------------- */

    .social-link::after {
        font-family: 'fa-brands';
        content: ":-)";
        display: inline-flex;
        font-size: 1.5rem;
        transform: translateY(-1px);
    }

    .social-link-linkedin::after {
        content: "\f08c";
    }




/* =============================================== */
/* STYLES GÉNÉRAUX                                 */
/* =============================================== */


    html { font-size: 62.5%; scroll-behavior: smooth; }	                
        
    body { position: relative; font-family: var(--default-family); font-size: 1.4rem; line-height: 1.6; transition: var(--default-transition-duration); }

        @media (min-width: 782px) { /*body { font-size: 1.4rem; }*/ }


    p {}

    strong { font-weight: bold; }

    em { font-style: italic; }    

    a { transition: var(--default-transition-duration); text-decoration: none; }

        a:where(:hover), a:where(:focus) {}




    body { overflow-x: hidden; }

    img { max-width: 100%; height: auto; vertical-align: top; }

    .alignfull { width: 100vw; position: relative; left: 50%; margin-left: -50vw; overflow: hidden; }

        .alignfull img { width: 100%; height: auto; }



    .wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; padding: 0 clamp(16px,calc(5vw - 8px),52px); }




/* =============================================== */
/* HEADER */
/* =============================================== */


    .site-header { position: relative;}

    .site-header-wrap {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media (min-width: 1024px) {  
        .site-header-wrap {
            justify-content: space-between;
        } 
    }


    .site-header-wrap h1 { 
        font-weight: bold;
        /*font-size: clamp(2rem,calc( (100vw + 226px) / 25 ),5rem);*/
        font-size: 1.8rem;
        line-height: 1;
        letter-spacing: 2px;
    } 

    
    .site-header-wrap h1 span{
        display: block;
        /*font-size: clamp(2rem,calc( (100vw + 226px) / 25 ),5rem);*/
        font-size: 1.1rem;
        font-weight: normal;
        letter-spacing: 2.4px;
    } 

    @media (min-width: 420px) {  

        .site-header-wrap h1 {
            letter-spacing: 2.2px;
            font-size: 2rem;
        } 
        
        .site-header-wrap h1 span{
            font-size: 1.2rem;
            letter-spacing: 2.75px;
        }
    }



    /* ------------------------------------------------*/
    /* Menu principal                                  */
    /* ------------------------------------------------*/

                        
        /* Menu PC */
        /* ------------------------------------------------*/
    
            .pc-main-menu-wrap { }

            .pc-main-menu { 
                display: flex;
                justify-content: flex-end;
                gap: 0 1vw;
                text-transform: uppercase;
                font-size: 1.3rem;
            }
            
                .home .pc-main-menu { }
                
            .pc-main-menu > .menu-item { }  

            .pc-main-menu .current_page_item a:hover,
            .pc-main-menu .current_page_item a:focus,
            .pc-main-menu .current_page_ancestor a:hover,
            .pc-main-menu .current_page_ancestor a:focus {}

            .pc-main-menu a,
            .sun-theme .pc-main-menu a {
                padding: 4px 12px;
                border-radius: 12px;

            }


        


        /* Le bouton hamburger */
        /* ------------------------------------------------*/
            
            .hamburger-menu { 
                position: absolute; 
                top: 10px; 
                right: clamp(10px,calc(5vw - 14px),46px); 
                z-index: 100; 
                height: 33px; 
                width: 45px; 
                padding: 0;
                cursor: pointer;
                border: none;
                border-radius: 3px;
                text-shadow: none;
                transition: var(--default-transition-duration);      
            }


            /* Les 3 spans du hamburger */

               .hamburger-span { display: block; position: absolute; height: 4px; width: 33px; margin-bottom: 5px; z-index: 100; opacity: 1; left: 0; user-select: none; transform: rotate(0deg); border-radius: 0; transition: var(--default-transition-duration);}

                    .hamburger-span:nth-child(1) { left: 6px; top: 6px; transform-origin: left center; }
                    .hamburger-span:nth-child(2) { left: 6px; top: 15px; transform-origin: left center; }
                    .hamburger-span:nth-child(3) { left: 6px; top: 24px; transform-origin: left center; }

                    /* the first span rotates 45° \ */
*                   .hamburger-menu-close span:nth-child(1),
                    .hamburger-menu .hamburger-span-opened:nth-child(1) { top: 3px; left: 11px; transform: rotate(45deg); }

                    /* the second span disappears */
                    .hamburger-menu-close span:nth-child(2),
                    .hamburger-menu .hamburger-span-opened:nth-child(2) { width: 0; opacity: 0; }

                    /* the last span rotates -45° / */
                    .hamburger-menu-close span:nth-child(3),
                    .hamburger-menu .hamburger-span-opened:nth-child(3) { top: 26px; left: 11px; transform: rotate(-45deg); }



        /* Menus smartphone */
        /* ------------------------------------------------*/

           .menu-opened { 
                overflow: hidden; /* ascenceur indésirable ici */
            }

            .responsive-all-menus-wrap {
                position: fixed;
                inset: 0;
                z-index: 50;
                transform: translateX(-100%);
                padding: 48px 8vw;
                overflow: auto;
                display: flex; 
                flex-direction: column;
                text-align: center;
                transition: calc(1.5 * var(--default-transition-duration)) 0s;
                font-size: 2.4rem;
            }

                .menu-opened .responsive-all-menus-wrap { 
                    transform: translateX(0);
                    transition: calc(1.5 * var(--default-transition-duration)) calc(1.5 * var(--default-transition-delay)); 
                }

            .responsive-main-menu-wrap { 
                margin-bottom: 32px;
            }

            

            /* Overlay etc */

                .menu-overlay { 
                    position: absolute; 
                    inset: 0 0 0 0;
                    opacity: 0; 
                    z-index: 40; 
                    transition: calc(1.5 * var(--default-transition-duration)) calc(1.5 * var(--default-transition-delay));                                       
                }
                    
                    .menu-opened .menu-overlay { 
                        opacity : 1; 
                        transition: calc(1.5 * var(--default-transition-duration)) 0s;  
                         
                    }


                    .menu-overlay-opened {
                        
                    }

                    .menu-overlay-closed {
                        display: none; 
                    }


 

    /* ------------------------------------------------*/
    /* Déclenchement des comportements responsives     */
    /* ------------------------------------------------*/


        .pc-main-menu-wrap,
        .pc-selecteur-langue,
        .pc-theme-switch { 
            display: none; 
        }
        
        @media (min-width: 1024px) {

            .pc-main-menu-wrap,
            .pc-selecteur-langue,
            .pc-theme-switch  { 
                display: block; 
            }   
        
            .responsive-all-menus-wrap,
            .menu-overlay,
            .hamburger-menu,
            .bouton-sub-menu { 
                display: none; 
            }
            
        }




    /* ------------------------------------------------*/
    /* Contrôles des thèmes                            */
    /* ------------------------------------------------*/

        @media (min-width: 1024px) {

            .pc-theme-switch { position: absolute; inset: 0 0 0 auto; }

        }

        .theme-switch { 
            border: none; 
            cursor: pointer; 
            transition: var(--default-transition-duration);
            border-radius: 3px;
        }

        .theme-switch::before { 
            font-family: 'Material Symbols Outlined';
            font-size: 1.5rem;        
            padding: 4px;
            display: block;
        }

            .responsive-theme-switch { 
                display: inline-block; 
                margin: 32px auto;            
            }

                .responsive-theme-switch::before { font-size: 3.2rem; width: 40px; height: 40px; transition: var(--default-transition-duration) }

                .pc-theme-switch::before,
                .responsive-theme-switch::before { content: "\e51c"; }
                .moon-theme .pc-theme-switch::before,
                .moon-theme .responsive-theme-switch::before { content: "\e518"; }

                .responsive-theme-switch:hover::before { border-radius: 3px; }



/* =============================================== */
/* ASIDE                                           */
/* =============================================== */

    .site-aside {}

        .home .site-aside {
            flex-grow: 0;
            flex-shrink: 0;
        }

    .site-aside > section { padding: 30px 0; }

    

    .aside-blocks { }

    .aside-blocks .wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px 48px;
    }

        @media (max-width: 639px) {}

        @media (min-width: 640px) and  (max-width: 1023px){

            .aside-blocks .wrap { 
                /*grid-template-columns: repeat(2,1fr);*/
            }

            .aside-blocks-3-blocks .aside-block:first-child {
                /*grid-column-start: 1;
                grid-column-end: 3;*/
            }

        }

        @media (min-width: 1024px) {

            .aside-blocks .wrap { 
                /*grid-template-columns: repeat(3,1fr);*/
            }

            .aside-blocks-2-blocks .aside-block:first-child {
                /*grid-column-start: 1;
                grid-column-end: 3;*/
            }

        }



        
    .aside-block { }

    .aside-accessibilite {}


    .aside-certification {}


    .aside-blocks-2-blocks .aside-block-toutes-les-formations { 
        display: grid;
        grid-template-columns: repeat(2,1fr);
     }








/* =============================================== */
/* FOOTER                                          */
/* =============================================== */


    .site-footer { margin-top: 20px; }

    .footer-legal-zone { 
        text-align: center;
        padding: 4px 0;
    }

    @media (min-width: 782px) {

        .site-footer { margin-top: 0; }

        .footer-legal-zone .wrap {
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            font-size: 1.2rem;
        }

        .footer-legal-menu { display: flex; }
   
        .footer-legal-menu li {}

        .footer-legal-menu li::before {
            content: "-";
            padding: 0 3px;
        }

    }





/* =============================================== */
/* CONTENU                                         */
/* =============================================== */


    .main-content { margin-bottom: clamp(30px,4vw,60px); }

    .main-content > .entry { margin-top: 2.5vw; }



    /* ---------------------------------------------------- */
    /* Fil d'Ariane                                         */
    /* ---------------------------------------------------- */
    
        #breadcrumbs {
            font-size: 12px;
            margin-top: 12px;
        }

        #breadcrumbs a {}



    /* ---------------------------------------------------- */
    /* Styles égnéraux                                      */
    /* ---------------------------------------------------- */

    /* Pourquoi tant de Hn ? */

        .main-content .entry-title {
            /*font-family: var(--nice-family);*/
            font-size: clamp(20px,calc((10vw + 150px) / 9),28px);
            margin-bottom: 18px;
            line-height: 1.2;
        }




        h1.wp-block-heading,
        h2.wp-block-heading,
        h3.wp-block-heading,
        h4.wp-block-heading {
            line-height: 1.25;
           /*font-family: var(--nice-family);*/
        }

       h1.wp-block-heading {
            font-size: clamp(20px,calc((10vw + 150px) / 9),28px);
            margin: 8px 0;
        }

        h2.wp-block-heading {
            font-size: clamp(18px,calc((300vw + 6528px) / 400),24px);
            margin: 0 0 8px 0;
        }

        h3.wp-block-heading {
            font-size: clamp(16px,calc((100vw + 372px) / 25),20px);       
            margin: 0 0 8px 0;
        }

        h4.wp-block-heading {         
            font-size: clamp(16px,calc((100vw + 6176px) / 400),18px);
            margin: 0 0 8px 0;
        }

        h5.wp-block-heading {
            font-weight: bold;
            margin: 0 0 8px 0;
        }

    /* Tous les blocs de premier niveaux */ 

        :where(.entry-content) > [class^="wp-block-"] {
            margin: 16px 0;
        }



    /* paragraphes et listes */    
        
        .main-content p { margin-bottom: 8px; }                  

        .main-content ul { list-style: square; list-style-position: outside; margin: 0 0 8px 14px; }

        .main-content ul ul { list-style: circle; }

        .main-content ol { counter-reset: list; margin: 0 0 8px 0; }
        .main-content ol > li { list-style: none; }
        .main-content ol > li:before { content: counter(list) ") "; counter-increment: list; }

        .main-content ul ul,
        .main-content ul ol,
        .main-content ol ul,
        .main-content ol ol { margin: 0 0 8px 32px; }

 

    /* Blocs colonnes et groupes */ 

        .entry-content .wp-block-columns {
        }

        :where(.wp-block-columns.is-layout-flex) {
            gap: 2rem 4vw;
        }

        .entry-content.wp-block-columns,
        .entry-content .wp-block-group {
            margin-bottom: 8px; 
        }


    /* Boutons & lien-boutons */ 

        .link-to-wrap {}

        .link-to-wrap a {
            border: solid 1px;
            display: inline-block;
            height: 30px;
            line-height: 28px;
            border-radius: 15px;
            padding: 0 12px;  
        }

            .link-to-wrap a:hover,
            .link-to-wrap a:focus {
                border-radius: 0;
            }


    /* Images and co */

 /*       .wp-block-image a:has(>img),
        .wp-block-image a:has(>img)>img { display: block; }   


        .wp-element-caption { font-size: 12px; } 

        .wp-block-image :where(figcaption) {
            margin-bottom: 18px;
            margin-top: 6px;
          }


        .wp-block-gallery .wp-block-image .wp-element-caption { display: none; }

        .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { content: initial; }



    /* Formulaires */

        /* protect yout neck ! */
        
        .grecaptcha-badge { visibility: hidden; }


        /* styles communs */

            input, 
            textarea {
                border: solid 1px; 
                font-family: var(--default-family);
                font-size: 1.4rem;
            }

            input[type="submit"] {
                cursor: pointer;
                transition: var(--default-transition-duration);
            }
            
            input:not([type='number']), 
            textarea { 
                padding: 10px 8px; 
            } 


            .wpcf7 { }
            
            .wpcf7-form fieldset p {
                margin-bottom: 12px;
            }

            .wpcf7-form label {
            }

            input::placeholder {
                opacity: 0.5;
            }

            .wpcf7 input:not([type="submit"]),
            .wpcf7 textarea { 
                width: 100%; 
            }

            .wpcf7 textarea { 
                height: 100px; 
            }
            

            .wpcf7-form .wpcf7-spinner { }

            .wpcf7 form  .wpcf7-response-output {
                margin: 1rem 0;
             }

            .wpcf7-form .wpcf7-not-valid-tip { }

            .wpcf7-form-control-wrap {
                position: relative;
                font-size: 1.2rem;
              }





/* =============================================== */
/* PAGES                                           */
/* =============================================== */  


/* =============================================== */
/* FRONT-PAGE                                      */
/* =============================================== */


    .home {
        display: flex;
        flex-direction: column;
        font-size: 16px;
    }



    .home .site-header, .home .site-footer {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .home main {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .home .main-content > .entry { margin-top: 15vw; }

        @media (min-width: 1024px) {

            .home main {
                display: flex;
                flex-direction: column;
                /*min-height: calc(100vh - 100px);*/
            }

        }


    .home main {
        position: relative;
    }

    .home .main-content {
        margin-bottom: 0;
    }
        
    .home .entry {}

    .home .entry-content {}

    .home .entry-baseline {
        padding-bottom: 16px;
    }


        .home .entry-baseline h3 {
            font-size:2rem;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .home .link-to-wrap a {
            line-height: 1.6;            
        }

    @media (max-width: 639px) {

        .home .entry-baseline {
            word-break: keep-all;
            hyphens: none;
        }

        .home .entry-baseline br { 
            display: none;
        }

    }




/* =============================================== */
/* ARCHIVES FORMATIONS                             */
/* =============================================== */    


    .formations-grid {
        display: grid;
        gap: 30px;
    }

        @media (min-width: 640px) {

            .formations-grid {
                gap: 50px 80px;
                grid-template-columns: repeat(2,1fr);
            }

        }

        @media (min-width: 1024px) {

            .formations-grid {
                grid-template-columns: repeat(3,1fr);
            }


        }


    .page-template-template-archive-formations .download-link-wrap {
        margin: 30px 0;
        text-align: right;
    }

    .page-template-template-archive-formations .download-link-wrap a {
        display: inline-block;
        height: 32px;
        line-height: 30px;
        padding: 0 8px 0 4px;
    }

        .page-template-template-archive-formations .download-link-wrap a:before {
            font-family: 'Material Symbols Outlined';
            font-size: 2rem;
            content: "\f090";
            vertical-align: middle;
            padding-right: 5px;
        }



    .tile-content {
        flex: 1 0 auto;
        padding-bottom: 16px;
    }    
    
    .tile-content h3 {
        font-size: 1.6rem;
        margin-bottom: 4px;
        font-weight: bold; 
    }

    .tile-content .link-to-wrap {
        margin-top: 16px;
    }


    .formation-tile {
        position: relative;
        padding-bottom: 16px;
    }

    .formation-tile .certification-indication {
        position: absolute;
        inset: 10px 0 auto auto;
    }

    .formation-tile figure {
        margin-bottom: 4px;  
    }

    

    .formation-tile img {
        aspect-ratio: 3/2;
        object-fit: cover;  
    }

    .formation-tile .tile-title {
        text-transform: uppercase;
        margin-bottom: 8px;
        line-height: 1.4; 
    }


    .sur-mesure-tile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;  
    }




    .formation-tile .link-to-wrap {
            margin-bottom: 0;   
        }





/* =============================================== */
/* SINGLE FORMATIONS                               */
/* =============================================== */


    .single-formation {}



    .single-formation .entry {}



    .single-formation .entry-informations {
        padding: 30px 0;
    }

    .entry-methode-pedagogique { }


    .single-formation .entry-formateurs,
    .single-formation .entry-methode-pedagogique { }

    .single-formation .entry-formateurs-title,
    .single-formation .entry-methode-pedagogique-title {            
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal;
    }

    @media (min-width: 1024px) {

        .single-formation .entry {
            display: grid;
            gap: 30px 48px;
            grid-template-columns: 1fr 2fr;
        }

        .single-formation .entry:not(.no-aside) .entry-content {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 2;
        }

        .single-formation .entry-informations {
            grid-row-start: 1;
            grid-row-end: 4;
            grid-column-start: 1;
            grid-column-end: 2;
            padding: 8px 0 0 0;
            
        }

        .single-formation .entry-methode-pedagogique,
        .single-formation .entry-formateurs {
            grid-column-start: 2;
            grid-column-end: 3;
        }

        /*.single-formation .entry {
            display: grid;
            gap: 30px 48px;
            grid-template-columns: 1fr 2fr;
        }

        .single-formation .entry:not(.no-aside) .entry-content {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 2;
        }

        .single-formation .entry-informations {
            grid-row-start: 1;
            grid-row-end: 4;
            grid-column-start: 1;
            grid-column-end: 2;
            padding-top: 8px;
        }

        .single-formation .entry-methode-pedagogique,
        .single-formation .entry-formateurs {
            grid-column-start: 2;
            grid-column-end: 3;
        }*/

        .single-formation .entry-formateur-description { 
            display: flex; 
        }
        
        .single-formation .entry-formateur-name { 
            margin: 0; 
        }

        .single-formation .entry-formateur-image {            
            flex: 0 0 100px;
            margin-right: 20px;
            transform: translateY(8px);
        }

    }

    .single-formation .entry-formateur-image img {            
        width: 100px; 
        border-radius: 50%;
    }

    .single-formation .entry-formateur-description { 
        font-style: italic;
        font-size: 1.3rem;
    }

    .single-formation .entry-informations-block {
        border: solid 1px;
        padding: 8px 16px 12px 16px;
        margin-bottom: 12px;
    }

    .single-formation .entry-informations-block-title {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 4px;
    }


    .single-formation .entry-informations-block ul {
        margin: 0;
    }

    .single-formation .entry-informations-block li { 
        margin-bottom: 4px; 
        list-style: none;
        position: relative;
        padding-left: 20px;
    } 

    

    .single-formation .resume-aside-block {} 

    .single-formation .resume-aside-block p { 
        position: relative;
        padding-left: 20px;
    }


    .single-formation .block-validation-formation {
        position: relative;
        padding: 4px 8px;
        text-indent: 20px;
        margin-top: 8px;
        display: inline-block;
    } 


        .single-formation .entry-informations-block li::before,
        .single-formation .resume-aside-block p::before,
        .single-formation .block-validation-formation::before {
            position: absolute;
            inset: -2px auto auto -4px;
            font-family: 'Material Symbols Outlined';
            font-size: 18px;
        }


            .single-formation .block-validation-formation::before {
                inset: 1px 6px 1px -14px;
            }


    
    .single-formation .entry-informations-block li { margin-bottom: 4px; } 

    
    .single-formation .dates-formation { margin-bottom: 0; } 

        .single-formation  .resume-aside-block .delai-inscription-formation { font-size: 1.2rem; } 

        .single-formation .delai-inscription-formation::before { content: initial; } 



    .single-formation .entry-informations-block li::before {
        content: '\e5c8';
    } 

    .single-formation .effectifs-formation::before {
        content: '\e7fd';
    } 

    .single-formation .duree-formation::before {
        content: '\e8b5';
    } 

    .single-formation .lieux-formation::before {
        content: '\e55e';
    } 

    .single-formation .dates-formation::before {
        content: '\ebcc';
    } 

    .single-formation .tarif-formation::before {
        content: '\ea15';
    } 


        
    .single-formation .block-validation-formation::before {
        content: '\ef76';
    } 




/* =============================================== */
/* ARCHIVES FORMATEURS                             */
/* =============================================== */


    .formateurs-grid .formateur-tile { margin-bottom: 50px; }

    .formateurs-grid .formateur-tile-figure {}

    .formateurs-grid .formateur-tile-figure img { 
        border-radius: 50%; 
        max-width: 220px; }

    .formateurs-grid .formateur-tile-title {
        text-transform: uppercase;
        padding-bottom: 4px;
        font-weight: bold;
        font-size: 16px;
    }

    .formateurs-grid .formateur-tile-description { font-style: italic; }

    .formateurs-grid .formateur-tile p { margin-bottom: 0; }

    .formateurs-grid .formateur-tile .social-link::after {
        font-size: 2.4rem;
    }



    @media (min-width: 480px) {

        .formateurs-grid .formateur-tile {
            display: grid;
            gap: 0 20px;
            grid-template-columns: 1fr 160px;
        
        }
        
        .formateurs-grid .tile-figure {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 3;
        }

        .formateurs-grid .formateur-tile { margin-bottom: 30px; }

    }



    @media (min-width: 640px) {

        .formateurs-grid {
            display: grid;
            gap: 50px 80px;
            grid-template-columns: repeat(2,1fr);
        }
        
        .formateurs-grid .formateur-tile { display: block; }            

        .formateurs-grid .tile-title {
            padding-top: 12px;
        }

}

    @media (min-width: 1024px) {

        .formateurs-grid {
            grid-template-columns: repeat(3,1fr);
        }

    }





/* =============================================== */
/* Page "Formation sur mesure"                     */
/* =============================================== */ 


/* =============================================== */
/* Page 404                                        */
/* =============================================== */ 

    .contenu-page-404 { text-align: center; }



/* =============================================== */
/* ABOUT AND CONTACT                               */
/* =============================================== */ 


    .page-contact .bloc-formulaire { margin: 20px 0; }



/*


                                                                                                          
##########  ##     ##  ########  ##     ##  ########   #######  
    ##      ##     ##  ##        ###   ###  ##        ##     ## 
    ##      ##     ##  ##        #### ####  ##        ##        
    ##      #########  ######    ## ### ##  ######     #######  
    ##      ##     ##  ##        ##     ##  ##               ## 
    ##      ##     ##  ##        ##     ##  ##        ##     ## 
    ##      ##     ##  ########  ##     ##  ########   #######   
                                                                                                                                               
                                                                                                          

*/




    /* ------------------------------------------------*/
    /* Contrôles des thèmes                            */
    /* ------------------------------------------------*/

        .theme-switch { 
            background: white; 
            color: var(--grey-de-dark);
        }

            .moon-theme .theme-switch {
                background: var(---grey-de-dark);
                color: white;
            }
            
            .theme-switch:hover,
            .theme-switch:focus {
                color: var(--green-de-dark);
            } 

            .moon-theme .theme-switch:hover,
            .moon-theme .theme-switch:focus {
                color: var(--green-de-light);
            }

        .home .pc-theme-switch,
        .home.moon-theme .pc-theme-switch { 
            background: none; 
            color: white;
        }

        .home .pc-theme-switch:hover,
        .home .pc-theme-switch:focus,
        .home.moon-theme .pc-theme-switch:hover,
        .home.moon-theme .pc-theme-switch:focus { 
            background: var(--grey-de-darker);
        }





    /* =============================================== */
    /* Styles généraux                                 */
    /* =============================================== */

            /*html {
            }*/
    
            body,
            :where(.sun-theme) body { 
                background-color: white;
                color: var(--grey-de-dark);
            }
    
            :where(.moon-theme) body { 
                background-color: var(--grey-de-dark);
                color: white; 
            }


            /* Liens */
                
                a { color: var(--green-de-dark); }

                .moon-theme a { color: var(--green-de-light); }
            
                    a:where(:hover), 
                    a:where(:focus),
                    html:where(.sun-theme) a:where(:hover), 
                    html:where(.sun-theme) a:where(:focus) { color: var(--grey-de-dark); }
            
                    html:where(.moon-theme) a {  }
                    
                            html:where(.moon-theme) a:where(:hover), 
                            html:where(.moon-theme) a:where(:focus) { color: white; }
            

            /* Formulaires */

                input,
                textarea {                 
                    background: white; 
                    border-color: var(--grey-de-lighter); 
                }

                .moon-theme input,
                .moon-theme textarea {                 
                    background: var(--grey-de-dark); 
                    color: white; 
                }

                input::placeholder {
                    border-color: var(--grey-de-lighter);
                }

                input[type="submit"] {
                }

                    input[type="submit"]:hover,
                    input[type="submit"]:focus { 
                            background: var(--grey-de-lightest);
                            border-radius: 8px;
                        }

                .wpcf7-form label {
                }



    /* =============================================== */
    /* HEADER                                         */
    /* =============================================== */

            .home .site-header { background: rgba(0,0,0,0.5); }
            
            .site-header a,
            .sun-theme .site-header a {
                color: var(--grey-de-dark);
            }

                .moon-theme .site-header a {
                    color: white;
                }

                .site-header a:hover, 
                .site-header a:focus {
                    color: var(--green-de-dark);
                }

                    .moon-theme .site-header a:hover, 
                    .moon-theme .site-header a:focus {
                        color: var(--green-de-light);
                    }

            


        /* Menu principal                                  */
        /* =============================================== */


            .hamburger-menu { background: white; }
            .hamburger-span { background: var(--grey-de-dark); }

            .moon-theme .hamburger-menu { background: var(--grey-de-dark); }
            .moon-theme .hamburger-span { background: white; }

            .menu-overlay {
                background: white;
            }
            .moon-theme .menu-overlay {
                background: var(--grey-de-dark);
            }


        /* Menus */ 
        /* ------------------------------------------------*/ 
        
            .pc-main-menu .current_page_item a,
            .pc-main-menu .current_page_ancestor a {
                color: var(--green-de-dark);
            }

            .moon-theme .pc-main-menu .current_page_item a,
            .moon-theme .pc-main-menu .current_page_ancestor a {
                color: var(--green-de-light);
            }
                            

        /* Menu PC */
        /* ------------------------------------------------*/
 

        /* Menu responsive */
        /* ------------------------------------------------*/ 
        
            .hamburger-menu:hover .hamburger-span,
            .hamburger-menu:focus .hamburger-span {
                background: var(--green-de-dark);
            }

                .moon-theme .hamburger-menu:hover .hamburger-span,
                .moon-theme .hamburger-menu:focus .hamburger-span {
                    background: var(--green-de);
                }

            .responsive-main-menu a:hover,
            .responsive-main-menu a:focus,
            .responsive-main-menu .current-menu-item > a,
            .responsive-main-menu .current_page_ancestor > a {
                color: var(--green-de-dark);
            }


        
            .moon-theme .responsive-main-menu a:hover,
            .moon-theme .responsive-main-menu a:focus,
            .moon-theme .responsive-main-menu .current-menu-item > a,
            .moon-theme .responsive-main-menu .current_page_ancestor > a {
                color: var(--green-de-light);
            }



            
    /* =============================================== */
    /* ASIDE                                           */
    /* =============================================== */

        .site-aside { background: var(--grey-de-lightest); }

        .moon-theme .site-aside { background: var(--grey-de-darker); }

        .aside-accessibilite { 
            background-color: var(--grey-de);
            color: white;
        }

        .aside-accessibilite .link-to-wrap a { color: white; }

        .aside-accessibilite .link-to-wrap a:hover, .aside-accessibilite .link-to-wrap a:focus { background: var(--grey-de-dark); }

        .home .site-aside,
        .moon-theme .home .site-aside,
        .home .aside-accessibilite,
        .moon-theme .home .aside-accessibilite
        { background: none; }



    /* =============================================== */
    /* FOOTER                                          */
    /* =============================================== */

        .site-footer { }

            .moon-theme .site-footer { }


    /* =============================================== */
    /* CONTENU                                         */
    /* =============================================== */




/* =============================================== */
/* FRONT-PAGE                                      */
/* =============================================== */

.home {
    min-height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .home,
    .home a,
    .home .entry,
    .home .site-header a,
    .sun-theme .home,
    .sun-theme .home .entry,
    .sun-theme .home .site-header a {
        color: white;
    }
        

    .home a:hover,
    .home a:focus {
        color: var(--green-de-light);
    }

    .home .pc-main-menu a:hover,
    .home .pc-main-menu a:focus {
        background: var(--grey-de-darker);
        color: var(--green-de-light);
    }    

    .home .responsive-all-menus-wrap a,
    .sun-theme .home .responsive-all-menus-wrap a {
        color: var(--grey-de-dark);
    }

    .moon-theme :where(.home) .responsive-all-menus-wrap a {
        color: white;
    }    


    .home .responsive-all-menus-wrap a:hover,
    .home .responsive-all-menus-wrap a:focus,
    .sun-theme .home .responsive-all-menus-wrap a:focus,
    .sun-theme .home .responsive-all-menus-wrap a:hover,
    .home .responsive-main-menu .current_page_ancestor > a,
    .sun-theme .home .responsive-main-menu .current_page_ancestor > a {
        color: var(--green-de-dark);
    }

    
    .moon-theme .home .responsive-all-menus-wrap a:focus,
    .moon-theme .home .responsive-all-menus-wrap a:hover,
    .moon-theme .home .responsive-main-menu .current_page_ancestor > a {
        color: var(--green-de-light);
    }

    .home .link-to-wrap a { background: rgba(0,0,0,0.5); }



/* =============================================== */
/* ARCHIVES FORMATIONS                             */
/* =============================================== */   


    .formation-tile .tile-title {}

    .formation-tile .tile-title a,
    .formation-tile .link-to-wrap a {
        color: var(--grey-de-dark);
    } 
    
        .moon-theme .formation-tile .tile-title a,
        .moon-theme .formation-tile .link-to-wrap a {
            color: white;
        } 

    .formation-tile .tile-title a:hover,
    .formation-tile .tile-title a:focus,
    .formation-tile .link-to-wrap a:hover, 
    .formation-tile .link-to-wrap a:focus {
        color: var(--green-de-dark);
    }

        .moon-theme .formation-tile .tile-title a:hover,
        .moon-theme .formation-tile .tile-title a:focus,
        .moon-theme .formation-tile .link-to-wrap a:hover, 
        .moon-theme .formation-tile .link-to-wrap a:focus {
            color: var(--green-de-light);
        }


    .page-template-template-archive-formations .download-link-wrap { 
    }

        .page-template-template-archive-formations .download-link-wrap a { 
            background: var(--green-de-dark);
            color: white;
        }

            .moon-theme .page-template-template-archive-formations .download-link-wrap a { 
                background: var(--green-de);
            }

            .page-template-template-archive-formations .download-link-wrap a:hover,
            .page-template-template-archive-formations .download-link-wrap a:focus { 
                background: var(--grey-de-dark);
            }

        .page-template-template-archive-formations .download-link-wrap a:before {
        }


/* =============================================== */
/* SINGLE FORMATIONS                               */
/* =============================================== */


    .single-formation .entry-informations-block {
        border-color: var(--grey-de-lighter);
    }

    .single-formation .entry-informations-block-title,
    .single-formation .entry-informations-block li::before,
    .single-formation .resume-aside-block p::before,
    .single-formation .entry-formateurs-title,
    .single-formation .entry-methode-pedagogique-title {
        color: var(--grey-de-middle);
    }

        .moon-theme .single-formation .entry-informations-block-title,
        .moon-theme .single-formation .entry-informations-block li::before,
        .moon-theme .single-formation .resume-aside-block p::before,
        .moon-theme .single-formation .entry-formateurs-title {
            color: var(--grey-de-lighter);
        }

    .single-formation .block-validation-formation {
        background: #e0f2e1;
        color: var(--green-de-dark);
    }