footer .box-map{margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
        footer .box-map img{max-width: 100%;}
        footer .box-map span{color: #fff; display: block; font-weight: 700; font-size: 18px; text-align: center; margin: 10px auto;}
        .formulaire-box {height: 100%;border: 2px solid rgba(255, 255, 255, 0.2);padding: 25px 15px;display: flex;align-items: flex-start;flex-wrap: wrap;}
        .formulaire-box .text-loi p{color: #fff; font-size: 11px; line-height: 13px; text-align: justify;}
        .formulaire-box .text-loi p a{color: #fff; font-weight: bold; text-decoration: underline;}
        .formulaire-box .text-loi p a:hover{text-decoration: none;}

        .info-footer{color: #fff;}
        .info-footer p{font-size: 20px; margin: 20px auto;}
        .info-footer p.tel a{color: #fff; font-weight: 600; text-decoration: none;transition: all 0.3s;}
        .info-footer p.tel a:hover{opacity: 0.4;}

        .info-footer a.fb-btn{background: #fff; margin: 15px auto; padding: 10px 15px; border-radius: 10px; text-decoration: none; transition: all 0.3s; display: flex; justify-content: center; align-items: center; width: 350px; max-width: 100%; color: #425e89;}
        .info-footer a.fb-btn img{margin: 5px 10px;}
        .info-footer a.fb-btn:hover{opacity: 0.4;}
        /****  floating-Lable style start ****/

        .text-loi{font-size: 10px; font-weight: 400; text-align: justify;}
        .text-loi a{color: #fff; text-decoration: underline;}
        .formulaire-box .floating-label {
            position:relative;
            margin-bottom:20px;
        }
        .floating-input , .floating-select {
            font-size:15px;
            padding:4px 4px;
            display:block;
            width:100%;
            height: 40px;
            background-color: #fff;
            border:none;
        }
        .floating-label:last-child{margin-bottom:0px}
        .floating-input:focus , .floating-select:focus {
            outline:none;
            border-bottom:2px solid #9f1d40;
        }

        .formulaire-box label {
            color: #1a171b;
            font-size: 14px;
            font-weight:normal;
            position:absolute;
            pointer-events:none;
            left: 11px;
            top: 11px;
            transition:0.2s ease all;
            -moz-transition:0.2s ease all;
            -webkit-transition:0.2s ease all;
            margin: 0;
            font-weight: 500;
        }

        .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
            top:-20px;
            font-size:14px;
            color:#fff;
        }

        .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
            top:-20px;
            font-size:14px;
            color:#9f1d40;
        }

        .floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
            width:50%;
        }

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

        .floating-textarea {
            min-height: 88px;
            max-height: 260px;
            overflow:hidden;
            overflow-x: hidden;
        }

        .highlight {
            position:absolute;
            height:50%;
            width:100%;
            top: 15%;
            left:0;
            pointer-events:none;
            opacity:0.5;
        }

        .floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
            -webkit-animation:inputHighlighter 0.3s ease;
            -moz-animation:inputHighlighter 0.3s ease;
            animation:inputHighlighter 0.3s ease;
        }

        /* animation */
        @-webkit-keyframes inputHighlighter {
            from { background:#9f1d40; }
            to  { width:0; background:transparent; }
        }
        @-moz-keyframes inputHighlighter {
            from { background:#9f1d40; }
            to  { width:0; background:transparent; }
        }
        @keyframes inputHighlighter {
            from { background:#9f1d40; }
            to  { width:0; background:transparent; }
        }

        .checkbox-3 {
            padding: 0;
        }
        .checkbox-3 input:checked ~ label:before {
            content: '\2713';
            text-indent: .6em;
            line-height: 1.8em;
            color: #fff;
            background-color: #9f1d40;
            border: none;
        }

        .checkbox-3 label:before {
            content: '';
            color: #000;
            font-size: .7em;
            border: 1px solid #fff;
            min-width: 20px;
            top: 0;
            bottom: 0;
            left: 0;
            transition: .3s, line-height .15s;
            text-indent: .5em;
            line-height: 5em;
            overflow: hidden;
            min-height: 20px;
            display: block;
            height: 20px;
            margin-right: 5px;
        }

        .checkbox-3 label {
            position: relative;
            line-height: normal;
            text-indent: 1.8em;
            display: inline-block;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: initial;
            cursor: pointer;
            color: #fff;
            display: flex;
            top: 0;
            left: 0;
            margin-bottom: 10px;
            font-size: 13px;
        }

        .checkbox-3 input {
            display: none;
        }
        .formulaire-box .btn{
            background: #9f1d40;
            color: #fff;
            text-transform: uppercase;
            display: block;
            width: 100%;
            margin-top: 15px;
            font-weight: 600;
            outline: none;
            box-shadow: none;
            border-radius: 0;
        }


        .formulaire-box .btn:hover{background: #000;}




        .formulaire-box .file-upload p{color: #fff; text-align: center;}
        .formulaire-box [type="file"] {
            height: 0.1px;
            width: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
        }
        .formulaire-box [type="file"] + label {
            color: #fff;
            cursor: pointer;
            display: block;
            font-size: 16px;
            font-weight: 500;
            overflow: hidden;
            padding: 10px 20px;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            text-align: center;
            top: 0;
            left: 0;
            pointer-events: initial;
            border: 2px solid #fff;
            width: 100%;
        }
        .formulaire-box [type="file"] + label svg {
            fill: currentColor;
            height: 1em;
            width: 1em;
            margin-top: -0.25em;
            margin-right: 0.25em;
            vertical-align: middle;
        }
        .formulaire-box [type="file"] + label:hover {
            background-color: #9f1d40;
        }
        .formulaire-box [type="file"]:focus + label {
            background-color: #9f1d40;
            outline: 1px dotted #000;
        }
        .file-upload{background: rgba(0, 0, 0, 0.32);margin-bottom:20px;padding: 20px 30px;font-size: 15px;font-weight: 500;}


        .boxfooter>div{width:100%;margin: 0;}

        .formulaire-box [type="file"] + label:hover {
            background-color: #9f1d40 !important;
        }