@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#000000; background-color:#fff; position:relative; }
:root {
    --swoosh_width: 250px;
    --col3_menu: 300px;
}



/**********************************************************************************************************************/
/*
 * Bootstrap 4 - Change certains parametres
 */
    .btn-default {
        /* Dessine une bordure pour le plugin bootstrap checkbox */
        color: #333 !important;
        background-color: #fff !important;
        border-color: #ccc !important;
    }
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/*
 * Preloader
 */
    .preloader {
        position:fixed; left:0; top:0; bottom:0; right:0; z-index:10000; display:flex; justify-content:center;
        align-items:center;padding:20px;background:#fff;transition:.3s all ease
    }
    .preloader.loaded { opacity:0; visibility:hidden; }
    .preloader-body { text-align:center; }
    .preloader-body p { position:relative; right:-8px; }
    .cssload-container{ width:100%; height:64px; text-align:center; }
    .cssload-speeding-wheel{
        width:64px; height:64px; margin:0 auto; border:6px solid #C70751;
        border-radius:50%; border-left-color:transparent; border-bottom-color:transparent; -webkit-animation:cssload-spin 2s infinite linear;
        animation:cssload-spin 2s infinite linear
    }
    .cssload-text { margin-top:10px; font-weight:bold; font-size:16px; color: #000; }
    @-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
    @keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/*
 * Changement de certains parametres pour reconfigurer le navbar de bootstrap 4
 */

    .navbar-nav li.active {
        text-decoration:underline;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#9a1e20; font-size: 14px;
    }
    .navbar-light .navbar-nav .nav-link:hover {
        color: #333;
    }
    .navbar {
        border-bottom: solid 1px #ccc;
        box-shadow: 0 0 3px #333 !important;
        -moz-box-shadow: 0 0 3px #333 !important;
        -webkit-box-shadow: 0 0 3px #333 !important;
    }
    .navbar-background {
        background-color: #dee2e6;
    }

    .navbar .dropdown-menu {
        /* Decale legerement vers le haut du div du dropdown */
        top: 95%; /*width: 100%;*/ width: auto;
    }
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* Swoosh
 */
    .swoosh {
        position: relative;
        width: var(--swoosh_width);
        min-height: 100%;
        background-image: url(../images/swoosh.png);
        background-repeat: repeat-y;
        background-position: left top;
        z-index:10;
    }
    @media screen and (max-width:1100px) {
        .swoosh { display:none; }
    }
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* Section & Jumbotron
 */
    .jumbotron div.subtitle1 {
        position: relative;
        color: #9a1e20;
        font-weight: bold;
        font-size: 26px;
        vertical-align: bottom ; padding:0px; margin-top: 30px;
    }
    .jumbotron h1 {
        font-size:calc(1.3em + 1.3vw);
        font-weight: bold;
        color: #000;
    }
    .jumbotron h3 {
        font-size:calc(1.0em + 0.8vw);
        color: #9a1e20;
    }
    .container-full {
        width: 100%; max-width: 1800px;
    }
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* ImageCard
 */

    .imagecard img {
        box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.45);
        border-radius: 4px;
        transition: all 0.4s ease;
    }
    .imagecard img:hover {
        box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
        margin-top: 5px;  margin-bottom: -5px;
    }
/**********************************************************************************************************************/








    .title-page {
        font-size: 36px; text-align: center;
        padding: 20px;
    }

    .container-padding {
        padding: 40px 20px 40px 20px;
        font-size: 14px;
    }































/******************************************************************************************/

.radius5 {
    border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;
}
.align { vertical-align: middle; display: inline-block; }
.required { font-weight:bold; color:#F00; font-size:12px; }
.fit {
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
div.fp_error { font-size:12px; font-weight:bold; color:#C70751; text-align:center; }
div_fp_content { width:auto; margin:auto; text-align:center; }

.modal-backdrop {
    opacity:0.9 !important;
}