/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(2154,1): run-time error CSS1019: Unexpected token, found '}'
(2170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(3432,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */
/*2nd popup*/
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);

   z-index:990;
}

/*Inner without max-heigt*/


.popup-inner-style {
    max-height:500px;
    

    /*max-width:700px;
    width:90%;*/
    
    overflow:visible;
    position:absolute;
    /*top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);*/
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;

    padding:40px;
    /*padding-top:20px;*/
    padding-bottom:20px;
}

.popup-inner-style{
    background:rgba(70,84,87,1);
    border : 1px solid rgba(233,97,33,0.75);
    /*max-height: 500px;*/    
}

@media screen and (min-width:780px) {
    .popup-inner-inner {
        margin-left: 15%;
        margin-right: 15%;
    }

    .popup-inner-style {
        max-height: 500px;    
    }
}

@media screen and (max-width:780px) {
        .popup-inner-style {
        /*padding-top:150px;*/  
        padding-top:50px;
        margin-top:90px;
        margin-bottom:10px;

        overflow-y:scroll;
         overflow-x:hidden;
    }

}

/* Menu */
.menu-inner {
    max-width: 100%;
    min-width: 40%;
    border-radius: 13.75rem 0   13.75rem  0;

    float: right;
    margin-top:15px;  


    box-shadow:0px 2px 6px rgba(0,0,0,1);    
    background:#fff;

    /*border-radius:3px;*/
    padding:60px;
    /*padding-top:20px;*/
    padding-bottom:20px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .menu-inner{min-width: 50%;}
}

@media screen and (max-width:1080px) {
    .menu-inner {
        min-width: 50%;
    }
}


/* Close Button */
.menu-close {
    margin-top:-30px;
    margin-right:-25px;

    padding:0;

    width:30px;
    height:30px;
    /*padding-top:4px;*/
    display:inline-block;
    /*position:absolute;*/
    float: right;
    top:20px;
    right:20px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
   /* border-radius:1000px;
    background:rgba(0,0,0,0.8);*/
    font-family:Arial, Sans-Serif;
    font-size:50px;
    text-align:center;
    line-height:15px;



}

.menu-close:hover{
    color: white;
    text-decoration:none;

            -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);

        /*transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);*/

   /*-webkit-transform:rotate(180deg);
    transform: rotate(180deg);*/
}
.menu-blue .menu-close {
        color:#000;
}
.menu-blue .menu-close:hover {
    color: white;
}

.menu-pink .menu-close {
        color:white;
}
.menu-pink .menu-close:hover {
    color: #000;
}

/*End Menu*/

.menu-pink{
    background-color:deeppink;
    color:white;
    /*border : 1px solid rgba(255,255,255,0.75);*/
    /*background:rgba(70,84,87,1);
    border : 1px solid rgba(233,97,33,0.75);*/
    /*max-height: 400px;*/    
}

.menu-blue{
    background:#1BD1E7;
    color:black;
    /*border : 1px solid rgba(255,255,255,0.75);*/
    /*background:rgba(70,84,87,1);
    border : 1px solid rgba(233,97,33,0.75);*/
    /*max-height: 400px;*/    
}


 
/* Inner */
.popup-inner {
    max-height:88%;
    

    max-width:700px;
    width:90%;
    
    
    position:absolute;
    /*top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);*/
    margin: auto;
    top: 0;
     right: 0;
     bottom: 0;
     left: 0;

    box-shadow:0px 2px 6px rgba(0,0,0,1);    
    background:#fff;

    border-radius:3px;
    padding:40px;
    /*padding-top:20px;*/
    padding-bottom:20px;
}



.popup-inner{
    background:rgba(86,168,178,1);
    border : 1px solid rgba(255,255,255,0.75);
    /*background:rgba(70,84,87,1);
    border : 1px solid rgba(233,97,33,0.75);*/
    max-height: 400px;    
}


@media screen and (max-width:800px){
    .popup-inner {
        margin-top:140px;
        margin-bottom:10px;
    }
}

@media screen and (min-width:1025px){
    .popup-inner {
        max-height: 240px;
    }
}

@media screen and (max-height:300px)
{
    .popup-inner {
            padding-top:5px;
            /*padding-bottom:5px;*/
            
    }
}

@media screen and (max-height:400px)
{
    .popup-inner {
            padding-top:10px;
            /*padding-bottom:10px;*/
    }
}

@media screen and (max-height:2800px) {
        .popup-inner {
            padding-top:50px;
            /*padding-bottom:10px;*/
    }
}

    .popup-inner-mini {
        /*max-height: 100px;*/
        padding-top:10px;
    }


/*22 INNER 22*/
/* Inner */
.popup-inner-2 {
    max-height:88%;
    

    max-width:700px;
    width:90%;
    
    
    position:absolute;
    /*top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);*/
    margin: auto;
    top: 0;
     right: 0;
     bottom: 0;
     left: 0;

    box-shadow:0px 2px 6px rgba(0,0,0,1);    
    background:#fff;

    border-radius:3px;
    padding:40px;
    /*padding-top:20px;*/
    padding-bottom:20px;


    /*overflow:scroll;*/
}

.keep-inside{
overflow:scroll;
    margin: auto;
    top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     position:absolute;
}

.popup-inner-2 :nth-child(1){
    /*overflow:scroll;*/
}


.popup-inner-2{
    border : 1px solid rgba(255,255,255,0.75);
    /*background:rgba(70,84,87,1);
    border : 1px solid rgba(233,97,33,0.75);*/
    max-height: 400px;    
}


@media screen and (max-width:800px){
    .popup-inner-2 {
        margin-top:140px;
        margin-bottom:10px;
    }
}

/*@media screen and (min-width:1025px){
    .popup-inner-2 {
        max-height: 240px;
    }
}*/

@media screen and (max-height:300px)
{
    .popup-inner-2 {
            padding-top:5px;
            /*padding-bottom:5px;*/
            
    }
}

@media screen and (max-height:400px)
{
    .popup-inner-2 {
            padding-top:10px;
            /*padding-bottom:10px;*/
    }
}

