/*
Author Name: A K M Nazmul Islam
Author URL: https://www.nazmul99.com/
Theme Name: MyCarena
Version: 1.0
*/

/*
** Global CSS
** Header Section

01. Home Top Section
02. Decouvrez Les Section
03. Comment Imaginez Section
04. Le Systeme Section
05. Ou Sera Place Section
06. La Protection Section
07. Une Gamme Section
08. Contact Section

** Footer Section
** Media Query
*/

/*------------------------ Global CSS --------------------- */
html, body {
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin: 0;
    overflow-x: hidden!important;
}
.common-btn{
    background-color: #ee2f36;
    color: #fff;
    font-size: 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 6px 24px;
    cursor: pointer;
}
.common-btn:hover{
    background-color: #1F749C;
    color: #fff;
    border: 1px solid transparent;
    -moz-box-shadow: 0px 10px 30px 0px rgba(31,116,156,0.5);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(31,116,156,0.5);
    box-shadow: 0px 10px 30px 0px rgba(31,116,156,0.5);
}
.common-btn:focus{
    box-shadow: none; 
}
a:hover{
    color: #fff;
    text-decoration: none;
}
input.form-control.form-group {
    box-shadow: none;
/*    text-align: center;*/
}
.img-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.divider{
    border-bottom: 1px solid #D1DCE4;
}
.timer-1 {
    visibility: visible;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.timer-2 {
    visibility: visible;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.timer-3 {
    visibility: visible;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

/*------------------------ Header Section --------------------- */
.header{
    border-bottom: 1px solid #f1f1f1;
}
.header .header-text{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 16px;
    margin-top: 28px;
}
.header .header-text span{
    color: #1F749B;
    font-weight: 600;
}
.header .flag{
    background: #e6f0f4;
    border-radius: 8px;
    margin-top: 13px;
    float: right;
}

/*------------------------ Home Top Section --------------------- */
.home-top-section{
    padding: 0;
}
.home-top-section .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.home-top-section #topCarousel img{
    width: 100%;
}
.home-top-section .slider-text-1{
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    max-width: 566px;
    position: absolute;
    top: 28%;
    left: 50%;
    font-size: 31px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.07085715px;
}
.home-top-section .slider-text-2{
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    max-width: 566px;
    position: absolute;
    top: 6%;
    left: 50%;
    font-size: 31px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.07085715px;
}
.home-top-section .slider-text-3{
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    max-width: 566px;
    position: absolute;
    top: 28%;
    left: 11%;
    font-size: 31px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 10px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.07085715px;
}

/*------------------------ Decouvrez Les Section --------------------- */
.decouvrez-les-section{
    background: rgba(241,241,241,0.4);
    padding: 50px 20px 100px;
}
.decouvrez-les-section .left-side{
    padding: 0 40px 0 0;
}
.decouvrez-les-section h1{
  text-align: center; 
  color: #2881AA; 
  font-size: 30px; 
  font-weight: 700; 
  margin-bottom: 40px;
}
.decouvrez-les-section .left-side h2{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
/*    margin-top: 68px;*/
}
.decouvrez-les-section .left-side p{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    opacity: 0.710676;
}
.decouvrez-les-section .right-side .form {
    background-color: #fff;
    padding: 40px;
    border-radius: 16px;
    -moz-box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
    -webkit-box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
    box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
}
.decouvrez-les-section .right-side .form .top-text{
    color: #2a2a2a;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.0831169px;
    margin-bottom: 12px;
}
.decouvrez-les-section .right-side .form button i{
    position: relative;
    top: 2px;
    margin-left: 30px;
}
.decouvrez-les-section .right-side .form .bottom-text{
    font-family: 'Raleway', sans-serif;
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.0831169px;
    opacity: 0.8311244;
    margin-top: 12px;
    margin-bottom: 0;
}
.clsLien{
    font-family: 'Raleway', sans-serif;
    color: #2a2a2a;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.0831169px;
    opacity: 0.8311244;
    margin-top: 12px;
    margin-bottom: 0;
    text-decoration: underline;
}
.clsLien:hover{
    color: #2a2a2a;
}

.decouvrez-les-section .contact-btn{
/*    display: block;*/
    margin: 42px auto 0;
/*    padding: 6px 60px;*/
}
.decouvrez-les-section .contact-btn i{
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    top: 1px;
}

/*------------------------ Comment Imaginez Section --------------------- */
.comment-imaginez-section{
    padding: 100px 0;
    background-color: #2881AA;
}
.comment-imaginez-section h2{
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.comment-imaginez-section p{
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.225px;
    opacity: 0.72;
    margin-top: 25px;
}

/*------------------------ Le Systeme Section --------------------- */
.le-système-section{
    padding: 100px 0;
}
.le-système-section h2{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.le-système-section ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.le-système-section ul li{
    list-style-type: none;
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    opacity: 0.8;
    margin-top: 15px;
    padding-right: 30px;
}
.le-système-section ul li:before {
    content: "\2022";
    color: #2881AA;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}
.le-système-section p {
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-top: 15px;
}
.le-système-section .box-heading {
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 20px;
    margin-left: 20px;
}
.le-système-section .white-box {
    background-color: rgba(255,255,255,0.06);
    padding: 20px;
    border-radius: 6px;
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
}
.le-système-section .box-heading-text-left {
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-left: 20px;
}
.le-système-section .box-heading-text-right,
.le-système-section .box-heading-text-right a {
    font-family: 'Raleway', sans-serif;
    color: #2981ab;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-left: 20px;
}
.le-système-section .box-heading-text-right span{
    font-style: italic;
}
.le-système-section .divider {
    margin-top: 12px;
    margin-bottom: 12px;
}

/*------------------------ Tringle de sécurité --------------------- */
.tringle-de-securite{
    background: rgba(241,241,241,0.4);
    padding: 70px 0;
}
.tringle-de-securite h2{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.tringle-de-securite .sub-title{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.225px;
    opacity: 0.72;
    margin-top: 25px;
    margin-bottom: 25px;
}
.tringle-de-securite p{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-top: 15px;
}

/*------------------------ Ou Sera Place Section --------------------- */
.ou-sera-place-section{
    background-color: rgba(255,255,255,0.06);
    padding: 100px 0;
}
.ou-sera-place-section h2{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.ou-sera-place-section p{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.225px;
    opacity: 0.72;
    margin-top: 25px;
    margin-bottom: 50px;
}
.ou-sera-place-section .white-box {
    height: 360px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06);
}
.ou-sera-place-section .white-box h3{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 0px 15px;
}
.ou-sera-place-section .white-box h3 .number-bg{
    background: #def4ff;
    padding: 8px 10px;
    border-radius: 56px;
    margin-right: 15px;
}
.ou-sera-place-section .white-box h3 .number-bg .number{
    position: relative;
    left: 5px;
    bottom: -5px;
    font-family: 'Raleway', sans-serif;
    color: #21759d;
    font-size: 44px;
    font-style: italic;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;

}
.ou-sera-place-section .white-box p{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.225px;
    opacity: 0.82;
    margin-top: 25px;
    padding: 0px 15px;
}


/*------------------------ La Protection Section --------------------- */
.la-protection-section{
    padding: 100px 0;
    background-color: #2881AA;
}
.la-protection-section h2{
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.la-protection-section p{
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.225px;
    opacity: 0.89;
    margin-top: 25px;
}

/*------------------------ Une Gamme Section --------------------- */
.une-gamme-section{
    padding: 100px 0;
}
.une-gamme-section h2{
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
}
.une-gamme-section ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.une-gamme-section ul li{
    list-style-type: none;
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 17px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-top: 15px;
    padding-right: 30px;
}
.une-gamme-section ul li:before {
    content: "\2022";
    color: #2881AA;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}
.une-gamme-section p {
    font-family: 'Raleway', sans-serif;
    color: #323158;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-top: 15px;
}

/*------------------------ Contact Section --------------------- */
.contact-section{
    background: rgba(241,241,241,0.4);
    padding: 100px 0;
}
.contact-section .form {
    background-color: #fff;
    padding: 60px;
    border-radius: 16px;
    -moz-box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
    -webkit-box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
    box-shadow: 0px 16px 46px 0px rgba(27,84,111,0.08);
}
.contact-section .form .top-text{
    color: #2a2a2a;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.0831169px;
    margin-bottom: 12px;
}
.contact-section .form button i{
    position: relative;
    top: 2px;
    margin-left: 30px;
}
.contact-section .form .bottom-text{
    font-family: 'Raleway', sans-serif;
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.0831169px;
    opacity: 0.8311244;
    margin-top: 12px;
    margin-bottom: 0;
}
/*------------------------ Footer Section --------------------- */
.footer{
    background-color: #1f749c;
    padding: 28px 0 8px;
}
.footer .social-media{
    text-align: center;
    margin-top: 20px;
}
.footer .social-media i {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 28px;
    cursor: pointer;
}
.footer .social-media i:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #2a2a2a;
}
.footer .social-media .fa-facebook {
    padding: 10px 12px;
}
.footer .social-media .fa-linkedin {
    padding: 10px 12px;
}
.footer .social-media .fa-twitter {
    padding: 10px 10px;
}
.footer .social-media .fa-google-plus {
    padding: 10px 7px;
}
.footer .social-media .fa-instagram {
    padding: 10px 10px;
}
.footer p{
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    margin-bottom: 0;
    opacity: 0.6;
}
.footer a{
    color: #fff;
}

.centrer {
  text-align: center;
}
.margBot40 {
  margin-bottom: 40px;
}
.backgroundWhite {
  background: #fff;
}

.floating-box {
    font-family: sans-serif;
    background-color: #346ebd;
    color: #ffffff;
    font-size: 12px;
    width: 125px;
    position: fixed;
    top: 17%;
    right: 0;
    padding: 10px;
    border-bottom-left-radius: 8px; 
    border-top-left-radius: 8px;
    z-index: 999;
}

/*------------------------ Media Queries --------------------- */

@media (max-width: 575px) {
    .floating-box {
        display: none;
    }
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
    .header .header-text {
        font-size: 14px;
        margin-top: 12px;
    }
    .header .flag {
        margin-top: -118px;
        float: right;
        margin-bottom: 12px;
    }
    .home-top-section .slider-text-1 {
        font-size: 16px;
        top: 18%;
        left: 0;
    }
    .home-top-section .slider-text-2 {
        font-size: 12px;
    }
    .home-top-section .slider-text-3 {
        font-size: 16px;
        top: 18%;
        left: 0;
        right: 0;
    }
    .decouvrez-les-section {
        padding: 50px 0;
    }
    .decouvrez-les-section .left-side h2 {
        font-size: 24px;
        margin-top: 0;
    }
    .decouvrez-les-section .left-side p {
        margin-bottom: 30px;
    }
    .decouvrez-les-section .right-side .form {
        padding: 20px;
    }
    .decouvrez-les-section .right-side .form .top-text {
        font-size: 18px;
    }
    .decouvrez-les-section .right-side .form .bottom-text {
        font-size: 16px;
    }
    .decouvrez-les-section .contact-btn {
        margin: 25px auto 0;
    }
    .comment-imaginez-section {
        padding: 50px 0;
    }
    .comment-imaginez-section h2 {
        font-size: 24px;
    }
    .comment-imaginez-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .comment-imaginez-section br {
        display: none;
    }
    .le-système-section {
        padding: 50px 0;
    }
    .le-système-section h2 {
        font-size: 24px;
    }
    .le-système-section .box-heading {
        padding: 5px 20px;
        margin-left: 0;
    }
    .le-système-section .box-heading-text-left {
        margin-left: 0;
        margin-bottom: 8px;
    }
    .le-système-section .box-heading-text-right,
    .le-système-section .box-heading-text-right a {
        margin-left: 0;
    }
    .le-système-section .divider {
        margin-top: 15px;
    }
    .ou-sera-place-section {
        padding: 50px 0;
    }
    .ou-sera-place-section h2 {
        font-size: 24px;
    }
    .ou-sera-place-section p {
        margin-top: 15px;
        margin-bottom: 22px;
    }
    .ou-sera-place-section br {
        display: none;
    }
    .ou-sera-place-section .white-box {
        height: 460px;
    }
    .ou-sera-place-section .white-box h3 {
        padding: 0px 10px;
    }
    .ou-sera-place-section .white-box p {
        margin-top: 15px;
        padding: 0px 10px;
    }
    .la-protection-section {
        padding: 50px 0;
    }
    .la-protection-section h2 {
        font-size: 24px;
    }
    .la-protection-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .une-gamme-section {
        padding: 50px 0;
    }
    .une-gamme-section h2 {
        font-size: 24px;
    }
    .une-gamme-section ul li {
        margin-top: 10px;
        padding-right: 0;
    }
    .une-gamme-section p {
        margin-bottom: 0;
    }
    .contact-section {
        padding: 50px 0;
    }
    .contact-section .form {
        padding: 20px;
    }
    .contact-section .form .top-text {
        font-size: 18px;
    }
    .contact-section .form .bottom-text {
        font-size: 16px;
    }
    .footer .social-media {
        text-align: left;
        margin-bottom: 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .floating-box {
        display: none;
    }
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
    .header .header-text {
        margin-top: 12px;
    }
    .header .flag {
        margin-top: -120px;
        float: right;
        margin-bottom: 12px;
    }
    .home-top-section .slider-text-1 {
        font-size: 16px;
        top: 28%;
        left: 50%;
    }
    .home-top-section .slider-text-2 {
        font-size: 14px;
    }
    .home-top-section .slider-text-3 {
        font-size: 16px;
        top: 28%;
        left: 0;
        right: 50%;
    }
    .decouvrez-les-section {
        padding: 50px 0;
    }
    .decouvrez-les-section .left-side h2 {
        font-size: 24px;
        margin-top: 0;
    }
    .decouvrez-les-section .left-side p {
        margin-bottom: 30px;
    }
    .decouvrez-les-section .right-side .form {
        padding: 20px;
    }
    .decouvrez-les-section .right-side .form .top-text {
        font-size: 18px;
    }
    .decouvrez-les-section .right-side .form .bottom-text {
        font-size: 16px;
    }
    .decouvrez-les-section .contact-btn {
        margin: 25px auto 0;
    }
    .comment-imaginez-section {
        padding: 50px 0;
    }
    .comment-imaginez-section h2 {
        font-size: 24px;
    }
    .comment-imaginez-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .comment-imaginez-section br {
        display: none;
    }
    .le-système-section {
        padding: 50px 0;
    }
    .le-système-section h2 {
        font-size: 24px;
    }
    .le-système-section .box-heading {
        padding: 5px 20px;
        margin-left: 0;
    }
    .le-système-section .box-heading-text-left {
        margin-left: 0;
        margin-bottom: 8px;
    }
    .le-système-section .box-heading-text-right,
    .le-système-section .box-heading-text-right a {
        margin-left: 0;
    }
    .le-système-section .divider {
        margin-top: 15px;
    }
    .ou-sera-place-section {
        padding: 50px 0;
    }
    .ou-sera-place-section h2 {
        font-size: 24px;
    }
    .ou-sera-place-section p {
        margin-top: 15px;
        margin-bottom: 22px;
    }
    .ou-sera-place-section br {
        display: none;
    }
    .ou-sera-place-section .white-box {
        height: 385px;
    }
    .ou-sera-place-section .white-box h3 {
        padding: 0px 10px;
    }
    .ou-sera-place-section .white-box p {
        margin-top: 15px;
        padding: 0px 10px;
    }
    .la-protection-section {
        padding: 50px 0;
    }
    .la-protection-section h2 {
        font-size: 24px;
    }
    .la-protection-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .la-protection-section br {
        display: none;
    }
    .une-gamme-section {
        padding: 50px 0;
    }
    .une-gamme-section h2 {
        font-size: 24px;
    }
    .une-gamme-section ul li {
        margin-top: 10px;
        padding-right: 0;
    }
    .une-gamme-section p {
        margin-bottom: 0;
    }
    .contact-section {
        padding: 50px 0;
    }
    .contact-section .form {
        padding: 20px;
    }
    .contact-section .form .top-text {
        font-size: 18px;
    }
    .contact-section .form .bottom-text {
        font-size: 16px;
    }
    .footer .social-media {
        text-align: left;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .floating-box {
        display: none;
    }
    .header .header-text {
        margin-top: 12px;
    }
     .header .flag {
        margin-top: -120px;
        float: right;
        margin-bottom: 12px;
    }
    .home-top-section .slider-text-1 {
        font-size: 20px;
        top: 25%;
        left: 50%;
    }
    .home-top-section .slider-text-2 {
        font-size: 20px;
        top: 12%;
        left: 50%;
    }
    .home-top-section .slider-text-3 {
        font-size: 20px;
        top: 25%;
        left: 0;
        right: 50%;
    }
    .decouvrez-les-section {
        padding: 50px 0;
    }
    .decouvrez-les-section .left-side h2 {
        font-size: 26px;
        margin-top: 0;
    }
    .decouvrez-les-section .left-side p {
        margin-bottom: 30px;
    }
    .decouvrez-les-section .right-side .form {
        padding: 20px;
    }
    .decouvrez-les-section .right-side .form .top-text {
        font-size: 16px;
    }
    .decouvrez-les-section .right-side .form .bottom-text {
        font-size: 15px;
    }
    .decouvrez-les-section .contact-btn {
        margin: 25px auto 0;
    }
    .comment-imaginez-section {
        padding: 50px 0;
    }
    .comment-imaginez-section h2 {
        font-size: 26px;
    }
    .comment-imaginez-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .le-système-section {
        padding: 50px 0;
    }
    .le-système-section h2 {
        font-size: 26px;
    }
    .le-système-section .box-heading {
        padding: 5px 20px;
        margin-left: 0;
    }
    .le-système-section ul li {
        padding-right: 10px;
    }
    .le-système-section .box-heading-text-left {
        margin-left: 0;
        margin-bottom: 8px;
    }
    .le-système-section .box-heading-text-right,
    .le-système-section .box-heading-text-right a {
        margin-left: 0;
    }
    .le-système-section .divider {
        margin-top: 15px;
    }
    .ou-sera-place-section {
        padding: 50px 0;
    }
    .ou-sera-place-section h2 {
        font-size: 26px;
    }
    .ou-sera-place-section p {
        margin-top: 15px;
        margin-bottom: 22px;
    }
    .ou-sera-place-section .white-box {
        height: 510px;
    }
    .ou-sera-place-section .white-box h3 {
        padding: 0px 10px;
    }
    .ou-sera-place-section .white-box p {
        margin-top: 15px;
        padding: 0px 10px;
    }
    .la-protection-section {
        padding: 50px 0;
    }
    .la-protection-section h2 {
        font-size: 26px;
    }
    .la-protection-section p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .une-gamme-section {
        padding: 50px 0;
    }
    .une-gamme-section h2 {
        font-size: 26px;
    }
    .une-gamme-section ul li {
        margin-top: 10px;
        padding-right: 0;
    }
    .une-gamme-section p {
        margin-bottom: 0;
    }
    .contact-section {
        padding: 50px 0;
    }
    .contact-section .form {
        padding: 20px;
    }
    .contact-section .form .top-text {
        font-size: 18px;
    }
    .contact-section .form .bottom-text {
        font-size: 16px;
    }
    .footer .social-media {
        text-align: left;
        margin-bottom: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home-top-section .slider-text-1 {
        font-size: 24px;
        top: 25%;
    }
    .home-top-section .slider-text-2 {
        font-size: 24px;
        top: 15%;
    }
    .home-top-section .slider-text-3 {
        font-size: 24px;
        top: 25%;
        left: 0%;
        right: 50%
    }
    .ou-sera-place-section .white-box {
        height: 410px;
    }
}

.floatLeft {
  float: left;
}
.padLR0 {
  padding-left: 0;
  padding-right: 0;
}
.centered {
  text-align: center;
}
.msgError {
  padding-top: 10px;
  color: red;
}
.msgOk {
  padding-top: 10px;
  color: green;
}
.nbr {
  font-family: sans-serif;
}
.padBot5 {
  padding-bottom: 5px;
}
.padTop40 {
  padding-top: 40px;
}

.tooltip-inner {
  max-width: 350px;
}
.imgAttention {
  height: 20px;
}
.msgRgpd {
  padding-top: 20px;
  font-size: 10px!important;
}

.footer .title{
  font-size: 18px;
  margin-bottom: 15px;
  color: #ffffff !important;
  font-weight: 700;
}
.footer .strong{
  font-size: 16px;
  margin-bottom: 5px;
  color: #ffffff !important;
  font-weight: 700;
}
.footer ol, ul {
  list-style: none;
  padding: 0;
  font-size: 12px;
}
.btnRecontacter {
  background-color: #164b8d;
}
.btnRdv {
  background-color: #3d74ba;
}