/*
  ORANGE : #f6b130; 
  JAUNE CLAIR : #FFEFAE
  GRIS CLAIR : #f5f5f5
  GRIS FONCE : #868786
  VERT #099735
  */
  body {
    font-family: 'Cabin', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #181716;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}
p{
  color: #181716;
}
h1 ,h2 ,h3 ,h4 ,h5, .h1, .h2, .h3, .h4{
  color: #181716;
}
h2, .h2{
  font-size: 2.3rem;
}
.smallfont{
  font-size:0.7rem
}
.text-yellow{
  color:#f6b130;
}
.bg-orange{
  background-color: #f6b130;
}
.text_greyd{
  color:#868786 !important;
}

.table-warning {
  --bs-table-bg: #FFEFAE;
  --bs-table-striped-bg: #FFEFAE;
  --bs-table-striped-color: #181716;
  --bs-table-active-bg: #FFEFAE;
  --bs-table-active-color: #181716;
  --bs-table-hover-bg: #FFEFAE;
  --bs-table-hover-color: #181716;
  color: #181716;
  border-color: #FFEFAE;
}

.topheader a{
  color: #fff;
  
}


#intro h1,#intro p,#intro .h3{
  color: #fff;
}
@media (max-width: 767.9px) {
  #intro{
    background-color: #181716;
    margin-top: 117px;
  
  }
  #hero {
    background-image: url('../images/uploads/flashbird-3-sd.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    height: 290px;


  }
  .topheader{
    text-align: center!important;
    background-color: #181716;
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 60px;
    z-index: 100;
    top: 0px;
  
  }
  .nav2{
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  #intro{
    background-color: #181716;
    margin-top: 120px;
  
  }
  #hero {
    background-image: url('../images/uploads/flashbird-3-sd.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 3% 0);
    height: 500px;
  }
  .topheader{
    text-align: center!important;
    background-color: #181716;
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 40px;
    z-index: 100;
    top: 0px;

  }
  .nav2{
    margin-top: 40px;
    background-color: #181716;
  }
}
/*font awesome*/
.fa {
  padding-right: 10px;
}

/*SECTIONS*/
#pointsforts{
  background-color:#868786;
  
}
#pointsforts h2{
  color:#fff;
}
#offres ul{
list-style:none;
counter-reset: my-awesome-counter;
}

ul{
  padding-left: 1rem;
}
 #offres ul li{
  counter-increment: my-awesome-counter;
  line-height: 1.8rem;
}
#offres ul li::before {
  content: counter(my-awesome-counter) ". ";
  color: #181716;
  font-weight: bold;
}
        #cadre{
  background-color: #f5f5f5;
}
.flashbirddevice{
  background-image: url('../images/uploads/flashbird-device-sd.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}
#tableau{
  background-color: #e4e5ec;
}
#orange{
  background-color: #f6b130;
}
/*btn*/
@media (max-width: 575.98px) { 

  .btn,
a.btn {
    display: inline-block;
    color: #181716;
    padding: 9px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 900;
    /*letter-spacing: 1px;*/
    vertical-align: middle;
    white-space: pre-line;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0;
}
}
@media (min-width: 576px) {  
.btn,
a.btn {
    display: inline-block;
    color: #181716;
    padding: 15px 25px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 900;
    /*letter-spacing: 1px;*/
    vertical-align: middle;
    white-space: pre-line;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0;
}
}/*btn orange 2*/

.btn-orange2,
a.inverse.btn-orange2,
.inverse a.btn-orange2 {
    background-color: #f6b130;
    color:#181716;
}

.btn .btn-orange2 {

    background-color: #f6b130;
}

.btn-orange2:hover,
.btn-nav.btn-orange2:hover,
.btn-orange2:focus,
.btn-nav.btn-orange2:focus {
    background-color: #fff;
    color:#181716;
}

.btn.btn-orange2:hover,
.btn.btn-orange2:focus {
    background-color: #fff;
    color:#181716;
}

.btn-shadow.btn-orange2 {
    -webkit-box-shadow: 0 4px 0 #F9B11E;
    -moz-box-shadow: 0 4px 0 #F9B11E;
    box-shadow: 0 4px 0 #F9B11E;
}

.btn-border.btn-orange2,
a.btn-border.btn-orange2 {
    color: #f6b130;
}

/**/
/*btn orange*/

.btn-orange,
a.inverse.btn-orange,
.inverse a.btn-orange {
    background-color: #f6b130;
    color:#181716;
}

.btn .btn-orange {

    background-color: #f6b130;
}

.btn-orange:hover,
.btn-nav.btn-orange:hover,
.btn-orange:focus,
.btn-nav.btn-orange:focus {
    background-color: #181716;
    color:#fff;
}

.btn.btn-orange:hover,
.btn.btn-orange:focus {
    background-color: #181716;
    color:#fff;
}

.btn-shadow.btn-orange {
    -webkit-box-shadow: 0 4px 0 #F9B11E;
    -moz-box-shadow: 0 4px 0 #F9B11E;
    box-shadow: 0 4px 0 #F9B11E;
}

.btn-border.btn-orange,
a.btn-border.btn-orange {
    color: #f6b130;
}
.btn-solly-white{
  background-color: #fff;
  color:#181716 ;
}
.btn-solly-white:hover{
  background-color: #181716;
  color:#fff ;
}
/**/
/*btn black*/


.btn.btn-black {
    background-color: #181716;
    color: #fff;
}

.btn-black:hover,
.btn-nav.btn-black:hover,
.btn-black:focus,
.btn-nav.btn-black:focus {
    background-color: #fff;
    color:#181716;
    border: #181716 solid 1px;
}