@media screen and (max-height:2800px) {
        .popup-inner-2 {
            padding-top:50px;
            /*padding-bottom:10px;*/
    }
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

/* Close Word */
.popup-botclose {
position:absolute;
    bottom:0px;
    left:20px;

}

.linkBlack{
     color: rgb(53, 63, 71);
}

/*end popup*/

/*Warning*/

/*z-index: 991; display: block; position: absolute; width: 100%; left: 0px; top: 520.5px;*/
.outer-warning {
	z-index: 991;
	display: block;
	position: fixed;
	width: 100%;
	left: 0px;
	top:60%;
}

/*left: 0px; right: 0px; background-color: rgb(255, 153, 153); padding: 10px; text-align: center; color: rgb(122, 0, 0); opacity: 1;*/
.inner-warning{   
	left: 0px;
	right: 0px;
	background-color: rgb(255, 153, 153);
	padding: 10px;
	text-align: center;
	color: rgb(122, 0, 0);
	opacity: 1;
}
.inner-success{   
	left: 0px;
	right: 0px;
	background-color: rgb(84, 165, 102);
	padding: 10px;
	text-align: center;
	color: rgb(255, 255, 255);
	opacity: 1;
}
/* CSS Document */
/*----------------------------------------------------------------------CIRANO2012------------------------------------------------------------------------*/
* {
    /*border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration:none;
	height: 15px;*/
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
}

ol, ul, li {
    list-style: none;
    margin-bottom: 0rem;
    padding-left: 0px;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/*
a:link {
    color: #535353;
}

a:visited {
    color: #535353;
}

a:hover {
    color: #393838;
}

a:focus {
    color: #535353;
}
    */


/*----------------------------------------------------------------------RESET ENDS HERE--------------------------------------------------------------------------*/

/*----------------------------------------------------------------------FONT PROPERTIES STARTS HERE--------------------------------------------------------------*/
@font-face {
    font-family: 'DINRegular';
    src: url('/fonts/dinr____-webfont.eot');
    src: url('/fonts/dinr____-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/dinr____-webfont.ttf') format('truetype'), url('/fonts/dinr____-webfont.svg#DINRegular') format('svg');
}
/*----------------------------------------------------------------------FONT PROPERTIES ENDS HERE----------------------------------------------------------------*/
body {
    font-family: 'DINRegular', Arial, sans-serif;
    font-size: 100%;
    line-height: normal;
    color: inherit;
}

#Wrapper {
    width: 100%;
    background: url(../images/wrapper.jpg) repeat-x;
}


    #Wrapper #Page {
        width: 100%;
        height: 300px;
        /*margin:0 auto;*/
        margin-left: 30px;
    }

        #Wrapper #Page .Home {
            width: 100%;
            height: 300px;
        }

        #Wrapper #Page #Header {
            width: 100%;
            height: 250px;
            margin-left: -5px;
            padding-top: 14px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            #Wrapper #Page #Header h1 {
                width: 228px;
                height: 101px;
                margin: 0;
                float: left;
                flex: 1;
            }

            #Wrapper #Page #Header .Top {
                width: 100%;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

                #Wrapper #Page #Header .Top .Right {
                    width: 718px;
                    display: flex;
                    flex-direction: row-reverse;
                    justify-content: flex-end;
                    align-items: center;
                    margin-top: 3px;
                }

            #Wrapper #Page #Header .Right p,
            #Wrapper #Page #Header .Right label {
                font: normal 12px/16px Arial, Helvetica, sans-serif;
                color: #414141;
            }

            #Wrapper #Page #Header .Right span {
                font: normal 12px/16px Arial, Helvetica, sans-serif;
                color: #414141;
            }

            #Wrapper #Page #Header .Right p img {
                margin-right: 3px;
                height: 11px;
                width: 6px;
            }

            #Wrapper #Page #Header .Top .Right .Intro {
                width: 132px;
                padding: 6px 0 8px 12px;
                border-left: 1px solid #d0d0d0;
                margin-right: 15px;
                margin-left: 0;
            }

                #Wrapper #Page #Header .Top .Right .Intro a:hover {
                    color: #db2e36;
                }

            #Wrapper #Page #Header .Top .Right .Address {
                width: 360px;
                margin-right: 15px;
                margin-left: 14px;
            }

                #Wrapper #Page #Header .Top .Right .Address address {
                    font: bold 12px/14px Arial, Helvetica, sans-serif;
                    color: #414141;
                    text-align: right;
                    padding-right: 58px;
                    background: url(../images/address-ikon.png) right center no-repeat;
                    padding: 12px 58px 12px 12px;
                    margin-top: 4px;
                }

                    #Wrapper #Page #Header .Top .Right .Address address h2 {
                        color: #db2e36;
                        font-size: 12px;
                    }

                    #Wrapper #Page #Header .Top .Right .Address address span {
                        font-weight: normal;
                    }



            #Wrapper #Page #Header .Navigation {
                width: 100%;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-top: 21px;
            }

                #Wrapper #Page #Header .Navigation ul {
                    display: flex;
                    padding: 0;
                }

                    #Wrapper #Page #Header .Navigation ul li {
                        display: flex;
                    }

                        #Wrapper #Page #Header .Navigation ul li a {
                            width: 91px;
                            height: 40px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            font-family: 'DINRegular', Arial, sans-serif;
                            font-size: 14px;
                            line-height: 14px;
                            font-weight: normal;
                            color: #565656;
                            padding: 12px 9px 2px 9px;
                            background: url(../images/menubg.jpg) left 1px repeat-x;
                            margin-right: 14px;
                            position: relative;
                            border-top: 4px solid #f7f7f7;
                            overflow: visible;
                            text-decoration: none;
                        }

                            #Wrapper #Page #Header .Navigation ul li a:hover span, #Wrapper #Page #Header .Navigation ul li a.Active span {
                                background: url(../images/arrow.png) no-repeat;
                            }

                            #Wrapper #Page #Header .Navigation ul li a.Index:hover span, #Wrapper #Page #Header .Navigation ul li a.Active span {
                                left: 40%;
                            }

                            #Wrapper #Page #Header .Navigation ul li a span {
                                position: absolute;
                                bottom: -12px;
                                width: 16px;
                                height: 10px;
                                text-indent: -9999px;
                            }

                            #Wrapper #Page #Header .Navigation ul li a:hover,
                            #Wrapper #Page #Header .Navigation ul li a.Active {
                                background: url(../images/menuhov.jpg) left 1px repeat-x;
                                padding: 12px 9px 2px 9px;
                                border-bottom: 4px solid #767676;
                                border-top: none;
                            }


                        #Wrapper #Page #Header .Navigation ul li.garantie a {
                            border-top: 4px solid #7e8423;
                        }

                            #Wrapper #Page #Header .Navigation ul li.garantie a:hover,
                            #Wrapper #Page #Header .Navigation ul li.garantie a.Active {
                                border-bottom: 4px solid #7e8423;
                                border-top: none;
                            }

                        #Wrapper #Page #Header .Navigation ul li.extension a {
                            border-top: 4px solid #bccd23;
                        }

                            #Wrapper #Page #Header .Navigation ul li.extension a:hover,
                            #Wrapper #Page #Header .Navigation ul li.extension a.Active {
                                border-bottom: 4px solid #bccd23;
                                border-top: none;
                            }

                        #Wrapper #Page #Header .Navigation ul li.garages a {
                            border-top: 4px solid #bccd23;
                        }

                            #Wrapper #Page #Header .Navigation ul li.garages a:hover,
                            #Wrapper #Page #Header .Navigation ul li.garages a.Active {
                                border-bottom: 4px solid #bccd23;
                                border-top: none;
                            }

                        #Wrapper #Page #Header .Navigation ul li.cgarantie a {
                            border-top: 4px solid #3c2876;
                        }

                            #Wrapper #Page #Header .Navigation ul li.cgarantie a:hover,
                            #Wrapper #Page #Header .Navigation ul li.cgarantie a.Active {
                                border-bottom: 4px solid #3c2876;
                                border-top: none;
                            }

                        #Wrapper #Page #Header .Navigation ul li.csinistre a {
                            border-top: 4px solid #7b1b7d;
                        }

                            #Wrapper #Page #Header .Navigation ul li.csinistre a:hover,
                            #Wrapper #Page #Header .Navigation ul li.csinistre a.Active {
                                border-bottom: 4px solid #7b1b7d;
                                border-top: none;
                            }

                                #Wrapper #Page #Header .Navigation ul li.csinistre a:hover span,
                                #Wrapper #Page #Header .Navigation ul li.csinistre a.Active span {
                                    background: url(../images/arrow-4.png) no-repeat;
                                }

                        #Wrapper #Page #Header .Navigation ul li.mrouge a {
                            border-top: 4px solid #db2e36;
                        }

                            #Wrapper #Page #Header .Navigation ul li.mrouge a:hover,
                            #Wrapper #Page #Header .Navigation ul li.mrouge a.Active {
                                border-bottom: 4px solid #db2e36;
                                border-top: none;
                            }

                                #Wrapper #Page #Header .Navigation ul li.mrouge a:hover span,
                                #Wrapper #Page #Header .Navigation ul li.mrouge a.Active span {
                                    background: url(../images/arrow-6.png) no-repeat;
                                }

                        #Wrapper #Page #Header .Navigation ul li.mturquoise a {
                            border-top: 4px solid #6ecaca;
                        }

                            #Wrapper #Page #Header .Navigation ul li.mturquoise a:hover,
                            #Wrapper #Page #Header .Navigation ul li.mturquoise a.Active {
                                border-bottom: 4px solid #6ecaca;
                                border-top: none;
                            }

                                #Wrapper #Page #Header .Navigation ul li.mturquoise a:hover span,
                                #Wrapper #Page #Header .Navigation ul li.mturquoise a.Active span {
                                    background: url(../images/arrow-9.png) no-repeat;
                                }


                        #Wrapper #Page #Header .Navigation ul li.cfinancement a {
                            border-top: 4px solid #BCCD23;
                        }

                            #Wrapper #Page #Header .Navigation ul li.cfinancement a:hover, #Wrapper #Page #Header .Navigation ul li.cfinancement a.Active {
                                border-bottom: 4px solid #BCCD23;
                                border-top: none;
                            }

                                #Wrapper #Page #Header .Navigation ul li.cfinancement a:hover span, #Wrapper #Page #Header .Navigation ul li.cfinancement a.Active span {
                                    background: url(../images/arrow-2.png) no-repeat;
                                }

                        #Wrapper #Page #Header .Navigation ul li a {
                            padding: 14px 9px 2px 9px;
                            height: 50px;
                            width: 120px;
                        }

                            #Wrapper #Page #Header .Navigation ul li a:hover,
                            #Wrapper #Page #Header .Navigation ul li a.Active {
                                height: 60px;
                                width: 120px;
                            }

