/*!
Theme Name: ap-custom
Theme URI: http://underscores.me/
Author: alicia payet
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ap-custom
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ap-custom is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
  font-family: 'Poppins', sans-serif !important;
}

/**
 * VH 
 */

.vh-80 {
    min-height:80vh
}

.vh-25 {
    min-height:25vh
}

.vh-35 {
    min-height:35vh
}

.post, .page {
    margin:unset!important;
}

.ml-auto {
    margin-left: auto;
}

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

/**
 * general 
 */

:focus-visible{
    outline: none !important;
}

.entry-header, .entry-content{
  padding: 2rem 10rem 2rem 4rem
}

/**
 * Header
 */

.ap-header {
	  background-color: black;
    position: sticky;
    top: 0;
    z-index: 1000;
    font-size: 1.2rem;
    font-weight: 500;
    transition: 0.3s; /* Add a transition effect (when scrolling - and font size is decreased) */
}

.navbar-expand-lg .navbar-collapse {
	justify-content: flex-end;
}

.ap-header img {
    max-width: 200px;
    height: auto;
    margin-right: 1rem;
    transition: 0.3s; /* Add a transition effect (when scrolling - and font size is decreased) */
}

.ap-header li a{
	text-transform: uppercase;
	color: #F5F5F5;
	text-decoration: none;
  font-weight: 400;
}

.ap-header .menu-item{
    margin-left: 2rem;
}

#blog-masthead {
    font-size: 1rem !important;
    transition: 0 !important; /* Add a transition effect (when scrolling - and font size is decreased) */
    background-color: #101010 !important;   
}

#blog-masthead img{
    max-width: 80px !important;
    height: auto;
}

/*
 * FOOTER CUSTOM
 */

.site-footer  {
    background:#202020;
    color:white;
    text-align: justify;
    padding: 3rem 0 0;
	  bottom : 0;
    position: relative;
}

.site-footer .row:first-of-type .col-12{
    padding-bottom: 3rem;
}

.site-footer li{
    list-style-type: none;
    padding-top: 2px;
}

.site-footer ul{
    padding-left: 0;
}

.site-footer li a {
    text-decoration: none;
    color: white;
}

.site-footer .bi{
    font-size: 1.2rem;
    padding-right: 0.7rem;
}

.site-footer .site-info {
    text-align:center;
    background:#101010;
    padding:.5rem 0;
}

.site-footer .site-info a {
    text-decoration:none;
	color: #F5F5F5;
}

.site-footer .col-lg-4 {
    padding-left: 5rem;
}

.site-footer .col-lg-4:last-of-type {
    padding-left: 0;
    text-align: center;
}

.site-footer img{
    width: 150px;
    padding-bottom: 1rem;
}

.contact_item{
    display: flex;
}

/*
 * MAIN
 */

.site-main {
    background-color: #F9F9F9;
}

/*
 *
   HOME
 */

#accueil, #creation-sites-internet {
    color: #F5F5F5;
    background-position: right bottom;
    background-size: 60%; 
    background-repeat: no-repeat;
}

.ap_home h1{
    margin-bottom: 3rem;
    font-size: 2rem;
}

.ap_btn{
    background-color: #519DD9;
    color: #FFF;
    padding: 0.7rem 1.2rem;
    font-weight: 500;
    text-decoration: none;
    display: inline-block; 
    border-radius: 3px;
    transition: transform .2s;
}

.ap_home .ap_btn:hover{
    transform: scale(1.1);
    color: #519DD9;
    background-color: #FFF;
}

.ap_hdesc{
    margin-bottom: 3rem;
    font-size: 1.2rem;
    padding-right: 3rem;
}

.ap_home p:first-of-type{
    font-size: 1.2rem;
}

/*
 * ABOUT SECTION
 */

 .ap_about .col-lg-10{
    border-radius: 5px;
    margin-top: -5.9rem;
    color: #202020;
 }

 .ap_heading{
    color: #072941;
    font-weight: 500;
    font-size: 1.2rem;
 }

 .ap_about h2 {
    font-size: 1.6rem;
    font-weight: 500;
 }

 .ap_about p{
    font-weight: 500;
    padding: 0 2rem;
 }
 .ap_about p:last-of-type{
    padding-bottom: 0.3rem;
 }

 .ap_highlight {
    font-weight: 600;
    color: #519DD9;
 }

 .ap_about .ap_btn:hover{
    transform: scale(1.1);
    color : #202020; 
 }
 