.btn.btn-black:focus {
    background-color: #fff;
    color:#181716;
}



/**/
/**/
.nav-link{
  padding: 18px 25px;
}
.nav-item a{
  text-decoration: none;
}
/*FEATURE BLOC */
.features-block h4{
  color: #fff;
  }
  .features-block img{
    width: 50px;
    }
@media (max-width: 575.98px) { 
.features-block h4{
  font-size: 1rem;
  padding: 1rem;
} }



/*tableaudegarantie*/
@media (max-width: 575.98px) {    
  #tableaudegarantie{
      background-color:#e4e5ec;
  }
  .modal-header h5{
    font-size: 1rem;
  }
  .modal-header{
    padding: 0.7rem 1rem;
  }
  .enoption{
    font-size: 0.7rem;
    text-align: center;
  }
  .table .bordertd{
    /*border-left: 1px solid #e4e5ec;*/
    text-align: center;
    
  }
  .titretable{
font-size: 0.7rem;
  }
}
@media (min-width: 576px) {
  #tableaudegarantie{
      background-color:#e4e5ec;
  }
   .enoption{
    font-size: 0.9rem;
    
  }
  .table .bordertd{
   /* border-left: 10px solid #e4e5ec;*/
    text-align: center;
  }
}
#tableaudegarantie .home-button a {
  border: 2px solid;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 15px;
  padding: 13px 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  color: #181716;
}
#tableaudegarantie .home-button a:hover{
background-color: #181716;
color:#fff;
}
#accordion .card-body{
  padding: 0rem;
}
.title{
  background-color: #FFEFAE;
  padding: 1.5rem;
  font-weight: 600;
}
.table{
--bs-table-bg:transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #181716;
--bs-table-striped-bg: #f6f6f6;
margin-bottom: 0rem;
background-color: #fff;
}
.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #F9B11E;
  font-weight: 600;

}
.table .notvalide{
  color:#dadada!important;
  position: relative;
}
.table .notvalide::before{
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
  left:45%;
  /*position: absolute;*/
  display: inline;
}
.table .valide{
  color:#181716!important;
  position: relative;
}
.table .valide:before{
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
 color:#099735;
 left:45%;
 /*position: absolute;
 vertical-align: middle;*/
 display: inline;
}

/*.table .bordertdr{
  border-right: 1px solid #e4e5ec!important;
  text-align: left;
}*/
.table th{
background-color: #f6b130;
}
.table th h2{
  color:#181716;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  text-align: left;
  font-size: 1.1rem;;
}
/*bordure sous le THEAD*/
.table > :not(:first-child) {
  border-top: 0px solid currentColor;
}
.accordion-button:focus {
  z-index: 3;
  border-color:none;
  outline: 0;
  box-shadow:none;
}
.accordion-button {
  color: #868786;
  font-weight: 600;

}
.accordion-item {
  margin-bottom: 0.7rem;
}
.accordion-body{
  padding: 0px;
}
.table td{
  font-size:1rem;
}
@media (max-width: 575.9px){
  /*.table tr{
    border-bottom: 1px solid #f5f5f5;
  }*/
}
@media (min-width: 576px) {  
  /*
  .table tr{
    border-bottom: 1px solid #f5f5f5;
  }*/

  .mytable .table tr{
    padding: 1rem 0rem;
  }
}

.table>:not(caption)>*>* {
  padding: 0.8rem;
}
.fa-info-circle{
  color:#f6b130;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #f6e9d4;
}

.panel-heading {
  background-color: red;
}

 
.modale{
  text-decoration: underline;
  color: #181716;
}
a.modale:hover{
  color: #181716
}
/*tableaudegarantie*/

/*CARD*/
@media (max-width: 767.98px) { 
  .card{
    width: 15rem;
  }
  .card-header{
      padding: 0.75rem 0rem;
  }
 }
 @media (min-width: 768px) { 
  .card{
    width: 38rem;
  }
  .card-header{
      padding: 0.75rem 0rem;
  }
 }
 
 

/*FOOTER*/
.footer  a{
  display: inline-block;
  color:#fff;
}
.footer a:hover{
  color:#fff;
}
.footer .footer-social{
  font-size: 1.4rem;
}
@media (min-width:1024px){
  .footer .footer-social .fa{
    padding:0rem 1rem;
  }
}
@media (max-width:1023.99px) {
.footer{
  margin-bottom: 80px;
  font-size: 0.8rem;
}
.footer .fa{
  padding:0.2rem;

}
}

/*afnor*/

@media (max-width: 767.98px) { 
  .afnor{
font-size: 1rem;
line-height: 1.6rem;
  }
 }
 @media (min-width: 768px) { 
  .afnor{
font-size: 1.4rem;
line-height: 2rem;
  }
 }



 @media (max-width: 769.9px){
  .rond {
      background-color: #868786;
     /* width: 280px;
      height: 280px;
      border-radius: 250px;*/
      font-size: 15px;
      color: #fff;
      text-align: center;
      padding: 2rem;
      border-bottom-right-radius: 20px;
      border-top-left-radius: 20px;
      border: 2px solid #f9b11E;
  
  }
  }
@media (min-width: 768px){
  .rond {
      background-color: #868786;
     /* width: 280px;
      height: 280px;
      border-radius: 250px;*/
      font-size: 15px;
      color: #fff;
      text-align: center;
      padding: 2rem;
      border-bottom-right-radius: 20px;
      border-top-left-radius: 20px;
      border: 2px solid #f9b11E;
  
  }
  }