/*----------------------------------------------------------------------FIN CIRANO2012------------------------------------------------------------------------*/
/*----------------------------------------------------------------------CIRANO2020------------------------------------------------------------------------*/
.padding-4px {
    padding: 4px !important;
}


.min-height-52px {
    min-height: 52px !important;
}

.padding-bottom-0px {
    padding-bottom: 0px !important;
}

.margin-top-20px {
    margin-top: 20px !important;
}

.background-grey {
    background-color: #2A2A2A;
}

.background-grey-image {
    background-color: #2A2A2A;
    padding-top: 24px;
    background: url('Images/fond_background_grey.png');
    background-repeat: repeat-x;
}

.direct-garantie .home-jumbotron-bandeau-grey {
    color: white;
    font-size: 30pt;
    padding-top: 50px;
    padding-bottom: 1em;
    font-weight: 300;
    line-height: 35pt;
    word-spacing: 5px;
    display: flex;
    align-items: center;
    min-height: 180px;
    justify-content: center
}

.textarea-full-width {
    width: 100% !important;
}

.site-content-custom {
    position: relative;
}

.container-outside {
    margin-bottom: 400px;
}

@media only screen and (max-width: 1200px) {
    .container-outside {
        margin-bottom: 340px;
    }
}

@media only screen and (max-width: 760px) {
    .container-outside {
        margin-bottom: 240px;
    }
}

.container-outer {
    /*position: absolute;*/
    left: 50%;
}

.container-outer {
    width: 100%;
    /*height: 100%;*/
    /*display: none;*/
    /*position: fixed;*/
    top: 30px;
    left: 0px;
    bottom: 40px;
    /*background: rgba(0,0,0,0.75);*/
    /*z-index: 990;*/
}

@media only screen and (max-width: 1200px) {
    .container-outer {
        top: 20px;
    }
}

@media only screen and (max-width: 760px) {
    .container-outer {
        top: 15px;
    }
}

.container-inner {
    background: #fff;
}

.container-inner {
    border-top: solid 4px #F0CD3B;
}

@media only screen and (min-width: 1200px) {
    .container-inner {
        min-height: 460px;
    }
}



.container-inner .infos-nom-prenom {
    font-size: 24pt;
    text-transform: uppercase;
    color: #F0CD3B;
    margin-bottom: 0px;
}

.container-inner .infos-id-client-nbcde {
    font-weight: bold;
}

#accordionTab .card-header {
    padding: 5px;
    background-color: #F0CD3B;
    color: #FFFFFF;
    font-size: 14pt;
    /*font-weight: bold;*/
}

#accordionTab .card-body {
    padding-bottom: 0px;
}

.btn-white {
    color: #5989B7;
    background-color: #FFFFFF;
    border: 1px solid #ADADAD;
    font-size: 12pt;
}

.btn-white-mini {
    color: #5989B7;
    background-color: #FFFFFF;
    border: 1px solid #ADADAD;
    font-size: 8pt;
}


.btn-white-font-size-14pt {
    color: #5989B7;
    background-color: #FFFFFF;
    border: 1px solid #ADADAD;
    font-size: 14pt;
    min-width: 210px;
}

.title-blue-medium {
    text-transform: uppercase;
    font-size: 12pt;
    color: #5989B7;
}

.p-header-questionnaire-satisfaction {
    font-weight: bold;
    text-indent: 1em;
}

.p-footer-questionnaire-satisfaction {
    font-weight: bold;
    text-indent: 1em;
}

.p-question-questionnaire-satifaction {
    font-size: 12pt;
    color: #5989B7;
}

.legend-questionnaire-satifaction {
    font-size: 10pt;
    font-weight: bold;
}

.btn-mark {
    border: 4px solid #FFFFFF !important;
    border-radius: 10px !important;
}

.btn-mark-selected {
    border: 4px solid #5989B7 !important;
}

.btn-mark-0 {
    background-color: #C63226 !important;
}

.btn-mark-1 {
    background-color: #D3562C !important;
}

.btn-mark-2 {
    background-color: #DC7333 !important;
}

.btn-mark-3 {
    background-color: #E9993C !important;
}

.btn-mark-4 {
    background-color: #E8B844 !important;
}

.btn-mark-5 {
    background-color: #E8CA44 !important;
}

.btn-mark-6 {
    background-color: #CCCD4A !important;
}

.btn-mark-7 {
    background-color: #AED45F !important;
}

.btn-mark-8 {
    background-color: #8CCE74 !important;
}

.btn-mark-9 {
    background-color: #73C989 !important;
}

.btn-mark-10 {
    background-color: #5BC2A9 !important;
}

.btn-accordion-transparent-left {
    text-align: left;
    color: #000000;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
}

    .btn-accordion-transparent-left:hover {
        color: #000000;
        text-decoration: none;
    }


.carousel-item {
    padding: 4px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #5A6268;
}




@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md  if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm  if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {

    .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*MD*/
@media (min-width: 768px) {

    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }


    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }


    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


