/******************************/
/**                          **/
/** Custom CSS Novembre 2020 **/
/**                          **/
/******************************/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');*/

/*************************/
/** CSS Modale ColorBox **/
/*************************/

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important; }
#cboxClose { display: none !important; }


/*******************************/
/** Tableau Prix Page Windows **/
/*******************************/

/* Globale */
.ideal ul li.white, .ideal ul .ash { height: 51px; line-height: 51px; }
.ideal ul .ash strong figure, .ideal ul .white strong figure { height: 51px; vertical-align: middle; display: table-cell; padding: 0; }
.quelle li.xl { line-height: 26px; }
.ideal ul li.white.xl, .ideal ul li.ash.xl { height: 62px; line-height: 62px; }

/* Hebergement Windows */
.banner_bgwindows .quelle { width: 273px; padding: 0 14px; }
.banner_bgwindows .platForm.hebergement .ideal1 { min-height: 150px; margin: 10px auto 0;}
.banner_bgwindows .platForm.hebergement .quelle h5 { padding-bottom: 111px; }
.banner_bgwindows .persoBlock { width: 200px; }
.banner_bgwindows .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 -18px !important; height: 94px !important; }
.banner_bgwindows .persoBlock1 .mois { background: url(../images/mois2.png) no-repeat; }

/* Hebergement Web */
.platForm.hebergement .ideal1 { min-height: 150px; margin: 10px auto 0; }
.platForm.hebergement .quelle h5 { padding-bottom: 111px; }
.mois { height: 100px !important; background-position: 0px -50px !important; }
.persoBlock { width: 240px; }
.bestsellermutu { left: 75px; }

/* Hebergement cPanel -- .banner_cpanel */
.banner_cpanel .ideal ul li.white, .banner_cpanel .ideal ul .ash { height: 50px; line-height: 50px; }
.banner_cpanel .ideal ul .ash1 strong figure { padding-top: 8px; }
.banner_cpanel .ideal ul .ash strong figure, .banner_cpanel .ideal ul .white strong figure { height: auto; }
.banner_cpanel .mois { background-position: 0 -18px !important; }


/* Hebergement Revendeur */
.banner_reseller .quelle { width: 273px; padding: 0 14px; }
.banner_reseller .persoBlock { width: 200px; }
.banner_reseller .platForm.hebergement .ideal1 { min-height: 150px; margin: 10px auto 0; }
.banner_reseller .platForm.hebergement .quelle h5 { padding-bottom: 111px; }
.banner_reseller .platForm.hebergement { margin-top: 45px; }
.banner_reseller .quelle li { height: 51px; line-height: 41px; padding: 4px 0 5px 0; }
.banner_reseller .bestsellermutu { left: 42px; }
.banner_reseller .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 -18px !important; height: 94px !important; }
.banner_reseller .persoBlock1 .mois { background: url(../images/mois2.png) no-repeat; }

/* Serveur cPanel */
.banner_serveur_cpanel .quelle { width: 273px; padding: 0 14px; }
.banner_serveur_cpanel .persoBlock { width: 200px; }
.banner_serveur_cpanel .platForm.hebergement .ideal1 { min-height: 150px; margin: 10px auto 0; }
.banner_serveur_cpanel .platForm.hebergement .quelle h5 { padding-bottom: 111px; }
.banner_serveur_cpanel .platForm.hebergement { margin-top: 45px; }
.banner_serveur_cpanel .quelle li { height: 51px; line-height: 41px; padding: 4px 0 5px 0; }
.banner_serveur_cpanel .bestsellermutu { left: 42px; }
.banner_serveur_cpanel .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 -18px !important; height: 94px !important; }
.banner_serveur_cpanel .persoBlock1 .mois { background: url(../images/mois2.png) no-repeat; }

/* Referencement */
/*.quelle { width: 273px; padding: 0 14px; }*/
.banner_bgseo.baner_3 .quelle { padding: 0 10px 5px; }
.banner_bgseo.baner_3 .seo .mois { height: 40px !important; }
.banner_bgseo.baner_3 .seo .quelle h5 { padding-bottom: 67px; }
.banner_bgseo .quelle li { padding: 4px 0 5px; }
.banner_bgseo .seo .choose { min-height: 220px; }
/*.platForm.hebergement .ideal1 { min-height: 150px; margin: 10px auto 0; }*/

@media (max-width: 1200px) AND (min-width: 980px) {
    /* Hebergement Web */
    .choose { height: 211px; }
    .persoBlock { width: 230px; }
    .tableBlock .table { width: 230px; margin-left: 9px; }
    .platForm.hebergement .quelle h5 { padding-bottom: 126px; }
    .perso { padding: 0px 0 32px 0 !important; }
    .mois { background-size: cover !important; background-position: 0px -32px!important; height: 126px !important; width: 100%; }
    .quelle li.md { line-height: 26px; height: 62px; }
    .ideal ul li.white.md, .ideal ul li.ash.md { height: 62px; line-height: 62px; }
    .quelle ul li.md { padding-right: 25px; }
    .quelle ul li.md a { margin-right: -25px; margin-top: -12px; }
    .platForm.hebergement .ideal1 { min-height: 163px; }
    .ideal ul, .tableBlock .table .ideal ul { width: 220px; }
    .bestsellermutu { left: 55px; }
    .mt30 { margin-top: 30px; }

    /* Hebergement Windows */
    .banner_bgwindows .chooseBlock, .multiBlock { width: 233px; }
    .banner_bgwindows .persoBlock { width: 170px; float: left; position: relative; margin-left: 9px; }
    .banner_bgwindows .ideal ul { width: 160px; padding: 0 5px 5px; margin: 0 auto; }
    .banner_bgwindows .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 0 !important; float: left; height: 94px; width: 170px; position: absolute; top: 0; left: 0; }

    /* Hébergement cPanel */
    .banner_cpanel .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-size: 100% 100%; background-position: 0 -18px !important; float: left; height: 94px !important; width: 100%; position: absolute; top: 0; left: 0; padding-top: 0; }

    /* Hébergement Revendeur */
    .banner_reseller .ideal ul { width: 160px; padding: 0 5px 5px; margin: 0 auto; }
    .banner_reseller .persoBlock { width: 170px; float: left; position: relative; margin-left: 9px; }
    .banner_reseller .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 0 !important; float: left; height: 94px; width: 170px; position: absolute; top: 0; left: 0; }

    /* Serveur cPanel */
    .banner_serveur_cpanel .ideal ul { width: 160px; padding: 0 5px 5px; margin: 0 auto; }
    .banner_serveur_cpanel .persoBlock { width: 170px; float: left; position: relative; margin-left: 9px; }
    .banner_serveur_cpanel .mois { background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 0 !important; float: left; height: 94px; width: 170px; position: absolute; top: 0; left: 0; }
}
    
