font-family: 'Arimo', sans-serif;
 font-family: 'Arimo', sans-serif;
 font-weight:300 400 600 
/* MARGIN */
 .m-0{
     margin:0;
}
 .m-1{
     margin:10px;
}
 .m-2{
     margin:20px;
}
 .m-3{
     margin:30px;
}
 .m-4{
     margin:40px;
}
 .m-5{
     margin:50px;
}
 .mx-0{
     margin-right:0;
     margin-left:0;
}
 .mx-1{
     margin-right:10px;
     margin-left:10px;
}
 .mx-2{
     margin-right:20px;
     margin-left:20px;
}
 .mx-3{
     margin-right:30px;
     margin-left:30px;
}
 .mx-4{
     margin-right:40px;
     margin-left:40px;
}
 .mx-5{
     margin-right:50px;
     margin-left:50px;
}
 .my-0{
     margin-top:0;
     margin-bottom:0;
}
 .my-1{
     margin-top:10px;
     margin-bottom:10px;
}
 .my-2{
     margin-top:20px;
     margin-bottom:20px;
}
 .my-3{
     margin-top:30px;
     margin-bottom:30px;
}
 .my-4{
     margin-top:40px;
     margin-bottom:40px;
}
 .my-5{
     margin-top:50px;
     margin-bottom:50px;
}
/* PADDING */
 .p-0{
     padding:0;
}
 .p-1{
     padding:10px;
}
 .p-2{
     padding:20px;
}
 .p-3{
     padding:30px;
}
 .p-4{
     padding:40px;
}
 .p-5{
     padding:50px;
}
 .px-0{
     padding-right:0;
     padding-left:0;
}
 .px-1{
     padding-right:10px;
     padding-left:10px;
}
 .px-2{
     padding-right:20px;
     padding-left:20px;
}
 .px-3{
     padding-right:30px;
     padding-left:30px;
}
 .px-4{
     padding-right:40px;
     padding-left:40px;
}
 .px-5{
     padding-right:50px;
     padding-left:50px;
}
 .py-0{
     padding-top:0;
     padding-bottom:0;
}
 .py-1{
     padding-top:10px;
     padding-bottom:10px;
}
 .py-2{
     padding-top:20px;
     padding-bottom:20px;
}
 .py-3{
     padding-top:30px;
     padding-bottom:30px;
}
 .py-4{
     padding-top:40px;
     padding-bottom:40px;
}
 .py-5{
     padding-top:50px;
     padding-bottom:50px;
}
 body {
     font-family: 'Arimo', sans-serif;
     color: #262626;
     background: #fff;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
}
 p {
     font-family: 'Arimo', sans-serif;
     color:black;
     font-size:18px;
     line-height:20px;
}
 a {
     font-family: 'Arimo', sans-serif;
     color: #fff;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 a:link, a:visited {
     color: #fff;
     outline: none;
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
}
 h1 {
     font-family: 'Arimo', sans-serif;
     font-weight: 600;
     
     line-height: 1.3em;
     color: #000;font-size:19px
}
 h2, h3, h4, h5, h6 {
     font-family: 'Arimo', sans-serif;
     color: #d1dfee;
     font-weight: 400;
}
 h2 {
     font-size: 34px;
     line-height: 1.2em;
     padding-top: 10px;
     padding-bottom: 10px;
     color: #000;
}

 h3 {
     font-size: 19px;
     font-weight:600;
     color:#d1dfee;
     line-height: 1.10em;
     padding: 10px 0;
}
 ::-webkit-selection {
     color: #fff;
     background: #d1dfee;
}
 ::-moz-selection {
     color: #fff;
     background: #d1dfee;
}
 ::selection {
     color: #fff;
     background: #d1dfee;
}
 .btn {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 19px;
     background-color: #f2c353;
     color: #000;
     -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
     -ms-border-radius: 40px;
     border-radius:40px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     padding: 12px 30px;
}
 .btn:hover, .btn:active, .btn:focus {
     box-shadow: none !important;
     outline: none !important;
     color: white;
     background-color: #a5a587;
}

 .img {
     margin: 0;
     padding: 0;
}
 .gras {
     font-weight: 600;
}
 .fin {
     font-weight: 300;
}
 .noir{
     color:black;
}
 .bullet::before{
     content: '';
     position: absolute;
     z-index: 0;
     display: inline-block;
     height: 1em;
     width: 12px;
     border-bottom: 12px solid rgba(212, 42, 42, 0.6);
     margin-top: 1px;
     left:20px;
}

.txtBox {
   line-height: 3em;
}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}



.emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}


@media all and (max-width: 768px) {
  h1 {
    font-size: 1.5rem;
  }
  
  li {
    font-size: 1.125rem;
    padding: .75rem;
  }
  
  li span {
    
  }
}
        