/*LG */
@media (min-width: 991px) {

    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*LG 6th  -  if you want a carousel with 6 slides */
@media (min-width: 991px) {

    /* show 5th and 6th item */
    /*   .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    
  
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
    }
*/


    /*show 7th slide for animation when its a 6 slides carousel */
    /*      .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item  + .carousel-item {
        position: absolute;
        top: 0;
        right: -16.666666666%;
        z-index: -1;
        display: block;
        visibility: visible;
  }
  */

    /* forward direction > */
    /*   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
  */
    /* prev direction < last item animation fix */
    /*   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
*/
}

.list-pieces-couvertes {
    padding: 5px;
    font-size: 10pt;
    min-height: 360px;
}

.disabled-checkbox {
    opacity: 0.5;
    pointer-events: none;
    background-position: -19px -260px;
    background-color: #E9EDF2;
}

/*----------------------------------------------------------------------FIN CIRANO2020------------------------------------------------------------------------*/

.buttons-row {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.action-image-button {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px;
    transition: all 0.3s ease;
    margin: 5px;
}

    .action-image-button:hover {
        background-color: #e9ecef;
        border-color: #ced4da;
    }

.btn-logo {
    width: 48px;
    height: 48px;
}

.btn-sync {
    width: 48px;
    height: 48px;
}

.custom-col {
    display: inline-block;
    width: auto;
    padding-right: 0px;
}

.table tbody tr:nth-child(odd) td:not(.buttons) {
    background-color: lightsteelblue;
}

.waiting-for-validation {
    background-color: lightgreen;
}

.img-link {
    text-decoration: none;
}

.label-bold {
    font-weight: bold;
}





.wrapper {
    display: flex;
}

.sidebar {
    flex: 1;
    margin-right: 20px;
}

.main-content {
    flex: 5;
    width: 100%;
}

/*Fonts*/

.sidebar {
    font-size: 0.9em;
}

    .sidebar button, input, select {
        font-size: inherit;
    }

.main-content {
    font-size: 0.8em;
    padding-bottom: 20px;
}

    .main-content button {
        font-size: inherit;
    }

.table-smaller-font {
    font-size: 0.9em;
}

.container input, select {
    margin-bottom: 10px;
}

/*
.container button {
    margin-top: 20px;
}*/
/*End Fonts*/

.interligne-reduit {
    font-size: 80%;
    line-height: 0.1;
}

.no-wrap {
    white-space: nowrap;
}

.logo-Younited-large {
    width: 120px;
    height: 60px;
}

.Panel-redirection {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 12px;
    padding-bottom: 4px;
}

.pink-background {
    background-color: #F78DA7;
    padding-top: 12px;
    padding-bottom: 4px;
}

.green-background {
    background-color: #7BDCB5;
    padding-top: 12px;
    padding-bottom: 4px;
}

.disabled-link {
    color: gray !important;
    pointer-events: none; /* Empêche le lien d'être cliquable */
    text-decoration: none;
    cursor: default;
}

.font-weight-bold {
    font-weight: bold;
}

.section-white .message-erreur {
    font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    color: red;
}

input[readonly="readonly"], select[readonly="readonly"] {
    background-color: #e9ecef !important;
    opacity: 1;
}

input[type=text], input[type=date] {
    -webkit-box-direction: normal;
    -webkit-appearance: none;
    font: normal 14px / 26px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    list-style: none;
    outline: none;
    position: static;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    overflow: visible;
    box-shadow: none;
    margin: 0;
    vertical-align: middle;
    background: none;
    margin-bottom: 10px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

textarea {
    -webkit-box-direction: normal;
    -webkit-appearance: none;
    font: normal 14px / 26px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    list-style: none;
}

select {
    font: normal 14px / 26px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    background-color: #fff;
    border-radius: 2px;
    color: #333;
}

.select-text-label {
    font: normal 18px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    background-color: #fff;
    color: #333;
    width: 100%;
}

h2 {
    word-spacing: normal;
    text-align: center;
    font: normal 24px / 42px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #0b1428;
    box-sizing: border-box;
    clear: none;
    margin: 0;
    padding: 0;
    line-height: 42px;
    margin-bottom: 25px;
}

.no-padding {
    padding: 0px !important;
}

.color-primary {
    color: #8E8585;
}

.margin-left-right-125rem {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.padding-right-5px {
    padding-right: 5px !important;
}

.padding-left-5px {
    padding-left: 5px !important;
}

.padding-left-20px {
    padding-left: 20px !important;
}

.padding-top-4px {
    padding-top: 4px !important;
}

.padding-top-6px {
    padding-top: 6px !important;
}

.padding-top-12px {
    padding-top: 12px !important;
}

.bloc-top-padding-20px {
    padding-top: 20px !important;
}

.bloc-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cursor-default {
    cursor: default !important;
}

.background-green {
    background-color: #7DCC01 !important;
}

.text-transform-uppercase {
    text-transform: uppercase !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.btn-lowercase {
    text-transform: lowercase !important;
}

.btn-pink {
    min-width: 220px;
}

.btn-pink, .btn-pink-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #F0168B !important;
    color: #F0168B !important;
    background: none !important;
    text-transform: uppercase;
}

.btn-pink-small {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 15px 28px !important;
    text-transform: uppercase !important;
}

    .btn-pink:hover, .btn-pink-small:hover {
        background-color: #F0168B !important;
        color: #FFFFFF !important;
    }

@media (max-width: 576px) {
    .btn-pink {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 15px 28px !important;
        text-transform: uppercase !important;
        min-width: 150px !important;
        /*max-width: 150px !important;*/
    }
}

.btn-blue {
    min-width: 220px;
}

.btn-blue, .btn-blue-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #2ED5E9 !important;
    color: #2ED5E9 !important;
    background: none !important;
    text-transform: uppercase;
}


.btn-blue-small {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 15px 28px !important;
    text-transform: uppercase !important;
}

    .btn-blue:hover, .btn-blue-small:hover {
        background-color: #2ED5E9 !important;
        color: #FFFFFF !important;
    }

@media (max-width: 576px) {
    .btn-blue {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 15px 28px !important;
        text-transform: uppercase !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
}

.btn-green {
    min-width: 220px;
}

.btn-green, .btn-green-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #B0E53D !important;
    color: #B0E53D !important;
    background: none !important;
    text-transform: uppercase;
}


.btn-green-small {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 15px 28px !important;
    text-transform: uppercase !important;
}

    .btn-green:hover, .btn-green-small:hover {
        background-color: #B0E53D !important;
        color: #FFFFFF !important;
    }

@media (max-width: 576px) {
    .btn-green {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 15px 28px !important;
        text-transform: uppercase !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
}

.btn-grey, .btn-grey-opposite {
    min-width: 220px;
}

.btn-grey, .btn-grey-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #8E8585 !important;
    color: #8E8585 !important;
    background: none !important;
    text-transform: uppercase !important;
}

.btn-grey-opposite, .btn-grey-opposite-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #8E8585 !important;
    color: #FFFFFF!important;
    background: #8E8585!important;
    text-transform: uppercase !important;
}

.btn-grey-small, .btn-grey-opposite-small {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 15px 28px !important;
    text-transform: uppercase !important;
}

    .btn-grey:hover, .btn-grey-small:hover {
        background-color: #8E8585 !important;
        color: #FFFFFF !important;
    }

    .btn-grey-opposite:hover, .btn-grey-opposite-small:hover {
        background-color: #FFFFFF!important;
        color: #8E8585 !important;
    }

@media (max-width: 576px) {
    .btn-grey {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 15px 28px !important;
        text-transform: uppercase !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
}

.btn-black {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #0b1428 !important;
    color: #0b1428 !important;
    background: none !important;
    text-transform: uppercase !important;
    min-width: 220px;
}

    .btn-black:hover {
        background-color: #0b1428 !important;
        color: #FFFFFF !important;
    }

@media (max-width: 576px) {
    .btn-black {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 15px 28px !important;
        text-transform: uppercase !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
}

.btn-white {
    min-width: 220px;
}

.section-pink .btn-white, .section-pink .btn-white-small {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

.section-pink .btn-white-small {
    font-size: 12px !important;
    line-height: 14px !important;
    padding: 15px 28px !important;
    text-transform: uppercase !important;
}

    .section-pink .btn-white:hover, .section-pink .btn-white-small:hover {
        background-color: #FFFFFF !important;
        color: #F0168B !important;
    }

.section-blue .btn-white {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

    .section-blue .btn-white:hover {
        background-color: #FFFFFF !important;
        color: #22D4E7 !important;
    }

.section-green .btn-white {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #B0E53D;
    border-radius: 10px 0 !important;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

    .section-green .btn-white:hover {
        background-color: #FFFFFF !important;
        color: #B0E53D !important;
    }






.section-pink .btn-garantie-white {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

    .section-pink .btn-garantie-white:hover {
        background-color: #FFFFFF !important;
        color: #F0168B !important;
    }

.section-blue .btn-garantie-white {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 24px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #0b1428;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

    .section-blue .btn-garantie-white:hover {
        background-color: #FFFFFF !important;
        color: #22D4E7 !important;
    }

.section-green .btn-garantie-white {
    overflow: visible;
    vertical-align: baseline;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: button;
    display: inline-block;
    min-height: 38px;
    word-spacing: normal;
    position: relative !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    box-sizing: border-box;
    font: normal bold 24px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    border: 0px solid #B0E53D;
    text-transform: uppercase !important;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: center;
    clear: both;
    font-size: 16px !important;
    line-height: 18px !important;
    box-shadow: none;
    border-width: 1px;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none !important;
    text-transform: uppercase !important;
}

    .section-green .btn-garantie-white:hover {
        background-color: #FFFFFF !important;
        color: #B0E53D !important;
    }

.btn-a-white {
    background-color: #FFFFFF !important;
    color: #F0168B !important;
    height: 32px;
    padding: 4px !important;
    text-decoration: none !important;
    min-width: 60px;
}

.btn-a-grey {
    background-color: #8E8585 !important;
    color: #FFFFFF !important;
    height: 32px;
    padding: 4px !important;
    text-decoration: none !important;
}

}

.btn-a-grey:hover {
    background-color: #0b1428 !important;
}

.btn-a-blue {
    background-color: #22D4E7 !important;
    color: #FFFFFF !important;
    height: 32px;
    padding: 4px !important;
    text-decoration: none !important;
}

.message-big {
    font: normal bold 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    !important;
}

.message-erreur {
    font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    color: red;
}

    .message-erreur ul, .message-erreur-big ul {
        display: none;
    }

.message-erreur-big {
    font: normal bold 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    color: red;
}




.block-step {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-pink {
    background-color: #EF168B;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
}

    .section-pink a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #FFFFFF;
        text-decoration: underline;
    }

    .section-pink h2, .section-pink h3, .section-pink h4, .section-pink h5 {
        color: #ffffff;
    }


    .section-pink .txt-label {
        color: #ffffff;
        font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        font-weight: bold;
    }

    .section-pink .message-erreur {
        font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
        color: #FFFFFF;
    }

.section-grey {
    background-color: #EDEDED;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #6A799C;
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
}

    .section-grey h2, .section-grey h3, .section-grey h4, .section-grey h5 {
        color: #0B1441;
    }

    .section-grey .message-erreur {
        font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
        color: red;
    }

.section-blue {
    background-color: #22D4E7;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
}

    .section-blue a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #FFFFFF;
        text-decoration: underline;
    }

    .section-blue h2, .section-blue h3, .section-blue h4, .section-blue h5 {
        color: #ffffff;
    }


    .section-blue .txt-label {
        color: #ffffff;
        font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        font-weight: bold;
    }

    .section-blue .message-erreur {
        font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
        color: red;
    }

.section-green {
    background-color: #B0E53D;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
}

    .section-green a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #FFFFFF;
        text-decoration: underline;
    }

    .section-green h2, .section-green h3, .section-green h4, .section-green h5 {
        color: #ffffff;
    }


    .section-green .txt-label {
        color: #ffffff;
        font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        font-weight: bold;
    }

    .section-green .message-erreur {
        font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
        color: red;
    }

.section-white {
    background-color: #FFFFFF;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0F0F0F;
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
}

    .section-white a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        /*color: #f0168b;*/
        text-decoration: underline;
    }

    .section-white .a-pink {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #F0168B;
        text-decoration: underline;
    }

    .section-white .a-pink-big {
        font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #F0168B;
        text-decoration: underline;
    }

    .section-white .a-blue {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #22D4E7;
        text-decoration: underline;
    }

    .section-white .a-blue-big {
        font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #22D4E7;
        text-decoration: underline;
    }

    .section-white .a-green {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #B0E53D;
        text-decoration: underline;
    }

    .section-white .a-green-big {
        font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        color: #B0E53D;
        text-decoration: underline;
    }

.txt-label {
    color: #0F0F0F;
    font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    font-weight: bold;
}

.section-white .txt-label, .section-grey .txt-label {
    color: #0F0F0F;
    font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    font-weight: bold;
}

.section-white .message-erreur {
    font: normal bold 12px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    color: red;
}

.pre-banner-login {
    height: 10px;
    width: 100%;
    background-color: white;
}

.banner-login {
    height: 140px;
    background-image: url(/Content/mages/img_background_bandeau_login.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 10%;
    margin-bottom: 360px;
}

@media (min-width: 576px) {
    .pre-banner-login {
        height: 20px;
    }

    .banner-login {
        height: 200px;
    }
}

@media (min-width: 768px) {
    .pre-banner-login {
        height: 40px;
    }

    .banner-login {
        height: 270px;
    }
}


@media (min-width: 992px) {
    .pre-banner-login {
        height: 80px;
    }

    .banner-login {
        height: 300px;
    }
}

@media (min-width: 1100px) {
    .pre-banner-login {
        height: 120px;
    }

    .banner-login {
        height: 350px;
    }
}

@media (min-width: 1300px) {
    .pre-banner-login {
        height: 140px;
    }

    .banner-login {
        height: 450px;
    }
}


.banner-login-pro {
    background-image: url(/Content/Images/img_background_bandeau_pro.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.banner-login-pro {
    background-image: url(/Content/Images/img_background_bandeau_pro.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    min-height: 350px;
}

.header-bar {
    padding-top: 10px !important;
}

#panel-ident-part, #panel-ident-pro {
    /*margin-top: 120px;*/
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #FFFFFF;
    width: 100%;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    -moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px -8px 8px #666666;
}

    #panel-ident-part a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        outline: 0;
        text-decoration: none;
        color: #F0168B;
        margin-bottom: 0;
    }

    #panel-ident-pro a {
        font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        word-spacing: normal;
        text-align: center;
        font-size: 14px;
        margin: 0;
        padding: 0;
        outline: 0;
        text-decoration: none;
        color: #0b1428;
        margin-bottom: 0;
    }

    #panel-ident-part .label-form {
        text-align: left;
        word-spacing: normal;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px;
        font: normal 22px / 42px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: none;
        color: #0b1428;
        clear: none;
    }

    #panel-ident-pro .label-form {
        text-align: left;
        word-spacing: normal;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px;
        font: normal 22px / 42px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: none;
        color: #0b1428;
        clear: none;
    }


.col-step-devis-part, .col-step-devis-pro {
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
    background-image: url('/Content/Images/img_line_thumbnail_step.jpg');
    background-repeat: no-repeat;
    background-position: top 30px left 0px;
}

.col-step-devis-part-left, .col-step-devis-pro-left {
    background-position: top 30px left 100px;
}

.col-step-devis-part-right, .col-step-devis-pro-right {
    background-position: top 30px right 100px;
}

.col-step-devis-part .thumbnail-step, .col-step-devis-pro .thumbnail-step {
    background-color: #C9C9C9;
    text-transform: uppercase;
    font: normal 22px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    word-spacing: normal;
    color: #FFFFFF;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 4px;
}

.col-step-devis-part .thumbnail-step-active {
    background-color: #F0168B;
    text-transform: uppercase;
    font: normal 22px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    word-spacing: normal;
    color: #FFFFFF;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 4px;
}

.col-step-devis-pro .thumbnail-step-active {
    background-color: #0b1428;
    text-transform: uppercase;
    font: normal 22px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    word-spacing: normal;
    color: #FFFFFF;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 4px;
}

.col-step-devis-pro .thumbnail-step-blue-active {
    background-color: #22D4E7;
    text-transform: uppercase;
    font: normal 22px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    word-spacing: normal;
    color: #FFFFFF;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 4px;
}

.col-step-devis-pro .thumbnail-step-green-active {
    background-color: #B0E53D;
    text-transform: uppercase;
    font: normal 22px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    word-spacing: normal;
    color: #FFFFFF;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    padding-top: 17px;
    margin-bottom: 4px;
}

.col-step-devis-part p, .col-step-devis-pro p {
    text-transform: uppercase;
    font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #6a7990;
    -webkit-box-direction: normal;
    font-weight: 600;
}

@media only screen and (max-width:1200px) {

    .col-step-devis-part, .col-step-devis-pro {
        background-position: top 25px left 0px;
    }

    .col-step-devis-part-left, .col-step-devis-pro-left {
        background-position: top 25px left 60px;
    }

    .col-step-devis-part-right, .col-step-devis-pro-right {
        background-position: top 25px right 60px;
    }

    .col-step-devis-part .thumbnail-step, .col-step-devis-pro .thumbnail-step {
        background-color: #C9C9C9;
        font-size: 20px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 50px;
        width: 50px;
        padding-top: 13px;
    }

    .col-step-devis-part .thumbnail-step-active, .col-step-devis-pro .thumbnail-step-active {
        font-size: 20px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 50px;
        width: 50px;
        padding-top: 13px;
    }

    .col-step-devis-part p, .col-step-devis-pro p {
        font: normal 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        font-weight: 600;
    }
}

@media only screen and (max-width:800px) {
    .col-step-devis-part, .col-step-devis-pro {
        background-position: top 20px left 0px;
    }

    .col-step-devis-part-left, .col-step-devis-pro-left {
        background-position: top 20px left 40px;
    }

    .col-step-devis-part-right, col-step-devis-pro-right {
        background-position: top 20px right 40px;
    }

    .col-step-devis-part .thumbnail-step, .col-step-devis-pro .thumbnail-step {
        background-color: #C9C9C9;
        font-size: 18px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 40px;
        width: 40px;
        padding-top: 10px;
    }

    .col-step-devis-part .thumbnail-step-active, .col-step-devis-pro .thumbnail-step-active {
        font-size: 18px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 40px;
        width: 40px;
        padding-top: 10px;
    }

    .col-step-devis-part p, .col-step-devis-pro p {
        font: normal 9px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        font-weight: 600;
    }
}

.btn-DocDown {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    white-space: nowrap;
    border-radius: .5rem;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    /*padding-top: 4rem;
    padding-left: 1rem;*/
    overflow: hidden;
    background-color: #EDEDED;
    color: #000;
    border: 2px solid transparent;
}

    .btn-DocDown p {
        font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        text-decoration: none !important;
        white-space: nowrap;
        font-size: 1rem;
        font-weight: bold;
        color: #0F0F0F;
        padding-top: 50px;
    }

.btn-DocDown-header {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    color: #0F0F0F !important;
    padding-top: 50px !important;
}

.inner-DocDown {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: .4rem;
    line-height: 2.5rem;
    margin: 1rem;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    /*background-color: #EF168B;*/
    color: #fff;
    border-radius: 10px 0 !important;
    box-shadow: none;
    border: 1px solid #EF168B;
    color: #EF168B !important;
    background: none !important;
}

    .inner-DocDown:hover {
        background-color: #EF168B !important;
        color: #FFFFFF !important;
    }

.inner-DocDown-disabled {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: .4rem;
    line-height: 2.5rem;
    margin: 1rem;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    /*background-color: #EF168B;*/
    color: #fff;
    border-radius: 10px 0 !important;
    box-shadow: none;
    border: 1px solid #8E8585;
    color: #8E8585 !important;
    background: none !important;
}


.inner-DocDown-blue {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: .4rem;
    line-height: 2.5rem;
    margin: 1rem;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    /*background-color: #22D4E7;*/
    color: #fff;
    border-radius: 10px 0 !important;
    box-shadow: none;
    border: 1px solid #22D4E7;
    color: #22D4E7 !important;
    background: none !important;
}

    .inner-DocDown-blue:hover {
        background-color: #22D4E7 !important;
        color: #FFFFFF !important;
    }

.inner-DocDown-grey {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: .4rem;
    line-height: 2.5rem;
    margin: 1rem;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    /*background-color: #22D4E7;*/
    color: #fff;
    border-radius: 10px 0 !important;
    box-shadow: none;
    border: 1px solid #8E8585;
    color: #8E8585 !important;
    background: none !important;
}

    .inner-DocDown-grey:hover {
        background-color: #8E8585 !important;
        color: #FFFFFF !important;
    }


.inner-DocDown-green {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: .4rem;
    line-height: 2.5rem;
    margin: 1rem;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    /*background-color: #22D4E7;*/
    color: #fff;
    border-radius: 10px 0 !important;
    box-shadow: none;
    border: 1px solid #B0E53D;
    color: #B0E53D !important;
    background: none !important;
}

    .inner-DocDown-green:hover {
        background-color: #B0E53D !important;
        color: #FFFFFF !important;
    }

.section-white .btnTileMonCompte {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 8rem 0 8rem 0;
    background-color: #f0178b;
    text-decoration: none;
    color: #fff;
}




.section-white .btnTileMonCompte-radius-opposite {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 0 8rem 0 8rem;
    background-color: #f0178b;
    text-decoration: none;
    color: #fff;
}

    .section-white .btnTileMonCompte img, .section-white .btnTileMonCompte-radius-opposite img {
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        top: 50%;
    }

    .section-white .btnTileMonCompte p, .section-white .btnTileMonCompte-radius-opposite p {
        font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.1rem;
        font-size: 0.9rem;
        font-weight: bold;
        box-sizing: border-box;
        border-style: none;
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        padding-top: 40px;
    }

    .section-white .btnTileMonCompte:hover, .section-white .btnTileMonCompte-radius-opposite:hover {
        background-color: #FFFFFF;
        text-decoration: none;
        color: #f0178b;
        border: 2px solid #f0178b;
    }

.section-white .btnTileMonCompte-blue {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 8rem 0 8rem 0;
    background-color: #22D4E7;
    text-decoration: none;
    color: #fff;
}

.section-white .btnTileMonCompte-radius-opposite-blue {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 0 8rem 0 8rem;
    background-color: #22D4E7;
    text-decoration: none;
    color: #fff;
}

    .section-white .btnTileMonCompte-blue img, .section-white .btnTileMonCompte-radius-opposite-blue img {
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        top: 50%;
    }

    .section-white .btnTileMonCompte-blue img, .section-white .btnTileMonCompte-radius-opposite-blue img {
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        top: 50%;
    }


    .section-white .btnTileMonCompte-blue p, .section-white .btnTileMonCompte-radius-opposite-blue p, .section-blue .btnTileMonCompte-blue p {
        font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.1rem;
        font-size: 0.9rem;
        font-weight: bold;
        box-sizing: border-box;
        border-style: none;
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        padding-top: 40px;
    }

    .section-white .btnTileMonCompte-blue:hover, .section-white .btnTileMonCompte-radius-opposite-blue:hover {
        background-color: #FFFFFF;
        text-decoration: none;
        color: #22D4E7;
        border: 2px solid #22D4E7;
    }

.section-blue .btnTileMonCompte-blue:hover {
    background-color: #22D4E7;
    text-decoration: none;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}



.section-white .btnTileMonCompte-green {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 8rem 0 8rem 0;
    background-color: #B0E53D;
    text-decoration: none;
    color: #fff;
}

.section-white .btnTileMonCompte-radius-opposite-green {
    font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    width: 16rem;
    height: 16rem;
    line-height: 1.1rem;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
    border-radius: 0 8rem 0 8rem;
    background-color: #B0E53D;
    text-decoration: none;
    color: #fff;
}

    .section-white .btnTileMonCompte-green img, .section-white .btnTileMonCompte-radius-opposite-green img {
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        top: 50%;
    }

    .section-white .btnTileMonCompte-green p, .section-white .btnTileMonCompte-radius-opposite-green p {
        font-family: "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.1rem;
        font-size: 0.9rem;
        font-weight: bold;
        box-sizing: border-box;
        border-style: none;
        text-align: center;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        max-height: 100%;
        padding-top: 40px;
    }

    .section-white .btnTileMonCompte-green:hover, .section-white .btnTileMonCompte-radius-opposite-green:hover {
        background-color: #FFFFFF;
        text-decoration: none;
        color: #B0E53D;
        border: 2px solid #B0E53D;
    }


#map {
    height: 400px;
    width: 100%;
    background-color: rgb(229, 227, 223);
}

.radio-btn-group {
    /*display: flex;*/
}

    .radio-btn-group .radio {
        margin: 0 .25rem;
    }

    .radio-btn-group label {
        overflow: visible;
        vertical-align: baseline;
        cursor: pointer;
        -webkit-appearance: button;
        display: inline-block;
        min-height: 38px;
        min-width: 16rem;
        word-spacing: normal;
        position: relative !important;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent;
        max-width: 100%;
        box-sizing: border-box;
        font: normal bold 12px / 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
        border: 5px solid #8E8585;
        border-radius: 10px 0 !important;
        text-transform: uppercase !important;
        padding: 17px 30px !important;
        transition: all .2s ease-out;
        white-space: normal !important;
        word-wrap: break-word;
        text-align: center;
        clear: both;
        font-size: 16px !important;
        line-height: 18px !important;
        box-shadow: none;
        color: #FFFFFF;
        background: #8E8585;
        text-transform: uppercase;
    }

        .radio-btn-group label:hover {
            background-color: #0b1428 !important;
            border: 5px solid #0b1428;
            color: #FFFFFF !important;
        }

    .radio-btn-group:hover {
        /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
    }

    .radio-btn-group input[type="radio"] {
        visibility: hidden;
    }

.fImmat {
    text-transform: uppercase;
}


.input-radio-space label {
    margin: 0 10px 0 10px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #0b1428;
}

.message-code-promo {
    font: normal bold 14px "Signika Negative", Helvetica, Arial, Verdana, sans-serif !important;
    color: #FFFFFF;
    /*background-color: #FCCF36 !important;*/
    /*color: #606060;*/
    color: #FFFFFF;
    text-align: center;
}

.margin-0px {
    margin: 0px !important;
}


a.scroll-top.on {
    left: 10px !important;
}

.options-text ul li::before {
    content: "";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #fff;
    width: 8px;
    height: 8px;
    background: white;
    margin-right: 14px;
}

.options-text ul li {
    list-style: none;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 400;
}

#toggle-options button {
    border-radius: 10px 0;
    background: none;
    border: 1px solid white;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    padding: 15px 25px;
}

.options-text {
    display: none;
}

.main-nav > li {
    cursor: pointer !important;
}
/* LOGOS */

.logo-box {
    padding: 10px 0 !important;
}

a.same-logo {
    padding: 10px 0;
}

.page-id-2357 .top-bar-bg,
.page-id-2523 .top-bar-bg,
.page-id-2293 .top-bar-bg {
    background-color: #8E8585 !important;
}

.page-id-2357 #phantom .top-bar-bg,
.sticky-on .top-bar-bg,
.sticky-top-line-on .top-bar-bg,
.page-id-2523 #phantom .top-bar-bg,
.sticky-on .top-bar-bg,
.sticky-top-line-on .top-bar-bg,
.page-id-2293 #phantom .top-bar-bg,
.sticky-on .top-bar-bg,
.sticky-top-line-on .top-bar-bg {
    background-color: #F0168B !important;
}

.page-id-2145 #phantom .top-bar-bg,
.sticky-on .top-bar-bg,
.sticky-top-line-on .top-bar-bg {
    background-color: #F0168B !important;
}

.page-id-2145 .logo-box a img,
.page-id-2145 .branding a img,
.page-id-2145 .mobile-header-bar .mobile-branding img,
.page-id-2357 .logo-box a img,
.page-id-2357 .branding a img,
.page-id-2357 .mobile-header-bar .mobile-branding img,
.page-id-2293 .logo-box a img,
.page-id-2293 .branding a img,
.page-id-2293 .mobile-header-bar .mobile-branding img,
.page-id-2329 .logo-box a img,
.page-id-2329 .branding a img,
.page-id-2329 .mobile-header-bar .mobile-branding img {
    display: none !important;
    z-index: -88888;
}

.page-id-2145 a.same-logo,
.page-id-2145 .logo-box,
.page-id-2145 .mobile-branding a.same-logo {
    display: block;
    width: 98px;
    height: 98px;
    background: url('<%=System.Configuration.ConfigurationManager.AppSettings("UrlRootSite").ToString %>/wp-content/uploads/2020/03/logo-pink.png') no-repeat;
    background-size: 75px;
    background-position: center;
}

.page-id-2357 a.same-logo,
.page-id-2357 .logo-box,
.page-id-2357 .mobile-branding a.same-logo,
.page-id-2293 a.same-logo,
.page-id-2293 .logo-box,
.page-id-2293 .mobile-branding a.same-logo,
.page-id-2329 a.same-logo,
.page-id-2329 .logo-box,
.page-id-2329 .mobile-branding a.same-logo {
    display: block;
    width: 98px;
    height: 98px;
    background: url(<%= System.Configuration.ConfigurationManager.AppSettings("UrlRootSite").ToString %>wp-content/uploads/2020/03/logo-black-e1584012917202.png) no-repeat;
    background-size: 75px;
    background-position: center;
}

.card_garantie-inner h4 {
    font-size: 20px;
    line-height: 26px;
}

.content_card-garantie {
    height: 450px;
    overflow: hidden;
}

    .content_card-garantie > div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 auto;
    }

.card_garantie-inner {
    flex: 1 1 auto;
    height: 100%;
    padding: 15px 0px;
}

.text_block-title {
    padding: 20px 0;
    border-radius: 10px 0;
}

    .text_block-title.blue-gradient {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1bd1e7+0,5cdceb+100 */
        background: #1bd1e7;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #1bd1e7 0%, #5cdceb 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #1bd1e7 0%, #5cdceb 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #1bd1e7 0%, #5cdceb 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1bd1e7', endColorstr='#5cdceb', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    .text_block-title.pink-gradient {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0168b+0,f55bae+100 */
        background: #f0168b;
        /* Old browsers */
        background: -moz-linear-gradient(45deg, #f0168b 0%, #f55bae 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, #f0168b 0%, #f55bae 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, #f0168b 0%, #f55bae 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0168b', endColorstr='#f55bae', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    .text_block-title h3 {
        text-transform: uppercase;
        font-size: 24px;
    }

.wpb_text_column.wpb_content_element.text-block_inner {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.block_card > div {
    border-radius: 10px 0 0 0 !important;
}

.content .uvc-sub-heading {
    font-weight: 300 !important;
}

.vc_custom_1583698142216 {
    background-position: center bottom !important;
}

.img-contact {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.img-job {
    position: absolute;
}

.img-contact img {
    max-width: 240px !important;
    width: 240px;
}

.form-particulier-particulier input.wpcf7-form-control.wpcf7-submit {
    background: #F0168B !important;
    border: 1px solid #F0168B;
}

.overflow-visible {
    overflow: visible !important;
}

.text-icon {
    margin-bottom: 15px !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}
/* HEADER */

.masthead,
.transparent:not(.photo-scroller-album) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on),
.transparent .sticky-on.masthead.masthead-mobile {
    box-shadow: 3px 0px 26px #0000000d !important;
    /* 	border-bottom: 1px solid black !important; */
}
/* BUTTON STYLES */

a.lowercase-btn {
    text-transform: lowercase !important;
}

.header-elements-button-1 {
    border-radius: 10px 0 !important;
}

a.btn-style_radius {
    border-radius: 10px 0 !important;
    text-transform: uppercase;
    margin: 20px 0;
    padding: 17px 30px !important;
    transition: all .2s ease-out;
    white-space: normal;
    word-wrap: break-word;
}

a.style_2 {
    background: #0B1428 !important;
    color: #fff !important;
    box-shadow: 0px 3px 8px #00000030 !important;
    font-weight: 600;
}

    a.style_2:hover {
        font-weight: 700 !important;
    }

.radius-form {
    background-color: #fff;
    box-shadow: 0px 3px 26px #00000017;
    border-radius: 45px 0;
}
/* MAIN */

.img-slide {
    min-height: 420px;
}

.list-items ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-items ul li {
        list-style: none;
        font-weight: 600;
        margin-bottom: 12px;
    }

.ult_modal-body {
    padding: 0;
}

#video-direct-garantie {
    cursor: pointer !important;
}

.ult_modal-content {
    border: none !important;
}
/* PASTILLE */

.simuler-offre {
    background-color: #F0168B;
    padding: 20px 0;
    width: 120px !important;
    border-radius: 10px 0 0 0;
}

    .simuler-offre.blue {
        background-color: #1BD1E7;
    }

.table-info img {
    width: 1000px;
    grid-auto-columns: auto;
}
/* FAQ */

.vc_toggle {
    border: 1px solid #6a799054;
    padding: 15px 15px;
}

.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
    float: right;
}

.rubrique-articles .vc_toggle {
    border: none;
    display: none;
}

.links-faq,
.links-rubrique {
    border: 1px solid #6a799054;
    border-radius: 16px 0;
}

.ult_main_cl {
    margin: 0 !important;
    padding: 18px 0;
}

.ult-sticky-section.ult-sticky.links-rubrique > span {
    border-bottom: 1px solid #6a799054;
}

    .ult-sticky-section.ult-sticky.links-rubrique > span:last-child {
        border-bottom: 0 !important;
    }

.ult-sticky-section.ult-sticky.links-faq span:nth-child(2) {
    border-top: 1px solid #6a799054;
    border-bottom: 1px solid #6a799054;
}
/* FORM */

form#wpforms-form-2313 {
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.form_call-back .wpforms-field-container {
    margin-right: 20px !important;
}

div.wpforms-container-full {
    margin-bottom: 0 !important;
}

button#wpforms-submit-2313,
button#wpforms-submit-2259 {
    border-radius: 10px 0;
    background: #1BD1E7;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border: none;
    box-shadow: 0px 3px 16px #0000001f;
}

