/* Classes utilitaires génériques qui sont chargées en front-end */

    .centrerVertical
    {
        position:relative;
        top:50%;
        transform:translateY(-50%);
    }

    /* Classes associées au materialDesign coté frontend */

    .proulxFormulaire.materialDesign
    {
        display:block;
    }

        .proulxFormulaire.materialDesign .ligneChamp
        {
            position:relative;

            display:block;

            margin-bottom:10px;

            -webkit-transition:all 250ms;
            -moz-transition:all 250ms;
            -ms-transition:all 250ms;
            -o-transition:all 250ms;
            transition:all 250ms;
        }

            .proulxFormulaire.materialDesign .ligneChamp:not(.ligneChampAide)
            {
                padding-bottom:25px;
            }
        
        .proulxFormulaire.materialDesign .ligneChamp label
        {
            display:block;
                width:calc(100% - 34px);

            font-size:24px;

            background-color:#e5f1f7;

            cursor:pointer;

            -webkit-transition:all 250ms;
            -moz-transition:all 250ms;
            -ms-transition:all 250ms;
            -o-transition:all 250ms;
            transition:all 250ms;
        }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampAnime label
            {
                position:absolute;
                    top:21px;

                z-index:5;
            }

            .proulxFormulaire.materialDesign .ligneChamp.actif label,
                .proulxFormulaire.materialDesign .ligneChamp.complete label
            {
                top:6px;

                font-size:14px;
            }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampAnime input,
                .proulxFormulaire.materialDesign .ligneChamp.ligneChampAnime .fancy-select
            {
                position:relative;

                display:block;
                    width:calc(100% - 34px);
                    min-height:34px; /* fancy-select */

                color:#1f3f67;
                font-size:24px;

                border:none;

                background-color:#e5f1f7 !important;

                outline:none;

                -webkit-transition:all 250ms;
                -moz-transition:all 250ms;
                -ms-transition:all 250ms;
                -o-transition:all 250ms;
                transition:all 250ms;
            }

                .proulxFormulaire.materialDesign .ligneChamp.ligneChampAnime input[type=color]
                {
                    width:50px;
                }

            .proulxFormulaire.materialDesign .ligneChamp textarea
            {
                display:block;
                    width:calc(100% - 34px);
                    min-height:75px;

                color:#1f3f67;
                font-size:24px;

                border:none;

                background-color:#e5f1f7 !important;

                outline:none;

                -webkit-transition:all 250ms;
                -moz-transition:all 250ms;
                -ms-transition:all 250ms;
                -o-transition:all 250ms;
                transition:all 250ms;
            }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampCache
            {
                display:none;
            }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampDate .boutonViderDate
            {
                position:absolute;
                    top:22px;
                    right:22px;
            }

                #ui-datepicker-div
                {
                    z-index:30 !important;
                }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampDate .boutonDateMultiple
            {
                position:absolute;
                    top:22px;
                    right:22px;
            }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampListeOptions .boutonListeOptions
            {
                position:absolute;
                    top:22px;
                    right:22px;
            }

            .proulxFormulaire.materialDesign .ligneChamp.ligneChampAnime .fancy-select .options
            {
                background-color:#e5f1f7;
            }

            .proulxFormulaire.materialDesign .ligneChamp .complement
            {
                display:block;
                    height:0px;
                    max-height:0px;

                padding-left:17px;

                font-size:14px;

                overflow:hidden;

                -webkit-transition:all 250ms;
                -moz-transition:all 250ms;
                -ms-transition:all 250ms;
                -o-transition:all 250ms;
                transition:all 250ms;
            }

                .proulxFormulaire.materialDesign .ligneChamp .complement.aide
                {
                    height:25px;
                    max-height:25px;
                }

            .proulxFormulaire.materialDesign .ligneChamp button
            {
                font-size:24px;
            }

        .proulxFormulaire.materialDesign .ligneChamp.erreur,
            .proulxFormulaire.materialDesign .ligneChamp.ligneChampAide
        {
            padding-bottom:0px;
        }

            .proulxFormulaire.materialDesign .ligneChamp.erreur label
            {
                color:red;
            }

            .proulxFormulaire.materialDesign .ligneChamp.erreur .ligneFond::before
            {
                left:0%;

                width:100%;

                background-color:red;
            }

            .proulxFormulaire.materialDesign .ligneChamp.erreur input[type=text]
            {
                color:red;
            }

            .proulxFormulaire.materialDesign .ligneChamp.erreur .complement
            {
                color:red;

                height:25px;
                max-height:25px;
            }

        .proulxFormulaire.materialDesign .ligneFond
        {
            position:relative;

            display:block;

            padding-top:22px;
            padding-left:17px;
            padding-right:17px;
            padding-bottom:17px;

            background-color:#e5f1f7;
        }

            .proulxFormulaire.materialDesign .ligneFond::before
            {
                position:absolute;
                    bottom:0px;
                    left:50%;

                display:block;
                    width:0%;
                    height:3px;

                content:"";

                background-color:#0077b4;

                -webkit-transition:all 250ms;
                -moz-transition:all 250ms;
                -ms-transition:all 250ms;
                -o-transition:all 250ms;
                transition:all 250ms;
            }

                .proulxFormulaire.materialDesign .ligneChamp.actif .ligneFond::before
                {
                    left:0%;

                    width:100%;
                }

        .proulxFormulaire.materialDesign .ligneResultat
        {
            height:50px;
        }

        .proulxFormulaire.materialDesign input:-webkit-autofill,
            .proulxFormulaire.materialDesign input:-webkit-autofill:hover,
            .proulxFormulaire.materialDesign input:-webkit-autofill:focus,
            .proulxFormulaire.materialDesign textarea:-webkit-autofill,
            .proulxFormulaire.materialDesign textarea:-webkit-autofill:hover
            .proulxFormulaire.materialDesign textarea:-webkit-autofill:focus,
            .proulxFormulaire.materialDesign select:-webkit-autofill,
            .proulxFormulaire.materialDesign select:-webkit-autofill:hover,
            .proulxFormulaire.materialDesign select:-webkit-autofill:focus
        {
            -webkit-box-shadow:0 0 0px 1000px #e5f1f7 inset;
            transition: background-color 5000s ease-in-out 0s;
        }

    /******************************************************************/
        /* Classes associées à l'éditeur Gutenberg coté frontend */
    /******************************************************************/

        /* Liens internes */

        main .wp-block-proulxframework-liste-liens-internes
        {

        }

            main .wp-block-proulxframework-lien-interne
            {

            }

                main .wp-block-proulxframework-lien-interne
                {

                }

                    main .wp-block-proulxframework-lien-interne a
                    {

                    }

                        main .wp-block-proulxframework-lien-interne a::before
                        {

                        }

                            main .wp-block-proulxframework-lien-interne a:hover::before
                            {

                            }

                        main .wp-block-proulxframework-lien-interne a span
                        {

                        }

                            main .wp-block-proulxframework-lien-interne a span::after
                            {

                            }

                                main .wp-block-proulxframework-lien-interne a:hover span::after
                                {

                                }

                            main .wp-block-proulxframework-lien-interne a:hover span
                            {

                            }

        /* Vidéo YouTube */
        .videoYouTube4cols,
            .videoYouTube6cols,
            .videoYouTube12cols
        {
            display:inline-block;
        }

        .videoYouTube4cols
        {
            width:33%;
            padding-top:18.75%;
        }

        .videoYouTube6cols
        {
            width:50%;
            padding-top:28.12%;
        }

        .videoYouTube12cols
        {
            width:100%;
            padding-top:56.25%;
        }

        .wp-block-proulxframework-video-youtube
        {
            position:relative;



            background-repeat:no-repeat;
            background-size:cover;
        }

            .wp-block-proulxframework-video-youtube:after
            {
                position:absolute;
                    top:50%;
                    left:50%;

                content:" ";
            }