/*
 * BANDEAU
 */

 .ap_bandeau{
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
 }

 .ap_bandeau .col-lg-12{
    padding-left: 6rem;
    padding-right: 6rem;
 }

 .bandeau_highlight{
    color: #FDC304 !important;
    font-size: 1.6rem;
    padding-bottom: 1rem;
 }

 .ap_bandeau p{
    color: #202020;
    font-size: 1.4rem;
    color: #F5F5F5;
    margin-bottom: 0 ;
 }

 /*5CACE5*/

/*
 * FAQ
 */

.ap_faq{
    background-color: #5cace524;
    color: #202020;
}

.ap_faq .row{
    margin-left: 5rem;
 }

 h2.ap_heading {
    margin-bottom: 1rem;
 }


.ap_faq .col-lg-10, .ap_faq .col-lg-6{
    padding-left: 0;
}

.accordion-button:not(.collapsed), .accordion-button{
    background-color: transparent !important;
    box-shadow: none !important;
}

.ap_faq button{
    padding-left: 0; 
    font-weight: 500;
    font-size: 1rem;
    font-weight: 600;
}

.faq_items button:hover{
    color: #5CACE5 !important;
}

.ap_faq h3{
    margin-right: 3rem;
}

.accordion-button:not(.collapsed) {
    color: #5CACE5 !important;
}

.ap_faq .col-lg-10  p{
    margin-bottom: 1.6rem !important;
}

.accordion-collapse div{
    margin-right: 6rem;
    margin-bottom: 1rem;
    padding: 1rem 0 1rem 2rem; 
    border-left: 1px solid #202020;
}

/*
 * CTA
 */

.ap_cta{
    color: #F5F5F5;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
 }

 .ap_cta p{
    font-weight: 500; 
    font-size: 1.6rem;
    margin-top : 1rem
 }

 .ap_cta h2{
    font-size: 1.8rem;
    padding: 0 !important;
 }

 .ap_cta .ap_btn {
    color: #FFF;
    background-color: #F5D364;
    transition: transform .2s;
 }

 .ap_cta .ap_btn:hover{
    transform: scale(1.1);
 }

 .ap_cweb .c-box{
    display: flex;
 }

 
 /*
  * PRESTA
  */

 .ap_presta .col-lg-10{
    padding-bottom: 2rem;
 }

 .ap_presta .card{
    border: none !important;
    box-shadow: 2px 4px 6px #2020201a;
 }

 .ap_presta .card-header{
    background-color: transparent !important;
    border-top: 5px solid #5CACE5;
 }

 .card-header p{
    margin-bottom: 6px !important;
 }

 .cards_sm .card-header{
    border-top-color: #FDC304;
 }

 .card-header p:first-of-type{
    margin-top: 1rem;
    font-weight: 500;
 }

 .card-header p:first-of-type{
    font-size: 1.2rem;
 }

 .presta_list li{
    padding: 5px 0px;
 }

 .cards_sm .card:last-of-type .card-header{
    border: none !important;
    color: #FFF;
    margin: 0 1rem  !important;
 }

 .cards_sm .card:last-of-type{
    background-color: #519DD9;
 }

 .cards_sm .card:last-of-type .card-body{
    padding-bottom: 3rem;
 }

 .cards_sm .card:first-of-type{
    margin-bottom: 2.3rem !important;
 }

 .ap_presta .ap_btn{
    color: #519DD9;
    background-color: #FFF ;
    transition: transform .2s; /* Animation */
 }

 .ap_presta .ap_btn:hover{
    transform: scale(1.1);
 }

 .ap_presta .col-lg-4{
    padding-left: 3rem !important; 
    padding-right: 3rem !important;
 }

 .ap_presta .col-lg-10 p{
    padding-right: 3rem;
    padding-left: 3rem;
 }

 .price{
    font-size: 2rem;
 }

 .cr{
    font-size: 0.8rem;
    color: #646464;
 }

 .cards_sm .card {
    height: 45%;
 }

 .ap_presta .col-lg-4:not(.cards_sm) .card{
    height: 100%;
 }

 .ap_presta .disc{
    padding-left: 3rem;
 }