.form-particulier button#wpforms-submit-2313 {
    background: #F0168B !important;
}

button#wpforms-submit-2259 {
    padding: 15px 45px;
    font-size: 14px;
}

form#wpforms-form-2480 {
    display: flex;
}

.wpforms-submit-container {
    text-align: center;
}

button#wpforms-submit-2480 {
    margin-left: 5px;
    color: #0B1428;
    background: #fff;
    border: none;
    border-radius: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
}
/* FOOTER */

.custom-nav > li > a {
    padding: 0 0 4px !important;
}

.soc-ico a:after,
.soc-ico a:before {
    width: 32px !important;
    height: 32px !important;
}

.masthead .mega-menu-widgets .soc-ico a,
.soc-ico a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 0 !important;
    margin: 0 2px !important;
    background: white !important;
}

.footer .soc-ico a:not(:hover) .soc-font-icon {
    color: #0b1428;
}

.footer .widget-title {
    font-weight: 600;
}

.owl-carousel .owl-stage-outer {
    margin: 0 auto;
}

article {
    background: none !important;
}

a.dt-btn-s.dt-btn.post-details.details-type-btn {
    background: #0B1428 !important;
    padding: 12px 25px;
    border-radius: 10px 0;
    color: #fff !important;
}

.content-bg-on.centered-layout-list article,
.content-bg-on.classic-layout-list article {
    /* 	background: transparent !important; */
}