@media (max-width: 1200px) AND (min-width: 768px) {
  /* Hebergement Windows */
  .banner_bgwindows .quelle { width: 233px; }

  /* Hébergement cPanel */
  .banner_cpanel.baner_3 .quelle { width: 318px; }
  .banner_cpanel .perso h5 { font-size: 18px; line-height: 36px; font-weight: 600; }
  .banner_cpanel .platForm.ecomm .quelle h5 { padding-bottom: 82px; }

  /* Hébergement Revendeur */
  .banner_reseller .quelle { width: 233px; }
  .banner_reseller .bestsellermutu { left: 25px; }

  /* Serveur cPanel */
  .banner_serveur_cpanel .quelle { width: 233px; }
  .banner_serveur_cpanel .bestsellermutu { left: 25px; }

  /* Referencement */
  .banner_bgseo .persoBlock { margin-left: 19px; }
  .banner_bgseo .quelle { width: auto; }
  .banner_bgseo .quelle li.md { line-height: 26px; }
  .banner_bgseo .quelle ul li.md { padding-right: 25px; }
  .banner_bgseo .quelle ul li.md a { margin-right: -25px; margin-top: -12px; }
  .banner_bgseo .ideal ul li.white.md, .banner_bgseo .ideal ul li.ash.md { height: 62px; line-height: 62px; }
  .banner_bgseo.baner_3 .choose { width: auto; }
  .banner_bgseo.baner_3 .ideal1 { min-height: 140px; }
  .banner_bgseo.baner_3 .seo .quelle h5 { padding-bottom: 97px; }
  .banner_bgseo.baner_3 .seo .mois_3:after { border-top-color: #97B52C !important; }
  .banner_bgseo.baner_3 .seo .mois:after {
    bottom: -60px;
    margin-left: -50%;
    border-bottom-width: 0;
    position: absolute;
    display: block;
    height: 0;
    border-color: transparent;
    border-top-color: #FF8200;
    border-style: solid;
    box-sizing: border-box;
    content: "";
    border-width: 40px;
    left: 50%;
    width: 100%;
    border-bottom: 20px solid transparent;
    border-right: 145px solid transparent;
    border-left: 144px solid transparent;
    z-index: 0;
  }
}

@media (max-width: 1023px) AND (min-width: 768px) {
  /* Hébergement Windows */
  .banner_bgwindows .perso { padding: 0px 0px 32px 0px; }
  .banner_bgwindows .choose { height: 211px; }

  /* Hébergement cPanel */
  .banner_cpanel .mois_3 { background-position: 0 0px !important; }
  .banner_cpanel .perso { padding: 0px 0 32px 0; }
  .banner_cpanel.baner_3 .chooseBlock { width: 33%; }
  .banner_cpanel.baner_3 .quelle { width: 100%; }
  .banner_cpanel.baner_3 .particular { width: 632px; }
  .banner_cpanel.baner_3 .persoBlock { margin: 0 0 0 9px; }

  /* Hébergement Revendeur */
  .banner_reseller .perso { padding: 0px 0px 32px 0px; }
  .banner_reseller .choose { height: 211px; }

  /* Serveur cPanel */
  .banner_serveur_cpanel .perso { padding: 0px 0px 32px 0px; }
  .banner_serveur_cpanel .choose { height: 211px; }
}

@media (max-width: 1023px) AND (min-width: 980px) {
    /* Référencement */
    .banner_bgseo.baner_3 .seo .chooseBlock {width: 313px; }
    .banner_bgseo.baner_3 .seo .particular { width: 634px; }
    .banner_bgseo.baner_3 .seo .persoBlock { width: 294px; margin-left: 9px; margin-right: 0; margin-bottom: 0; }
    .banner_bgseo.baner_3 .seo .quelle { float: left; width: auto; }
    .banner_bgseo .perso { padding: 0px 0px 32px 0px; }
    .banner_bgseo .choose { height: 211px; }
  }

@media (max-width: 979px) AND (min-width: 768px) {
  /* Hébergement Windows */
  .banner_bgwindows .chooseBlock { width: 200px; }
  .banner_bgwindows .quelle { width: 200px; }
  .banner_bgwindows .quelle li.sm { line-height: 26px; }
  .banner_bgwindows .particular { width: 73%; }
  .banner_bgwindows .persoBlock { width: 126px; margin-left: 10px; }
  .banner_bgwindows .ideal1 { padding: 5px 10px; }
  .banner_bgwindows .ideal1 p { height: 115px; overflow: hidden; }
  .banner_bgwindows .ideal ul { width: 126px; }
  .banner_bgwindows .ideal ul li.white.sm, .banner_bgwindows .ideal ul li.ash.sm { height: 62px; line-height: 62px; }
  .banner_bgwindows .mois { width: 126px; background-size: 100% 100% !important; background-position: 0px -2px !important; }
  .banner_bgwindows .mois1 a { font-size: 14px; width: 100px; }
  .banner_bgwindows .perso h5 { font-size: 16px; }
  .banner_bgwindows .price_element_main { font-size: 36px; }
  .banner_bgwindows .price_element_ht { margin-left: -25px; }
  .banner_bgwindows .price_element_decimal { margin-left: -20px; }
  .banner_bgwindows .quelle ul li.sm { padding-right: 25px; }
  .banner_bgwindows .quelle ul li.sm a { margin-right: -25px; margin-top: -12px; }
  .banner_bgwindows .hidden-sm, .banner_bgwindows .multiBlock, .banner_bgwindows .tableBlock { display: none; }

  /* Hebergement Web */
  .choose { height: 211px; }
  .persoBlock, .tableBlock .table { width: 155px; margin-left: 15px; }
  .perso h5 { font-size: 18px; line-height: 36px; font-weight: 600; }
  .perso { padding: 0px 0 32px 0 !important; }
  .mois { background-size: cover !important; background-position: 0px -2px!important; height: 90px !important; width: 100%; }
  .mois1 a { font-size: 16px; width: 130px; }
  .platForm.hebergement .quelle h5 { padding-bottom: 124px; }
  .ideal1 { min-height: 162px; padding: 5px 10px; }
  .ideal1 p { font-size: 14px; line-height: 19px; height: 130px; overflow: hidden; }
  .ideal ul, .tableBlock .table .ideal ul { width: 150px; }

  /* Hébergement cPanel */
  .banner_cpanel .perso h5 { font-size: 18px; line-height: 32px; font-weight: 600; }
  .banner_cpanel.baner_3 .ideal1 { min-height: 125px; }
  .banner_cpanel .ideal1 p { height: auto; font-size: 16px; line-height: 19px; }
  .banner_cpanel.baner_3 .particular { width: 499px; padding: 0; }
  .banner_cpanel.baner_3 .choose a { font-size: 16px; line-height: 22px; }
  .banner_cpanel .persoBlock, .banner_cpanel .tableBlock .table { width: 155px !important; margin-left: 11px !important; }
  .banner_cpanel.baner_3 .mois { width: 155px; height: 70px; }
  .banner_cpanel .price_element_main { font-size: 34px; }
  .banner_cpanel .mois1 a { width: 135px; }
  .banner_cpanel.baner_3 .mois1 a { font-size: 18px; margin: 85px auto 16px; }
  .banner_cpanel.baner_3 .mois_3 { background-size: 100% 100% !important; background-position: 0px -18px !important; }
  .banner_cpanel .price_element { margin-top: 5px; }
  .banner_cpanel .price_element_ttc { top: -5px; position: relative; }
  .banner_cpanel .price_element_ht { margin-left: -22px; }
  .banner_cpanel .price_element_decimal { margin-left: -20px; }
  .banner_cpanel .ecomm .mois1 { height: 145px; }
  .banner_cpanel .quelle li.sm { line-height: 20px; }
  .banner_cpanel .quelle ul li.sm { padding-right: 25px; }
  .banner_cpanel .quelle ul li.sm a { margin-right: -25px; margin-top: -12px; }
  .banner_cpanel .platForm.ecomm .choose { height: 226px; }
  .banner_cpanel.baner_3 .persoBlock { margin: 16px auto 30px; width: 100%; overflow: hidden; }
  .banner_cpanel.baner_3 .best_1 { display: none; }
  .banner_cpanel .mois { background: url(../images/moisbg.png) no-repeat scroll center center rgba(0, 0, 0, 0); }

  /* Hébergement Revendeur */
  .banner_reseller { background: url(_ui/images/hebergement_revendeur_banner.jpg) no-repeat top center !important; }
  .banner_reseller .ratesBlock { margin: -10px 0 0 0; }
  .banner_reseller .chooseBlock { width: 200px; }
  .banner_reseller .quelle { width: 200px; }
  .banner_reseller .quelle li.sm { height: 62px; line-height: 26px; }
  .banner_reseller .quelle ul li.sm { padding-right: 25px; }
  .banner_reseller .quelle ul li.sm a { margin-right: -25px; margin-top: -12px; }
  .banner_reseller .particular { width: 73%; }
  .banner_reseller .persoBlock { width: 126px; margin-left: 10px; margin-bottom: 0; }
  .banner_reseller .ideal1 { padding: 5px 10px; }
  .banner_reseller .ideal1 p { height: 115px; overflow: hidden; }
  .banner_reseller .ideal ul { width: 126px; }
  .banner_reseller .ideal ul li.white.sm, .banner_reseller .ideal ul li.ash.sm { height: 62px; line-height: 62px; }
  .banner_reseller .mois { width: 126px; }
  .banner_reseller .mois { background-size: 100% 100% !important; background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 -2px !important; }
  .banner_reseller .mois1 a { font-size: 14px; width: 100px; }
  .banner_reseller .perso h5 { font-size: 16px; }
  .banner_reseller .price_element_main { font-size: 36px; }
  .banner_reseller .price_element_ht { margin-left: -25px; }
  .banner_reseller .price_element_decimal { margin-left: -20px; }
  .banner_reseller.banner { padding: 0; }
  
  /* Serveur cPanel */
  .banner_serveur_cpanel { background: url(_ui/images/serveur-cpanel.jpg) no-repeat top center !important; }
  .banner_serveur_cpanel .ratesBlock { margin: -10px 0 0 0; }
  .banner_serveur_cpanel .chooseBlock { width: 200px; }
  .banner_serveur_cpanel .quelle { width: 200px; }
  .banner_serveur_cpanel .quelle li.sm { height: 62px; line-height: 26px; }
  .banner_serveur_cpanel .quelle ul li.sm { padding-right: 25px; }
  .banner_serveur_cpanel .quelle ul li.sm a { margin-right: -25px; margin-top: -12px; }
  .banner_serveur_cpanel .particular { width: 73%; }
  .banner_serveur_cpanel .persoBlock { width: 126px; margin-left: 10px; margin-bottom: 0; }
  .banner_serveur_cpanel .ideal1 { padding: 5px 10px; }
  .banner_serveur_cpanel .ideal1 p { height: 115px; overflow: hidden; }
  .banner_serveur_cpanel .ideal ul { width: 126px; }
  .banner_serveur_cpanel .ideal ul li.white.sm, .banner_serveur_cpanel .ideal ul li.ash.sm { height: 62px; line-height: 62px; }
  .banner_serveur_cpanel .mois { width: 126px; }
  .banner_serveur_cpanel .mois { background-size: 100% 100% !important; background: url(../images/moisbg.png) no-repeat scroll center center transparent; background-position: 0 -2px !important; }
  .banner_serveur_cpanel .mois1 a { font-size: 14px; width: 100px; }
  .banner_serveur_cpanel .perso h5 { font-size: 16px; }
  .banner_serveur_cpanel .price_element_main { font-size: 36px; }
  .banner_serveur_cpanel .price_element_ht { margin-left: -25px; }
  .banner_serveur_cpanel .price_element_decimal { margin-left: -20px; }
  .banner_serveur_cpanel.banner { padding: 0; }
  .banner_serveur_cpanel .nosBlock { margin: 45px 0 13px; }
  
  /* Référencement */
  .banner_bgseo.baner_3 .seo .chooseBlock {width: 260px;}
  .banner_bgseo.baner_3 .seo .particular { width: 485px; }
  .banner_bgseo.baner_3 .seo .persoBlock { width: 220px; margin-left: 9px; margin-right: 0; margin-bottom: 0; }
  .banner_bgseo.baner_3 .seo .quelle h5 { padding-bottom: 103px; }
  .banner_bgseo .quelle { width: 100%; }
  .banner_bgseo .perso { padding: 0px 0px 16px 0px; }
  .banner_bgseo.baner_3 .seo .mois:after { border-right: 110px solid transparent; border-left: 110px solid transparent; }
  .banner_bgseo.baner_3 .mois1 a { font-size: 18px; }
  .banner_bgseo .mois1 a { width: 120px !important; }
  .banner_bgseo .quelle li.sm { line-height: 26px; }
  .banner_bgseo .quelle ul li.sm { padding-right: 25px; }
  .banner_bgseo .quelle ul li.sm a { margin-right: -25px; margin-top: -12px; }
  .banner_bgseo .particular { width: 73%; }
  .banner_bgseo .persoBlock { width: 126px; margin-left: 10px; }
  .banner_bgseo .ideal1 { padding: 0; }
  .banner_bgseo .ideal1 p { height: 115px; font-size: 16px; line-height: 19px; overflow: hidden; }
  .banner_bgseo .ideal ul { width: auto; }
  .banner_bgseo .ideal ul li.white.sm, .banner_bgseo .ideal ul li.ash.sm { height: 62px; line-height: 62px; }
  .banner_bgseo .mois { width: 126px; }
  .banner_bgseo .mois1 a { font-size: 14px; width: 100px; }
  .banner_bgseo .perso h5 { font-size: 16px; }
  .banner_bgseo .price_element_main { font-size: 36px; }
  .banner_bgseo .price_element_ht { margin-left: -25px; }
  .banner_bgseo .price_element_decimal { margin-left: -20px; }
  .banner_bgseo.banner { padding: 0; }

}

@media (max-width: 767px) {
  /* Hébergement Windows */
  .banner_bgwindows .platForm.hebergement .ideal1 { min-height: 105px; }
  .banner_bgwindows .ideal ul li.white2, .banner_bgwindows .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .banner_bgwindows .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .banner_bgwindows .ideal ul .ash strong figure, .banner_bgwindows .ideal ul .white strong figure { width: 100%; display: inherit; }
  .banner_bgwindows .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: middle; display: initial; }
  .banner_bgwindows .persoBlock { margin: 45px auto; }
  .banner_bgwindows .persoBlock:first-child { margin: 20px auto 45px; }
  .banner_bgwindows .mois { width: 100%; text-align: center; background-size: 100% 100% !important; background-position: 0px 0px !important; }
  .banner_bgwindows .mois .price_element_main { padding-top: 10px; }
  .banner_bgwindows .hidden-xs, .banner_bgwindows .multiBlock, .banner_bgwindows .tableBlock { display: none; }

  /* Hébergement Web */
  .persoBlock { width: 100% !important; margin: 45px auto; }
  .persoBlock:first-child { margin: 20px auto 45px; }
  .mois .price_element_main { padding-top: 10px; }
  .mois { background-size: 100% 100%; background-position: 0px 0px!important; height: 94px !important; width: 100%; }
  .multiBlock, .tableBlock { display: none; }
  .platForm.hebergement .ideal1 { min-height: 105px; }
  .ideal ul li.white2, .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .ideal ul .ash strong figure, .ideal ul .white strong figure { width: 100%;  display: inherit; }
  .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: middle; display: initial; }

  /*Hébergement cPanel */
  .hideMobile { display: none !important; }
  .banner_cpanel .platForm.ecomm .ideal1 { min-height: 105px; margin: 10px auto 0; width: 92%; padding: 15px 2%; }
  .banner_cpanel .ideal ul li.white, .banner_cpanel .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .banner_cpanel .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .banner_cpanel .ideal ul .ash strong figure, .banner_cpanel .ideal ul .white strong figure { width: 100%; padding: 0; display: inherit; }
  .banner_cpanel .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: top; display: initial; }
  .banner_cpanel .ideal ul li span[class^="flaticon"] { vertical-align: middle; }
  .banner_cpanel .platForm.ecomm .choose { display: none; }
  .banner_cpanel.baner_3 .persoBlock { margin: 45px auto; }
  .banner_cpanel.baner_3 .best_1 { display: none; }
  .banner_cpanel.baner_3 .particular { width: 100%; }
  .banner_cpanel .mois { background-position: 0 0px !important; padding-top: 0;}
  .banner_cpanel.baner_3 .ideal ul .ash1 strong figure { padding-top: 8px; }

  /* Hébergement Revendeur */
  .banner_reseller .platForm.hebergement { margin-top: 0; }
  .banner_reseller .platForm.hebergement .ideal1 { min-height: 105px; }
  .banner_reseller .ideal ul li.white2, .banner_reseller .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .banner_reseller .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .banner_reseller .ideal ul .ash strong figure, .banner_reseller .ideal ul .white strong figure { width: 100%;  display: inherit; }
  .banner_reseller .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: middle; display: initial; }
  .banner_reseller .persoBlock { margin: 45px auto; }
  .banner_reseller .mois .price_element_main { padding-top: 10px; }
  .banner_reseller .mois { width: 100%; text-align: center; background-size: 100% 100% !important; background-position: 0px 0px !important; }
  .banner_reseller .mois .price_element_main { padding-top: 10px; }

  /* Serveur cPanel */
  .banner_serveur_cpanel { background: none; } 
  .banner_serveur_cpanel .platForm.hebergement { margin-top: 0; }
  .banner_serveur_cpanel .platForm.hebergement .ideal1 { min-height: 105px; }
  .banner_serveur_cpanel .ideal ul li.white2, .banner_serveur_cpanel .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .banner_serveur_cpanel .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .banner_serveur_cpanel .ideal ul .ash strong figure, .banner_serveur_cpanel .ideal ul .white strong figure { width: 100%; display: inherit; }
  .banner_serveur_cpanel .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: middle; display: initial; }
  .banner_serveur_cpanel .persoBlock { margin: 45px auto; }
  .banner_serveur_cpanel .mois .price_element_main { padding-top: 10px; }
  .banner_serveur_cpanel .mois { width: 100%; text-align: center; background-size: 100% 100% !important; background-position: 0px 0px !important; }

  /* Référencement */
  .banner_bgseo .platForm.hebergement .ideal1 { min-height: 105px; }
  .banner_bgseo .ideal ul li.white2, .banner_bgseo .ideal ul .ash { font-size: 16px; line-height: 51px; height: 51px; padding: 0;}
  .banner_bgseo .ideal ul li span:not([class^="flaticon-"]) { font-size: 16px; line-height: 51px;  height: 51px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .banner_bgseo .ideal ul .ash strong figure, .banner_bgseo .ideal ul .white strong figure { width: 100%; display: inherit; }
  .banner_bgseo .ideal ul li strong figure img { margin: 0 auto; padding: 0; height: 36px; vertical-align: middle; display: initial; }
  .banner_bgseo .persoBlock { margin: 45px auto; }
  .banner_bgseo .persoBlock:first-child { margin: 20px auto 45px; }
  .banner_bgseo .mois .price_element_main { padding-top: 10px; }
  .banner_bgseo.baner_3 .seo .mois:after { border-right: 335px solid transparent; border-left: 335px solid transparent; }
  .banner_bgseo.baner_3 .seo .mois_3 { background: #97B52C !important; }
  .banner_bgseo.baner_3 .best_1 { display: none; }
}


/**************************************/
/** Tableau Caractéristiques Globale **/
/**************************************/

.multiBlock ul li:first-child { margin-top: 1px; }
.multiBlock h5 { padding: 0 5px; }
.multiBlock li.xl { line-height: 26px; }
.multi .table .ideal li.white.xl, .multi .table .ideal li.ash.xl { line-height: 53px; height: 53px;}
.multi .table .ideal li.white.xl:last-child, .multi .table .ideal li.ash.xl:last-child { line-height: 48px; height: 48px;}
.multi .table .ideal ul { padding: 5px 5px 0; }
.multi .table .ideal li.white, .multi .table .ideal li.ash { height: 49px; line-height: 49px; }
.multi .table > .ideal > ul > li:first-child, .multi .table> .ideal > ul > li:last-child { line-height: 44px; height: 44px; }
.multi .table > .ideal > ul > li:not(:first-child) { margin-top: 0; }
.multi .table > .ideal > ul > li:last-child { margin-bottom: 5px; }
.multi .table > .ideal.script > ul > li:not(:first-child), .multi .table >.ideal.comm >ul > li:not(:first-child) { margin-top: 0; }
.tableBlock.xl { margin: 91px 0 0 0; }
.tableBlock.xl .ideal { margin-top: 0px; }
.multiBlock li.label { padding-right: 65px; }
.table .ideal ul li.white, .table .ideal ul li.ash { color: #233b6c; font-weight: bold; }
.table .ideal ul li.white2, .table .ideal ul li.ash2 { color: #f60;  font-weight: bold; }

/* Ajouté de hébergement cPanel */
.correction_block ul.pnormal li { color: #233b6c; }
.correction_block ul.pnormal li.xl { line-height: 26px; }


@media (max-width: 1200px) AND (min-width: 768px) {
  .multiBlock li.md { line-height: 26px; }
  .multi .table .ideal li.white.md, .multi .table .ideal li.ash.md { line-height: 53px; height: 53px;}
  .multi .table .ideal li.white.md:first-child, .multi .table .ideal li.ash.md:first-child { line-height: 48px; height: 48px;}
  .multi .table .ideal li.white.md:last-child, .multi .table .ideal li.ash.md:last-child { line-height: 48px; height: 48px;}
  .tableBlock.md { margin: 91px 0 0 0; }
  .tableBlock.md .ideal { margin-top: 0px; }
  .multiBlock h5 { font-size: 18px; }


  /* Ajouté de Hébergement Windows */
  .banner_bgwindows .tableBlock .table { width: 166px; margin: 0 0 0 13px; }
  .banner_bgwindows .tableBlock .table .ideal ul { width: 160px; }

  /* Ajouté de hébergement Web */
  .multi .table .ideal li.white.md3, .multi .table .ideal li.ash.md3 { line-height: 79px; height: 79px;}

  /* Ajouté à Reseller */
  .banner_reseller .tableBlock .table { width: 166px; margin: 0 0 0 13px; }
  .banner_reseller .tableBlock .table .ideal ul { width: 160px; }

  /* Ajouté à Reseller */
  .banner_serveur_cpanel .tableBlock .table { width: 166px; margin: 0 0 0 13px; }
  .banner_serveur_cpanel .tableBlock .table .ideal ul { width: 160px; }

}

@media (max-width: 1023px) AND (min-width: 980px) {
    /* Ajouté de hébergement cPanel */
    .votre_block { display: block; }
}

@media (max-width: 979px) {
    /* Ajouté de hébergement cPanel */
    .toutes { display: none; }

    /* Ajouté de hébergement Web */
    .multiBlock, .tableBlock { display: none; }
}

@media (max-width: 767px) {
    /* Ajouté de hébergement Web */
    .multiBlock, .tableBlock { display: none; }
}


/*************************/
/** Bloc Orange Contact **/
/*************************/

.contact1 { padding: 40px 0; }
.contact1 .wrapper p { padding: 0; }
.contact1 p { font-size: 26px; line-height: 34px; font-weight: 600; }
.contact1 .wrapper span { font-size: 16px; font-weight: 400; font-style: normal; line-height: 25px; margin-top: 20px; }

@media (max-width: 979px) AND (min-width: 768px) {
  .contact1 p { font-size: 30px; line-height: 42px; padding: 0; margin-bottom: 10px; }
  .contact1 span { font-size: 16px; line-height: 36px; font-weight: 300; font-style: italic; }
}

@media (max-width: 767px) AND (min-width: 600px) {
  .contact1 p { font-size: 24px; line-height: 36px; font-weight: 600; margin-bottom: 10px; }
  .contact1 span { font-size: 16px; line-height: 26px !important; font-weight: 300; font-style: italic; }
}

@media (max-width: 599px) {
  .contact1 p { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; }
  .contact1 span { font-size: 16px; line-height: 26px !important; font-weight: 300; font-style: italic; margin-bottom: 0; }
}


/**************************/
/** Bloc Gauche / Droite **/
/**************************/

.nosLeft figure:after, .nosRight figure::after { bottom: 0; width: 100%; }
.nosRight figure::after { right: 0; }
.nosLeft figure:after { left: 0; }
.nosContent, .nosRightContent { min-height: 319px; }
.nosContent, .nosRightContent { padding: 0 10px 25px 10px; }
.nosContent figure { margin-top: 20px; }
.nosBlock { margin: 45px 0; }

.nose_block2 { padding: 45px 0; }
.nose_block2_left, .nose_block2_rght { min-height: 623px; }
.nose_block2_left figure, .nose_block2_rght figure { position: relative; }
.nose_block2_left figure:after { position: absolute; width: 100%; height: 2px; border-top: 2px solid #1e499b; content: ""; left: 0; bottom: 0; }
.nose_block2_rght figure:after { position: absolute; width: 100%; height: 2px; border-top: 2px solid #1e499b; content: ""; right: 0; bottom: 0; }

/* Ajouté de hébergement Web */
/*.nosContent, .nosRightContent { min-height: 319px; }*/

/* Hébergement Windows */
.banner_bgwindows .nosContent, .banner_bgwindows .nosRightContent { min-height: 319px; }

/* Ajouté de Hébergement cPanel */
.banner_cpanel .nosContent, .banner_cpanel .nosRightContent { min-height: 375px; }

/* Ajouté de Hébergement Revendeur */
.banner_reseller .nosContent, .banner_reseller .nosRightContent { min-height: 467px; }

/* Ajouté de Serveur cPanel */
.banner_serveur_cpanel .nosContent, .banner_serveur_cpanel .nosRightContent { min-height: 564px; }

@media (max-width: 1200px) AND (min-width: 1024px) {
  .nosContent, .nosRightContent { min-height: 342px; }
  .nosRight figure::after { top: initial; }

  .nose_block2_rght { padding: 0; }
  .nose_block2_left, .nose_block2_rght { min-height: 644px; }

  /* Ajouté de hébergement Web */
  /*.nosContent, .nosRightContent { min-height: 388px; }*/

  /* Ajouté de Hébergement Windows */
  .banner_bgwindows .nosContent, .banner_bgwindows .nosRightContent { min-height: 342px; }

  /* Ajouté de Hébergement cPanel */
  .banner_cpanel .nosContent, .banner_cpanel .nosRightContent { min-height: 434px; }

  /* Ajouté de Hébergement Revendeur */
  .banner_reseller .nosContent, .banner_reseller .nosRightContent { min-height: 525px; }

  /* Ajouté de Serveur cPanel */
  .banner_serveur_cpanel .nosContent, .banner_serveur_cpanel .nosRightContent { min-height: 611px; }
}

@media (max-width: 1023px) AND (min-width: 980px) {
  .wordpressphpbb { margin-left: 2px; }
  .nosContent, .nosRightContent { min-height: 388px; }
  .nosRight figure::after { top: initial; }

  .nose_block2_left p, .nose_block2_rght p { font-size: 16px; line-height: 22px; padding: 0 0 0 13px; }
  .nose_block2_left ul li, .nose_block2_rght ul li { font-size: 16px; line-height: 22px; }
  .nose_block2_rght figure::after { top: initial; }

  /* Ajouté de hébergement Web */
  /*.nosContent, .nosRightContent { min-height: 388px; }*/

  /* Ajouté de Hébergement Windows */
  .banner_bgwindows .nosContent, .banner_bgwindows .nosRightContent { min-height: 342px; }

  /* Ajouté de Hébergement cPanel */
  .banner_cpanel .nosContent, .banner_cpanel .nosRightContent { min-height: 434px; }

  /* Ajouté de Hébergement Revendeur */
  .banner_reseller .nosContent, .banner_reseller .nosRightContent { min-height: 525px; }

  /* Ajouté de Serveur cPanel */
  .banner_serveur_cpanel .nosContent, .banner_serveur_cpanel .nosRightContent { min-height: 611px; }

}

@media (max-width: 979px) AND (min-width: 768px) {
  .nosContent, .nosRightContent { min-height: 505px; }
  .nosContent > figure { margin-bottom: 0; width: 100%; }
  .nosRightContent ul li, .nosRightContent ul li a { font-size: 16px; line-height: 22px; }
  .nosRight figure::after { top: initial; }
  .nosBlock { margin: 20px 0 13px 0; }

  .nose_block2_left p, .nose_block2_rght p { font-size: 16px; line-height: 22px; padding: 0 0 0 13px; }
  .nose_block2_left ul li, .nose_block2_rght ul li { font-size: 16px; line-height: 22px; }
  .nosBlock { margin: 20px 0 13px 0; }
  .nose_block2_rght { padding: 0 5px 15px; }

  /* Ajouté de hébergement Web */
  /*.nosContent, .nosRightContent { min-height: 505px; }*/

  /* Ajouté de Hébergement Windows */
  .banner_bgwindows .nosContent, .banner_bgwindows .nosRightContent { min-height: 460px; }

  /* Ajouté de Hébergement cPanel */
  .banner_cpanel .nosContent, .banner_cpanel .nosRightContent { min-height: 532px; }
  .banner_cpanel .nosBlock { margin: 0 0 10px 0; }

  /* Ajouté de Hébergement Revendeur */
  .banner_reseller .nosContent, .banner_reseller .nosRightContent { min-height: 543px; }
  .banner_reseller .nosBlock { margin: 45px 0 13px 0; }

  /* Ajouté de Serveur cPanel */
  .banner_serveur_cpanel .nosContent, .banner_serveur_cpanel .nosRightContent { min-height: 690px; }
}

@media (max-width: 767px) {
  .nosContent > figure { margin-bottom: 0; }
  .nosBlock { margin: 0 0 25px; }
  .nosRightContent ul li, .nosRightContent ul li a { font-size: 16px; line-height: 22px; }
  .nosRight { margin: 45px auto 0; }
  .nosRight figure::after { top: initial; }
  .nosLeft { margin: 0 auto; }

  .nose_block2_left, .nose_block2_rght { min-height: 500px; }
  .nosContent > figure { margin-bottom: 0; }
  .hidden-xs { display: none !important; }
  .nosBlock { margin: 5px 0 25px; }
  .nose_block2_rght { margin: 45px auto 0; padding: 0; }
  .nose_block2_left { margin: 0 auto; }

  /* Ajouté de hébergement Web */
  /*.nosContent, .nosRightContent { min-height: 319px; }*/

  /* Ajouté de Hébergement Windows */
  .banner_bgwindows .nosContent, .banner_bgwindows .nosRightContent { min-height: 319px; }

  /* Ajouté de Hébergement cPanel */
  .banner_cpanel .nosContent, .banner_cpanel .nosRightContent { min-height: 340px; }

  /* Ajouté de Hébergement Revendeur */
  .banner_reseller .nosContent, .banner_reseller .nosRightContent { min-height: 380px; }

  /* Ajouté de Serveur cPanel */
  .banner_serveur_cpanel .nosContent, .banner_serveur_cpanel .nosRightContent { min-height: 460px; }
  
}


/*****************************/
/** Section avec Onglet Tab **/
/*****************************/

.web .tab { padding: 45px 0; }
.faq_number { margin-left: 15px; }
.faq_answer { width: 92%; }

@media (max-width: 1200px) AND (min-width: 1024px) {
  .creation figure { margin-right: 5px; }
  .creationContent h6 { width: calc(100% - 13px); }
  .faq_number { margin-left: 15px; }
  .faq_answer { width: 92%; }
}

@media (max-width: 1023px) AND (min-width: 980px) {
  .creationContent { width: 70%; }
  .creation figure { margin-right: 5px; }
  .faq_number { margin-left: 15px; }
  .faq_answer { width: 92%; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  .creationContent strong { font-size: 16px; line-height: 22px; }
  .creationContent { width: 93%; }
  .creation { margin: 80px 0 0px; }
  .creation figure span[class^=flaticon-]:before, .creation figure i[class^=fa]:before { top: -30px; left: -10px; }
  .faq_answer { width: 99%; }
  .web .together .faq_answer h3 { padding: 20px 0 0 10px; }
  .web .together .faq_answer p { padding: 5px 2.5% 0px 10px; }
}

@media (max-width: 767px) {
  .web .together h2 { padding: 0 30px; }
  .creation { padding: 0 5px; }
  .web .together h3 { padding: 20px 0 0 20px; }
  .web .together .faq_answer p { padding: 5px 2.5% 0px 20px; }
  .faq_answer { padding-left: 0; }
}



/*******************************************/
/**                                       **/
/**        Page Boutique en ligne         **/
/**                                       **/
/*******************************************/

/** CSS global **/
/*body { font-family: 'Poppins', sans-serif !important; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; }*/
body { font-family: 'Lato', sans-serif !important;  font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; color: #4D5163; }
.bg_white { background: #fff; }
.bg_grey { background: #F4F5F8; }
.bg_grey2 { background: #E6E8EF; }
.bg_blue { background: #0C2A6A; }
.bg_big_blue { background: #001136; }
.bg_banniere-blue { background: transparent linear-gradient(180deg, #0C2A6A 0%, #1E499B 100%) 0% 0% no-repeat padding-box; }
strong { font-weight: 600; }/*If Poppins600 - If Lato 700*/

.tabLoader { padding: 10px 0 50px !important; }
.clear.mb0 { margin-bottom: 0; }

a.btn,
a.btn-demo,
a.btn-banniere,
a.btn-cmde,
a.btnOrange,
a.btn-fixed,
a.btn100,
a.btn-orange,
a.btn-garanti,
.contact1 p,
.contact1 span { font-family: 'Lato', sans-serif !important; }/*Poppins - Lato*/

/* span label */
span.label { font-size: 15px; line-height: 26px; padding: 5px 15px; border-radius: 16px; }
span.label.success { background: #D5F2D5; color: #299A2A; }
span.label.warning { background: #F8E7D9; color: #FF6600; }
span.label.important { background: #F4E0E0; color: #AC3737; }


@media all AND (min-width: 1400px) {
    .wrapper { width: 1170px !important; }/*If Poppins 1360 - If Lato 1170 */
    .show767 { display: none; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  .hide1399 { display: none; }
  .show767 { display: none; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  .hide1399 { display: none; }
  .hide1200 { display: none; }
  .show767 { display: none; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  .hide1399 { display: none; }
  .hide1200 { display: none; }
  .hide979 { display: none; }
  .show767 { display: none; }
}

@media (max-width: 767px) {
  .hide1399 { display: none; }
  .hide1200 { display: none; }
  .hide979 { display: none; }
  .hide767 { display: none; }
  .show767 { display: block; }
}

/** Banner 2020 **/
section.banner_2020 { position: relative; height: 600px; overflow: hidden; width: 100%; }/*754h*/
section.banner_2020.banner-404 { height: 456px; }
section.banner_2020 img.bg-img { position: absolute; width: 970px; height: 754px; right: 0; top: 0; }
section.banner_2020.banner-404 img.bg-img { height: 456px; width: auto; }
section.banner_2020 div.wrapper { position: relative; top: 50%; transform: translateY(-50%); }
section.banner_2020 div.wrapper div.banner-content { width: 550px; }
section.banner_2020.banner-404 div.wrapper div.banner-content { width: 565px; }
section.banner_2020 div.wrapper div.banner-content p.mini { font-size: 14px; line-height: 17px; color: #fff; text-transform: uppercase; opacity: 0.6; }
section.banner_2020 div.wrapper div.banner-content h1 { font-size: 42px; line-height: 54px; color: #fff; font-weight: 600; margin-top: 5px; }/*50-60-700*/
section.banner_2020 div.wrapper div.banner-content ul { margin-top: 35px; list-style-image: none; }
section.banner_2020 div.wrapper div.banner-content ul li { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; position: relative; padding-left: 27px; }/*20-28-400*/
section.banner_2020 div.wrapper div.banner-content ul li::before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 10px; background: url(../images/theme2021/svg/check_clair.svg) no-repeat 50% 50% / contain; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere { margin-top: 30px; color: #fff; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_stroke { display: inline-block; font-size: 22px; line-height: 28px; font-weight: 400; position: relative; top: -40px; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_price { display: inline-block; font-size: 80px; line-height: 90px; font-weight: 600; margin-left: 10px; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_decimal { display: inline-block; font-size: 44px; line-height: 54px; font-weight: 600; position: relative; top: -30px; margin-left: -20px; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_devise { display: inline-block; font-size: 30px; line-height: 40px; font-weight: 600; position: relative; margin-left: -40px; }/*ml-30*/
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_ht { display: inline-block; font-size: 22px; line-height: 28px; font-weight: 400; margin-left: 2px; }/*ml10*/
section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 20px; line-height: 30px; font-weight: 600; padding: 7px 30px; margin-top: 30px; }
section.banner_2020 div.wrapper div.banner-content a.btn-banniere span.img-btn img { display: inline-block; margin-left: 20px; width: 24px; height: auto; }
section.banner_2020 div.wrapper div.banner-content p.content-banniere { margin-top: 10px; font-size: 18px; line-height: 28px; color: #fff; }/*20-28*/
section.banner_2020 div.wrapper div.banner-content p.content-banniere:first-child { margin-top: 40px; }
section.banner_2020 div.wrapper div.banner-content p.garantie { margin-top: 15px; font-size: 16px; line-height: 28px; color: #fff; }/*18-28*/
section.banner_2020 div.wrapper div.banner-content p.garantie img { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: sub; }

@media (max-width: 1699px) AND (min-width: 1201px) {
  section.banner_2020:not(.banner-404) img.bg-img { right: inherit; left: 45%; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020 { height: 490px; }
  section.banner_2020 div.wrapper { width: 100%; padding: 0 30px; }
  section.banner_2020 div.wrapper div.banner-content { width: 480px; }
  section.banner_2020 img.bg-img { width: 620px; height: 520px; }
  section.banner_2020:not(.banner-404) div.wrapper div.banner-content p.mini { display: none; }
  section.banner_2020 div.wrapper div.banner-content h1 { font-size: 40px; line-height: 50px; margin-top: 0; }
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: 18px; line-height: 28px; }
}

@media (max-width: 1050px) AND (min-width: 980px) {
  section.banner_2020 img.bg-img { right: inherit; left: 45%; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020 { height: 556px; }
  section.banner_2020 div.wrapper { width: 100%; padding: 0 30px; }
  section.banner_2020 div.wrapper div.banner-content { width: 370px; }
  section.banner_2020 img.bg-img { width: auto; height: 556px; }
  section.banner_2020:not(.banner-404) div.wrapper div.banner-content p.mini { display: none; }
  section.banner_2020 div.wrapper div.banner-content h1 { font-size: 34px; line-height: 42px; margin-top: 0; }/*40-50*/
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: 18px; line-height: 28px; }
  section.banner_2020 img.bg-img { right: inherit; left: 50%; }
}

@media (max-width: 767px) {
  section.banner_2020 { height: 661px; }
  section.banner_2020 div.wrapper { width: 100%; padding: 0 5px; }
  section.banner_2020 div.wrapper div.banner-content { width: 360px; margin: auto; }
  section.banner_2020:not(.banner-404) div.wrapper div.banner-content p.mini { display: none; }
  section.banner_2020 div.wrapper div.banner-content h1 { font-size: 34px; line-height: 42px; margin-top: 0; }/*40-50*/
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: 18px; line-height: 28px; }
  section.banner_2020 img.bg-img { opacity: 0.2; width: auto; height: 661px; }
  section.banner_2020 img.bg-img { right: inherit; left: 0; object-fit: cover; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere { text-align: center; }
  section.banner_2020 div.wrapper div.banner-content a.btn-banniere { position: relative; left: 50%; transform: translateX(-50%); padding: 7px 20px; }
  section.banner_2020 div.wrapper div.banner-content p.garantie { text-align: center; }
}

@media (max-width: 600px) {
  section.banner_2020.banner-404 div.wrapper div.banner-content { width: 100%; text-align: center; padding: 0 10px; }
  section.banner_2020.banner-404 div.wrapper div.banner-content a.btn-banniere { position: relative; left: 0; transform: none; }
}

@media (max-width: 499px) {
  section.banner_2020 img.bg-img { display: none; }
  section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 18px; }
  section.banner_2020 div.wrapper div.banner-content p.garantie { font-size: 14px; }
}

@media (max-width: 369px) {
  section.banner_2020 div.wrapper div.banner-content { width: 100%; }
}

/* DPI */

@media only screen AND (min-width: 1201px) AND (min-resolution: 1.5dppx) {
  section.banner_2020 { height: 420px !important; }
  section.banner_2020 img.bg-img { left: auto; right: 0 !important; height: auto; width: 50%; }
  section.banner_2020 div.wrapper div.banner-content p.mini { font-size: 14px; line-height: 17px; }
  section.banner_2020 div.wrapper div.banner-content h1 { font-size: 32px; line-height: 40px; }
  section.banner_2020 div.wrapper div.banner-content ul { margin-top: 20px; }
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: 16px; line-height: 22px; }
  section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 16px; line-height: 30px; padding: 4px 30px 3px; }
  section.banner_2020 div.wrapper div.banner-content p.garantie { font-size: 16px; line-height: 24px; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 15px; line-height: 18px; top: -30px; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 50px; line-height: 60px; margin-left: 0px; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 30px; line-height: 36px; top: -20px; margin-left: -10px; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 20px; line-height: 26px; margin-left: -30px; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 16px; line-height: 20px; margin-left: 10px; }
}

/* LapTop */

/* ----------- Non-Retina Screens ----------- */
/*@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    section.banner_2020 { height: 420px !important; }
    section.banner_2020 img.bg-img { left: auto !important; right: 0 !important; height: auto; width: 50%; }
    section.banner_2020 div.wrapper div.banner-content p.mini { font-size: 14px; line-height: 17px; }
    section.banner_2020 div.wrapper div.banner-content h1 { font-size: 32px; line-height: 40px; }
    section.banner_2020 div.wrapper div.banner-content ul { margin-top: 20px; }
    section.banner_2020 div.wrapper div.banner-content ul li { font-size: 16px; line-height: 22px; }
    section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 16px; line-height: 30px; padding: 4px 30px 3px; }
    section.banner_2020 div.wrapper div.banner-content p.garantie { font-size: 16px; line-height: 24px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 15px; line-height: 18px; top: -30px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 50px; line-height: 60px; margin-left: 0px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 30px; line-height: 36px; top: -20px; margin-left: -10px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 20px; line-height: 26px; margin-left: -30px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 16px; line-height: 20px; margin-left: 10px; }
}*/

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    section.banner_2020 { height: 420px !important; }
    section.banner_2020 img.bg-img { left: auto; right: 0 !important; height: auto; width: 50%; }
    section.banner_2020 div.wrapper div.banner-content p.mini { font-size: 14px; line-height: 17px; }
    section.banner_2020 div.wrapper div.banner-content h1 { font-size: 32px; line-height: 40px; }
    section.banner_2020 div.wrapper div.banner-content ul { margin-top: 20px; }
    section.banner_2020 div.wrapper div.banner-content ul li { font-size: 16px; line-height: 22px; }
    section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 16px; line-height: 30px; padding: 4px 30px 3px; }
    section.banner_2020 div.wrapper div.banner-content p.garantie { font-size: 16px; line-height: 24px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 15px; line-height: 18px; top: -30px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 50px; line-height: 60px; margin-left: 0px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 30px; line-height: 36px; top: -20px; margin-left: -10px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 20px; line-height: 26px; margin-left: -30px; }
    section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 16px; line-height: 20px; margin-left: 10px; }
}


/** Banner 2020 - version mini - Page hébergement web **/
section.banner_2020.bg_hebergement { padding: 50px 0; height: auto; }
section.banner_2020.bg_hebergement.bg_promo { padding: 0 0 20px; }
section.banner_2020.bg_hebergement div.wrapper { top: auto; transform: none; }
section.banner_2020.bg_hebergement.bg_promo div.banner_promo { margin-bottom: 30px; z-index: 9; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content { width: 50%; }
section.banner_2020.bg_hebergement.bg_vps div.wrapper div.banner-content { width: 51%; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 60%; }
section.banner_2020.bg_hebergement img.bg-img { width: 970px; height: auto; right: 0; top: 0; min-height: 100%; }/*left50%*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px; line-height: 44px; font-weight: 600; margin-left: -2px; }/*42-54*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title { font-size: 28px; line-height: 38px; font-weight: 500; color: #fff; margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title2,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title2 { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title3,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title3 { font-size: 22px; line-height: 32px; font-weight: 400; color: #fff; margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin-top: 30px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { font-size: 18px; line-height: 28px; font-weight: 400; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul.inline-ul li { display: inline-block; margin-right: 30px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li { display: inline-block; width: calc(45% - 3px); vertical-align: top; padding-right: 15px; }/*width: calc(50% - 3px);*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li:nth-child(2n) { padding-right: 0; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li a { color: #2CEC45; text-decoration: underline; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content hr { border-top: 2px solid #fff; margin: 30px 0 0; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 22px; line-height: 28px; font-weight: 400; position: relative; top: -50px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 80px; line-height: 90px; font-weight: 600; position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 44px; line-height: 54px; font-weight: 600; position: relative; top: -40px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 30px; line-height: 40px; font-weight: 600; margin-left: -40px; position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 22px; line-height: 28px; font-weight: 400; margin-left: 0; position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { font-size: 20px; line-height: 30px; font-weight: 600; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-transparent.btn-banniere { background: transparent; color: #fff; border: 2px solid #fff; padding: 5px 30px; margin-left: 20px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-transparent.btn-banniere:hover { background: rgba(255,255,255,0.1); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { font-size: 16px; line-height: 28px; font-weight: 400; max-width: 310px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere,
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { display: inline-block; vertical-align: middle; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 30px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 { display: inline-block; margin-left: 25px; margin-top: 15px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 a.btn-banniere { margin-top: 15px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 35px 0; margin-top: 30px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element { flex-grow: 1; min-width: 33%; max-width: 33%; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.ext { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; line-height: 46px; font-weight: 800; color: #fff; background: #1E499B; padding: 0px 10px; height: 50px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price { display: inline-block; vertical-align: middle; color: #001136; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension.too_long div.flex-element div.price { margin-left: -5px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension.too_long div.flex-element div.price p span.devise { margin-left: -3px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension.too_long div.flex-element div.ext { padding: 0px 8px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke { position: relative; font-size: 14px; line-height: 21px; font-weight: 400; color: #001136; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke::after { content: ""; position: absolute; height: 1px; background: #001136; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p:nth-child(2) { font-size: 12px; line-height: 22px; font-weight: 400; color: #001136; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.price-element { font-size: 24px; line-height: 34px; font-weight: 600; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: 18px; line-height: 28px; font-weight: 400;}

/** Free Dom **/
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom { margin-top: 50px; display: inline-block; margin-left: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom { display: inline-block; float: right; margin-top: 47px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p { position: relative; background: #0C2A6A; font-size: 18px; line-height: 28px; font-weight: 600; color: #fff; padding: 15px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p:after { 
  top: 17px;
  left: -9px;
  border: 1px solid transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-color: transparent;
  border-right-color: #0C2A6A;
  border-bottom-color: transparent;
  border-left-color: transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 12px;
  margin-left: -15px;
}
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom div.price_element_stroke { font-size: 16px !important; line-height: 20px !important; font-weight: 400; color: #001136; position: relative; top: -35px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom div.price_element_price { font-size: 80px !important; line-height: 90px !important; font-weight: 600; color: #001136; position: relative; top: -15px; left: -3px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom div.price_element_decimal { font-size: 44px !important; line-height: 54px !important; font-weight: 600; color: #001136; position: relative; top: -43px; margin-left: -18px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom div.price_element_devise { font-size: 30px !important; line-height: 40px !important; font-weight: 600; color: #001136; margin-left: -39px; position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom div.price_element_ht { font-size: 22px !important; line-height: 28px !important; font-weight: 400; color: #001136; position: relative; top: -12px; }

/* Si bannière full + Light */
section.banner_2020.bg_hebergement.bg_banner_full.light h1,
section.banner_2020.bg_hebergement.bg_banner_full.light p.ss_title,
section.banner_2020.bg_hebergement.bg_banner_full.light h2.ss_title,
section.banner_2020.bg_hebergement.bg_banner_full.light p.ss_title2,
section.banner_2020.bg_hebergement.bg_banner_full.light h2.ss_title2,
section.banner_2020.bg_hebergement.bg_banner_full.light p.ss_title3,
section.banner_2020.bg_hebergement.bg_banner_full.light h2.ss_title3,
section.banner_2020.bg_hebergement.bg_banner_full.light p.mini,
section.banner_2020.bg_hebergement.bg_banner_full.light ul li,
section.banner_2020.bg_hebergement.bg_banner_full.light p.garantie,
section.banner_2020.bg_hebergement.bg_banner_full.light div.price-banniere div,
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content ul li a { color: #233969 !important; }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content ul li::before { background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content hr { border-top: 2px solid #1E499B; }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content div.price_element_stroke::after { background: #233969; }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content a.btn-transparent.btn-banniere { background: #1e499b; }


/* Si bannière full Light ou Dark*/
section.banner_2020.bg_hebergement.bg_banner_full img.bg-img { max-width: 100% !important; width: 100% !important; left: 0 !important; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { max-width: 70% !important; }

/* DPI */

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.banner_2020.bg_hebergement { padding: 25px 0 35px; height: 369px !important; }
  section.banner_2020.bg_hebergement.bg_ndd { height: 344px !important; }
  section.banner_2020.bg_hebergement.bg_promo div.banner_promo { margin-bottom: 30px; z-index: 9; }
  section.banner_2020.bg_hebergement.bg_promo p.garantie { display: none; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content ul.inline-ul { margin-top: 20px !important; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content hr { margin: 20px 0 0; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension { gap: 20px 0; margin-top: 20px; }
  section.banner_2020.bg_hebergement img.bg-img { width: 100%; left: 65%; right: auto; height: auto; object-fit: cover; max-width: 50%; }
  section.banner_2020.bg_hebergement div.wrapper { top: 50%; transform: translateY(-50%); }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content { max-width: 50% !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 28px !important; line-height: 38px !important; font-weight: 600; margin-left: -2px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title { font-size: 24px !important; line-height: 32px !important; font-weight: 500; color: #fff; margin-top: 5px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin-top: 25px !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { font-size: 18px !important; line-height: 24px !important; font-weight: 400; margin-bottom: 7px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li::before { top: 9px !important; }
  section.banner_2020 div.wrapper div.banner-content div.price-banniere { margin-top: 30px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 16px !important; line-height: 20px !important; font-weight: 400; position: relative; top: -35px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 48px !important; line-height: 60px !important; font-weight: 600; position: relative; top: -15px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 30px !important; line-height: 38px !important; font-weight: 600; position: relative; top: -30px; margin-left: -13px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 20px !important; line-height: 26px !important; font-weight: 600; margin-left: -25px; position: relative; top: -10px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 16px !important; line-height: 20px !important; font-weight: 400; margin-left: 0; position: relative; top: -12px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { display: inline-block; margin-left: 40px; margin-top: 25px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 { display: inline-block; margin-left: 40px; margin-top: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { font-size: 16px !important; line-height: 24px !important; padding: 7px 20px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde a.btn-banniere { margin-top: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { font-size: 14px !important; line-height: 22px !important; margin-top: 10px; }

  /** Free Dom **/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom { margin-top: 30px; margin-left: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom { display: inline-block; float: right; margin-top: 32px; }

  /* Si bannière full */
  section.banner_2020.bg_hebergement.bg_banner_full img.bg-img { max-width: none !important; width: 110% !important; left: 0 !important; }
}

/* If Lato - grille Normal */
  @media (min-width: 1400px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px !important; line-height: 44px !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 70% !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { vertical-align: top !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_devise { margin-left: -37px; }
  section.banner_2020.bg_hebergement img.bg-img { max-width: 50%; left: auto; }
  
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px; line-height: 44px; }/*42 55*/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 70%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { vertical-align: top; }
  /*section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { width: 180px; }*/
  section.banner_2020.bg_hebergement img.bg-img { max-width: 50%; left: auto; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px; line-height: 44px; }/*40 54*/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 70%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { vertical-align: top; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 25px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { width: 180px; }
  section.banner_2020.bg_hebergement img.bg-img { left: 48%; }

  /** Free Dom **/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom { display: inline-block; float: none; margin-left: 20px; margin-top: 47px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content ul.inline-ul { margin-top: 20px; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content ul.inline-ul li { display: block; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension { margin-top: 30px; gap: 20px 0; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element { max-width: none; width: 50%; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element:nth-last-of-type(-n+2) { display: none; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px; line-height: 44px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li { display: block; width: 100%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { margin-top: 40px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_stroke { font-size: 18px; line-height: 24px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 60px; line-height: 70px; top: -20px; margin-left: 8px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 33px; line-height: 42px; top: -45px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 22px; line-height: 31px; top: -20px; margin-left: -25px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_ht { font-size: 16px; line-height: 22px; top: -22px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 10px; margin-top: 25px; vertical-align: top; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { margin-top: 0; padding: 7px 20px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { display: none; }

  /** Free Dom **/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom { display: none; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom { display: inline-block; float: none; margin-left: 0; margin-top: 40px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p { font-size: 16px; line-height: 26px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p::after { display: none; }
}

@media (max-width: 979px) AND (min-width: 850px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li:nth-child(1n + 7) { display: none; } 
}

@media (max-width: 849px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li:nth-child(1n + 5) { display: none; } 
}

@media (max-width: 767px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_cover { background-size: cover !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content { width: 90%; }
  section.banner_2020.bg_hebergement img.bg-img { position: absolute; height: 100%; width: auto; min-width: 100%; object-fit: cover; left: 14%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 90%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1 { font-size: 34px; line-height: 44px; text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title { font-size: 26px; line-height: 38px; text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin: 30px auto 0; width: max-content; max-width: 100%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li { display: block; width: 100%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { display: block; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { margin-top: 15px; }

  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul.inline-ul li { display: block; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title2,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title2,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title3,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title3 { text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension { padding: 0 30px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element { flex-grow: inherit; max-width: none; width: auto; text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p { text-align: left; }

  /** Free Dom **/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.free_dom { display: block; text-align: center; margin-left: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom { display: block; max-width: max-content; float: none; margin: 10px auto 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p { font-size: 16px; line-height: 26px; text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p::after { display: none; }
}

@media (max-width: 600px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension { padding: 0 15px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element { width: 50%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element:nth-last-of-type(-n+2) { display: none; }
}

@media (max-width: 450px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content hr { display: none; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension { display: none; }
}

/*responsive bg_banner_full*/
@media (max-width: 1200px) {
  section.banner_2020.bg_hebergement.bg_banner_full { background-repeat: no-repeat; }
  section.banner_2020.bg_hebergement.bg_banner_full img.bg-img { display: none; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { width: 70%; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: auto; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { display: block; }

}
@media (max-width: 979px) {
  section.banner_2020.bg_hebergement.bg_banner_full { padding: 30px 0; }
  section.banner_2020.bg_hebergement.bg_banner_full::before {content: ""; background-color: hsla(0,0%,100%,.25); position: absolute; width: 100%; height: 100%; top: 0;}
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { width: 54%; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: 190px; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde { display: block; margin-left: 0px; margin-top: 0px; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde.btn2 { display: block; margin-left: 0px; margin-top: -12px; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde p.garantie { width: max-content; }
}
@media (max-width: 767px) {
  section.banner_2020.bg_hebergement.bg_banner_full::before {content: ""; background-color: hsla(0,0%,100%,.85); position: absolute; width: 100%; height: 100%; top: 0;}
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { width: 100%; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: max-content; margin: 15px auto 0; }

  section.banner_2020.bg_hebergement.bg_banner_full h1,
  section.banner_2020.bg_hebergement.bg_banner_full p.ss_title,
  section.banner_2020.bg_hebergement.bg_banner_full h2.ss_title,
  section.banner_2020.bg_hebergement.bg_banner_full ul li,
  section.banner_2020.bg_hebergement.bg_banner_full p.garantie,
  section.banner_2020.bg_hebergement.bg_banner_full div.price-banniere div,
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content ul li a { color: #001136 !important; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content ul li::before { background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.price_element_stroke::after { background: #001136; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde.btn2 a { display: block; width: max-content; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content a.btn-transparent.btn-banniere { margin-left: 0; margin-top: 20px; background: #1e499b; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: 100%; }
}


/** Bloc logo outil Boutique **/
section.logo { max-height: 94px; }
section.logo div.wrapper div.flex-sb { display: flex; height: 94px; justify-content: space-between; align-items: center; }
section.logo div.logo_prestashop { width: 154px; height: 27px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/prestashop.png") no-repeat; transition: 1s; }
section.logo div.logo_woocommerce { width: 138px; height: 28px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/woocommerce.png") no-repeat; transition: 1s; }
section.logo div.logo_wordpress { width: 160px; height: 30px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/wordpress.png") no-repeat; transition: 1s; }
section.logo div.logo_sbpro { width: 169px; height: 34px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/sitebuilder_pro.png") no-repeat; transition: 1s; }
section.logo div.logo_glisser_deposer { width: 199px; height: 36px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/glisser_deposer.png") no-repeat; transition: 1s; }
section.logo div.logo_responsive { width: 259px; height: 38px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/design_responsif.png") no-repeat; transition: 1s; }
section.logo div.logo_support { width: 120px; height: 36px; display : block; background : url("../images/boutique-en-ligne/logos_under_banner/support.png") no-repeat; transition: 1s; }

@media (max-width: 767px) {
  section.logo { display: none; }
}


/** Bloc 5 logos under bannière **/
section.logos5 { max-height: 83px; }
section.logos5 div.wrapper div.flex-logos { display: flex; height: 83px; justify-content: space-between; align-items: center; }
section.logos5 div.wrapper div.flex-logos div.logo img { display: inline-block; width: 40px; height: 40px; margin-right: 15px; vertical-align: sub; }
section.logos5 div.wrapper div.flex-logos div.logo p { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 500; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.logos5 div.wrapper div.flex-logos div.logo:last-child,
  section.logos5 div.wrapper div.flex-logos div.logo:nth-child(4) { display: none; }
}

@media (max-width: 767px) {
  section.logos5 { display: none; }
}


/** Menu Page **/
div.menu_page { background: #1E499B; height: 54px; max-height: 54px; }
div.menu_page ul { display: flex; }
div.menu_page ul li { flex-shrink: 0; flex-grow: 1; text-align: center; position: relative; }
div.menu_page ul li.active:before { border: none; }
div.menu_page ul li.active, div.menu_page ul li:hover { background: #0C2A6A; }
div.menu_page ul li a { font-size: 18px; line-height: 54px; font-weight: 400; padding: 15px; color: #fff; }
div.menu_page.fixed { position: fixed; top: 0; z-index: 999; right: 0; left: 0; }

@media (max-width: 979px) AND (min-width: 768px) {
  div.menu_page ul li a { font-size: 18px; }
  div.menu_page ul li { flex: 1; white-space: nowrap; width: auto !important; }
}

@media (max-width: 767px) {
  div.menu_page { display: none; }
}

/* DPI */
@media only screen AND (min-width: 1201px) AND (min-resolution: 1.5dppx) {
  div.menu_page.fixed { background: #1E499B; height: 36px; max-height: 36px; }
  div.menu_page.fixed ul li a { font-size: 14px; line-height: 36px; padding: 15px; color: #fff; }
}


/** Menu TAB **/
div.menu_tab { background: #1E499B; height: 54px; max-height: 54px; }
div.menu_tab ul { display: flex; }
div.menu_tab ul li { flex-shrink: 0; flex-grow: 1; text-align: center; position: relative; font-size: 18px; line-height: 54px; font-weight: 400; padding: 0 15px; color: #fff; }
div.menu_tab ul li.active:before { border: none; }
div.menu_tab ul li.active, div.menu_tab ul li:hover { background: #0C2A6A; cursor: pointer; }
div.menu_tab.fixed { position: fixed; top: 0; z-index: 999; right: 0; left: 0; }

@media (max-width: 979px) AND (min-width: 768px) {
  div.menu_tab ul li { /*flex: 1;*/ white-space: nowrap; width: auto !important; font-size: 18px; }
}

@media (max-width: 767px) {
  div.menu_tab { display: none; }
}

/* DPI */
@media only screen AND (min-width: 1201px) AND (min-resolution: 1.5dppx) {
  div.menu_tab.fixed { background: #1E499B; height: 36px; max-height: 36px; }
  div.menu_tab.fixed ul li { font-size: 14px; line-height: 36px; padding: 0 15px; color: #fff; }
}


/** Bloc Formule **/
section.formule-3tabs { padding: 70px 0; }
section.formule-3tabs.p50 { padding: 50px 0; }
section.formule-3tabs h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.formule-3tabs div.wrapper p.subtitle { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.formule-3tabs div.wrapper div.tabs-formule { width: calc((100% / 3) - 13.5px); margin-right: 16px; margin-top: 75px; display: inline-block; text-align: center; vertical-align: top; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs.cols4 div.wrapper div.top-table { padding-bottom: 50px; width: 100%; }
section.formule-3tabs.cols4 div.wrapper div.top-table a { float: left; text-decoration: underline; }
section.formule-3tabs.cols4 div.wrapper div.top-table a.floatr { float: right; }
section.formule-3tabs.cols4 div.wrapper div.top-table img { height: 25px; width: auto; }

section.formule-3tabs.cols4 div.wrapper div.tabs-formule { width: calc((100% / 4) - (45px / 4)); margin-right: -4px !important; margin-left: 15px; }
section.formule-3tabs.cols4 div.wrapper .tabs-formule.ml0 { margin-left: 0px; }
section.formule-3tabs.p50 div.wrapper div.tabs-formule { margin-top: 23px; }
section.formule-3tabs div.wrapper div.tabs-formule:nth-child(3) { margin-right: -4px; }
section.formule-3tabs div.tabs-formule div.head-tabs { background: #FF6600; padding: 25px 15px 10px; color: #fff; }
section.formule-3tabs div.tabs-formule.special div.head-tabs { background: #0C2A6A; position: relative; }
section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller { width: fit-content; height: 38px; background: #FFF127; padding: 8px 30px; margin: auto; font-size: 15px; line-height: 26px; font-weight: 600; color: #4D5163; position: absolute; left: 50%; transform: translateX(-50%); top: -23px; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller::after { position: absolute; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #FFF127; top: 36px; left: 50%; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 26px; line-height:26px; font-weight: 600; }
section.formule-3tabs div.tabs-formule.special div.head-tabs h3 { color: #FFF127; }
section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3 { font-size: 16px; line-height: 26px; font-weight: 600; margin-top: 10px; }
section.formule-3tabs div.tabs-formule div.triangle { width: 100%; height: 20px; position: relative; background: #1E499B; }/*#f60*/
section.formule-3tabs div.tabs-formule div.triangle div.t1 { background-image: linear-gradient(to right top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; left: 0; }
section.formule-3tabs div.tabs-formule div.triangle div.t2 { background-image: linear-gradient(to left top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; right: 0; }
section.formule-3tabs div.tabs-formule.special div.triangle { width: 100%; height: 20px; position: relative; background: #1E499B; }/*#0C2A6A*/
section.formule-3tabs div.tabs-formule div.content-price { background: #1E499B; padding: 15px 20px 25px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_percent { font-size: 16px; line-height: 20px; font-weight: 400; color: #fff; margin-top: 5px; }
/*section.formule-3tabs div.tabs-formule div.content-price div.price_element_main {  }*/
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_stroke { color: #99B6D5; font-weight: 600; font-size: 20px; position: relative; line-height: 20px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_price { font-size: 45px; line-height: 20px; font-weight: 600; color: #fff; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_separator { font-size: 45px; line-height: 20px; font-weight: 600; color: #fff; margin-left: -12px; margin-right: 8px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_decimal { font-size: 29px; line-height: 20px; font-weight: 600; color: #fff; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_ht { font-size: 11px; line-height: 22px; font-weight: 400; color: #fff; top: 2px; position: relative; margin-left: -35px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_ttc { font-size: 11px; line-height: 22px; font-weight: 400; margin-top: 5px; }
section.formule-3tabs div.tabs-formule div.content-price a.btn-cmde { font-size: 18px; line-height: 30px; font-weight: 600; padding: 7px 30px; margin-top: 15px; }
section.formule-3tabs div.tabs-formule div.content-price a.btn-demo { font-size: 18px; line-height: 30px; font-weight: 600; color: #0C2A6A; padding: 5px 25px; margin-top: 10px; background: #fff; border: 2px solid #0C2A6A; }
section.formule-3tabs div.tabs-formule div.list-tabs ul { width: 100% !important; padding: 0; margin: 0; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li { border-top: 1px solid rgba(30, 73, 155, 0.3); color: #4D5163 !important; padding: 4px 0; font-size: 16px; line-height: 25px; font-weight: 400; text-align: center; background: #fff !important; height: auto !important; padding: 15px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li span:not([class^=flaticon-]) { color: #4D5163; padding: 4px 0; display: none; text-align: left; font-size: 13px; line-height: 30px; font-weight: 600; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li a.pop,
section.formule-3tabs.cols4 div.wrapper div.top-table a.pop { margin-left: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li a.pop span,
section.formule-3tabs.cols4 div.wrapper div.top-table a.pop span { display: inline-block; width: 17px; height: 17px; font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li div.tooltip p { font-size: 14px !important; line-height: 22px !important; font-weight: 400 !important; }

section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li { text-align: left; padding: 20px 15px; }
section.formule-3tabs.cols4 div.tabs-formule div.list-tabs.v2 ul li { padding: 20px 25px; }/*20 5 reseller*/
section.formule-3tabs.cols4.mini-pad div.tabs-formule div.list-tabs.v2 ul li { padding: 20px 5px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.bg_info { position: relative }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.bg_info::before { position: absolute; content: ''; background: rgba(74, 135, 255, 0.1); width: calc(100% + 50px); height: calc(100% + 10px); left: -25px; top: -5px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li div.content { width: max-content; max-width: 100%; margin: auto; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li img { display: inline-block; width: 15px; height: auto; vertical-align: baseline; margin-right: 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:first-of-type { display: inline-block; font-size: 18px; line-height: 27px; font-weight: 700; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type) { font-size: 16px; line-height: 25px; font-weight: 400; margin-top: 10px; padding-left: 30px; }
/*section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p strong { color: #f60; }*/
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: inline-block; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p a.pop { margin-left: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p a.pop span,
section.formule-3tabs div.fonctions_principales li a.pop span { position: relative; display: inline-block; width: 17px; height: 17px; font-size: 100%;/*15*/ line-height: 17px; font-weight: 600; color: #fff; background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0; text-align: center; }

section.formule-3tabs div.fonctions_principales { margin-top: 30px; background: #fff; padding: 30px 15px 20px; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs div.fonctions_principales p.title { font-size: 18px; line-height: 27px; font-weight: 600; color: #4D5163; }
section.formule-3tabs div.fonctions_principales p.title img { display: inline-block; width: 15px; height: auto; margin-right: 5px; }
section.formule-3tabs div.fonctions_principales ul { list-style-image: none; margin-top: 15px; }
section.formule-3tabs div.fonctions_principales li { position: relative; font-size: 16px; line-height: 25px; padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.formule-3tabs div.fonctions_principales li:before { content: ""; position: absolute; width: 12px; height: 15px; left: 0px; top: 6px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }

section.formule-3tabs p.sub-table { font-size: 18px; line-height: 26px; text-align: center; color: #4D5163; font-weight: 400; margin-top: 50px; }
section.formule-3tabs div.text-center a.btn { width: 100%; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; padding: 7px 30px; margin-top: 15px; }
section.formule-3tabs div.text-center.p50 a.btn { margin-top: 50px; }
section.formule-3tabs div.text-center a.btn img.caret-btn { display: inline-block; width: 15px; height: 8px; margin-left: 20px; position: relative; top: -3px; }
section.formule-3tabs div.btn-fixed a.btn.btn-fixed { position: fixed; right: -1px; background: #fff; border: 1px solid #f60; border-radius: 10px 0 0 10px; top: 50%; z-index: 2; font-size: 18px; padding: 10px; }
section.formule-3tabs div.btn-fixed a.btn.btn-fixed span { display: none; }
section.formule-3tabs div.btn-fixed a.btn.btn-fixed:hover span { display: inline-block; }

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li { text-align: left; padding: 20px 5px; }
}

/** If Lato - Grille Normal **/
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_separator { margin-left: -9px !important; margin-right: 11px !important; }
/** If Lato - Grille Normal **/

@media (max-width: 1200px) AND (min-width: 981px) {
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type) { padding-left: 0; }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule-3tabs { padding: 50px 0; }
  section.formule-3tabs h2 { font-size: 30px; line-height: 40px; }
  section.formule-3tabs div.tabs-formule div.head-tabs { padding: 20px 7px 10px; }
  section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller { width: 190px; padding: 5px; }
  section.formule-3tabs.cols4 div.tabs-formule.special div.head-tabs div.best_seller { width: 140px; padding: 5px; }
  section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 20px; line-height:26px; }
  section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3 { font-size: 16px; line-height: 22px; }
  section.formule-3tabs div.text-center { display: none; }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type) { padding-left: 0; }
  section.formule-3tabs.cols4 div.tabs-formule div.content-price { padding: 5px 10px 25px; }
  section.formule-3tabs.cols4 div.tabs-formule div.content-price a.btn-cmde { padding: 7px 15px; }
  section.formule-3tabs div.fonctions_principales ul li { width: calc((100% / 2) - 2px); }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
}

@media (max-width: 767px) {
  section.formule-3tabs { padding: 50px 0; }
  section.formule-3tabs h2 { font-size: 30px; line-height: 40px; }
  section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 24px; line-height: 24px; }
  section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3 { font-size: 19px; line-height: 26px; }
  section.formule-3tabs div.wrapper div.tabs-formule,
  section.formule-3tabs.cols4 div.wrapper div.tabs-formule { width: 100%; margin-right: 0; margin-top: 50px; margin-left: 0; }
  section.formule-3tabs div.wrapper div.tabs-formule:nth-child(3) { margin-top: 75px; }
  section.formule-3tabs.p50 div.wrapper div.tabs-formule { margin-top: 50px; }
  section.formule-3tabs.p50 div.wrapper div.tabs-formule:first-child { margin-top: 0; }
  section.formule-3tabs.p50 div.wrapper div.tabs-formule:nth-child(2) { margin-top: 73px; }
  section.formule-3tabs div.text-center { display: none; }
  section.formule-3tabs div.tabs-formule div.content-price { padding: 30px 20px 25px; }
  section.formule-3tabs.cols4 div.tabs-formule div.list-tabs.v2 ul li p.bg_info::before { display: none; }
  section.formule-3tabs.cols4 div.wrapper div.top-table { text-align: center; padding-bottom: 0; }
  section.formule-3tabs.cols4 div.wrapper div.top-table a { float: none; }
  section.formule-3tabs.cols4 div.wrapper div.top-table a.floatr { float: none; display: block; margin: 20px auto 0; }
  section.formule-3tabs.cols4 div.wrapper div.top-table img { float: none; display: block; margin: auto; }
  section.formule-3tabs div.fonctions_principales { display: none; }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
}

/** Bloc all Caractéristiques **/
section.formule-3tabs table.compare_offer { border: none; /*box-shadow: 2px 2px 25px #1E499B40;*/ margin-top: 0px; width: 100%; } /*50mt*/
section.formule-3tabs.options-table div.wrapper p.subtitle { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; }
div[id^="content"] section.formule-3tabs table.compare_offer { margin-top: 0; }
section.formule-3tabs.options-table div.wrapper table.compare_offer.option-vps { margin-top: 70px; }
section.formule-3tabs table.compare_offer thead:first-of-type tr th { padding: 30px; width: 325px; }
section.formule-3tabs table.compare_offer.cols4 thead:first-of-type tr th { width: 220px !important; }
section.formule-3tabs table.compare_offer thead tr th:first-child { width: calc(100% - (325px * 3)); }
section.formule-3tabs table.compare_offer.cols4 thead tr th:first-child { width: calc(100% - (220px * 4)); }
section.formule-3tabs table.compare_offer thead tr th:not(:first-child) { background: #1E499B; box-shadow: 2px 2px 25px #1E499B40; }
section.formule-3tabs table.compare_offer.option-vps thead tr th:not(:first-child) { color: #fff; }
section.formule-3tabs table.compare_offer.option-vps thead tr th:nth-child(3) { background: #1E499B; }
section.formule-3tabs table.compare_offer.option-vps thead tr th:nth-child(3) { background: #0D2A6B; }
section.formule-3tabs table.compare_offer.option-vps thead tr th:nth-child(4) { background: #001136; }
/*section.formule-3tabs table.compare_offer tbody tr td { box-shadow: 2px 2px 25px #1E499B40; }*/
section.formule-3tabs table.compare_offer tbody tr:last-child td:first-child { box-shadow: none; }
section.formule-3tabs table.compare_offer thead tr th:nth-child(3) { background: #0C2A6A; border-left: 2px solid #fff; border-right: 2px solid #fff; }
section.formule-3tabs table.compare_offer.cols4 thead tr th:nth-child(4) { border-right: 2px solid #fff; }
section.formule-3tabs table.compare_offer thead tr th h2 { font-size: 22px; line-height: 27px; font-weight: 600; color: #fff; }
section.formule-3tabs table.compare_offer thead tr th div.content-price { color: #fff !important; margin-bottom: 20px; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_stroke { color: #99B6D5; font-weight: 600; font-size: 20px; position: relative; line-height: 20px; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_price { font-size: 45px; line-height: 20px; font-weight: 600; color: #fff; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_separator { font-size: 45px; line-height: 20px; font-weight: 600; color: #fff; margin-left: -12px; margin-right: 8px; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_decimal { font-size: 29px; line-height: 20px; font-weight: 600; color: #fff; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_ht { font-size: 11px; line-height: 22px; font-weight: 400; color: #fff; top: 2px; position: relative; margin-left: -35px; }
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_ttc { font-size: 11px; line-height: 22px; font-weight: 400; margin-top: 5px; }
section.formule-3tabs table.compare_offer thead tr th a.btnOrange { font-size: 18px; line-height: 30px; font-weight: 600; color: #fff; padding: 7px 30px; }
section.formule-3tabs.cols4 table.compare_offer thead tr th a.btnOrange { padding: 7px 15px; }
section.formule-3tabs table.compare_offer tbody { box-shadow: 2px 2px 25px #1e499b40; }
/*section.formule-3tabs table.compare_offer tbody tr:not(.cmde) { box-shadow: 2px 2px 25px #1e499b40; }*/
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n) td { background: #F4F5F8; }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n+1) td { background: #FFF; }
section.formule-3tabs table.compare_offer tbody tr.cmde td:not(:first-child) { box-shadow: 10px 10px 25px -10px #1e499b40; }
section.formule-3tabs table.compare_offer tbody tr.cmde td:first-child { box-shadow: inset 0px 15px 15px -20px #1e499b40; }
section.formule-3tabs table.compare_offer tbody tr.cmde td:nth-child(2) { box-shadow: -10px 10px 25px -10px #1e499b40; }
section.formule-3tabs table.compare_offer tbody tr td { padding: 14px 15px; border-bottom: none; border-top: none; }
section.formule-3tabs table.compare_offer tbody tr:nth-of-type(even) td:first-of-type, table.compare_offer tbody tr:nth-of-type(odd) td:first-of-type { font-size: 16px; line-height: 26px; font-weight: 400; color: #4D5163; padding: 14px 40px 14px 20px; border: none; /*border-bottom: 1px solid rgba(30, 73, 155, 0.3)*/ }
section.formule-3tabs table.compare_offer tbody tr td.txt-orange,
section.formule-3tabs table.compare_offer tbody tr td.txt-orange a,
section.formule-3tabs table.compare_offer tbody tr td.bg-warning.txt-orange { color: #FF6600 !important; font-weight: 600; }
section.formule-3tabs table.compare_offer tbody tr td.txt-orange a { text-decoration: underline; }
section.formule-3tabs table.compare_offer tbody tr td a { color: #4D5163; text-decoration: none; }
section.formule-3tabs table.compare_offer tbody tr td img { margin: auto; }
section.formule-3tabs table.compare_offer tbody tr td img.power { width: auto; height: 31px; }
section.formule-3tabs table.compare_offer tbody tr td span[class^="icon-"] { position: relative; }
section.formule-3tabs table.compare_offer tbody tr td span.icon-checked::before { content: ''; background-image: url(../images/theme2021/svg/check_vert.svg); position: absolute; width: 21px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.formule-3tabs table.compare_offer tbody tr td span.icon-cross::before { content: ''; background-image:url(../images/theme2021/svg/croix_rouge.svg); position: absolute; width: 17px !important; height: 17px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.formule-3tabs table.compare_offer tbody tr td[colspan="4"],
section.formule-3tabs table.compare_offer tbody tr td[colspan="5"] { background: #1E499B; color: #fff !important; font-size: 18px !important; line-height: 27px !important; font-weight: 600 !important; text-transform: uppercase; }
section.formule-3tabs table.compare_offer tbody tr td span.flaticon-checked8 { color: #00A716; }
section.formule-3tabs table.compare_offer:not(.option-vps) tbody tr td:first-child:not([colspan="4"]),
section.formule-3tabs table.compare_offer:not(.option-vps) tbody tr td:first-child:not([colspan="5"]) { position: relative; border-right: 2px solid rgba(30, 73, 155, 0.3) !important; }
section.formule-3tabs table.compare_offer tbody tr td.bg-warning { color: #4D5163!important; border-color: rgba(30, 73, 155, 0.3)!important; border-left: 2px solid; border-right: 2px solid; }
section.formule-3tabs table.compare_offer.cols4 tbody tr td:nth-child(4) { border-color: rgba(30, 73, 155, 0.3)!important; border-right: 2px solid; }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n) td.bg-warning { background-color: #F4F5F8 !important; }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n+1) td.bg-warning { background-color: #FFF !important; }
section.formule-3tabs table.compare_offer tbody tr:last-child td a.btnOrange { font-size: 22px; line-height: 33px; font-weight: 600; padding: 14px 30px 13px; }
/*section.formule-3tabs table.compare_offer tbody tr:last-child td:first-child { color: #fff; }*/
section.formule-3tabs table.compare_offer tbody tr:last-child td { border: none; }
section.formule-3tabs table.compare_offer tbody tr:last-child td:nth-child(3) { border-left: 2px solid rgba(30, 73, 155, 0.3)!important; border-right: 2px solid rgba(30, 73, 155, 0.3)!important; }
section.formule-3tabs table.compare_offer tbody tr td:first-child a.pop { margin-left: 6px; position:absolute; top: 50%; right: 20px; transform: translateY(-50%); }
section.formule-3tabs table.compare_offer tbody tr td:first-child a.pop span { display: inline-block; width: 17px; height: 17px; font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.formule-3tabs table.compare_offer tbody tr td:first-child .popover { width: 700px; }
section.formule-3tabs div#table_compare div.text-center a.btn { margin-top: 50px; }
section.formule-3tabs div.text-center a.btn img.caret-btn-rotate { display: inline-block; width: 15px; height: 8px; margin-left: 20px; position: relative; top: -3px; transform: rotate(180deg); }
section.formule-3tabs table.compare_offer.option-vps tbody tr td { color: #4D5163; }
section.formule-3tabs table.compare_offer.option-vps tbody tr td:first-child ul { list-style: none; }
section.formule-3tabs table.compare_offer.option-vps tbody tr td:first-child ul li { position: relative; padding-left: 10px; }
section.formule-3tabs table.compare_offer.option-vps tbody tr td:first-child ul li:before { content: ""; position: absolute; background: url(../images/theme2021/svg/puce.svg) no-repeat 50% 50% / contain; width: 5px; height: 5px; top: 11px; left: 0; }

/* If Lato + grille normal */
section.formule-3tabs table.compare_offer thead tr th div.content-price div.price_element_main div.price_element_separator { margin-left: -9px !important; margin-right: 11px !important; }
@media (min-width: 1400px) {
  section.formule-3tabs table.compare_offer thead tr th { width: 260px !important; }/*280*/
  section.formule-3tabs table.compare_offer thead tr th:first-child { width: calc(100% - (260px * 3)) !important; }/*280*/
}
/* If Lato + grille normal */

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.formule-3tabs table.compare_offer thead tr th { width: 260px !important;; }/*280*/
  section.formule-3tabs table.compare_offer thead tr th:first-child { width: calc(100% - (260px * 3)) !important; }
}

@media (max-width: 1200px) AND (min-width: 981px) {
  section.formule-3tabs table.compare_offer thead:first-of-type tr th { width: 215px !important;; }
  section.formule-3tabs table.compare_offer thead:first-of-type tr th:first-child { width: calc(100% - (215px * 3)) !important; }
}


/** Bloc vidéo **/
section#applications { padding: 70px 0; }
section#applications h2 { margin: 0; font-size: 38px; line-height: 50px; font-weight: 600; color: #fff; text-align: center; }
section#applications p.subtitle { font-size: 18px; line-height: 28px; color: #fff; text-align: center; margin: 20px auto 50px; }
section#applications p.subtitle a { color: #fff; text-decoration: underline; }
section#applications .container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow:hidden; margin: auto; }
section#applications .container_video iframe { left:0; top:0; height:100%; width:100%; position:absolute; }

@media (min-width: 1201px) {
  section#applications .container_video iframe { height: 545px; width: 970px; left: 50%; transform: translateX(-50%); }
  section#applications .container_video { padding-bottom: 0; height: 545px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section#applications { padding: 50px 0; }
  section#applications h2 { font-size: 30px; line-height: 40px; }
}

@media (max-width: 767px) {
  section#applications { padding: 50px 0; }
  section#applications h2 { font-size: 30px; line-height: 40px; }
}


/** Bloc 3 colonnes **/
section.bloc3cols { text-align: center; padding: 70px 0; }
section.bloc3cols.only_title { padding: 70px 0 0; }
section.bloc3cols h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.bloc3cols p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc3cols p.sub-title a { text-decoration: underline; }
section.bloc3cols div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 70px 0; }
section.bloc3cols div.flex-container div.flex-element { flex-grow: 1; max-width: 30%; }
section.bloc3cols div.flex-container div.flex-element img { width: 80px; height: 80px; margin: auto; }
section.bloc3cols div.flex-container div.flex-element p.number { font-size: 38px; line-height: 50px; font-weight: 600; color: #FF6600; }
section.bloc3cols div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 20px; line-height: 30px; font-weight: 600; color: #001136; }
section.bloc3cols div.flex-container div.flex-element p.content { margin-top: 20px; font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc3cols div.flex-container div.flex-element p.content a { text-decoration: underline;}


@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc3cols div.flex-container { margin-top: 50px;}
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc3cols { padding: 50px 0; }
  section.bloc3cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc3cols div.flex-container { margin-top: 50px; gap: 50px 0; }
}

@media (max-width: 767px) {
  section.bloc3cols { padding: 50px 0; }
  section.bloc3cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc3cols div.flex-container div.flex-element { max-width: 100%; width: 100%; /*margin-top: 50px;*/ }
  section.bloc3cols div.flex-container { margin-top: 50px; gap: 50px 0; }
}


/** Bloc inclus (3 cols) **/
section.bloc_inclus_3cols { padding: 70px 0; }
section.bloc_inclus_3cols h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.bloc_inclus_3cols p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc_inclus_3cols p.sub-title a { text-decoration: underline; }
section.bloc_inclus_3cols div.flex-container { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
section.bloc_inclus_3cols div.flex-container div.flex-element { flex-grow: 1; max-width: calc((100% - 40px) / 3); }
section.bloc_inclus_3cols div.flex-container div.flex-element img { width: 440px; height: 360px; margin: auto; }
section.bloc_inclus_3cols div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 20px; line-height: 30px; font-weight: 600; color: #001136; }
section.bloc_inclus_3cols div.flex-container div.flex-element a { color: #f60; text-decoration: underline;}
section.bloc_inclus_3cols div.flex-container div.flex-element ul { list-style-image: none; }
section.bloc_inclus_3cols div.flex-container div.flex-element ul li { position: relative; padding-left: 27px; margin-bottom: 15px; font-size: 16px; line-height: 26px; font-weight: 400; color: #4D5163; }
section.bloc_inclus_3cols div.flex-container div.flex-element ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 10px; background: url(../images/boutique-en-ligne/check.svg) no-repeat 50% 50% / contain; }
section.bloc_inclus_3cols div.flex-container div.flex-element ul li:last-child { margin-bottom: 0; }

/* If Lato + grille normal */
@media (min-width: 1400px) {
  /*section.bloc_inclus_3cols div.flex-container div.flex-element:first-child { order: 2 !important; width: 50% !important; max-width: 50% !important; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3 !important; width: 50% !important; max-width: 50% !important; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto !important; width: max-content !important; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1 !important; width: 100% !important; max-width: 100% !important; margin-bottom: 50px !important; }*/
}

/* If Lato + grille normal - On commente */
@media (max-width: 1399px) AND (min-width: 1201px) {
  /*section.bloc_inclus_3cols div.flex-container div.flex-element:first-child { order: 2; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto; width: max-content; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; width: 100%; max-width: 100%; margin-bottom: 50px; }*/
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc_inclus_3cols div.flex-container { margin-top: 50px;}
  section.bloc_inclus_3cols div.flex-container div.flex-element:first-child { order: 2; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto; width: max-content; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; width: 100%; max-width: 100%; margin-bottom: 50px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc_inclus_3cols { padding: 50px 0; }
  section.bloc_inclus_3cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc_inclus_3cols div.flex-container { margin-top: 50px; align-items: baseline; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:first-child { order: 2; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3; width: 50%; max-width: 50%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto; width: 100%; padding: 0 15px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; width: 100%; max-width: 100%; margin-bottom: 50px; }
}

@media (max-width: 767px) {
  section.bloc_inclus_3cols { padding: 50px 0; }
  section.bloc_inclus_3cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element { max-width: 100%; margin-top: 50px; }
  section.bloc_inclus_3cols div.flex-container { margin-top: 0; }
  section.bloc_inclus_3cols div.flex-container div.flex-element { width: 100%; max-width: 100%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:first-child { order: 2; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3; margin-top: 20px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto; width: max-content; max-width: 100%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; }
}


/** Bloc 4 colonnes simple **/
section.bloc4cols_simple { text-align: center; padding: 70px 0; }
section.bloc4cols_simple.bg_chiffres { background: #fff url('../images/theme2021/svg/fond_chiffres_lws.svg') 0% 0% no-repeat padding-box; opacity: 1; background-size: cover; background-position: 50% 0%; }
section.bloc4cols_simple h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.bloc4cols_simple p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc4cols_simple p.sub-title a { text-decoration: underline; }
section.bloc4cols_simple div.flex-container { margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bloc4cols_simple div.flex-container.flex-mt60 { margin-top: 60px; }
section.bloc4cols_simple div.flex-container div.flex-element { flex-grow: 1; max-width: 22%; }
section.bloc4cols_simple div.flex-container div.flex-element img { width: 80px; height: 80px; margin: auto; }
section.bloc4cols_simple div.flex-container div.flex-element div.chiffres { width: max-content; border: 2px solid #1e499b; background: #E6E9F2; padding: 5px; margin: auto; }
section.bloc4cols_simple div.flex-container div.flex-element div.chiffres div.inside { background: #fff; font-size: 38px; line-height: 49px; font-weight: 600; color: #0C2A6A; padding: 1px 15px 0; }
section.bloc4cols_simple div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 22px; line-height: 30px; font-weight: 600;  color: #001136; }
section.bloc4cols_simple div.flex-container div.flex-element p.content { margin-top: 20px; font-size: 18px; line-height: 28px; color: #4D5163; }
section.bloc4cols_simple div.flex-container div.flex-element p.content a { text-decoration: underline;}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4cols_simple div.flex-container { margin-top: 50px;}
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols_simple { padding: 50px 0; }
  section.bloc4cols_simple h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols_simple div.flex-container,
  section.bloc4cols_simple div.flex-container.flex-mt60 { margin-top: 0;}
  section.bloc4cols_simple div.flex-container div.flex-element { max-width: 47%; margin-top: 50px; }
}

@media (max-width: 767px) {
  section.bloc4cols_simple { padding: 50px 0; }
  section.bloc4cols_simple h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols_simple div.flex-container div.flex-element { max-width: 100%; margin-top: 50px; }
  section.bloc4cols_simple div.flex-container,
  section.bloc4cols_simple div.flex-container.flex-mt60 { margin-top: 0; }
}


/** Bloc 5 colonnes **/
section.bloc5cols { text-align: center; padding: 70px 0; }
section.bloc5cols h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.bloc5cols p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc5cols p.sub-title a { text-decoration: underline; }
section.bloc5cols div.flex-container { margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px 35px; }
section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 160px) / 5); }
section.bloc5cols div.flex-container div.flex-element img { width: 80px; height: 80px; margin: auto; }
section.bloc5cols div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 20px; line-height: 30px; font-weight: 600; color: #001136; }
section.bloc5cols div.flex-container div.flex-element p.content { margin-top: 20px; font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc5cols div.flex-container div.flex-element p.content a { text-decoration: underline; }
section.bloc5cols div.flex-container div.flex-element p.content a.pop { margin-left: 6px; }
section.bloc5cols div.flex-container div.flex-element p.content a.pop:hover { cursor: pointer; }
section.bloc5cols div.flex-container div.flex-element p.content a.pop span { display: inline-block; width: 17px; height: 17px; font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc5cols div.flex-container { margin-top: 50px;}
  section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 120px) / 4); }
  section.bloc5cols div.flex-container div.flex-element:last-child { display: none; }
  section.bloc5cols.row2 div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 80px) / 3); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc5cols { padding: 50px 0; }
  section.bloc5cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc5cols div.flex-container { margin-top: 0;}
  section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; max-width: 100%; margin-top: 50px; }
  section.bloc5cols.row2 div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 80px) / 3); }
  section.bloc5cols.row2 div.flex-container div.flex-element:last-child { display: none; }
}

@media (max-width: 767px) {
  section.bloc5cols { padding: 50px 0; }
  section.bloc5cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc5cols div.flex-container div.flex-element { max-width: 100%; margin-top: 50px; }
  section.bloc5cols div.flex-container { margin-top: 0; } 
}

@media (max-width: 767px) AND (min-width: 451px) {
  section.bloc5cols.row2 div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 40px) / 2); }
}


/** Bloc Tableau A propos + Détails Domaine **/
section.table_dom { padding: 70px 0; color: #4D5163; }
section.table_dom h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.table_dom p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.table_dom p.sub-title a { text-decoration: underline; }
section.table_dom table { margin-top: 50px; width: 100%; border: none; box-shadow: 2px 2px 25px #1E499B40; font-size: 16px; line-height: 26px; }
section.table_dom table tr td { background: #FFF; border: none; padding: 20px; }
section.table_dom table tr:nth-child(2n) td { background: #F4F5F8; }
section.table_dom table tr td:first-child { font-weight: 600; border-right: 1px solid rgba(30, 73, 155,0.3); white-space: nowrap; }
section.table_dom table.propos tr td:first-child { width: 345px; min-width: max-content; }
section.table_dom table.details tr td:first-child { width: 690px; min-width: max-content; }
section.table_dom table tr td:first-child img { display: inline-block; height: 20px; width: auto; vertical-align: sub; margin-right: 12px; }
section.table_dom table tr td a { text-decoration: underline; }
section.table_dom table tr td span.stroke { position: relative; margin-right: 5px; }
section.table_dom table tr td span.stroke::after { position: absolute; content: ""; position: absolute; height: 2px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.table_dom table.propos tr td:first-child { width: 300px; min-width: max-content; }
  section.table_dom table.details tr td:first-child { width: 500px; min-width: max-content; }
}

@media (max-width: 767px) {
  section.table_dom table.propos tr td:first-child { width: auto; min-width: auto; }
  section.table_dom table.details tr td:first-child { width: auto; min-width: auto; }
  section.table_dom table tr td:first-child { white-space: normal; }
  section.table_dom table tr td span.stroke { display: none; }
}


/** Bloc extension populaires **/
section.bloc4cols_domaine_populaire { padding: 70px 0; }
section.bloc4cols_domaine_populaire h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.bloc4cols_domaine_populaire p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc4cols_domaine_populaire p.sub-title a,
section.bloc4cols_domaine_populaire p.content a { text-decoration: underline; }
section.bloc4cols_domaine_populaire p.content { text-align: center; margin-top: 50px; }
section.bloc4cols_domaine_populaire div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px 0; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 90px) / 4); background: #fff; padding: 40px 28px; box-shadow: 0px 0px 15px #1e499b40; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element img { width: auto; height: 60px; margin: auto; display: block; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content { margin-top: 30px; font-size: 16px; line-height: 28x; color: #4D5163; text-align: center; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content:nth-of-type(2) { margin-top: 20px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content:nth-of-type(3) { margin-top: 15px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content a { text-decoration: underline;}
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content a.btn-cmde { font-size: 18px; line-height: 30px; font-weight: 600; padding-left: 30px; padding-right: 30px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop { position: relative; width: 100%; margin-top: 30px; text-align: center; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { position: relative; display: inline-block; font-size: 25px; line-height: 25px; font-weight: 600; color: rgba(0, 17, 54, 0.5); margin-right: 5px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: rgba(0, 17, 54, 0.5); left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_price { display: inline-block; font-size: 58px; line-height: 26px; font-weight: 600; color: #001136; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_devise_ht { display: inline-block; font-size: 15px; line-height: 30px; color: #001136; position: relative; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_devise_ht span.price_element_decimal { font-size: 37px; line-height: 26px; font-weight: 600; color: #001136; position: absolute; top: -25px; left: 10px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop:not(.not_stroke) { text-align: right; }
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { position: absolute; left: 0; font-size: 19px; line-height: 19px; margin-right: 0; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 30px) / 2); }
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { margin-right: 5px; }
}

@media (max-width: 767px) AND (min-width: 600px) {
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 30px) / 2); }
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { margin-right: 5px; }
}

@media (max-width: 599px) {
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: 100%; }
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { margin-right: 5px; }
}


/** Bloc Table Price - Transfert Domaine **/
section.table_price { padding: 70px 0; }
section.table_price h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.table_price p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.table_price table { width: 100%; border: none; margin-top: 50px; box-shadow: 2px 2px 25px #1E499B40; }
section.table_price table thead tr th { width: 50%; text-align: left; padding: 13px 20px; background: #1E499B; color: #fff; font-size: 18px; line-height: 27px; font-weight: 600; text-transform: uppercase; }
section.table_price table thead tr th:first-child { border-right: 1px solid #fff; width: 572.5px;  } /*width: 572.5px;*/
section.table_price table thead tr th:nth-child(2) { border-left: 1px solid #fff; width: auto; }
section.table_price table thead tr th span { font-size: 16px; line-height: 25px; font-weight: 400; text-transform: none; margin-left: 12px; }
section.table_price table tbody { display: block; max-height: 594px; overflow-y: scroll; }
section.table_price table thead,
section.table_price table tbody tr { display: table; width: 100%; table-layout: fixed; }
section.table_price table tbody tr td { font-size: 16px; line-height: 26px; padding: 20px; }
section.table_price table tbody tr td:first-child { font-weight: 600; border-right: 1px solid rgba(30, 73, 155, 0.3); }
section.table_price table tbody tr td:nth-child(2) { border-left: 1px solid rgba(30, 73, 155, 0.3); }
section.table_price table tbody tr td:first-child a,
section.table_price table tbody tr td:first-child a:visited,
section.table_price table tbody tr td:first-child a:focus,
section.table_price table tbody tr td:first-child a:active { color: #4D5163; }
section.table_price table tbody tr:nth-child(2n) td { background: #F4F5F8; }
section.table_price table tbody tr:nth-child(2n+1) td { background: #FFF; }
section.table_price table tbody tr td span.stroke { position: relative; margin-right: 5px; }
section.table_price table tbody tr td span.stroke::after { content: ""; position: absolute; height: 1px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
/** Scroll Bar tbody **/
section.table_price table tbody::-webkit-scrollbar { width: 25px; background: #F4F5F8; }
section.table_price table tbody::-webkit-scrollbar-thumb { background: #D1D5E1; border: 9px solid transparent; background-clip: content-box; max-height: 379px; }
section.table_price table tbody::-webkit-scrollbar-track { background: #F4F5F8; border-radius: 10px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.table_price table thead tr th:first-child { width: 462.5px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.table_price table thead tr th:first-child { width: 362.5px; }
  section.table_price table thead tr th span { display: block; margin-left: 0; }
}

@media (max-width: 767px) {
  section.table_price { display: none; }
}


/** Bloc Gauche - Droite **/
section.left-right { padding: 70px 0; }
section.left-right div.img { display: inline-block; width: 554px; height: auto; vertical-align: middle; }/*573*/
section.left-right div.text { display: inline-block; width: calc(100% - 559px); vertical-align: middle; }
section.left-right div.text h2 { font-size: 28px; line-height: 38px; font-weight: 700; color: #001136; }
section.left-right div.text p.gd-title { font-size: 16px; line-height: 28px; font-weight: 600; color: #4D5163; margin-top: 30px; }
section.left-right div.text p.content { font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; margin-top: 30px; }
section.left-right div.text p.content a { color: #f60; text-decoration: underline; }
section.left-right div.text p.content a.video,
section.left-right div.text p.content a.demo-link { margin-left: 28px; position: relative; }
section.left-right div.text p.content a.video:before,
section.left-right div.text p.content a.demo-link:before { content: ""; position: absolute; top: 2px; left: -28px; height: 18px; width: 18px; }
section.left-right div.text p.content a.video:before { background-image: url("../images/boutique-en-ligne/player_video_petit.svg"); }
section.left-right div.text p.content a.demo-link:before { background-image: url("../images/theme2021/svg/tester_demo.svg"); }
section.left-right div.text p.content a.btn-demo { font-size: 18px; line-height: 28px; font-weight: 600; color: #0C2A6A; padding: 5px 25px; background: #fff; border: 2px solid #0C2A6A; }
section.left-right div.text p.content a.btn.btn-orange { font-size: 18px; line-height: 30px; font-weight: 600; padding: 5px 30px; }
section.left-right div.text ul { margin-top: 30px; list-style-image: none; }
section.left-right div.text ul li { font-size: 16px; line-height: 26px; font-weight: 400; position: relative; padding-left: 27px; text-align: left; }
section.left-right div.text ul li a { text-decoration: underline; }
section.left-right div.text ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 10px; background: url("../images/boutique-en-ligne/check.svg") no-repeat 50% 50% / contain; }
section.left-right div.text ul li:not(:first-child) { margin-top: 15px; }/*30*/
section.left-right div.text.bloc-left { padding-right: 131px; }/*80*//*135*/
section.left-right div.text.bloc-right { padding-left: 131px; }/*80*//*135*/
section.left-right div.text p.content.mt20 { margin-top: 20px; }
section.left-right div.text ul.mt15 { margin-top: 15px; }


@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.left-right { padding: 35px 0; }
  section.left-right.pt { padding: 70px 0 35px; }
  section.left-right.pt0 { padding: 0 0 35px; }
  section.left-right.pb { padding: 35px 0 70px; }
  section.left-right.pb0 { padding: 35px 0 0; }
  section.left-right div.text.bloc-left { padding-right: 60px; }
  section.left-right div.text.bloc-right { padding-left: 60px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.left-right div.img { width: 469px; }/*516*/
  section.left-right div.text { width: calc(100% - 474px); }/*520*/
  section.left-right div.text.bloc-left { padding-right: 80px; }
  section.left-right div.text.bloc-right { padding-left: 80px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  /*section.left-right div.wrapper { width: 100%; padding: 0 30px; }
  section.left-right div.img { width: 468px; }
  section.left-right div.text { width: calc(100% - 472px); }*/
  section.left-right { padding: 50px 0; }
  section.left-right div.text h2 { font-size: 28px; line-height: 34px; }
  section.left-right div.wrapper { display: flex; flex-direction: column; }
  section.left-right div.text { flex: 1; order: 1; width: 100%; text-align: center; }
  section.left-right div.text.bloc-left { padding-right: 0; }
  section.left-right div.text.bloc-right { padding-left: 0; }
  section.left-right div.img { flex: 1; order: 2; width: 100%; margin-top: 30px; }
  section.left-right div.img img { margin: auto; }
}

@media (max-width: 767px) {
  section.left-right { padding: 50px 0; }
  section.left-right div.text h2 { font-size: 28px; line-height: 34px; }
  section.left-right div.wrapper { display: flex; flex-direction: column; }
  section.left-right div.text { flex: 1; order: 1; width: 100%; text-align: center; }
  section.left-right div.text.bloc-left { padding-right: 0; }
  section.left-right div.text.bloc-right { padding-left: 0; }
  section.left-right div.img { flex: 1; order: 2; width: 100%; margin-top: 30px; }
  section.left-right div.img img { margin: auto; }
  section.left-right div.text ul { margin: 30px auto 0; width: fit-content; }
}

/** Bloc 4 colonnes table **/
section.bloc4cols { text-align: center; padding: 70px 0; }
section.bloc4cols h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.bloc4cols p.sub-title { margin-top: 20; font-size: 18px; line-height: 28px; color: #4D5163; }
section.bloc4cols div.flex-container { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bloc4cols div.flex-container div.flex-element { flex-grow: 1; max-width: 23.6%; }
section.bloc4cols div.flex-container div.flex-element div.head { background: #0C2A6A; color: #fff; font-size: 16px; line-height: 26px; font-weight: 600; padding: 30px 30px 20px; }
section.bloc4cols div.flex-container div.flex-element div.head span.little { font-weight: 400 !important; }
/*section.bloc4cols div.flex-container div.flex-element div.triangle { width: 0; height: 20px; border-left: 138px solid transparent; border-right: 138px solid transparent; border-top: 17px solid #0C2A6A; background: #1E499B; }*/
section.bloc4cols div.flex-container div.flex-element div.triangle { width: 100%; height: 20px; position: relative; background: #0C2A6A; }
section.bloc4cols div.flex-container div.flex-element div.triangle div.t1 { background-image: linear-gradient(to right top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; left: 0; }
section.bloc4cols div.flex-container div.flex-element div.triangle div.t2 { background-image: linear-gradient(to left top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; right: 0; }
section.bloc4cols div.flex-container div.flex-element div.content { background: #1E499B; padding: 20px 20px 30px; }
section.bloc4cols div.flex-container div.flex-element div.content a { font-size: 16px; line-height: 26px; font-weight: 400; color: #fff; text-decoration: underline; }
section.bloc4cols div.flex-container div.flex-element div.content:before { border: 1px solid #fff; } /*Triangle blanc*/
section.bloc4cols div.flex-container div.flex-element div.content:after { border: 1px solid #0C2A6A; } /*triangle bleu */
section.bloc4cols div.flex-container div.flex-element:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) { margin-top: 30px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4cols div.flex-container div.flex-element div.head { min-height: 206px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols { padding: 50px 0; }
  section.bloc4cols h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols div.flex-container div.flex-element { flex-grow: 1; max-width: 48.5%; }
  section.bloc4cols div.flex-container div.flex-element:first-child, section.bloc4cols div.flex-container div.flex-element:nth-child(2) { margin-bottom: 20px; }
  /*section.bloc4cols div.flex-container div.flex-element div.head { min-height: 258px; }*/

}

@media (max-width: 767px) {
  section.bloc4cols { display: none; }
}


/** Bloc 2 colonnes 3 by 9  **/
/**Colonne Gauche**/
section.bloc2cols_3_9 { padding: 70px 0; text-align: center; }
section.bloc2cols_3_9 div.wrapper div.col-3 { display: inline-block; width: calc(25% - 15px); margin-right: 30px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.listing { box-shadow: 2px 2px 25px #1E499B1A; }
section.bloc2cols_3_9.bg_white div.wrapper div.col-3 div.listing { box-shadow: none; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.title { padding: 15px 0; background: #1E499B; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle,
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend { background: #F4F5F8; font-size: 14px; line-height: 21px; font-weight: 400; color: #4D5163; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend { padding: 10px; overflow: auto; border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend div.fl { float: left; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend div.fr { float: right; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul { background: #fff; max-height: 1150px; overflow-y: auto; }
section.bloc2cols_3_9.small div.wrapper div.col-3 div.list-extension ul { max-height: 644px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li { position: relative; overflow: hidden; padding: 10px 15px; font-size: 16px; line-height: 25px; font-weight: 600; border-top: 1px solid rgba(30, 73, 155, 0.3); }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li:hover { background:rgba(30, 73, 155, 0.15); }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul a:first-child li { border-top: none; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li img,
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.extension,
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info,
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.price { display: inline-block; font-size: 16px; line-height: 25px; font-weight: 600; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li img { position: relative; top: 6px; width: 15px; height: auto; float: left; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.extension { color: #4D5163; float: left; margin-left: 10px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { position: absolute; right: 80px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info span.stroke { position: relative; color: #4D5163; font-weight: 400; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info span.stroke::after { content: ""; position: absolute; height: 1px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.price { color: #4D5163; float: right; }
section.bloc2cols_3_9 div.wrapper div.col-3 p.link { margin-top: 15px; font-size: 14px; line-height: 24px; font-weight: 400; text-align: center; }
section.bloc2cols_3_9 div.wrapper div.col-3 p.link a { text-decoration: underline; }
/** Scroll Bar **/
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar { width: 25px; background: #F4F5F8; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar-thumb { background: #D1D5E1; border: 9px solid transparent; background-clip: content-box; max-height: 379px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar-track { background: #F4F5F8; border-radius: 10px; }
/**Colonne droite**/
section.bloc2cols_3_9 div.wrapper div.col-9 { display: inline-block; width: calc(75% - 15px); background: #fff; padding: 40px 30px; box-shadow: 2px 2px 25px #1E499B1A; }
section.bloc2cols_3_9.bg_white div.wrapper div.col-9 { padding: 0 30px 40px; box-shadow: none; }
section.bloc2cols_3_9 div.wrapper div.col-9 h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title a { text-decoration: underline; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px 35px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element { flex-grow: 1; min-width: 21%; max-width: 22%; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element img { max-width: 70px; max-height: 70px; width: auto; height: auto; margin: auto; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content { margin-top: 25px; font-size: 16px; line-height: 26px; font-weight: 600; color: #001136; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content span.fw400 { font-weight: 400; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content a.pop { margin-left: 6px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content a.pop:hover { cursor: pointer; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content a.pop span { display: inline-block; width: 17px; height: 17px; font-size: 15px; line-height: 17px; font-weight: 600; color: #fff; background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow:hidden; margin: auto; margin-top: 70px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container_video iframe { left:0; top:0; height:100%; width:100%; position:absolute; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc2cols_3_9 div.wrapper div.col-3 { width: calc(29% - 10px); margin-right: 20px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 { width: calc(71% - 10px); }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { right: 75px; }
  section.bloc2cols_3_9.small div.wrapper div.col-3 div.list-extension ul { max-height: 874px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc2cols_3_9 div.wrapper div.col-3 { width: calc(35% - 10px); margin-right: 20px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 { width: calc(65% - 10px); }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { right: 72px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container { gap: 50px 0; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element { min-width: auto; max-width: none; width: 50%; }
  section.bloc2cols_3_9.small div.wrapper div.col-3 div.list-extension ul { max-height: 874px; }
}

@media (max-width: 767px) {
  section.bloc2cols_3_9 { padding: 50px 0; }
  section.bloc2cols_3_9 div.wrapper div.col-3,
  section.bloc2cols_3_9 div.wrapper div.col-9 { display: block; width: 100%; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul { max-height: 368px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info {position: absolute; left: 50%; transform: translateX(-50%); right: auto; }
  section.bloc2cols_3_9 div.wrapper div.col-9 { margin-top: 30px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container { gap: 50px 0; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element { width: 50%; max-width: 100%; }
}

@media (max-width: 499px) {
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element { width: 100%; }
}


/** Bloc Garantie **/
section.new_garanti { padding: 40px 0; position: relative; background: linear-gradient(to left, #001136 60%, #0C2A6A 60%); }
section.new_garanti div.wrapper div.bloc-left { display: inline-block; width: 422px; vertical-align: middle; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_stroke { display: inline-block; font-size: 22px; line-height: 28px; font-weight: 400; color: #fff; position: relative; top: -40px; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_price { display: inline-block; font-size: 80px; line-height: 90px; font-weight: 600; color: #FFF127; margin-left: 10px; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_decimal { display: inline-block; font-size: 44px; line-height: 54px; font-weight: 600; color: #FFF127; position: relative; top: -30px; margin-left: -20px; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_devise { display: inline-block; font-size: 30px; line-height: 40px; font-weight: 600; color: #FFF127; position: relative; top: 4px; margin-left: -40px; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_ht { display: inline-block; font-size: 22px; line-height: 28px; font-weight: 400; color: #fff; margin-left: 2px; }
section.new_garanti div.wrapper div.bloc-left div.price-content div.pourcentage { display: inline-block; font-size: 20px; line-height: 31px; font-weight: 600; padding: 17px 5px; background: #FFF127; border-radius: 50%; width: 65px; height: 65px; text-align: center; margin-left: 10px; position: relative; top: -30px; }
section.new_garanti div.wrapper div.bloc-left p.content { font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; margin-top: 10px; }
section.new_garanti div.wrapper div.bloc-left a.btn-garanti { font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; padding: 7px 30px; margin-top: 30px; }
section.new_garanti div.wrapper div.bloc-right { display: inline-block; width: calc(100% - 426px); vertical-align: middle; }
section.new_garanti div.wrapper div.bloc-right img { display: inline-block; margin-left: 150px; width: 150px; height: 150px; vertical-align: middle; }/*ml85*/
section.new_garanti div.wrapper div.bloc-right div.content { display: inline-block; width: calc(100% - 40%); margin-left: 50px; vertical-align: middle; }
section.new_garanti div.wrapper div.bloc-right div.content p.txt-yellow { font-size: 22px; line-height: 34px; color: #FFF127; }
section.new_garanti div.wrapper div.bloc-right div.content p.accroche { font-size: 18px; line-height: 28px; color: #fff; margin: 20px auto; }
section.new_garanti div.wrapper div.bloc-right div.content p.accroche a { color: #fff; text-decoration: underline; }
section.new_garanti div.wrapper div.bloc-right div.content img { display: inline-block; width: 200px; height: auto; margin-left: 0; }
section.new_garanti div.wrapper div.bloc-right div.content span.nbr_avis { display: inline-block; color: #43F2BC; margin-left: 20px; font-size: 16px; line-height: 26px; vertical-align: middle; }

/*If Lato + grille normal*/
@media (min-width: 1400px) {
  section.new_garanti div.wrapper div.bloc-right img { margin-left: 85px !important; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.new_garanti div.wrapper div.bloc-right img { margin-left: 85px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.new_garanti { background: linear-gradient(to left, #001136 63%, #0C2A6A 63%); }
  section.new_garanti div.wrapper { width: 100%; height: 279px; padding: 0 30px; position: relative; }
  section.new_garanti div.wrapper div.bloc-left { position: absolute; width: 320px; right: 65%; top: 50%; transform: translateY(-50%); }
  section.new_garanti div.wrapper div.bloc-right { position: absolute; width: 597px; left: 40%; top: 50%; transform: translateY(-50%); }
  section.new_garanti div.wrapper div.bloc-right img { margin-left: 0; }
  section.new_garanti div.wrapper div.bloc-right div.content span.nbr_avis { margin-left: 0; margin-top: 5px;}
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.new_garanti { background: none; padding: 0; }
  section.new_garanti div.wrapper { width: 100%; }
  section.new_garanti div.wrapper div.bloc-left { width: 100%; background: #0C2A6A; padding: 30px 0; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right { width: 100%; background: #001136; padding: 30px 0; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right img { margin-left: 0; }
  section.new_garanti div.wrapper div.bloc-right div.content { text-align: left; width: 350px; }
  section.new_garanti div.wrapper div.bloc-right div.content span.nbr_avis { margin-left: 0; margin-top: 5px;}
}

@media (max-width: 767px) {
  section.new_garanti { background: none; padding: 0; }
  section.new_garanti div.wrapper { width: 100%; }
  section.new_garanti div.wrapper div.bloc-left { width: 100%; background: #0C2A6A; padding: 30px 20px; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right { width: 100%; background: #001136; padding: 30px 20px; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right img { display: block; margin: auto; }
  section.new_garanti div.wrapper div.bloc-right div.content { display: block; width: 100%; margin: auto; }
  section.new_garanti div.wrapper div.bloc-right div.content p.txt-yellow { margin-top: 30px; }
  section.new_garanti div.wrapper div.bloc-right div.content img { margin: auto; }
  section.new_garanti div.wrapper div.bloc-right div.content span.nbr_avis { margin-left: 0; margin-top: 5px;}
}

/** Bloc conception **/
section.conception { padding: 70px 0; background: linear-gradient(-75deg,#1E499B 42%, #fff 42%); }
section.conception div.img { display: inline-block; width: 673px; height: auto; vertical-align: middle; }
section.conception div.text { display: inline-block; width: calc(100% - 677px); vertical-align: middle; }
section.conception div.text h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.conception div.text p.content { font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; margin-top: 30px; }
section.conception div.text p.content a { color: #f60; text-decoration: underline; }
section.conception div.text p.content a.btn100 { width: 100%; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; padding: 9px 30px 5px; }
section.conception div.text.bloc-left { padding-right: 80px; }
section.conception div.text.bloc-right { padding-left: 80px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.conception div.img { width: 464px; }
  section.conception div.text { width: calc(100% - 468px); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.conception { padding: 50px 0; background: #fff; }
  section.conception div.text h2 { font-size: 30px; line-height: 40px; }
  section.conception div.wrapper { display: flex; flex-direction: column; }
  section.conception div.text { flex: 1; order: 1; width: 100%; text-align: center; }
  section.conception div.text p.content a.btn100 { width: auto; padding: 9px 30px 5px; }
  section.conception div.text.bloc-left { padding-right: 0; }
  section.conception div.img { flex: 1; order: 2; width: 100%; margin-top: 40px; }
  section.conception div.img img { margin: auto; }
}

@media (max-width: 767px) {
  section.conception div.text h2 { font-size: 30px; line-height: 40px; }
  section.conception { padding: 50px 0; background: #fff; }
  section.conception div.wrapper { display: flex; flex-direction: column; }
  section.conception div.text { flex: 1; order: 1; width: 100%; text-align: center; }
  section.conception div.text p.content a.btn100 { width: auto; padding: 9px 30px 5px; }
  section.conception div.text.bloc-left { padding-right: 0; }
  section.conception div.img { flex: 1; order: 2; width: 100%; margin-top: 40px; }
  section.conception div.img img { margin: auto; }
}

/** Bloc Themes **/
section.themes { padding: 70px 0; }
section.themes h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.themes p.sub-title { font-size: 18px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 20px; }
section.themes div.slide { display: inline-block; margin-top: 50px; padding: 0 50px; }
section.themes div.slide div.img-theme { display: inline-block; width: calc((100% - 110px) / 3); margin-right: 50px; vertical-align: top; }
section.themes div.slide div.img-theme:last-child { margin-right: 0; }
section.themes div.slide div.img-theme img { width: 100%; height: auto; }
section.themes div.slide div.img-theme p.see_theme { text-align:center; margin-top: 20px; }
section.themes div.slide div.img-theme p.see_theme a { font-size: 18px; line-height: 28px; text-decoration: underline; }
section.themes div.indicators { margin-top: 50px; }
section.themes div.indicators ol { text-align: center;}
section.themes div.indicators ol li { text-align: center; display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 0 10px; cursor: pointer; padding: 2px; background: 0 0; background-color: rgba(11, 42, 105, 0.2); position: relative; }
section.themes div.indicators ol li.active { border: 1px solid #0B2A69; background-color: #fff; }
section.themes div.indicators ol li.active:after { content: ''; display: block; width: 12px; height: 12px; background: #0B2A69; position: absolute; border-radius: 100%; top: 3px; left: 3px; }
section.themes p.sub-slide { font-size: 18px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 50px; }
section.themes p.lien { font-size: 18px; line-height: 28px; font-weight: normal; text-align: center; margin-top: 20px; }
section.themes p.lien a { color: #f60; text-decoration: underline; }
section.themes p.lien a.video { margin-left: 28px; position: relative; }
section.themes p.lien a.video:before { content: ""; position: absolute; top: 2px; left: -28px; height: 18px; width: 18px; background-image: url("../images/boutique-en-ligne/player_video_petit.svg"); }
section.themes p.lien-btn { margin-top: 30px; text-align: center; }
section.themes p.lien-btn a.btn { font-size: 20px; line-height: 30px; font-weight: 600; padding: 10px 30px; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.themes { padding: 50px 0; }
  section.themes h2 { font-size: 30px; line-height: 40px; }
}

@media (max-width: 767px) {
  section.themes h2 { font-size: 30px; line-height: 40px; }
  section.themes { padding: 50px 0; }
  section.themes p.sub-title { margin-top: 30px; }
  section.themes div.indicators { display: none; }
  section.themes div.slide { padding: 0 20px; }
  section.themes div.slide div.img-theme { width: 100%; margin-right: 0; }
  section.themes div.slide div.img-theme:not(:first-child) { margin-top: 30px; }
}

/** Bloc Avis **/
section.avis_client { padding: 70px 0; }
section.avis_client h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.avis_client p.sub-title { font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; margin-top: 20px; }
section.avis_client p.sub-title a { color: #f60; text-decoration: underline; }
section.avis_client div.logo_avis_trust { margin-top: 50px; }
section.avis_client div.logo_avis_trust img { height: 44px; width: auto; margin: auto; }
section.avis_client div.slide { display: inline-block; margin-top: 50px; }
section.avis_client div.slide div.bloc-avis { display: inline-block; width: 667px; padding: 30px; background-color: #fff; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); vertical-align: top; }
section.avis_client div.slide div.bloc-avis:first-child { margin-right: 20px; }
section.avis_client div.slide div.bloc-avis img { width: 150px; height: auto; margin: 0 auto; }
section.avis_client div.slide div.bloc-avis p.txt-avis { margin-top: 20px; font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.avis_client div.slide div.bloc-avis div.footer-avis { margin-top: 20px; position: relative; }
section.avis_client div.slide div.bloc-avis div.footer-avis img { display: inline-block; vertical-align: middle; width: 50px; height: 50px; clip-path: ellipse(50% 50%); margin-right: 20px; }
section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 28px; color: #4D5163; width: 320px; }
section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule span.fw600 { font-size: 16px; line-height: 26px; font-weight: 600; }
section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis { position: absolute; right: 0; bottom: 0; }
section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis p { font-size: 16px; line-height: 28px; color: #4D5163; float: right; clear:right; }
section.avis_client div.indicators { margin-top: 50px; }
section.avis_client div.indicators ol { text-align: center;}
section.avis_client div.indicators ol li { text-align: center; display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 0 10px; cursor: pointer; padding: 2px; background: 0 0; background-color: rgba(11, 42, 105, 0.2); position: relative; }
section.avis_client div.indicators ol li.active { border: 1px solid #0B2A69; background-color: #fff; }
section.avis_client div.indicators ol li.active:after { content: ''; display: block; width: 12px; height: 12px; background: #0B2A69; position: absolute; border-radius: 100%; top: 3px; left: 3px; }

/* If Lato - Grille Normal */
@media (min-width: 1400px) {
  section.avis_client div.slide div.bloc-avis { width: 572px !important; }
}

@media (max-width: 1399px) AND (min-width: 980px) {
  section.avis_client div.slide div.bloc-avis { width: 572px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.avis_client div.slide div.bloc-avis:first-child { margin-right: 20px; }
  section.avis_client div.slide div.bloc-avis { width: 462px; }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { width: 225px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.avis_client { padding: 50px 0; }
  section.avis_client h2 { font-size: 30px; line-height: 40px; }
  section.avis_client div.slide div.bloc-avis:first-child { margin-right: 20px; }
  section.avis_client div.slide div.bloc-avis { width: 362px; }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { width: 228px; font-size: 16px; }
  section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis { display: none; }
}

@media (max-width: 767px) {
  section.avis_client { display: none; }
}


/** Bloc Disponibilité Domaine **/
section.disponibilite_domaine { padding: 70px 0; }
section.disponibilite_domaine h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.disponibilite_domaine p.sub-title { font-size: 18px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 20px; }
section.disponibilite_domaine div.content { margin-top: 70px; }
section.disponibilite_domaine div.content div.col-3 { display: inline-block; width: calc(25% - 15px); margin-right: 30px; }
section.disponibilite_domaine div.content div.col-3 ul { margin-top: 107px; box-shadow: 2px 2px 25px #1E499B26; }
section.disponibilite_domaine div.content div.col-3 ul li { font-size: 16px; line-height: 25px; color: #4D5163; padding: 8px 20px; background: #fff; border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
section.disponibilite_domaine div.content div.col-3 ul li:first-child { background: #1E499B; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; text-align: center; padding: 12px 20px; }
section.disponibilite_domaine div.content div.col-3 ul li.active { position: relative; background: #F4F5F8; font-weight: 600; color: #1E499B; border: 1px solid #1E499B; border-right: none; cursor: pointer; }
section.disponibilite_domaine div.content div.col-3 ul li.active::before { position: absolute; content: ''; width: 0; height: 0; border: 1px solid transparent; border-top-width: 21.5px; border-right-width: 10px; border-bottom-width: 21.5px; border-left-width: 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #1E499B; top: -1px; right: -20px; }
section.disponibilite_domaine div.content div.col-3 ul li.active::after { position: absolute; content: ''; width: 0; height: 0; border: 1px solid transparent; border-top-width: 20.5px; border-right-width: 10px; border-bottom-width: 20.5px; border-left-width: 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #F4F5F8; top: 0; right: -19px; }
section.disponibilite_domaine div.content div.col-3 ul li:not(.active):not(.head):hover { background: #F4F5F8; cursor: pointer; }
section.disponibilite_domaine div.content div.col-3 ul li img { height: 15px; width: auto; display: inline-block; margin-right: 10px; margin-top: -2px; vertical-align: middle; }
section.disponibilite_domaine div.content div.col-9 { display: inline-block; width: calc(75% - 15px); }
section.disponibilite_domaine div.content div.col-9 div.search_dom { background: #fff; width: 100%; padding: 20px; box-shadow: 2px 2px 25px #1E499B26; }
section.disponibilite_domaine div.content div.col-9 div.search_dom div.barre_recherche { display: inline-block; height: 46px; background: rgba(227, 231, 245, 0.5); border: 2px solid #E3E7F5; vertical-align: middle; width: calc(100% - 164px); }
section.disponibilite_domaine div.content div.col-9 div.search_dom div.barre_recherche p:first-child { display: inline-block; font-size: 18px; line-height: 27px; font-weight: 500; padding: 7px 20px 8px; vertical-align: top; }
section.disponibilite_domaine div.content div.col-9 div.search_dom div.barre_recherche p:last-child { display: inline-block; font-size: 16px; line-height: 25px; font-weight: 400; padding: 8px 20px 9px; vertical-align: top; }
section.disponibilite_domaine div.content div.col-9 div.search_dom div.barre_recherche div.input_dom { display: inline-block; width: 330px; background: #fff; height: 42px; vertical-align: top; }
section.disponibilite_domaine div.content div.col-9 div.search_dom div.barre_recherche div.input_dom input { width: 100%; height: 100%; padding: 0 20px; font-size: 18px; line-height: 27px; }
section.disponibilite_domaine div.content div.col-9 div.search_dom button.btn-submit { display: inline-block; width: 160px; background: #FF6500; color: #fff; padding: 5px 30px 6px; font-size: 18px; line-height: 30px; font-weight: 600; border: none; height: 46px; vertical-align: middle; }
section.disponibilite_domaine div.content div.col-9 table { width: 100%; border: none; box-shadow: 2px 2px 25px #1E499B1A; margin-top: 20px; box-shadow: 2px 2px 25px #1E499B26; }
section.disponibilite_domaine div.content div.col-9 table thead tr th { text-align: center; font-size: 16px; line-height: 30px; font-weight: 600; background-color: #1E499B; color: #fff; border: none; padding: 10px 20px; border-radius: none !important; }
section.disponibilite_domaine div.content div.col-9 table tr th:first-child { width: 200px; text-align: left; }
section.disponibilite_domaine div.content div.col-9 table tr th:not(:last-child) { border-right: 1px solid #fff; }
section.disponibilite_domaine div.content div.col-9 table tbody tr td { font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; vertical-align: middle; border: none; padding: 20px; }
section.disponibilite_domaine div.content div.col-9 table tbody tr td:first-child { text-align: left; }
section.disponibilite_domaine div.content div.col-9 table tbody tr:nth-child(2n+1) td { background-color: #FFF; }
section.disponibilite_domaine div.content div.col-9 table tbody tr:nth-child(2n) td { background-color: #F4F5F8; }
section.disponibilite_domaine div.content div.col-9 table tbody tr td:not(:last-child) { border-right: 1px solid rgba(30, 73, 155, 0.3); }
section.disponibilite_domaine div.content div.col-9 table tbody tr td a.btn-orange { padding: 10px 30px; border-bottom: none; font-size: 18px; line-height: 30px; font-weight: 600; }

/*Datatable */
section.disponibilite_domaine .dataTables_length,
section.disponibilite_domaine .dataTables_filter,
section.disponibilite_domaine .dataTables_info { display: none; }

/*Pagination*/
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers { margin-top: 35px; text-align: center; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button { height: 38px !important; font-size: 14px !important; line-height: 14px !important; padding: 12px 1em !important; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous,
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.next { color:#464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc; margin-left: 0; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous:before { content: "<"; color: #1e49bc; font-weight: 600; margin-right: 0px; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.next:after { content: ">"; color: #1e49bc; font-weight: 600; margin-left: 0px; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous { border-left: 1px solid #ccc !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.next { border-left: none !important; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers span a.paginate_button { color:#464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc !important; border-left: none !important; border-radius: 0; margin-left: 0; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers span a.paginate_button.current { background: #eee; border-radius: 0; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers span a.paginate_button.current:hover { background: #eee; color:#464f57 !important; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:hover { background: #fff; color:#464f57 !important; border: 1px solid #ccc; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers span.ellipsis { color: #464f57 !important; font-weight: 600; background-color: #fff; border: 1px solid #ccc !important; border-left: none !important; border-radius: 0; margin-left: 0; height: 38px !important; font-size: 14px !important; line-height: 14px !important; padding: 9px 1em 8px !important; }



/** Bloc tarif Domaine **/
section.tarif_dom { padding: 70px 0; }
section.tarif_dom h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.tarif_dom p.sub-title { font-size: 18px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 20px; }
section.tarif_dom div.flex-container { margin-top: 50px; display: flex; flex-wrap: wrap; gap: 20px; }/* justify-content: space-between; */
section.tarif_dom div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 80px) / 5); box-shadow: 2px 2px 20px #1E499B1A; }
section.tarif_dom div.flex-container div.flex-element p { background: #fff; padding: 10px 0; text-align:center; font-size: 16px; line-height: 28px; font-weight: 600; color: #4D5163; }
section.tarif_dom div.flex-container div.flex-element p.active { background: #1E499B; color: #fff; }
section.tarif_dom div.flex-container div.flex-element p:hover { cursor: pointer; background: rgba(30, 73, 155, 0.1); }
section.tarif_dom div.flex-container div.flex-element p.active:hover { background: #1E499B; }
section.tarif_dom div#load_table { margin-top: 70px; border-radius: 0 !important; width: 100%; }
section.tarif_dom div#load_table div.content table { border: none; box-shadow: 2px 2px 25px #1E499B1A; }
section.tarif_dom div#load_table div.content table thead tr th { font-size: 16px; line-height: 30px; font-weight: 600; background-color: #1E499B; color: #fff; border: none; padding: 10px 20px; border-radius: none !important; }
section.tarif_dom div#load_table div.content table thead tr th:first-child { width: 260px; }
section.tarif_dom div#load_table div.content table thead tr th:not(:last-child) { border-right: 1px solid #fff; }
section.tarif_dom div#load_table div.content table tbody tr td { font-size: 16px; line-height: 26px; font-weight: 400; vertical-align: middle; border: none; padding: 20px; }
section.tarif_dom div#load_table div.content table tbody tr:nth-child(2n+1) td { background-color: #FFF; }
section.tarif_dom div#load_table div.content table tbody tr:nth-child(2n) td { background-color: #F4F5F8; }
section.tarif_dom div#load_table div.content table tbody tr td:not(:last-child) { border-right: 1px solid rgba(30, 73, 155, 0.3); }
section.tarif_dom div#load_table div.content table tbody tr td a.btn-orange { padding: 10px 30px; border-bottom: none; font-size: 18px; line-height: 30px; font-weight: 600; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.tarif_dom div.flex-container div.flex-element { max-width: calc((100% - 60px) / 4); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.tarif_dom div.flex-container div.flex-element { max-width: calc((100% - 40px) / 3); }
  section.tarif_dom div#load_table div.content table thead tr th:first-child,
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(2) { white-space: nowrap; }
  section.tarif_dom div#load_table div.content table tbody tr td a.btn-orange { padding: 10px 20px; }
}

@media (max-width: 767px) {
  section.tarif_dom div#load_table div.content table tbody tr td a.btn-orange { padding: 5px 20px; }
  section.tarif_dom div#load_table div.content table thead tr th:not(:first-child) { display: none; }
  section.tarif_dom div#load_table div.content table thead tr th:first-child { border-radius: 0 !important; text-align: center !important; }
  section.tarif_dom div#load_table div.content table { width: 100% !important; }
  section.tarif_dom div#load_table div.content table tbody tr td { float: left; width: 100%; border-right: none !important; text-align: center; padding: 10px 20px; }
  section.tarif_dom div#load_table div.content table tbody tr td center { width: max-content; display: inline-block; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(1)::before { content: "Extension :"; display: inline-table; font-weight: 600; margin-right: 10px; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(2)::before { content: "Création :"; display: inline-table; font-weight: 600; margin-right: 10px; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(3)::before { content: "Transfert :"; display: inline-table; font-weight: 600; margin-right: 10px; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(4)::before { content: "Renouvellement :"; display: inline-table; font-weight: 600; margin-right: 10px; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(5) { padding: 10px 20px 20px; }
}

@media (max-width: 767px) AND (min-width: 450px) {
  section.tarif_dom div.flex-container div.flex-element { max-width: calc((100% - 20px) / 2); }
}

@media (max-width: 449px) {
  section.tarif_dom div.flex-container div.flex-element { max-width: 100%; }
}


/** Datatable CSS Custom **/
section.tarif_dom .dataTables_length { float: left; margin-bottom: 20px; }
section.tarif_dom .dataTables_length select { background: #fff; border: 1px solid #9498AA; width: 100px; height: 35px; font-size: 16px; line-height: 35px; margin-right: 10px; padding: 5px 10px; }
section.tarif_dom .dataTables_filter { float: right; margin-bottom: 20px; }
section.tarif_dom .dataTables_filter input[type="search"] { background: #fff; border: 1px solid #9498AA; width: 220px; height: 35px; font-size: 16px; line-height: 35px; margin-left: 10px; padding: 5px 10px; }
section.tarif_dom .dataTables_info { float: left; margin-top: 20px; font-size: 16px; line-height: 26px; color: rgba(77, 81, 99, 0.6); }
section.tarif_dom .dataTables_paginate { float: right; margin-top: 20px; }
section.tarif_dom .dataTables_paginate .paginate_button.previous { margin-right: 30px; color: #4D5163; }
section.tarif_dom .dataTables_paginate .paginate_button.next { margin-left: 30px; color: #4D5163; }
section.tarif_dom .dataTables_paginate .paginate_button,
section.tarif_dom .dataTables_paginate span.ellipsis { font-size: 16px; line-height: 26px; color: rgba(77, 81, 99, 0.6); }
section.tarif_dom .dataTables_paginate .paginate_button:not(:last-child) { margin-right: 20px; }
section.tarif_dom .dataTables_paginate span.ellipsis { margin-right: 20px; }
section.tarif_dom .dataTables_paginate .paginate_button.current { font-weight: 600; color: #1E499B; }
section.tarif_dom .dataTables_paginate .paginate_button.previous.disabled,
section.tarif_dom .dataTables_paginate .paginate_button.next.disabled { display: none; }

@media (max-width: 767px) {
  section.tarif_dom .dataTables_length,
  section.tarif_dom .dataTables_info { display: none; }
  section.tarif_dom .dataTables_filter,
  section.tarif_dom .dataTables_paginate { float: none; text-align: center; }
  section.tarif_dom .dataTables_filter input[type="search"] { width: 120px; }
}


/** Bloc Confiance **/
section.confiance { padding: 70px 0; }
section.confiance h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.confiance p.sub-title { font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; margin-top: 20px; }
section.confiance div.wrapper div.flex-sb { display: flex; height: 31px; justify-content: space-between; align-items: center; margin-top: 50px; }
section.confiance div.wrapper div.flex-sb-center { display: flex; flex-wrap: wrap; height: auto; justify-content: center; align-items: center; margin-top: 40px; }
section.confiance div.wrapper div.flex-sb-center div.img { margin-right: 30px; margin-bottom: 30px; }
section.confiance div.wrapper p.link { margin-top: 50px; text-align: center; }
section.confiance div.wrapper p.link a { font-size: 18px; line-height: 28px; color: #f60; text-decoration: underline; }


@media (max-width: 1200px) AND (min-width: 980px) {
  section.confiance div.wrapper { width: 100%; padding: 0 30px; }
  section.confiance p.sub-title { padding: 0 30px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.confiance { padding: 50px 0; }
  section.confiance h2 { font-size: 30px; line-height: 40px; }
  section.confiance div.wrapper { width: 100%; padding: 0 30px; }
  section.confiance p.sub-title { padding: 0 30px; }
  section.confiance div.wrapper div.flex-sb div.img img { max-width: 85%; }
}

@media (max-width: 767px) {
  section.confiance { padding: 50px 0 20px; }
  section.confiance h2 { font-size: 30px; line-height: 40px; }
  section.confiance div.wrapper div.flex-sb { flex-wrap: wrap; height: auto; }
  section.confiance div.wrapper div.flex-sb div.img { margin-bottom: 30px; width: 33%; }
  section.confiance div.wrapper div.flex-sb div.img img { margin: auto; }
}


/** Bloc Confiance2 (no wrapper) **/
section.confiance2 { padding: 70px 35px 40px; }
section.confiance2 h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.confiance2 p.sub-title { font-size: 18px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 20px; }
section.confiance2 p.sub-title.tiny { font-size: 16px; line-height: 28px; font-weight: normal; color: #4D5163; text-align: center; margin-top: 20px; }
section.confiance2 div.flex-sb { display: flex; height: 31px; justify-content: space-between; align-items: center; margin-top: 50px; }
section.confiance2 div.flex-sb-center { display: flex; flex-wrap: wrap; height: auto; justify-content: space-between; align-items: center; margin-top: 50px; }
section.confiance2 div.flex-sb-center div.img { margin-bottom: 30px; }


@media (max-width: 1550px) AND (min-width: 980px) {
  section.confiance2 { padding: 70px 0 40px; }
  section.confiance2 div.flex-sb-center { display: flex; flex-wrap: wrap; height: auto; justify-content: center; align-items: center; margin-top: 50px; padding-left: 30px; }
  section.confiance2 div.flex-sb-center div.img { margin-right: 30px; margin-bottom: 30px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.confiance2 { padding: 50px 0 20px; }
  section.confiance2 div.flex-sb-center { display: flex; flex-wrap: wrap; height: auto; justify-content: center; align-items: center; margin-top: 50px; padding-left: 30px; }
  section.confiance2 div.flex-sb-center div.img { margin-right: 30px; margin-bottom: 30px; }
}

@media (max-width: 767px) {
  section.confiance2 { padding: 50px 0 20px; }
  section.confiance2 div.flex-sb-center { display: flex; flex-wrap: wrap; height: auto; justify-content: center; align-items: center; margin-top: 50px; padding-left: 30px; }
  section.confiance2 div.flex-sb-center div.img { margin-right: 30px; margin-bottom: 30px; }
}


/** Bloc Promotion (fin de page) **/
section.promotion_details { padding: 20px 0; }
section.promotion_details div.wrapper p { font-size: 14px; line-height: 24px; font-weight: 400; color: #4D5163; text-align: center; }
section.promotion_details div.wrapper p a { text-decoration: underline; }


/** FAQ **/
section.new_faq { padding: 70px 0; }
section.new_faq div.wrapper h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; margin-bottom: 50px; }
section.new_faq div.wrapper div.bloc_faq { margin-top: 30px; padding: 30px; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); background: #fff; }
section.new_faq div.wrapper div.bloc_faq h3 { font-size: 22px; line-height: 30px; color: #001136; font-weight: 700; position: relative; width: calc(100% - 30px); }
section.new_faq div.wrapper div.bloc_faq h3:hover { cursor: pointer; }
section.new_faq div.wrapper div.bloc_faq h3 img { width: 15px; height: auto; display: inline-block; position: absolute; right: -30px; top: 12px; }
section.new_faq div.wrapper div.bloc_faq h3 img.rotate180 { transform: rotate(180deg); }
section.new_faq div.wrapper div.bloc_faq div.content_faq { font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; margin-top: 20px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq p { margin-top: 20px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq p:first-of-type { margin-top: 0; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul { Margin-top: 20px; list-style: none; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul li { margin-bottom: 10px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul li::before { content: "\2022"; color: #4D5163; font-weight: 600; display: inline-block; width: 1em; margin-right: 5px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq a { text-decoration: underline; }
/*section.new_faq div.wrapper div.bloc_faq div.content_faq.hide-faq { display: none; }*/

@media (max-width: 979px) AND (min-width: 768px) {
  section.new_faq { padding: 50px 0; }
  section.new_faq h2 { font-size: 30px; line-height: 40px; }
}

@media (max-width: 767px) {
  section.new_faq div.wrapper h2 { font-size: 30px; line-height: 40px; }
  section.new_faq { display: none; }
}

/* Modal Youtube */
.grtyoutube-popup { position:fixed;	top:0; left:0; right:0;	bottom:0;	z-index:99999; }
/*.grtyoutube-popup-content { margin-top:150px; width:95%; max-width:850px;	margin-left:auto;	margin-right:auto; position:relative; }*/
.grtyoutube-popup-content { width:95%; max-width:850px;	margin-left:auto;	margin-right:auto; position:relative; top: calc(50% + 15px); transform:translateY(-50%); }
.grtyoutube-popup-close {	position:absolute; top:-40px;	right:0; color:#FFF;	font-size:25px;	width:17px;	height:17px; cursor:pointer; }
.grtyoutube-iframe { width:100%; height:480px; }

@media (max-width:767px) {
	.grtyoutube-iframe { width:100%; height:350px; }
}

.grtyoutube-dark-theme{ background: rgba(0,0,0, 0.85); }
.grtyoutube-dark-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4);	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4);	box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4); }
.grtyoutube-dark-theme .grtyoutube-popup-close { background: url('../images/boutique-en-ligne/croix.svg') no-repeat; }
.grtyoutube-light-theme {	background: rgba(255,255,255, 0.85); }
.grtyoutube-light-theme .grtyoutube-popup-content {	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); }
.grtyoutube-light-theme .grtyoutube-popup-close { background: url('../images/boutique-en-ligne/croix.svg') no-repeat; }


/** Bloc Header-dom - Acceuil **/
section.header_dom { color: #fff; padding: 30px 0; }
section.header_dom p.title { font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; text-align: center; }
section.header_dom p.title span.exclu { font-weight: 600; text-transform: uppercase; }
section.header_dom p.title a { color: #fff; text-decoration: underline; }
section.header_dom .wrapper .flex-domain { display: flex; justify-content: space-between; align-items: center; }
section.header_dom .wrapper .flex-domain .domain_extension { width: calc(100% / 7); }
section.header_dom .wrapper .flex-domain .domain_extension .upper_extension { font-size: 20px; line-height: 27px; font-weight: 600;  text-align: center; }
section.header_dom .wrapper .flex-domain .domain_extension .upper_extension .divider-small { position: relative; margin-top: 10px; }
section.header_dom .wrapper .flex-domain .domain_extension .upper_extension .divider-small::after { content: ""; position: absolute; border-bottom: 2px solid #fff; width: 80px; left: 50%; transform: translateX(-50%); }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price { font-size: 18px; line-height: 24px; font-weight: 600; text-align: center; margin-top: 32px; }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price span.stroke { position: relative; font-size: 14px; line-height: 24px; margin-right: 7px; }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price span.stroke:after { content: ""; position: absolute; height: 1px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price span.ht { font-size: 14px; line-height: 24px; }
section.header_dom .wrapper .flex-domain .domain_extension .ttc_price { font-size: 14px; line-height: 24px; font-weight: 400; text-align: center; margin-top: 5px; }

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.header_dom p.title { display: none; }
  section.header_dom { padding: 20px 0; }
}

/*If Lato + grille normal */
@media (min-width: 1400px){
  section.header_dom .wrapper .flex-domain .domain_extension { width: calc(100% / 6) !important; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.header_dom .wrapper .flex-domain .domain_extension { width: calc(100% / 6); }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.header_dom .wrapper .flex-domain .domain_extension { width: calc(100% / 5); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.header_dom .wrapper .flex-domain .domain_extension { width: calc(100% / 4); }
  section.header_dom .wrapper .flex-domain .domain_extension .ht_price span { display: inline-block; }/*block*/
}

@media (max-width: 767px) {
  section.header_dom { display: none; }
}


/** Bloc 4 Services (format colonne) **/
section.bloc4_services { text-align: center; padding: 70px 0; }
section.bloc4_services div.flex-container { margin-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bloc4_services div.flex-container div.flex-element { flex-grow: 1; max-width: calc(25% - 15px); }
section.bloc4_services div.flex-container div.flex-element:last-child { padding-right: 0; }
section.bloc4_services div.flex-container div.flex-element div.head { background: #0C2A6A; color: #fff; padding: 30px 28px 10px; }
section.bloc4_services div.flex-container div.flex-element div.head p.title { font-size: 20px; line-height: 30px; font-weight: 600; text-transform: uppercase; }
section.bloc4_services div.flex-container div.flex-element div.head ul { width: max-content; margin: 20px auto 0; text-align: left; list-style-image: none; }
section.bloc4_services div.flex-container div.flex-element div.head ul li { position: relative; font-size: 16px; line-height: 26px; font-weight: 400; padding-left: 25px; }
section.bloc4_services div.flex-container div.flex-element div.head ul li::before { content: ""; position: absolute; width: 15px; height: 10.5px; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/theme2021/svg/check_clair.svg) no-repeat 50% 50% / contain; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price { padding: 5px 20px 0; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_percent { font-size: 18px; line-height: 20px; font-weight: 400; color: #fff; margin-top: 5px; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke { font-size: 20px; line-height: 30px; font-weight: 400; color: #99B6D5; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_price { font-size: 45px; line-height: 40px; font-weight: 600; color: #fff; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_separator { margin-left: -10px; margin-right: 10px; font-size: 45px; line-height: 40px; font-weight: 600; color: #fff; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_decimal { font-size: 30px; line-height: 40px; font-weight: 600; color: #fff; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_ht { margin-left: -40px; font-size: 12px; line-height: 26px; font-weight: 400; color: #fff; top: 4px; position: relative; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_ttc { font-size: 12px; line-height: 26px; font-weight: 400; margin-top: 5px; }
section.bloc4_services div.flex-container div.flex-element div.triangle { width: 100%; height: 20px; position: relative; background: #1E499B; }/*#0C2A6A*/
section.bloc4_services div.flex-container div.flex-element div.triangle div.t1 { background-image: linear-gradient(to right top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; left: 0; }
section.bloc4_services div.flex-container div.flex-element div.triangle div.t2 { background-image: linear-gradient(to left top, #1E499B 0%, #1E499B 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; right: 0; }
section.bloc4_services div.flex-container div.flex-element div.content { background: #1E499B; padding: 20px 20px 30px; }
section.bloc4_services div.flex-container div.flex-element div.content a.btn.btn-orange { font-size: 18px; line-height: 30px; font-weight: 600; color: #fff; text-decoration: underline; padding: 7px 30px; }
section.bloc4_services div.flex-container div.flex-element div.content:before { border: 1px solid #fff; } /*Triangle blanc*/
section.bloc4_services div.flex-container div.flex-element div.content:after { border: 1px solid #0C2A6A; } /*triangle bleu */
section.bloc4_services div.flex-container div.flex-element:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) { margin-top: 30px; }

/* If Lato + grille Normal */
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_separator { margin-left: -9px !important; margin-right: 14px !important; }
@media (min-width: 1400px) {
  section.bloc4_services div.flex-container div.flex-element div.head { padding: 30px 15px 10px !important; }
  section.bloc4_services div.flex-container div.flex-element div.head p.title { font-size: 19px !important; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.bloc4_services div.flex-container div.flex-element div.head { padding: 30px 15px 10px; }
  section.bloc4_services div.flex-container div.flex-element div.head p.title { font-size: 19px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4_services { padding: 50px 0; }
  section.bloc4_services h2 { font-size: 30px; line-height: 40px; }
  section.bloc4_services div.flex-container div.flex-element div.head { padding: 30px 10px 10px; min-height: 320px; }
  section.bloc4_services div.flex-container div.flex-element div.head p.title { font-size: 16px; line-height: 26px; }
  section.bloc4_services div.flex-container div.flex-element div.content a.btn.btn-orange { padding: 7px 25px; }
  section.bloc4_services div.flex-container div.flex-element div.head ul { width: 100%; }
  section.bloc4_services div.flex-container div.flex-element div.head ul li { font-size: 14px; }
  section.bloc4_services div.flex-container div.flex-element div.head ul li::before { top: 8px; transform: none; }
  section.bloc4_services div.flex-container div.flex-element div.head div.content-price { padding: 5px 10px 0; }
  /*section.bloc4_services div.flex-container div.flex-element { flex-grow: 1; width: 49%; max-width: 49%; }
  section.bloc4_services div.flex-container div.flex-element:first-child, section.bloc4_services div.flex-container div.flex-element:nth-child(2) { margin-bottom: 20px; }*/
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4_services { padding: 50px 0; }
  section.bloc4_services h2 { font-size: 30px; line-height: 40px; }
  section.bloc4_services div.flex-container div.flex-element { flex-grow: 1; max-width: 48.5%; }
  section.bloc4_services div.flex-container div.flex-element:first-child, section.bloc4_services div.flex-container div.flex-element:nth-child(2) { margin-bottom: 20px; }
}

@media (max-width: 767px) {
  section.bloc4_services { display: none; }
}


/** Bloc 3 Services (format colonne) **/
section.bloc3_services { text-align: center; padding: 50px 0; }
section.bloc3_services div.flex-container { margin-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.bloc3_services div.flex-container div.flex-element { flex-grow: 1; max-width: calc((100% / 3) - (40px / 3)); box-shadow: 2px 2px 25px #1E499B40; }
section.bloc3_services div.flex-container div.flex-element:last-child { padding-right: 0; }
section.bloc3_services div.flex-container div.flex-element div.head { height: 203px; background-color: #1E499B; color: #fff; padding: 20px 20px 10px; text-align: left; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head { background-color: #F4F5F8; color: #0C2A6A; text-align: left; height: 210px; }
section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu { background-image: url('../images/theme2021/hebergement4.jpg'); background-position: 100% 60%; background-repeat: no-repeat; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-mutu { background-image: url('../images/theme2021/hebergement_white.jpg'); background-position: 100% 100%; background-repeat: no-repeat; }
section.bloc3_services div.flex-container div.flex-element div.head.bg-crea { background-image: url('../images/theme2021/creation_site4.jpg'); background-position: 100% 60%; background-repeat: no-repeat; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-crea { background-image: url('../images/theme2021/creation_site_white.jpg'); background-position: 100% 100%; background-repeat: no-repeat; }
section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-image: url('../images/theme2021/serveur4.jpg'); background-position: 100% 60%; background-repeat: no-repeat; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-vps { background-image: url('../images/theme2021/serveur_white.jpg'); background-position: 100% 100%; background-repeat: no-repeat; }
section.bloc3_services div.flex-container div.flex-element div.head p.title { font-size: 22px; line-height: 32px; font-weight: 600; }/*20 26*/
section.bloc3_services div.flex-container div.flex-element div.head p.sub_title { margin-top: 10px; font-size: 16px; line-height: 26px; font-weight: 400; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head p.sub_title { color: #001136; }
section.bloc3_services div.flex-container div.flex-element div.head div.special_offer { margin-top: 0; color: #FFF127; font-size: 16px; line-height: 26px; font-weight: 400; }/*15mt*/
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.special_offer { display: none; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price { position: relative; padding: 5px 0 0; color: #fff; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price { margin-top: 20px; padding: 0; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price div.special_offer { display: block; position: absolute; top: -10px; left: 0; margin-top: 0; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price .price_element_main { padding: 0; text-align: left; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price .price_element_main { position: absolute; padding: 0; text-align: left; left: 0; top: 15px; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head p { max-width: 250px; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price { position: relative; width: max-content; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price,
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke { color: #0C2A6A; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke::after { background: #0C2A6A; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.special_offer { position: absolute; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_percent { font-size: 18px; line-height: 20px; font-weight: 400; margin-top: 5px; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke { font-size: 20px; line-height: 30px; font-weight: 400; color: #99B6D5; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_price { font-size: 45px; line-height: 40px; font-weight: 600; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_separator { margin-left: -10px; margin-right: 10px; font-size: 45px; line-height: 40px; font-weight: 600; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_decimal { left: -6px; font-size: 30px; line-height: 40px; font-weight: 600; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_ht { margin-left: -40px; font-size: 12px; line-height: 26px; font-weight: 400; top: 4px; position: relative; }
section.bloc3_services:not(.white-version) div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_ht span.p_ttc { margin-left: 4px; }
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_ttc { display: none; position: absolute; font-size: 12px; line-height: 26px; font-weight: 400; margin-top: 5px; color: inherit; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head div.content-price div.price_element_ttc { display: none; }
section.bloc3_services div.flex-container div.flex-element div.triangle { width: 100%; height: 20px; position: relative; background: #fff; }/*0C2A6A*/
section.bloc3_services div.flex-container div.flex-element div.triangle div.t1 { background-image: linear-gradient(to right top, #fff 0%, #fff 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; left: 0; }
section.bloc3_services div.flex-container div.flex-element div.triangle div.t2 { background-image: linear-gradient(to left top, #fff 0%, #fff 50%, transparent 50%); position: absolute; width: 50%; height: 100%; top: 0; right: 0; }
section.bloc3_services div.flex-container div.flex-element div.content { background: #fff; padding: 20px 20px 30px; }
section.bloc3_services div.flex-container div.flex-element div.content ul { width: max-content; margin: 0px auto 0; text-align: left; list-style-image: none; }/*20 auto 0*/
section.bloc3_services div.flex-container div.flex-element div.content ul li { position: relative; font-size: 18px; line-height: 26px; font-weight: 400; color: #4D5163; padding-left: 25px; margin-bottom: 15px; }
section.bloc3_services div.flex-container div.flex-element div.content ul li::before { content: ""; position: absolute; width: 15px; height: 10.5px; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/boutique-en-ligne/check.svg) no-repeat 50% 50% / contain; }
section.bloc3_services div.flex-container div.flex-element div.content a.btn.btn-orange { margin-top: 15px; font-size: 18px; line-height: 30px; font-weight: 600; color: #fff; text-decoration: underline; padding: 7px 30px; }
section.bloc3_services div.flex-container div.flex-element div.content:before { border: 1px solid #fff; } /*Triangle blanc*/
section.bloc3_services div.flex-container div.flex-element div.content:after { border: 1px solid #0C2A6A; } /*triangle bleu */
section.bloc3_services div.flex-container div.flex-element:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) { margin-top: 30px; }

/*If Lato + grille normal */
section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_separator { margin-left: -9px !important; margin-right: 14px !important; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head p { max-width: 217px !important; }
@media (min-width: 1400px) {
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea,
  /*section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-position: 0% 0% !important; }*/
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 20px 118px 0px 20px !important; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-position: 100% 60%; }
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 20px 118px 0px 20px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc3_services div.flex-container div.flex-element div.head p.title { font-size: 20px; line-height: 30px; font-weight: 600; }
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-position: 75% 60%; }
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 20px 65px 0px 15px; }
  section.bloc3_services div.flex-container div.flex-element div.content ul { width: 100%; }
  section.bloc3_services div.flex-container div.flex-element div.content ul li::before { top: 8px; transform: none; }
  section.bloc3_services.white-version div.flex-container div.flex-element div.head p { max-width: 180px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc3_services div.flex-container div.flex-element div.head { height: 230px; }
  section.bloc3_services div.flex-container div.flex-element div.head p.title { font-size: 20px; line-height: 30px; font-weight: 600; }
  section.bloc3_services:not(.white-version) div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_ht span.p_ttc { display: none; }
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-position: 70% 60%; }
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 30px 28px 0px; }
  section.bloc3_services div.flex-container div.flex-element div.head div.content-price { padding: 5px 0px 0; }
  section.bloc3_services div.flex-container div.flex-element div.content ul { width: 100%; }
  section.bloc3_services div.flex-container div.flex-element div.content ul li::before { top: 8px; transform: none; }
  section.bloc3_services.white-version div.flex-container div.flex-element { width: calc(50% - 20px); max-width: calc(50% - 20px); margin: 0 auto 30px; }
  section.bloc3_services.white-version div.flex-container div.flex-element:last-child { margin-bottom: 0; }
}

@media (max-width: 767px) {
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-vps { background-position: 0% 50%; }/* background-size: cover; */
  section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-mutu,
  section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-crea,
  section.bloc3_services.white-version div.flex-container div.flex-element div.head.bg-vps { background-position: 0% 85%; background-size: cover; }
  section.bloc3_services div.flex-container div.flex-element { width: 100%; max-width: 100%; max-width: 450px; margin: 0 auto 30px; }
  section.bloc3_services div.flex-container div.flex-element:last-child { margin-bottom: 0; }
  section.bloc3_services div.flex-container div.flex-element div.content ul li::before { top: 8px; transform: none; }
}

@media (max-width: 767px) and (min-width: 450px){
  section.bloc3_services div.flex-container div.flex-element div.content ul { width: max-content; max-width: 440px; display: block; margin: auto; }
}

@media (max-width: 449px) {
  section.bloc3_services div.flex-container div.flex-element div.content ul { width: 100%; max-width: 100%; }
}


/** Bloc Garantie without price **/
section.new_garanti_without_price { padding: 50px 0; position: relative; background: linear-gradient(to left, #0C2A6A 70%, #001136 70%); }
section.new_garanti_without_price div.wrapper div.bloc-left { display: inline-block; width: 421px; vertical-align: middle; }
section.new_garanti_without_price div.wrapper div.bloc-left img { width: 210px; height: 210px; vertical-align: middle; }
section.new_garanti_without_price div.wrapper div.bloc-right { display: inline-block; width: calc(100% - 426px); vertical-align: middle; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content { display: inline-block; width: calc(100% - 6%); margin-left: 50px; vertical-align: middle; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { font-size: 38px; line-height: 50px; font-weight: 600; color: #FFF127; }/*28 38*/
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche { font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; margin-top: 20px; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche.mt10 { margin-top: 10px; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche a { color: #fff; text-decoration: underline; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content img { display: inline-block; width: 200px; height: auto; margin-left: 0; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content span.nbr_avis { display: inline-block; color: #43F2BC; margin-left: 20px; font-size: 16px; line-height: 26px; vertical-align: middle; }

/* If Lato + Grille Normal */
@media (min-width: 1201px) {
  section.new_garanti_without_price { background: linear-gradient(to left, #0C2A6A 65%, #001136 65%) !important; }
  section.new_garanti_without_price div.wrapper { position: unset; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right { position: absolute; left: 35%; top: 50%; transform: translateY(-50%); padding-left: 115px; width: calc((100% - 35%) - ((100% - 1170px) / 2)); text-align: left; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 0; width: 100%; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.new_garanti_without_price { background: linear-gradient(to left, #0C2A6A 70%, #001136 70%) !important; }
  section.new_garanti_without_price div.wrapper div.bloc-right { left: 30%; width: calc((100% - 30%) - ((100% - 1170px) / 2)); padding-left: 90px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.new_garanti_without_price { background: #0C2A6A; }
  section.new_garanti_without_price div.wrapper { text-align: center; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right { text-align: left; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.new_garanti_without_price { background: #0C2A6A; }
  section.new_garanti_without_price div.wrapper { text-align: center; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right { text-align: left; width: calc(100% - 260px); }
}

@media (max-width: 767px) {
  section.new_garanti_without_price { background: none; padding: 0; }
  section.new_garanti_without_price div.wrapper { width: 100%; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: 100%; background: #0C2A6A; padding: 30px 20px 0; text-align: center; margin-bottom: -1px; }
  section.new_garanti_without_price div.wrapper div.bloc-left img { margin: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right { width: 100%; background: #0C2A6A; padding: 0 20px 30px; text-align: center; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { display: block; width: 100%; margin: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { margin-top: 30px; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content img { margin: auto; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content span.nbr_avis { margin-left: 0; margin-top: 5px;}
}


/** banner 2020 Accueil **/
section.banner_2020_accueil { background-image: url(../images/theme2021/bannieres/banniere_accueil.jpg); padding: 0 0 50px; background-position: right 30% top 0%; }
section.banner_2020_accueil div.adressBlock { position: relative; top: 10px; left: 0; margin-bottom: 30px; }
section.banner_2020_accueil div.adressBlock p span { vertical-align: middle; }
section.banner_2020_accueil div.banner-content { margin-left: 0; padding-top: 50px; }/*110ml*/
section.banner_2020_accueil p.txt-offre { font-size: 28px; line-height: 38px; font-weight: 600; color: #FFF127; }/*38 50*/
section.banner_2020_accueil h1 { font-size: 48px; line-height: 60px; font-weight: 600; color: #fff; }
section.banner_2020_accueil p.mini { margin-top: 30px; font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; }
section.banner_2020_accueil.v2 p.mini { margin-top: 18px; }
section.banner_2020_accueil p.mini a { margin-left: 20px; text-decoration: underline; color: #fff; }
section.banner_2020_accueil div.extension { width: max-content; margin-top: 30px; }
section.banner_2020_accueil div.extension div.white { display: inline-block; width: max-content; background-color: #fff; font-size: 32px; line-height: 48px; font-weight: 700; color: #0C2A6A; padding: 3px 15px 6px; word-spacing: 4px; }
section.banner_2020_accueil div.extension div.blue { display: inline-block; width: max-content; background-color: #0C2A6A; font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; padding: 3px 15px 6px; margin-left: -4px; }
section.banner_2020_accueil div.extension div.blue span { font-size: 32px; line-height: 48px; font-weight: 700; margin: 0 6px; }
section.banner_2020_accueil div.check { display: block; margin-top: 40px; padding: 0; float: none; text-align: left; background: none; }
section.banner_2020_accueil div.check form { height: 54px; }
section.banner_2020_accueil div.check div.checkBlock { width: auto; height: 54px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 { display: inline-block; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 p { font-size: 22px; line-height: 22px; font-weight: 600; padding: 16px 0; width: 96px; background: #E3E7F5; text-transform: lowercase; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.formField { width: 408px; margin-top: 0; border: none; margin: 2px 0; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.formField input { width: 100%; padding: 0 20px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.selectField { width: max-content; text-align: center; background: #E3E7F5;  margin-top: 0; padding: 10px 20px 7px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.selectField span { float: none; font-size: 22px; line-height: 33px; font-weight: 600; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.selectField span#extensionchoice { margin-right: 13px; }
section.banner_2020_accueil div.check div.checkBlock div.searchButton { margin: 4px; width: 166px; height: 46px; }
section.banner_2020_accueil div.check div.checkBlock div.searchButton button { height: 46px; font-size: 18px; line-height: 46px; font-weight: 600; border-bottom: none; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { right: 477px; top: 405px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom input[type='checkbox'] { margin-left: 0; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright { top: 10px; right: 20px; width: max-content; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright span.ok_tld { padding: 3px 10px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright span.selectedText { font-size: 16px; line-height: 44px; margin-right: 10px; }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld-list span { width: calc((100% / 6) - 4px); }
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld-list div.ngtld span { width: calc((100% / 5) - 4px); }

section.banner_2020_accueil.v2 { background-image: url(../images/theme2021/bannieres/banniere_accueil_2.jpg); padding: 0 0 30px; background-position: right 30% top 0%; }
section.banner_2020_accueil.v2 div.banner-content { padding-top: 30px; }/*width: 60%;*/
section.banner_2020_accueil.v2 p.mini { margin-top: 10px; }
section.banner_2020_accueil.v2 div.extensions { max-width: calc(100% / 3); display: inline-block; text-align: left; vertical-align: middle; margin-top: 30px; margin-right: 25px; }
section.banner_2020_accueil.v2 div.extensions.third_element { margin-right: 0; }
section.banner_2020_accueil.v2 div.extensions.main_element div.bg_white { font-size: 32px; line-height: 40px; height: 64px; padding: 9px 15px 10px; }
section.banner_2020_accueil.v2 div.extensions.second_element div.bg_white { font-size: 24px; line-height: 28px; height: 64px; padding: 3px 15px 2px; }
section.banner_2020_accueil.v2 div.extensions.third_element div.bg_white { font-size: 22px; line-height: 26px; height: 64px; padding: 6px 15px 2px; }
section.banner_2020_accueil.v2 div.extensions div.offer_price { position: relative; width: 155px; }
section.banner_2020_accueil.v2 div.extensions.second_element div.offer_price,
section.banner_2020_accueil.v2 div.extensions.third_element div.offer_price { margin-bottom: 12px; }
section.banner_2020_accueil.v2 div.extensions div.offer_price span.stroke { position: absolute; font-size: 16px; line-height: 25px; font-weight: 400; margin-left: 0; top: -5px; }
section.banner_2020_accueil.v2 div.extensions div.offer_price span.price { position: absolute; font-size: 34px; line-height: 40px; font-weight: 600; margin-left: 0; top: -45px; }
section.banner_2020_accueil.v2 div.extensions div.offer_price span.price span.devise { font-size: 24px; line-height: 30px; font-weight: 400; margin-left: -5px; }
section.banner_2020_accueil.v2 div.extensions div.offer_price span.price span.ht_an { font-size: 16px; line-height: 26px; font-weight: 400; margin-left: 0; }
section.banner_2020_accueil.v2 div.extensions div.offer_price span.ttc_an { position: absolute; font-size: 14px; line-height: 24px; font-weight: 400; margin-left: 0; top: -5px; left: 60px; white-space: nowrap; }
section.banner_2020_accueil.v2 div.main_extension { margin-top: 20px; }
section.banner_2020_accueil.v2 div.main_extension div.bg_white { font-size: 32px; line-height: 32px; height: 45px; padding: 6px 15px 7px; }
section.banner_2020_accueil.v2 div.second_extension { margin-top: 20px; }
section.banner_2020_accueil.v2 div.second_extension div.bg_white { font-size: 26px; line-height: 39px; padding: 0 15px 1px; }
section.banner_2020_accueil.v2 div.third_extension { margin-top: 20px; }
section.banner_2020_accueil.v2 div.third_extension div.bg_white { font-size: 22px; line-height: 33px; padding: 2px 15px 3px; }
section.banner_2020_accueil.v2 div div.bg_white,
section.banner_2020_accueil.v2 div div.offer_price { display: inline-block; }
section.banner_2020_accueil.v2 div div.bg_white { font-weight: 700; color: #0C2A6A; width: max-content; text-transform: lowercase; }
section.banner_2020_accueil.v2 div div.offer_price { color: #fff; margin-left: 17px; }
section.banner_2020_accueil.v2 div.main_extension div.offer_price span.stroke { font-size: 16px; line-height: 25px; font-weight: 400; }
section.banner_2020_accueil.v2 div.main_extension div.offer_price span.price { font-size: 34px; line-height: 40px; font-weight: 600; }
section.banner_2020_accueil.v2 div.main_extension div.offer_price span.devise { font-size: 24px; line-height: 30px; font-weight: 400; }
section.banner_2020_accueil.v2 div.main_extension div.offer_price span.ht_an { font-size: 16px; line-height: 26px; font-weight: 400; }
section.banner_2020_accueil.v2 div.main_extension div.offer_price span.ttc_an { font-size: 14px; line-height: 24px; font-weight: 400; }
section.banner_2020_accueil.v2 div.second_extension div.offer_price span.stroke { font-size: 14px; line-height: 21px; font-weight: 400; }
section.banner_2020_accueil.v2 div.second_extension div.offer_price span.price { font-size: 30px; line-height: 40px; font-weight: 600; }
section.banner_2020_accueil.v2 div.second_extension div.offer_price span.devise { font-size: 20px; line-height: 30px; font-weight: 400; }
section.banner_2020_accueil.v2 div.second_extension div.offer_price span.ht_an { font-size: 14px; line-height: 24px; font-weight: 400; }
section.banner_2020_accueil.v2 div.second_extension div.offer_price span.ttc_an { font-size: 12px; line-height: 22px; font-weight: 400; }
section.banner_2020_accueil.v2 div.third_extension div.offer_price span.stroke { font-size: 14px; line-height: 21px; font-weight: 400; }
section.banner_2020_accueil.v2 div.third_extension div.offer_price span.price { font-size: 26px; line-height: 36px; font-weight: 600; }
section.banner_2020_accueil.v2 div.third_extension div.offer_price span.devise { font-size: 20px; line-height: 30px; font-weight: 400; }
section.banner_2020_accueil.v2 div.third_extension div.offer_price span.ht_an { font-size: 14px; line-height: 24px; font-weight: 400; }
section.banner_2020_accueil.v2 div.third_extension div.offer_price span.ttc_an { font-size: 12px; line-height: 22px; font-weight: 400; }
section.banner_2020_accueil.v2 div div.offer_price span.stroke { position: relative; }
section.banner_2020_accueil.v2 div div.offer_price span.stroke::after { content: ""; position: absolute; height: 2px; background: #fff; left: -5px; right: -5px; transform: rotate(-22deg); -o-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); top: 50%; }
section.banner_2020_accueil.v2 div div.offer_price span.price { margin-left: 10px; }
section.banner_2020_accueil.v2 div div.offer_price span.devise { margin-left: 3px; }
section.banner_2020_accueil.v2 div div.offer_price span.ht_an { margin-left: 5px; }
section.banner_2020_accueil.v2 div div.offer_price span.ttc_an { margin-left: 5px; }
section.banner_2020_accueil.v2 div.cmde { margin-top: 40px; }
section.banner_2020_accueil.v2 div.cmde a.btn-banniere { display: inline-flex; vertical-align: top; font-size: 20px; line-height: 30px; font-weight: 600; padding: 7px 30px; }
section.banner_2020_accueil.v2 div.cmde p.garantie { display: inline-flex; vertical-align: top; font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; margin-left: 20px; max-width: 260px; }
section.banner_2020_accueil.v2 div.cmde p.garantie img { width: 18px; height: 18px; margin-right: 10px; vertical-align: sub; }
section.banner_2020_accueil.v2 div.cmde p.garantie span { margin-top: -5px; }
section.banner_2020_accueil.v2 img.bg-img { display: none; position: absolute; bottom: 0; left: 0; height: 100%; width: auto; }

/* DPI */

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.banner_2020_accueil { padding-bottom: 35px !important; background-size: cover; }
  section.banner_2020_accueil.v2 { padding-bottom: 25px !important; background-position: right 15% top 0%; background-size: cover; }/*cover*/
  section.banner_2020_accueil div.banner-content { padding-top: 30px !important; }
  section.banner_2020_accueil.v2 div.banner-content { padding-top: 20px !important; }
  section.banner_2020_accueil p.txt-offre, section.banner_2020_accueil.v2 p.txt-offre { font-size: 22px; line-height: 30px; } /*28-38*/
  section.banner_2020_accueil h1, section.banner_2020_accueil.v2 h1 { font-size: 34px; line-height: 44px; margin-top: -5px; } /*48-60*/
  section.banner_2020_accueil.v2 p.mini { font-size: 16px; line-height: 28px; margin-top: 0; } /*16-28 - mt10*/
  section.banner_2020_accueil div.extension { margin-top: 10px; }
  section.banner_2020_accueil.v2 div.main_extension { margin-top: 10px; }
  section.banner_2020_accueil div.check { margin-top: 25px; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { top: 250px; }
  section.banner_2020_accueil.v2 div.main_extension div.bg_white { font-size: 26px; line-height: 30px; padding: 0 15px 6px; height: auto; }
  section.banner_2020_accueil.v2 div.second_extension { margin-top: 10px; }
  section.banner_2020_accueil.v2 div.second_extension div.bg_white { font-size: 22px; line-height: 28px; padding: 1px 15px 2px; }
  section.banner_2020_accueil.v2 div.third_extension { margin-top: 10px; }
  section.banner_2020_accueil.v2 div.third_extension div.bg_white { font-size: 18px; line-height: 23px; padding: 1px 15px 2px; }
  section.banner_2020_accueil.v2 div.main_extension div.offer_price span.stroke { font-size: 14px; line-height: 21px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.main_extension div.offer_price span.price { font-size: 30px; line-height: 40px; font-weight: 600; }
  section.banner_2020_accueil.v2 div.main_extension div.offer_price span.devise { font-size: 20px; line-height: 30px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.main_extension div.offer_price span.ht_an { font-size: 14px; line-height: 24px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.main_extension div.offer_price span.ttc_an { font-size: 12px; line-height: 22px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.second_extension div.offer_price span.stroke,
  section.banner_2020_accueil.v2 div.third_extension div.offer_price span.stroke { font-size: 12px; line-height: 18px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.second_extension div.offer_price span.price,
  section.banner_2020_accueil.v2 div.third_extension div.offer_price span.price { font-size: 26px; line-height: 34px; font-weight: 600; }
  section.banner_2020_accueil.v2 div.second_extension div.offer_price span.devise,
  section.banner_2020_accueil.v2 div.third_extension div.offer_price span.devise { font-size: 18px; line-height: 26px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.second_extension div.offer_price span.ht_an,
  section.banner_2020_accueil.v2 div.third_extension div.offer_price span.ht_an { font-size: 12px; line-height: 22px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.second_extension div.offer_price span.ttc_an,
  section.banner_2020_accueil.v2 div.third_extension div.offer_price span.ttc_an { font-size: 10px; line-height: 20px; font-weight: 400; }
  section.banner_2020_accueil.v2 div.cmde { margin-top: 20px; }
  section.banner_2020_accueil.v2 div.cmde a.btn-banniere { font-size: 16px; line-height: 24px; }
  section.banner_2020_accueil.v2 div.cmde p.garantie { font-size: 14px; line-height: 22px; }
}
  
/** If lato **/
section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.selectField { padding: 10px 20px 6px; }
/** If Lato **/

@media (min-width: 1921px) {
  section.banner_2020_accueil { background-size: cover; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.banner_2020_accueil { background-position: right 38% top 0%; }
  /*section.banner_2020_accueil div.banner-content { margin-left: 70px; }*/
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { right: 327px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020_accueil { background-position: right 40% top 0%; }
  section.banner_2020_accueil div.banner-content { margin-left: 0; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { right: 162px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020_accueil { background-position: right 36% top 7%; }
  section.banner_2020_accueil div.banner-content { margin-left: 0; }
  section.banner_2020_accueil div.extension div.white { font-size: 24px; line-height: 42px; padding: 5px 15px 4px; }
  section.banner_2020_accueil div.extension div.blue { padding: 5px 15px 4px; }
  section.banner_2020_accueil div.extension div.blue span { font-size: 24px; line-height: 42px; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { display: none; }
  section.banner_2020_accueil.v2 { background-position: right 47% top 0%; }
  section.banner_2020_accueil.v2 div.extensions { max-width: 100%; }
  section.banner_2020_accueil.v2 div.extensions.third_element { display: none; }
}

@media (max-width: 767px) {
  section.banner_2020_accueil { background-position: right 29% top 7%; background-size: auto 100%; }
  section.banner_2020_accueil div.banner-content { margin-left: 0; }
  section.banner_2020_accueil p.mini a { display: block; margin-left: 0; }
  section.banner_2020_accueil div.extension div.white { font-size: 18px; line-height: 38px; padding: 5px 15px 4px; word-spacing: 0px; }
  section.banner_2020_accueil div.extension div.blue { display: block; font-size: 18px; line-height: 38px; padding: 5px 15px 4px; margin-left: 0; }
  section.banner_2020_accueil div.extension div.blue span { font-size: 20px; line-height: 40px; }
  section.banner_2020_accueil div.check div.checkBlock { width: 100%; background: none repeat scroll 0 0 #ffffff; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 { width: calc(100% - 128px); }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 p { display: none; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.formField { width: auto !important; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div.formField input { padding: 0 10px; }
  section.banner_2020_accueil div.check div.checkBlock div.searchButton { width: 120px; float: right; clear: none; }
  section.banner_2020_accueil div.check div.checkBlock div.checkBlock1 div#checkBoxDom { display: none; }
  section.banner_2020_accueil.v2 { background-size: cover; background-position: 60% 0% !important; }
  section.banner_2020_accueil.v2 div.cmde p.garantie { display: block; max-width: 100%; margin-left: 0; margin-top: 20px; }
  section.banner_2020_accueil.v2 div.cmde p.garantie img { display: inline-block; }
  section.banner_2020_accueil.v2 div.extensions { max-width: 100%; display: block; margin-right: 0; }
  section.banner_2020_accueil.v2 div.extensions div.offer_price { width: max-content; margin-left: 10px; }
  section.banner_2020_accueil.v2 div.extensions div.offer_price span.price { white-space: nowrap; }
}

@media (max-width: 499px) {
  section.banner_2020_accueil h1 { font-size: 38px; line-height: 52px; }
  section.banner_2020_accueil.v2 div div.offer_price { margin-left: 0; }
  section.banner_2020_accueil.v2 div div.offer_price span.stroke { display: none; }
}

@media (max-width: 429px) {
  section.banner_2020_accueil.v2 div div.offer_price span.ttc_an { display: none; }
  section.banner_2020_accueil.v2 div.extensions div.offer_price { width: max-content; margin-left: 10px; }
  section.banner_2020_accueil.v2 div.extensions div.offer_price span.price { white-space: nowrap; top: -30px; }
}


/** Bloc Blue Search - Accueil **/
section.blue_search { background-color: #0C2A6A; padding: 30px 0; }
section.blue_search p.title { margin-bottom: 20px; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; text-align: center; }
section.blue_search p.lien { margin-top: 15px; font-size: 16px; line-height: 16px; font-weight: 400; text-align: right; }
section.blue_search p.lien a, section.blue_search p.lien a:hover, section.blue_search p.lien a:visited, section.blue_search p.lien a:focus, section.blue_search p.lien a:active { color: #fff; text-decoration: underline; }
section.blue_search div.check { display: block; padding: 0; float: none; text-align: left; background: none; }
section.blue_search div.check form { height: 54px; }
section.blue_search div.check div.checkBlock { width: 100%; height: 54px; }
section.blue_search div.check div.checkBlock div.checkBlock1 { width: 100%; display: inline-block; position: relative; }
section.blue_search div.check div.checkBlock div.checkBlock1 p { font-size: 22px; line-height: 22px; font-weight: 600; padding: 16px 0; width: 96px; background: #E3E7F5; text-transform: lowercase; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { width: 100%; max-width: calc(100% - 431px); margin-top: 0; border: none; margin: 2px 0; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.formField input { width: 100%; padding: 0 20px; color: #000; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.selectField { width: max-content; float: right; text-align: center; background: #E3E7F5;  margin-top: 0; padding: 10px 20px 6px; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.selectField span { float: none; font-size: 22px; line-height: 33px; font-weight: 600; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.selectField span#extensionchoice { margin-right: 13px; }
section.blue_search div.check div.checkBlock div.searchButton { margin: 4px; width: 166px; height: 46px; }
section.blue_search div.check div.checkBlock div.searchButton button { font-family: 'lato', sans-serif; height: 46px; font-size: 18px; line-height: 46px; font-weight: 600; border-bottom: none; }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom { right: 173px; top: 55px; }/*right:0*/
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom input[type='checkbox'] { margin-left: 0; }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright { top: 10px; right: 20px; width: max-content; }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright span.ok_tld { padding: 3px 10px; }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld_topright span.selectedText { font-size: 16px; line-height: 44px; margin-right: 10px; }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.tld-list span,
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.pop-list span { display: inline-block; width: calc((100% / 6) - 4px); }
section.blue_search div.check div.checkBlock div.checkBlock1 div#checkBoxDom div.ngtld span { display: inline-block; width: calc((100% / 5) - 4px); }

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.blue_search { background-color: #0C2A6A; padding: 26px 0; }
  section.blue_search p.title { display: none; }
  section.blue_search p.lien { display: none; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { max-width: calc(100% - 444px); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { max-width: calc(100% - 270px); }
}

@media (max-width: 767px) {
  section.blue_search { padding: 30px 0 90px; }
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { max-width: 100%; }
  section.blue_search div.check div.checkBlock div.searchButton { position: absolute; left: 50%; transform: translateX(-50%); top: 74px; }
  section.blue_search p.lien { display: none; }
}


/** Bloc Bulk Research Domaine - Transfert Domaine **/
section.blue_search_bulk { background-color: #0C2A6A; padding: 30px 0; }
section.blue_search_bulk form { text-align: center; }
section.blue_search_bulk p.title { margin-bottom: 20px; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; text-align: center; }
section.blue_search_bulk .checkBlock { width: 100%; }
section.blue_search_bulk textarea { width: 100%; height: 250px; font-size: 14px; }
section.blue_search_bulk .block100 { width: 100%; margin-bottom: -15px; }
section.blue_search_bulk button { background: #FF6500; color: #fff; font-size: 18px; line-height: 30px; font-weight: 600; padding: 10px 30px; border: none; margin-top: 15px; }


/** Navigation Header 2020 **/
/*header,
header .headerBottom p,
header .headerBottom span,
header .headerTop .rating p,
header .headertopLinks li,
header .headertopLinks li a,
header .articles p,
header .articles span { font-size: 16px; line-height: 27px; font-weight: 400; }*/

/* If Poppins + Grille intermédiaire*/
/*nav { font-family: 'Poppins', sans-serif; }
nav ul li a { font-weight: 600 !important; }
nav .subMenu a span { line-height: 20px; }*/


/** Popover **/
/*div.popover div.popover-content, div.popover h3.popover-title { font-family: 'Poppins', sans-serif !important; }*/ /*If Poppins + grille intermédiaire*/
div.popover h3.popover-title { font-weight: 600; }
div.popover div.popover-content { padding: 9px 14px; }
div.popover div.popover-content p { font-size: 14px !important; line-height: 22px !important; font-weight: 400 !important; }
div.popover div.popover-content ul { margin-top: 10px !important; padding-left: 20px !important; }
div.popover div.popover-content ul li { border: none !important; padding: 4px 0 !important; font-size: 14px !important; line-height: 22px !important; text-align: left !important; margin-left: 0 !important; }
div.popover div.popover-content table { border: none !important; margin: 15px 0; }
div.popover div.popover-content table tr { box-shadow: none !important; }
div.popover div.popover-content table thead th { width: auto !important; background-color: #1e499b !important; border: 1px solid #1e499b; padding: 15px !important; }
div.popover div.popover-content table thead tr th:first-child { background-color: #fff !important; border-top: none !important; border-left: none !important; }
div.popover div.popover-content table thead tr th:nth-child(3) { border-left: 2px solid #fff !important; border-right: 2px solid #fff !important; }
div.popover div.popover-content table tbody tr td { background: #fff !important; background-color: #fff !important; color: #4D5163 !important; border: 1px solid #1E499B !important; padding: 3px !important; }
div.popover div.popover-content table tbody tr td,
div.popover div.popover-content table tbody tr:last-child td:nth-child(3),
div.popover div.popover-content table tbody tr td:first-child:not([colspan="4"]) { border-right: 1px solid #1E499B !important; border-left: 1px solid #1E499B !important; }


/** Section Besoin **/
section.more_besoin { padding: 50px 0; }
section.more_besoin.vps { background-image: url(../images/theme2021/vps.jpg); background-position: right top; background-repeat: no-repeat; background-color: #1e499b; }
section.more_besoin.vps_clair { background-image: url(../images/theme2021/vps_clair.jpg); background-size: cover; background-position: right top; background-repeat: no-repeat; background-color: #fff; }
section.more_besoin div[class^="col_"] { display: inline-block; vertical-align: middle; }
section.more_besoin div.col_left p.mini { font-size: 18px; line-height: 28px; font-weight: 700; color: #fff; text-transform: uppercase; }
section.more_besoin div.col_left p { font-size: 34px; line-height: 50px; font-weight: 600; color: #fff; }
section.more_besoin div.col_middle { padding-left: 160px; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_stroke { font-size: 32px; line-height: 32px; font-weight: 600; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_price { color: #fff; font-size: 75px; line-height: 33px; font-weight: 600; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_decimal { color: #fff; font-size: 49px; line-height: 34px; font-weight: 600; top: -20px; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_devise { color: #fff; font-size: 18px; line-height: 34px; font-weight: 400; margin-left: -55px; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_ht { color: #fff; font-size: 18px; line-height: 34px; font-weight: 400; margin-left: -5px; }
section.more_besoin div.col_middle div.content-price div.price_element_ttc { color: #fff; font-size: 17px; line-height: 34px; font-weight: 400; }
section.more_besoin div.col_right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
section.more_besoin div.col_right a { font-size: 20px; line-height: 36px; font-weight: 600; color: #fff; background: #1E499B; border: 2px solid #fff; padding: 14px 30px; }
section.more_besoin.vps_clair div.col_right a { color: #0C2A6A; background: #fff; border: 2px solid #0C2A6A; }
section.more_besoin.vps_clair div.col_left p.mini,
section.more_besoin.vps_clair div.col_left p,
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_price,
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_decimal,
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_devise,
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_ht,
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_ttc { color: #0C2A6A; }
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_stroke { color: rgba(12, 42, 106, 0.5); }
section.more_besoin.vps_clair div.col_middle div.content-price div.price_element_main div.price_element_stroke::after { background: #0C2A6A; }

/* If lato + grille normal */
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_devise { margin-left: -45px !important; }
@media (max-width: 1399px) AND (min-width: 1201px) {
  section.more_besoin div.col_middle { padding-left: 160px !important; }
}
/* Fin if lato + grille normal */

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.more_besoin div.col_middle { padding-left: 45px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.more_besoin div.col_left { max-width: 366px; }
  section.more_besoin div.col_middle { padding-left: 45px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.more_besoin { background-size: cover; }
  section.more_besoin div.col_left { display: block; width: max-content; margin: auto; margin-bottom: 30px; }
  section.more_besoin div.col_middle { width: calc(50% - 2px); padding-left: 0; }
  section.more_besoin div.col_right { position: relative; width: calc(50% - 2px); top: 0; right: 0; transform: none; text-align: center; }
}

@media (max-width: 767px) {
  section.more_besoin { display: none; }
}
/** Fin Bloc Besoin **/


/** Bloc reference Site Client **/
section.ref_site_client { padding: 70px 0 50px; text-align: center; }
section.ref_site_client h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.ref_site_client p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.ref_site_client p.sub-title a { text-decoration: underline; }
section.ref_site_client div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.ref_site_client div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 60px) / 3); padding: 30px; background: #fff; box-shadow: 2px 2px 25px #1E499B40; margin-bottom: 30px; }
section.ref_site_client div.flex-container div.flex-element img { width: 100%; height: 217px; margin: auto; }
section.ref_site_client div.flex-container div.flex-element p.site { margin-top: 20px; font-size: 20px; line-height: 30px; font-weight: 600; color: #001136; }
section.ref_site_client div.flex-container div.flex-element p.content { margin-top: 20px; font-size: 16px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.ref_site_client div.flex-container div.flex-element p.content a { text-decoration: underline;}

@media (max-width: 979px) AND (min-width: 768px) {
  section.ref_site_client div.flex-container div.flex-element { max-width: calc((100% - 30px) / 2); }
}

@media (max-width: 767px) {
  section.ref_site_client div.flex-container div.flex-element { max-width: none; }
}


/** Bloc listing themes **/
section.list_theme { padding: 70px 0; text-align: center; }
section.list_theme h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; }
section.list_theme p.sub-title { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; }
section.list_theme p.url { margin-top: 10px; font-size: 16px; line-height: 28px; font-weight: 400; color: #f60; cursor: pointer; }
section.list_theme p.sub-title a,
section.list_theme p.url { text-decoration: underline; }
section.list_theme div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.list_theme div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 60px) / 3); padding: 0; margin-bottom: 40px; }
section.list_theme div.flex-container.dnone div.flex-element { display: none; }
section.list_theme div.flex-container div.flex-element img { width: 100%; height: auto; max-height: 250px; margin: auto; }/*max-height: 243px;*/
section.list_theme div.flex-container div.flex-element p.title { margin-top: 20px; font-size: 20px; line-height: 30px; font-weight: 600; color: #001136; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.list_theme div.flex-container div.flex-element { max-width: calc((100% - 30px) / 2); }
}

@media (max-width: 767px) {
  section.list_theme div.flex-container div.flex-element { max-width: none; }
}


/** Bloc OS Liste **/
section.os_liste { padding: 70px 0; }
section.os_liste h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.os_liste p.subtitle { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; }
section.os_liste div.content_liste { font-size: 16px; line-height: 25px; margin-top: 30px; padding: 30px 40px; box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%); background: #fff; }
section.os_liste div.content_liste:first-of-type { margin-top: 70px; }
section.os_liste div.content_liste div.head { width: 100%; line-height: 16px; height: 28px; }
section.os_liste div.content_liste div.head p.title { float: left; font-size: 20px; line-height: 28px; font-weight: 600; color: #001136;  }
section.os_liste div.content_liste div.head p.title span { font-size: 16px; line-height: 28px; font-weight: 400; }
section.os_liste div.content_liste div.head p.title img { display: inline-block; position: relative; top: 0px; width: 15px; height: 15px; }
section.os_liste div.content_liste div.head p.title > img:last-child { margin-right: 5px; }
section.os_liste div.content_liste div.head p.star { float: right; font-weight: 600; position: relative; top: 5px; }
section.os_liste div.content_liste div.head p.star img { display: inline-block; position: relative; top: 2px; width: 15px; height: 15px; }
section.os_liste div.content_liste div.head p.star > img:first-child { margin-left: 5px; }
section.os_liste div.content_liste div.content, section.os_liste div.content_liste div.content p { margin-top: 20px; }
section.os_liste div.content_liste div.content ul { list-style-image: none; }
section.os_liste div.content_liste div.content ul li { position: relative; padding-left: 27px; }
section.os_liste div.content_liste div.content ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 10px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.os_liste div.content_liste div.head p.title { max-width: 65%; }
  section.os_liste div.content_liste div.head p.title span { display: block; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.os_liste div.content_liste div.head p.title { max-width: 60%; }
  section.os_liste div.content_liste div.head p.title span { display: block; }
}

@media (max-width: 767px) {
  section.os_liste div.content_liste div.head { height: auto; }
  section.os_liste div.content_liste div.head p.title,
  section.os_liste div.content_liste div.head p.star { float: none; display: block; }
  section.os_liste div.content_liste div.head p.star { margin-top: 15px; }
}


/** Bloc table compa 2 cols **/
section.table2cols { padding: 70px 0; }
section.table2cols h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.table2cols p.subtitle { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; }
section.table2cols table { margin-top: 70px; width: 100%; border: none; }
section.table2cols table thead tr th { width: 335px; font-size: 20px; line-height: 26px; padding: 20px; color: #fff; }
section.table2cols table thead tr th:nth-child(2) { background: #0D2A6B; }
section.table2cols table thead tr th:nth-child(3) { background: #1E499B; border-left: 1px solid #fff; }
section.table2cols table thead tr th:not(:first-child) { box-shadow: 2px 2px 25px #1e499b40; }
section.table2cols table thead tr th span { font-size: 16px; }
section.table2cols table thead tr th:first-child { width: calc(100% - (335px * 2)); }
section.table2cols table tbody tr { box-shadow: 2px 2px 25px #1e499b40; }
section.table2cols table tbody tr:nth-child(2n+1) td { background: #FFF; }
section.table2cols table tbody tr:nth-child(2n) td { background: #F4F5F8; }
section.table2cols table tbody tr td { font-size: 16px; line-height: 26px; color: #4D5163; padding: 20px; }
section.table2cols table tbody tr td:not(:first-child) { text-align: center; vertical-align: middle; }
section.table2cols table tbody tr td:nth-child(2) { border-left: 1px solid #1E499B40; border-right: 1px solid #1E499B40; }
section.table2cols table tbody tr td span[class^="icon-"] { position: relative; }
section.table2cols table tbody tr td span.icon-checked::before { content: ''; background-image: url(../images/theme2021/svg/check_vert.svg); position: absolute; width: 21px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.table2cols table tbody tr td span.icon-cross::before { content: ''; background-image: url(../images/theme2021/svg/croix_rouge.svg); position: absolute; width: 17px !important; height: 17px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.table2cols table thead tr th span { display: block; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.table2cols table thead tr th span { display: block; }
  section.table2cols table thead tr th { width: 240px; }
  section.table2cols table thead tr th:first-child { width: calc(100% - (240px * 2)); }
}

@media (max-width: 767px) {
  section.table2cols table thead tr th span { display: block; }
  section.table2cols table thead tr th { width: 200px; }
  section.table2cols table thead tr th:first-child { width: calc(100% - (200px * 2)); }
}


/** Bloc inline-list-custom **/
section.inline-list-custom { padding: 70px 0 55px; }
section.inline-list-custom h2 { font-size: 38px; line-height: 50px; font-weight: 600; color: #001136; text-align: center; }
section.inline-list-custom p.subtitle { margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4D5163; text-align: center; }
section.inline-list-custom ul { list-style-image: none; margin-top: 70px; }
section.inline-list-custom ul li { position: relative; padding-left: 27px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 15px; }
section.inline-list-custom ul li:before { content: ""; position: absolute; width: 12px; height: 15px; left: 0px; top: 4px; }
section.inline-list-custom ul li.deb:before { background: url(../images/theme2021/svg/debian.svg) no-repeat 50% 50% / contain; }
section.inline-list-custom ul li.centos:before { background: url(../images/theme2021/svg/centos.svg) no-repeat 50% 50% / contain; }
section.inline-list-custom ul li.ubuntu:before { background: url(../images/theme2021/svg/ubuntu.svg) no-repeat 50% 50% / contain; }

@media (max-width: 1200px) AND (min-width: 980px) {

}

@media (max-width: 979px) AND (min-width: 768px) {
  section.inline-list-custom ul li { width: calc((100% / 2) - 2px); padding-left: 20px; }
}

@media (max-width: 767px) {
  section.inline-list-custom ul { margin: 50px auto 0; width: max-content; max-width: 100%; }
  section.inline-list-custom ul li { display: block; width: 100%; padding-left: 20px; }
}


/** Menu LWS **/
@media (min-width: 980px) {
  nav { position: relative; }
  nav div.menu > ul { display: flex; }
  nav div.menu > ul > li { flex-shrink: 0; flex-grow: 1; }
  nav div.menu.menu2021 > ul { align-items: center; display: flex; justify-content: space-between; }
  nav div.menu.menu2021 > ul > li { flex-grow: unset; }
  nav div.menu.menu2021 > ul > li > a { color: #1E499B; padding: 0; text-transform: none; }
  nav div.menu.menu2021 > ul li a:hover { background-color: transparent; color: #001136; }
  nav div.menu > ul li a:hover, nav div.menu > ul li:hover .subMenu { box-shadow: none; }
  nav div.menu > ul li a:hover { background-color: #f60; }
  nav div.menu > ul > li > a { background: 0 0; font-size: 17px; font-weight: 700; text-transform: capitalize; text-align: center; }
  nav div.menu:not(.menu2021) > ul > li:not(:first-child) > a::before { content: ''; position: absolute; width: 1px; height: 20px; background-color: #99B6D5; left: 0; top: 50%; transform: translateY(-50%); }
  nav div.menu.menu2021 > div#selector { display: none; position: relative; top: 0; height: 2px; width: 70px; background-color: #001136; z-index: 99; transition: left 0.5s ease 0s; }
  nav div.menu.menu2021 > .subMenu { display: none !important; }

  nav div.submenu2021 { display: block; background: #fff; padding: 0 0 30px; border-top: 1px solid #0C2A6A33; position:absolute; top: 48px; width: 100%; left: 0; z-index: 98; box-shadow: 2px 8px 20px #0C2A6A33; }
  nav div.submenu2021 div.col3 { display: inline-block; width: calc((100% - 8px) / 3); vertical-align: top; }
  nav div.submenu2021 div.col3 p.title { color: #001136; font-size: 15px; line-height: 24px; font-weight: 600; margin-top: 30px; }
  nav div.submenu2021 ul { list-style: none; margin-top: 10px; }
  nav div.submenu2021 ul li { padding: 10px 0; width: 100%; max-width: 320px; float: none; }
  nav div.submenu2021 ul li:hover { background: #F4F5F8; color: #001136; }
  nav div.submenu2021 ul li:not(:first-child) { border-top: 1px solid #99B6D5; }
  nav div.submenu2021 ul li a { font-size: 16px; line-height: 24px; font-weight: 400; color: #1E499B; text-transform: none; background: none; padding: 0; }
  nav div.submenu2021 ul li a:hover { background: none;; color: #001136; box-shadow: none; }
  nav div.submenu2021 ul li a img { width: 30px; height: auto; display: inline-block; vertical-align: middle; margin-right: 20px; }
  nav div.submenu2021 ul li a span { display: inline-block; width: calc(100% - 50px); vertical-align: middle; }
  nav div.submenu2021 div.info { background: #F4F5F8; padding: 20px; margin-top: 20px; }
  nav div.submenu2021 div.info img { width: 60px; height: auto; display: inline-block; vertical-align: top; }
  nav div.submenu2021 div.info div.txt_info { display: inline-block; width: calc(100% - 64px); padding-left: 30px; }
  nav div.submenu2021 div.info div.txt_info p.info_title { color: #0C2A6A; font-size: 15px; line-height: 22px; font-weight: 600; }/*500 Poppins*/
  nav div.submenu2021 div.info div.txt_info p.desc { color: #4D5163; font-size: 15px; line-height: 24px; font-weight: 400; margin-top: 5px; }
  nav div.submenu2021 div.info div.txt_info p.link { font-size: 15px; line-height: 24px; font-weight: 400; margin-top: 5px; }
  nav div.submenu2021 div.info div.txt_info p.link a,
  nav div.submenu2021 div.info div.txt_info p.link a:active,
  nav div.submenu2021 div.info div.txt_info p.link a:hover,
  nav div.submenu2021 div.info div.txt_info p.link a:focus { color: #1E499B; text-decoration: underline; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  nav div.menu > ul > li > a { font-size: 16px !important; }
  nav div.submenu2021 ul { width: 90%; }
}

@media (max-width: 979px) {
  nav div.submenu2021 { display: none !important; }
}


/** BTN Top **/
.top-link, .top-link:link, .top-link:visited, .top-link:hover { 
    position: fixed;
    bottom: 130px;
    right: 0;
    padding: 7px 7px 9px;
    background-color: #1A5EBE;
    border-top-left-radius: 5px;
    color: #fff;
    transition: .2s;
    z-index: 99999;
    border: 2px solid #fff;
    border-right: none;
    border-bottom-left-radius: 5px;
    width: auto;
}
.top-link:before { content: none; }
.top-link:hover {
  background: none repeat scroll 0 0 #4082DE;
  transition: all 0.5s;
}


/** Barre grise offer bottom site **/
/*.offer p { font-family: 'Poppins', sans-serif; }*/
/*background: url(_ui/images/theme2021/bannieres/banniere_hebergement.png) no-repeat right top, linear-gradient(180deg, #0C2A6A 0%, #1E499B 100%);*/