/************ SECTION ************/
 .container-fluid {
     padding: 15px;
     margin: 0;
}
 #part1 {
     margin: 0;
     padding: 30px 0;
     background-color:#f7f7f7;
}
 #part2 {
     margin: 0;
     padding: 50px 0;
     background-color:#fff;
}
 .list {
     text-align: left;
}
 .flex{
     display:flex;
}
 .flexitude{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-items:flex-start;
}
 .flexitude-header{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-items:flex-start;
}
 .surface{
     background-color:#9fd381;
     color:#fff;
     padding:10px;
     margin:5px;
}
 .bloc-coche{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-around;
     align-items: center;
     align-content: stretch;
     margin-bottom:10px;
}
 .coche{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-around;
     align-items: center;
     align-content: stretch;
}
 .titre-coche{
     background-color: transparent;
     color: #000;
     font-weight:600;
     padding: 5px 10px;
     margin-left:-7px;
     font-size: 12px;
     text-transform:uppercase;
     padding-top: 8px;
}
 .coche > label {
     font-weight:500;
}
 .coche > input{
     margin-left:3px;
     width: 15px;
     height: 15px;
}
 footer {
     background-color:#e0e0e0;
     padding:60px 0;
}
/************ HEADER ************/
 .logo {
     padding-top: 10px;
     padding-bottom: 10px;
     width: 250px;
}
 .titre-nav {
     font-size: 18px;
}
 .promo {
     position: relative;
     top: 100px;
     left: 0;
     width: 250px;
}
 .titre-formulaire {
     text-align: center;
     margin:0;
     line-height: 32px;
}
 .form-group {
     margin-bottom: 0;
}
 .form-control {
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.2);
     height: 38px;
     font-size: 13px;
     font-weight: 300;
}
 .form-control:active, .form-control:focus {
     outline: none;
     box-shadow: none;
     border-color: #f16145;
}
 .blocformulaire {
     background-color: #fff;
     margin: 50px 0;
     padding: 20px 20px 15px 20px;
     z-index: 3;
     height: 50rem;
    
     
}
 .blocformulaire-header {
     background:transparent;
     margin: 0px 0;
     padding: 20px 20px 15px 20px;
     z-index: 3;
     border-radius: 4px;
     //box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
 label {
     font-weight: lighter;
     color: #000;
     font-size: 14px;
     margin: 0;
     padding: 0;
     margin-top: 5px;
}
 input[type=button], input[type=submit], input[type=reset] {
     margin: 20px 0 
}



/************ RESPONSIVE ************/

#bilan {font-size: 41px; text-align: center;color: #77ae7e}
#masque_2 {position:relative;bottom:90px;left: 170px;}
#header {height:100%;}
#logo {width:550px;padding-right: 115px;}
#horloge {width: 450px}

@media (min-width: 769px) {h1 {font-family: 'Arimo', sans-serif;font-weight: 600;font-size: 36px;line-height: 1.3em;color: #000;font-size:16px}#part3 {display: none;}#offre {display: none;} }

@media (max-width: 769px) {#bilan {font-size: 31px; text-align: center;color: #77ae7e}#femme_jaune {display: none;}.display_logo {display:none;}#disapear_incentive {display:none;}#part2 {display: none;}}

@media (max-width: 900px) {#logo {width:301px;padding-right: 30px;}}
 
 
 @media (max-width: 800px) {
      
     .titre-nav {
         font-size: 12px;
    
    }
     .blocformulaire {
         padding: 10px;
         margin: 10px 0;
    }
     
    }
     h2{
         text-align:center;
         font-size: 36px;
    }
     .form-control {
         height:32px;
         border: 1px solid rgba(0, 0, 0, 0.2);
    }
     .btn{
         font-size:15px;
         padding:10px 25px;
    }
     #part1{
         margin:0;
         padding:30px 0;
    }
    
     #part2{
         padding:30px 0;
    }
     
     .flex{
         display:block;
    }
     .flexitude-header{
         display: block;
         margin:0;
         padding:0;
         column-count: 2;
    }
     .surface{
         background-color:#9fd381;
         color:#fff;
         padding:0px;
         margin:5px;
         line-height: 35px;
    }
     .surface:first-child{
         margin:0 5px;
    }
     .list{
         text-align:center;
    }
     .blocformulaire {
         background-color:#fff;
         margin: 10px 0;
         padding: 20px 20px 15px 20px;
         z-index: 3;
        
          
    }
     .blocformulaire-header {
         background:transparent;
         margin: 20px 0;
         padding: 20px 20px 15px 20px;
         z-index: 3;
         border-radius: 4px;
         box-shadow:none;
    }
     footer{
         padding:30px 0;
    }
}