h3.entry-title {
    line-height: 29px !important;
    font-size: 20px;
    margin-bottom: 20px !important;
}

a.dt-btn-s.dt-btn.post-details.details-type-btn {
    padding: 17px 35px;
    font-size: 16px;
    text-transform: uppercase;
}

    a.dt-btn-s.dt-btn.post-details.details-type-btn i {
        display: none;
    }

.cards {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.cards__item {
    display: -webkit-box;
    display: flex;
    padding: 0 1%;
}

.inner__text {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

    .inner__text div {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 40rem) {
    .cards__item {
        width: 50%;
    }
}

@media (min-width: 56rem) {
    .cards__item {
        width: 31%;
    }
}

.card {
    background-color: white;
    /*   border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); */
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
}
/* .card:hover .card__image {
  -webkit-filter: contrast(100%);
          filter: contrast(100%);
} */

.card__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 1rem;
}

.card__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*   border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; */
    /*   -webkit-filter: contrast(70%);
          filter: contrast(70%); */
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}

    .card__image::before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

@media (min-width: 40rem) {
    .card__image::before {
        padding-top: 66.6%;
    }
}

.card__image--commercial {
    background-image: url('<%=System.Configuration.ConfigurationManager.AppSettings("UrlRootSite").ToString%>wp-content/uploads/2020/03/Groupe-79.png');
}