/* 
 *SERVICES
 *Custom CSS for card and animation styling 
 */

 .ap_services{
    color: #202020;
 }

 .ap_services .card {
    position: relative;
    overflow: hidden;
    /*border-radius: 2px !important;*/
    border: none !important;
    box-shadow: 2px 4px 6px #2020201a;
  }

  .ap_services .card-header h3{
    font-size: 1rem;
    color: #F5F5F5;
    text-align: center;
  }

  .ap_services .card-header{
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
 }

  .ap_services .card-text{
    padding-right: 2rem;
  }

  .card-header img{
    width: 55px;
    height: 55px;
  }

  .ap_services .top_cards .col-lg-5:first-of-type .card-body{
    border-bottom: 8px solid #8FCAF5;
  }

  .ap_services .top_cards .col-lg-5:first-of-type .btn{
    background-color: #8FCAF5;
  }

  .ap_services .top_cards .col-lg-5:last-of-type .card-body{
    border-bottom: 8px solid #F5D364;
  }

  .ap_services .top_cards .col-lg-5:last-of-type .btn{
    background-color:  #F5D364;
  }

  .ap_services .bt_cards .col-lg-5:first-of-type .card-body{
    border-bottom: 8px solid #F5D364;
  }

  .ap_services .bt_cards .col-lg-5:first-of-type .btn{
    background-color:  #F5D364;
  }

  .ap_services .bt_cards .col-lg-5:last-of-type .card-body{
    border-bottom: 8px solid #8FCAF5;
  }

  .ap_services .bt_cards .col-lg-5:last-of-type .btn{
    background-color: #8FCAF5;
  }

  .services_list{
    padding-top: 1.6rem;
    padding-bottom: 1rem;
  }

  .ap_services .ap_btn:hover{
    transform: scale(1.1);
  }

  .ap_service .hm_cards .card{
    background-color: #F5D364;
    color: #202020;
  }

  .hm_cards .card-body p:last-of-type{
    margin-bottom: 2rem !important;
  }

  


  /* 
   *OVERLAY 
   */

  .overlay h3{
    font-size: 1rem;
    padding-bottom: 6px;
  }

  
  .overlay {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: right 0.9s ease;
    z-index: 1;
  }
  
  .overlay.active {
    right: 0;
  }
  
  .overlay-content {
    color: #202020;
    padding: 20px;
  }

  /* 
   *HOME CARDS 
   */
  
  .hm_cards .card-header {
    background-color: #F5D364 !important;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 500;
    border-bottom: 0 !important;
  }

  .hm_cards .card-body {
    padding : 2rem 1rem; 
    font-weight: 500;
  }



  /* 
   *CONTACT
   */
  .contact_bandeau {
    color: #F5F5F5;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
  }

  .contact_bandeau p{
    font-weight: 500; 
    font-size: 1.6rem;
    margin-top : 1rem
  }

  .contact_bandeau h2{
    font-size: 1.8rem;
    padding: 0 !important;
  }

  .ap_contact .col-lg-4{
    margin-right: 3rem;
    /*margin-left: 8px;*/
  }

  .ap_contact .ap_heading{
    margin-bottom: 0;
  }

  .ap_contact textarea{
    min-width: 100% !important;
    height: 8rem !important;
    margin-bottom: 0;
    margin-top: .8rem;
  }

  .ap_contact input{
    margin-top: .8rem;
  }

  .ap_contact label{
    margin-bottom: 1rem;
  }

  .contact-form{
    display: flex !important;
    justify-content: space-around !important;
  }

  .ap_contact .wpcf7-submit{
    margin-left: 1rem;
    background-color: #519DD9;
    padding: .4rem .8rem;
    font-weight: 500;
    text-decoration: none;
    color: #FFF !important;
    border-radius: 3px;
    border: none !important;
    margin-top: 0!important;
  }

  .form-l label:last-of-type, .form-r label:last-of-type, .form-b label{
    margin-bottom: 0 !important;
  }

  .form-l{
    margin-right: 3rem;
  }

  .form-b label{
    font-size: 0.8rem;
  }

  .form-b p:first-of-type{
    margin-bottom: .5rem !important;
  }

  .form-control:focus{
    border: 1px solid #8FCAF5 !important;
    box-shadow: 2px 4px 6px #2020201a !important;
  }

  .form-control:hover{
    border: 1px solid #8FCAF5;
  }

  .wpcf7-form-control{
    color: #787878 !important;
  }

  .wpcf7 form.sent .wpcf7-response-output {
    border-color: #5CACE5 !important;
    width: 100% ;
  }

  .ap_contact ul{
    list-style-type: none;
    padding-left: 0 !important;
    margin-top: 2rem;
  }

  .ap_contact li:nth-of-type(odd){
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
  }

  .ap_contact li:nth-of-type(even){
    margin-bottom: 1rem;
    padding-left: 1.5rem;
  }

  .ap_contact .bi-envelope-fill, .ap_contact .bi-telephone-fill{
    color: #5CACE5 !important;
    padding-right: 3px;
  }

  .wpcf7-submit:hover{
    border: 2px solid #519DD9 !important;
    color: #202020 !important;
    background-color: #FFF !important;
  }

  /*.rg-logo{
    margin-top: -45px !important;
  }*/

  .kap_num a{
    color: #519DD9 !important;
  }

  .kap_num{
    border-radius: 5px;
    box-shadow: 2px 4px 6px #2020201a;
    padding-bottom: 3rem;
  }

  .ap_kap .col-lg-10{
    border-radius: 5px;
    margin-top: -5.9rem;
    color: #202020;
 }

 .ap_heading{
    color: #072941;
    font-weight: 500;
    font-size: 1.2rem;
 }

 .ap_about h2 {
    font-size: 1.8rem;
    font-weight: 500;
 }

 .ap_about p{
    font-weight: 500;
    padding: 0 2rem;
 }
 .ap_about p:last-of-type{
    padding-bottom: 0.3rem;
 }

 .ap_highlight {
    font-weight: 600;
    color: #519DD9;
 }

   /* CUSTOM TEMPLATE PAGE CREA ET COMM CSS ADDITIONNEL  */
  /* CREA WEB */

  .csi .ap_home h1{
    font-size: 2.4rem !important;
    margin-bottom: 1rem !important;
  }

  .ap_cweb{
    border-radius: 5px;
    margin-top: -3rem;
    color: #202020;
  }

  .ap_cweb p{
    font-weight: 500;
    padding: 0 2rem;
 }

  .ap_cweb h3 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #519DD9; 
  }

  .ccles:nth-of-type(odd){
    font-size: 2.6rem;
    color: #519DD9;
    font-weight: 600;
  }

  .cdesc{
    font-weight: 500;
    color: #202020; 
    padding: 0 !important;
  }

  .ap_cweb .col-lg-10:last-of-type{
    font-size: 0.8rem;
    border-radius: 3px 3px 0px 0px;
  }

  .ap_cweb .col-lg-10:first-of-type{
    border-radius: 0px 0px 3px 3px;
  }

  .ap_cweb .col-lg-10:first-of-type{
    padding: 0 3rem;
  }

  .wip p{
    font-size: 2.3rem;
    font-weight: bold;
  }

  .wip img{
    max-width: 300px;
  }

  .ap_cta-web {
   background-color: #519DD9;
   color: white;

 }

 .ap_cta-web .ap_btn {
    color: #519DD9;
    background-color: white;
    transition: transform .2s;
 }

 .ap_cta-web h2{
    font-size: 1.6rem;
    padding: 0 !important;
 }

 .ap_cta-web p{
    font-weight: 500; 
    font-size: 1.3rem;
    margin-top : 1rem
 }


  /* CM */

  #community-management {
    color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60%;
  }

  .cm .ap_home h1{
    font-size: 2.4rem !important;
    margin-bottom: 1rem !important;
  }

  .cm-services .card-header{
    background-color: #519DD9 !important;
    color: #F5F5F5;
  }

  .cm-details{
    padding-left: 2rem !important;
    padding-top: 1.5rem;
  }

  .cm-details h2{
    color: #519DD9;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
  }

  .cm-price {
    font-size: 1.3rem !important;
    font-weight: 600;
  }

  .cm-number {
    font-size: 1.6rem !important;
    color: #519DD9;
  }

  .cm_separator{
    border-top: 2px solid #519DD9;
    margin-bottom: 1rem;
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .cm_about-large{
    font-size : 1.1rem !important;
    padding-bottom : 1rem; 
  }

  .offre-cm{
    font-size: 1.4rem;
    font-weight: 500;
  }

  .offre-cm-highlight{
    font-size: 1.8rem;
    color : #519DD9;
    font-weight: 600 !important;
  }

  #offre_kap-numerique .col-lg-6 {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }

  
  .call_btn{
    display: inline-block;
    background-color: #519DD9; 
    padding: 12px 18px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 3px;
    transition: transform 0.3s;
    font-weight: 500;
  }

  #offre_kap-numerique a{
    color: #F5F5F5 !important;
  }

  .call_btn:hover{
    transform: scale(1.1);
  }

  #offre_kap-numerique .col-lg-3:last-of-type{
    display: flex;
    align-items: center;
  }

  /* PAGE WEB */

  .ap_galerie .ap_hdesc {
      margin-bottom: 0 !important;
  }

  .ap_cta .ap_btn {
    background-color: white;
    color: #519DD9;
  }

  .dev #cta_web {
    background-color: #519DD9;
  }

 @media (max-width: 1400px){

  .kap_num{
    padding-bottom: 3rem;
  }

  .ap_presta .col-lg-10 p{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

 }

  @media (max-width: 1199px) {

    .ap-header{
      font-size: 1rem !important;
    }

    #accueil {
      background-position: right -20% bottom;
      background-size: 70%;
    }

    .ap_home h1{
      font-size: 1.8rem;
    }

    .ap_home p:first-of-type {
      font-size: 1rem;
    }

    .ap_about .col-lg-10{
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    .ap_services .card-header h3{
      font-size: 0.9rem;
    }

    .ap_presta .col-lg-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

    .ap_faq .container{
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .site-footer{
      font-size: 0.9rem;
    }

    .card-header p:first-of-type {
      font-size: 1rem;
    }

    .ap_contact {
      padding-left: 0 !important; 
      padding-right: 0 !important;
    }

    .bandeau_highlight { 
      font-size: 1.4rem;
    }

    .ap_bandeau p {
      color: #202020;
      font-size: 1.2rem;
    }

    .ap_cweb .col-lg-10:first-of-type{
      padding: 0 3rem;
    }

    .hm_cards .card-header {
      font-size: 1.3rem;
    }

    .csi .ap_home h1 {
      font-size: 2rem !important;
    }

    .wip p{
      font-size: 2.3rem;
    }
  }

  @media (max-width: 992px){

    .bi-list{
      color: #F5F5F5; 
      font-size: 2rem;
    }
    .navbar-toggler{
      margin-right: 2rem;
      width: 20px;
    }

    .navbar-nav{
      align-items: flex-end !important;
    }

    .navbar-collapse{
      margin-right: 1rem;
    }

    .ap_services .card{
      margin-bottom: 2rem;
    }

    .ap_presta .col-lg-4{
      margin-bottom: 2rem;
      text-align: center;
    }

    .ap_presta .col-lg-4:last-of-type{
      margin-bottom: 0px !important;
    }

    .ap_presta ul {
      list-style-position: inside;
    }

    .ap_contact ul{
      display: flex;
    }

    .ap_bandeau .col-lg-12 {
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .ap_contact li:nth-of-type(even) {
      margin-right: 2rem;
    }

    .ap_contact .col-lg-6{
      padding-left: 0 !important;
    }

    .contact_item {
      justify-content: center;
    }

    .site-footer .col-lg-4, .contact-item{
      text-align: center;
    }

    .site-footer .col-lg-4 {
      margin-bottom: 2rem;
      padding-left: 12px;
    }

    .site-footer .col-lg-4:last-of-type {
      padding-right: 0 !important;
    }

    .kap_num .col-lg-6{
      text-align: center !important;
      justify-content: center !important;
    }

    .kap_num .col-lg-3{
      margin-bottom: 0 !important;
    }

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

    .kap_num .col-lg-3 img{
      display: block;
      margin-top : 0 !important;
      margin: auto; 
    }

    .ap_presta .disc{
      padding-left: 2.5rem;
    }

    .wip p{
      font-size: 2rem;
    }

    #offre_kap-numerique .kap_num{
      padding-bottom: 3rem !important;
    }

    #offre_kap-numerique .col-lg-3:last-of-type{
      padding-top: 2rem !important;
    }

    .ap_cta-web{
      margin-left: 1rem !important ;
      margin-right: 1rem !important;
    }

    .ap_cta-web h2{
      font-size: 1.3rem;
    }

    .ap_cta-web p{
      font-size: 1rem;
    }

  }

  @media (max-width: 768px){
    
    .ap_about h2 {
      font-size: 1.5rem;
    }

    .ap_home{
      background-image: none !important;
    }

    .ap_services .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .ap_presta .container{
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .bandeau_highlight{
      font-size: 1.3rem;
    }

    .ap_bandeau p{
      font-size: 1.2rem;
    }

    .ap_contact ul {
      display: block;
    }

    .ap_bandeau .col-lg-12 {
     padding-left: 0 !important;
     padding-right: 0 !important;
    }

    .ap_faq .row {
      margin-left: 0 !important;
    }

    .contact-form {
      margin-top: 1rem;
    }

    .presta_list{
      padding-left: 0 !important;
    }

    .ap_presta .disc{
      padding-left: 2rem;
    }

    .ap_cweb .c-box{
      display: block;
    }

    .ap_cweb p{
      padding: 0 !important;
    }

    .ap_cweb .col-lg-10:first-of-type {
     padding: 3rem 0 1rem 0 !important;
    }

    .wip p{
     font-size: 1.7rem;
    }

    .cm-price{
      padding-left: 2rem !important;
    }

    .cm-services ul{
      padding-left: 2rem !important;
    }

  }

  @media (max-width: 610px){
    .ap_cta p{
      padding-top : 2rem; 
    }
  }

  @media(max-width: 576px){

    .ap_home h1{
      font-size: 1.6rem;
    }

    .ap_services .container{
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .bandeau_highlight{
      font-size: 1.1rem !important;
    }

    .ap_bandeau p {
      font-size: 1rem;
    }
   
    .ap_bandeau .col-lg-12 {
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .ap_faq .row {
      margin-left: 0 !important;
    } 

    .ap_contact .col-lg-4 {
      margin-right: 0rem;
    }

    .ap_presta .col-lg-4{
      text-align: center;
    }

    .ap_presta ul {
      list-style-type : none; 
    }

    .contact-form{
      display: block !important;
      margin-left: 1rem;
    }

    .form-l{
      margin-right: 0;
    }

    .ap_contact ul{
      display: block;
    }

    .ap_presta .col-lg-10{
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }

    .ap_faq .container {
      padding-left: 1rem !important;
    }

    .ap_bandeau {
      margin-left: 2rem;
      margin-right: 2rem;
      font-size: 1.1rem; 
    }

    .kap_num{
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }

    .kap_num h2{
      padding-bottom: 1rem;
    }

    .ap_presta .disc{
      padding-left: 1rem;
    }

    .ap_cta p{
      font-size: 1.2rem; 
    }

    .contact_bandeau p{
      font-size: 1.3rem;
    }
  
    .contact_bandeau h2{
      font-size: 1.1rem; 
    }

    .csi .ap_home h1 {
      font-size: 1.8rem !important;
    }

    .accordion-collapse div {
      margin-right: 3rem;
    }

    .ap_cweb h3 {
      font-size: 1.3rem;
    }

    .ccles:nth-of-type(odd) {
      font-size: 2.2rem;
    }

    .ap_about h2 {
      font-size: 1.4rem;
    }

    .wip p{
      font-size: 1.2rem;
    }

    .wip img{
      max-width: 200px;
    }

    .offre-cm{
      font-size: 1.2rem;
    }
  
    .offre-cm-highlight{
      font-size: 1.5rem;
    }

    #offre_kap-numerique .p:last-of-type{
      padding-left: 16px;
    }

  }