@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body, html {
  width: 100%;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #ffffff;
}

table {
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

strong {
  font-weight: bold;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #444;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

/* Custom CSS
 * --------------------------------------- */

 body{
  font-family: 'Raleway', sans-serif;
  color: #262E3E;
}

.txt13 {
    font-weight: 400;
    font-size: 13px;
    
}

.txt14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.txt16 {
    font-weight: 400;
    font-size: 16px;
    
}
.txt20 {
    font-weight: 400;
    font-size: 20px;
    
}
.txt18 {
    font-weight: 400;
    font-size: 18px;
    
}
.txt24 {
    font-weight: 500;
    font-size: 24px;
    
}
.txt27 {
    font-size: 27px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 10px;
}
.txt30 {
    font-size: 30px;
    font-weight: 400;
}
.txt40 {
    font-weight: 400;
    font-size: 40px;
}

/* ROBOTO */

.txt19r{
  
  font-family: "Roboto";
  font-size: 19px;

}
.txt16r{
  
  font-family: "Roboto";
  font-size: 16px;
  line-height: 25px;

}

.txt30r{
  
  font-family: "Roboto";
  font-size: 30px;

}
.txt24r{
  
  font-family: "Roboto";
  font-size: 24px;

}
.txt45r{
  
  font-family: "Roboto";
  font-size: 45px;

}

/* COULEUR */

.blc{
  color: #fff!important;
}
.vlt{
  color: #581866!important;
}
.vltd{
  color: #3F1648!important;
}
.grey{
  color: #667085!important;
}
.blue{
  color: #3D75BE!important;
}
.orange{
  color: #DF675F!important;
}


/* GRAISSE */
.w700{
  font-weight: 700;
}
.w600{
  font-weight: 600;
}
.w500{
  font-weight: 500;
}
.w400{
  font-weight: 400;
}
.w300{
  font-weight: 300;
}

/* ALIGNEMENT */

.l-txt{
  text-align: left;
}
.c-txt{
  text-align: center;
}
.center-alltxt{
  text-align: center!important;
}
.c-element{
  margin: 0 auto;
  display: block;
}
.f-right{
  float: right;
}
.clear{
  clear: both;
}

.flex-box{
  display: flex;
}
.no-flex-box{
  display: block!important;
}
.align-flex{
  align-items: center;
}

/* MARGIN */

.margin-b0 {
    margin-bottom: 0 !important;
}
.margin-b8 {
    margin-bottom: 8px !important;
}
.margin-b50 {
    margin-bottom: 50px !important;
}
.margin-b60 {
    margin-bottom: 60px !important;
}
.margin-b32 {
    margin-bottom: 32px !important;
}
.margin-b10 {
    margin-bottom: 10px !important;
}
.margin-b24 {
    margin-bottom: 24px !important;
}
.margin-b20 {
    margin-bottom: 20px !important;
}
.margin-b16 {
    margin-bottom: 20px !important;
}

.margin-t50 {
    margin-top: 50px !important;
}
.margin-t60 {
    margin-top: 60px !important;
}
.margin-t0 {
    margin-top: 0 !important;
}
.margin-t32 {
    margin-top: 32px !important;
}

.margin-t16 {
    margin-top: 16px !important;
}
.margin-t40 {
    margin-top: 40px !important;
}
.margin-t8 {
    margin-top: 8px !important;
}
.margin-t24 {
    margin-top: 24px !important;
}
.margin-t30 {
    margin-top: 30px !important;
}

.margin-r16 {
    margin-right: 16px !important;
}




/* BOUTON */

.bt-lit{
  display: flex;
  align-items: center;
}
span.ico{
  vertical-align: middle;
  margin-right: 4px;
}

.btn .ico, .bt-lit .ico{
  vertical-align: middle;
  margin-right: 8px;
}

.btn {
  display: table;
  font-size: 14px;
  background: #df675f;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  border: 1px solid #df675f;
  padding: 10px 24px;
  font-weight: 400;   
}

.btn.btn-vlt{
  
  background: #581866;
  border: 1px solid #581866;
  color: #fff;

}
.btn.btn-vlt-invert{
  
  background: transparent;
  border: 1px solid #581866;
  color: #581866;

}

.link{
  color: #581866;
  font-size: 14px;
  font-weight: 400;
  text-decoration-line: underline;
  display: block;
}

/* ICONES */

.icone{
  width: 40px;
  height: 40px;
}

.icone20{
  width: 20px;
  height: 20px;
}

/* BACKGROUND COLOR & STYLE*/

.bg-grey{
  background: #F9F7F9;
}
.bg-wh{
  background: #fff;
}

.bg-blue{
  background: #E6F3FF;
}

.radius8{
  border-radius: 8px;
}
.radius28{
  border-radius: 28px;
}

.bg-txt{
  border-radius: 16px;
  padding: 2px 10px;
  display: table;
}
.large-50{
  width: 50%;
}
.large-90{
  padding: 0 5%;
  width:90%!important;
}
.minh-230{
  min-height: 230px;
}
.lh-20{
  line-height: 20px;
}


/**********/

.content {
  width: 100%;
  margin: 0 auto;
}

.row{
  width: 100%;
  overflow: hidden;
}
.g-row{
  background: #F9F7F9;
}
.content-row{
  width: 90%;
  max-width: 1240px;
  margin: 80px auto;
  padding: 0 5%;
}


.undertxt{
  border-radius: 16px;
  background: #DF675F;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.img-full{
  width: 100%;
  margin: 50px auto;
}
.icone{
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}
.col-content {
    padding: 10%;
}

.c2-content p{
  text-align: left;
}
.c2-content{
  width: 100%;
  margin-top: 50px;
  margin-bottom: 60px;
  overflow: hidden;
}
.c2-content .col{
  width: 48%;
  float: left;
}
.c2-content .col:nth-child(1){
  margin-right: 4%;
}
.c2-content .col:nth-child(1) img{
  width: 163px;
}
.c2-content .col:nth-child(1) .txt{
  margin-bottom: 50px;
}
.c2-content .col:nth-child(2) .full{
  width: 100%;
  max-width: 518px;
}

.c2-content.testimonial{
  display: flex;
  
}

.c2-content.testimonial .col{
  border-radius: 4px;
  background: #F9F7F9;

}
.c2-content.testimonial .icone{
 width: 48px!important;
 height: 42px;

}
.sep{
  background: #D0D5DD;
  height: 1px;
  width: 100%;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
.signature .photo{
  float: left;
  width: 79px!important;
  margin-right: 24px;
}
.signature .signature-txt{
  
  padding-top: 16px;
}

.c3-content{
  margin: 60px auto;
  overflow: hidden;
}
.c3-content.s-col{
  max-width: 1080px;
  width: 90%;
  
}

.c3-content .col{
  float: left;
  width: 31%;
  margin-right:3%;
}

.c3-content div:last-child{
  margin-right:0%;
}
.cartouches{
  
}
.cartouches .cart{
  border-radius: 8px;
  border: 2px solid rgba(88, 24, 102, 0.30);
  background: #F9F7F9;
  margin-top: 50px;
}

.cartouches .cart .cart-btn{
  background: #581866;
  overflow: hidden;
  padding: 16px 32px;
  text-align: center;
  display: block;
  border-radius: 0 0 6px 6px;
}

.cartouches .cart .cart-content{
  overflow: hidden;
}

.cartouches .cart .cart-content .col{
  float: left;
}

.cartouches .cart .cart-content .col:first-child{
  width: 49%;
  padding: 3%;
  background: #fff;
  margin-top: 1px;
  margin-left: 1px;
}

.cartouches .cart .cart-content .col:last-child{
  width: 38%;
  padding: 3%;

}

.cart-titre{
  border-left: #DF675F 3px solid;
  padding-left: 24px;
  margin-top: 24px;
}
.txtorange{
  color: #DF675F;
  font-family: "Raleway";
  font-size: 30px;
  margin-bottom: 8px;
}
.line-icone{
  display: flex;
  align-items:center;
  margin-bottom: 16px;
}
.line-icone span{
  margin-right: 16px;
}
.c3-content.purple {
  display: flex;
  
}
.c3-content.purple .col{
  border-radius: 4px;
  width: 32%;
  margin-right: 2%;
  
}

.c3-content.purple .col .col-content{
  
  padding: 10%;
}

.c3-content.purple .col:nth-child(1){
  background: #AF8AB7;
}
.c3-content.purple .col:nth-child(2){
  background: #844B91; 
}
.c3-content.purple .col:nth-child(3){
  background: #581866;
}

.c3-content .num{
  color: #FFF;
  line-height: 25px; 
  text-align: center;
  margin-bottom: 32px;
}


.btn.dark {
    background-color: #262e3e;
    border-color: #262e3e;
    color: #fff;
}
.btn.margin-medium {
    padding-right: 30px;
    padding-left: 30px;
}
.btn {
    display: inline-block;
    font-size: 14px;
    background: #df675f;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: 1px solid #df675f;
    padding: 12px;
    letter-spacing: 0.5px;
    cursor: pointer;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    line-height: 1.3;
    text-decoration: none !important;
}

.margin-b0 {
    margin-bottom: 0 !important;
}
.margin-t0 {
    margin-top: 0 !important;
}

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

  .c2-content .col{
    width: 100%;
    margin-right: 0%!important;
  }
  .c2-content .col:nth-child(2){
    margin-top: 50px;
  }
  .c2-content .col:nth-child(2) .full{
    margin: 0 auto;
    display: block;
  }
  .c3-content .col, .c3-content.purple .col {
    
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .c3-content.purple, .c2-content.testimonial {
    display: block;
  }

  .cartouches .cart .cart-content .col:first-child , .cartouches .cart .cart-content .col:last-child {
    width: 94%;
   
    
  }
 
}