.card__image--client {
    background-image: url('<%=System.Configuration.ConfigurationManager.AppSettings("UrlRootSite").ToString%>wp-content/uploads/2020/03/Groupe-77-1.png');
}

.card__image--technique {
    background-image: url('<%=System.Configuration.ConfigurationManager.AppSettings("UrlRootSite").ToString%>wp-content/uploads/2020/03/Groupe-78.png');
}

.card__title {
    color: #696969;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card__text {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.card__content {
    text-align: center;
}

    .card__content h2 {
        letter-spacing: 0;
    }

.content ul {
    margin: 0;
}

.main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text {
    color: #0b3655;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    a.btn-style_radius {
        font-size: 14px !important;
        margin: 0 8px 12px 0;
    }

    .icon-with-text-shortcode.layout-5 {
        margin-bottom: 35px;
    }

    .cards__item {
        margin-bottom: 15px 0;
    }

    .responsive-font-class.ult-responsive p {
        text-align: left !important;
        width: 100%;
    }

    h3.ult-responsive.new-cust-responsive-class {
        font-weight: 700 !important;
        font-size: 18px !important;
    }
}

#main {
    padding-top: 0px;
    padding-bottom: 0px;
}

@Media screen and (max-width: 778px) {
    #main {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.container {
    max-width: 1100px;
    overflow-y: auto;
}

.field-validation-error-white {
    color: white !important;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.section-white .a-blue {
    font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #22D4E7;
    text-decoration: underline;
}

.section-white .a-blue-big {
    font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #22D4E7;
    text-decoration: underline;
}

.section-white .a-green {
    font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #B0E53D;
    text-decoration: underline;
}

.section-white .a-green-big {
    font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #B0E53D;
    text-decoration: underline;
}

.a-grey {
    font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #8E8585;
    text-decoration: underline;
}

.section-white .a-grey {
    font: normal 16px / 24px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #8E8585;
    text-decoration: underline;
}

.a-grey-medium {
    font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #8E8585;
    text-decoration: underline;
}


.a-grey-big {
    font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #8E8585;
    text-decoration: underline;
}

.section-white .a-grey-big {
    font: normal 20px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    color: #8E8585;
    text-decoration: underline;
}

.textbox-green {
    background-color: #CCFF5E !important;
    color: black !important;
    font-size: 1.5rem !important;
}

.section-white .txt-label, .section-grey .txt-label {
    color: #0F0F0F;
    font: normal 16px "Signika Negative", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    font-weight: bold;
}