/******************************/
/**                          **/
/** Custom CSS Novembre 2020 **/
/**                          **/
/******************************/

:root{
  /* Couleurs */
  --color-title: #0C2A6A; /* Couleur des titres des sections principalement */
  --color-text-base: #4D5163; /* Couleur des textes de base */
  --color-black: #001136; /* Couleur proche du noir utilisé sur certains textes */
  --color-lws-blue: #1E499B; /* Utilisé dans quelques cas particulier */
  --color-white: #FFF; /* Pour certains blocs avec fond foncé */
  --color-orange: #F60; /* Couleur utilisé pour certains éléments à mettre en évidence ou des liens */
  --color-yellow: #FFF127; /* Titre en jaune sur certains blocs */

  --bg-color-grey: #F4F5F8; /* Couleur Principal de Section en alternance avec le blanc */
  --bg-color-white: #FFF; /* Couleur Principal de Section en alternance avec le gris */
  --bg-color-blue: #1E499B; /* Couleur de fond bleu LWS de certains blocs */
  --bg-color-blue2: #0C2A6A; /* Couleur de fond bleu un peu plus foncé de certains blocs */
  --bg-color-blue3: #001136; /* Couleur de fond bleu encore plus foncé de certains blocs */
  --bg-color-premium: #000; /* Couleur de fond noir pour premium */
  --bg-color-premium2: #212224; /* Couleur de fond gris foncé pour premium */
  --bg-color-yellow: #FFF127; /* Fond jaune */
  --background-table-head: #F60;
  --background-table-head-best: #0C2A6A;

  /* Typographie */
  --font-family-base: 'Poppins', sans-serif !important;

  --font-size-base: 16px; /* Taille par défaut sur lequel se basera les rem */
  --font-size-extra: 2.375rem; /* Title Bannière 38 */
  --font-size-xxlarge: 2.125rem; /*34*/
  --font-size-xlarge2: 1.875rem; /*30*/
  --font-size-xlarge: 1.75rem; /*28*/
  --font-size-large: 1.125rem; /*18*/
  --font-size-medium: 0.938rem; /*15*/
  --font-size-small: 0.875rem; /*14*/

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi: 600;
  --font-weight-bold: 700;

  --line-height-base: 1.75rem; /*28  111*/
  --line-height-extra: 3.125rem; /*50    43*/
  --line-height-xxlarge: 2.75rem; /*44    8*/
  --line-height-xlarge2: 2.5rem; /*40      */
  --line-height-xlarge: 2.375rem; /*38   21*/
  --line-height-large: 1.75rem; /*28      0*/
  --line-height-medium: 1.563rem; /*25   31*/
  --line-height-small: 1.625rem; /*26    69*/

  /* Marges et espacements */
  --padding-section-base: 2.5rem 0;

  /* Boutons */
  --btn-bg-o: #FF6500; /* Couleur de background des boutons oranges */
  --btn-bg-o-hover: #EB4000; /* Couleur de background des boutons oranges au survol */
  --btn-color-o: #FFFFFF; /* Couleur de texte des boutons oranges */

  --btn-bg-w: #FFF;
  --btn-bg-o-hover: #FFF;
  --btn-color-w: #1E499B;
  --btn-border-w: 2px solid #1E499B;

  --btn-bg-transparent: transparent;
  --btn-bg-o-hover: transparent;
  --btn-color-t: #FFF;
  --btn-border-w: 2px solid #FFF;
  
  --btn-fs: 1.125rem;
  --btn-lh: 1.75rem;
  --btn-fw: 600;
  --btn-br: 10px;
  --btn-br-large: 30px;

  /* Point de rupture de LWS */
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 767px;
  --breakpoint-desktop-mini: 979px;
  --breakpoint-desktop: 1200px;
  --breakpoint-desktop-full: 1399px;
}

/* Ce qui change en cas de page spécial Premium (Fond Noir) */
body.premium {
  --color-title: #FFF;
  --color-text-base: #FFF;
  --color-blue2: #0C2A6A;
  --background-table-head: #4D5163;
  --background-table-head-best: #FFF;
}


/* Correctif subMenu2021 */
@media (max-width: 1210px) {
  nav div.submenu2021{ width: 100%; }
}
@media (max-width: 1199px) {
  nav div.submenu2021{ border-radius: 0; }
}

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

body:not(.premium) #cboxTopLeft, body:not(.premium) #cboxTopCenter, body:not(.premium) #cboxTopRight, body:not(.premium) #cboxMiddleLeft, body:not(.premium) #cboxMiddleRight, body:not(.premium) #cboxBottomLeft, body:not(.premium) #cboxBottomCenter, body:not(.premium) #cboxBottomRight { background: none !important; }
body:not(.premium) #cboxClose { display: none !important; }
img[src$=".svg"] { font-family: var(--font-family-base); }

/****************/
/** CSS global **/
/****************/
html { font-size: var(--font-size-base); }
body { font-family: var(--font-family-base); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; color: var(--color-text-base); background: var(--bg-color-white); }
strong { font-weight: var(--font-weight-semi); }
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: var(--font-family-base); }
.tabLoader { padding: 10px 0 50px !important; }
.tabLoader h3 { font-weight: var(--font-weight-semi); color: var(--color-black); }
.tabLoader h3.gd-title-h2 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-black); }
.tabLoader p.sub-title { margin: 30px 0 50px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
.clear.mb0 { margin-bottom: 0 !important; }
.d-inline { display: inline-block; }
.txt-center { text-align: center; }
.fw500 { font-weight: var(--font-weight-medium) !important; }
.fw600 { font-weight: var(--font-weight-semi) !important; }
.invisible { position: absolute; top: -300000px; }
a { color: var(--color-lws-blue); }

/* filAriane Banner */
.filAriane { display: flex; flex-direction: row; gap: 5px; align-items: center; justify-content: left; margin-top: 10px; }
.filAriane > *:not(:first-child)::before { content: "|"; margin-right: 5px; color: inherit; font-weight: var(--font-weight-normal); }
.filAriane a { color: inherit; text-decoration: underline; cursor: pointer; }
.filAriane div { font-weight: var(--font-weight-semi); }

@media (max-width: 979px) {
  .filAriane { display: none; }
}

/* Bandeau Orange */
section div.adressBlock { position: relative; top: -10px; left: 0; margin-bottom: 0; border-radius: 10px; }
section div.adressBlock p { font-size: var(--font-size-small); line-height: var(--line-height-small); padding: 10px 0 7px; font-family: var(--font-family-base); }
section div.adressBlock p span { vertical-align: middle; }
section div.adressBlock .plus { border-radius: 0 10px 10px 0; }
section div.adressBlock a { font-size: var(--font-size-base); line-height: 2.6875rem; font-family: var(--font-family-base); }
section div.adressBlock p:first-child { max-width: calc(100% - 190px); font-size: var(--font-size-small); }

@media (max-width: 1366px) AND (min-width: 1201px) AND (max-height: 768px), (min-width: 1920px) and (min-resolution: 1.5dppx) {
  section div.adressBlock p { font-size: 0.8125rem !important; line-height: var(--line-height-small); padding: 7px 0 4px; }
  section div.adressBlock a { font-size: var(--font-size-small); line-height: var(--line-height-xlarge); }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section div.adressBlock p { font-size: 0.8125rem !important; line-height: var(--line-height-small); padding: 7px 0 4px; }
  section div.adressBlock a { font-size: var(--font-size-small); line-height: var(--line-height-xlarge); }
}

@media (max-width: 979px) {
  section div.adressBlock { display: none; }
}

/** Popover **/
div.popover { width: auto; min-width: 320px; max-width: min-content; font-family: var(--font-family-base); border-top: 3px solid #4A87FF; }
div.popover.popover_ndd { min-width: max-content; }
div.popover h3.popover-title { font-size: var(--font-size-medium) !important; line-height: var(--line-height-small) !important; font-weight: var(--font-weight-semi); width: 100% !important; color: var(--color-text-base); padding: 11px 20px 10px; background-color: var(--color-white); border-bottom: 1px solid #C2C8D5; }
div.popover div.popover-content { padding: 20px; }
div.popover div.popover-content > *:first-child { padding-top: 0 !important; margin-top: 0 !important; }
div.popover div.popover-content > *:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; }
div.popover div.popover-content p { font-size: var(--font-size-small) !important; line-height: 22px !important; font-weight: var(--font-weight-normal) !important; padding-left: 0 !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: var(--font-size-small) !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; white-space: nowrap; background-color: var(--bg-color-blue) !important; border: 1px solid #1e499b; padding: 15px !important; }
div.popover div.popover-content table thead tr th:first-child { background-color: var(--bg-color-white) !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 { box-shadow: none; }
div.popover div.popover-content table tbody tr td { font-size: var(--font-size-medium); line-height: var(--line-height-small); white-space: nowrap; background: var(--bg-color-white) !important; background-color: var(--bg-color-white) !important; color: #838592 !important; border: 1px solid #1E499B !important; padding: 3px 10px !important; }
div.popover div.popover-content table tbody tr td:first-child { text-align: left !important; text-transform: uppercase; }
div.popover div.popover-content table tbody tr td img { margin: auto; }
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; }
div.popover div.popover-content { font-size: var(--font-size-medium); line-height: var(--line-height-small); color: #838592; }
div.popover div.popover-content p,
div.popover div.popover-content ul li,
div.popover div.popover-content a,
div.popover div.popover-content span,
div.popover div.popover-content strong,
div.popover div.popover-content b { font-size: var(--font-size-small); line-height: var(--line-height-small); color: #838592 !important; max-width: 350px; margin-top: 20px; }
table.compare_offer div.popover div.popover-content p,
table.compare_offer div.popover div.popover-content ul li,
table.compare_offer div.popover div.popover-content a,
table.compare_offer div.popover div.popover-content span,
table.compare_offer div.popover div.popover-content strong,
table.compare_offer div.popover div.popover-content b { width: 100%; min-width: 400px; max-width: max-content; }
table.compare_offer div.popover { max-width: fit-content; }
div.popover div.popover-content ul li { margin-top: 10px; }
div.popover div.popover-content p::before { display: none; }

/** Popover - Premium **/
.premium div.popover { background: var(--bg-color-white); color: #000; border-top: 3px solid #37C1FF; }/*D00A2D*/
.premium .banner_price_slide .wrapper .bloc_price div.popover h3 { color: #838592 !important; }
.premium div.popover h3.popover-title { color: #000; }
.premium div.popover div.popover-content { background: var(--bg-color-white); }

@media all AND (max-height: 768px) {
  div.popover div.popover-content table ~ p { display: none; }
}

/** Background **/
.bg_white { background: var(--bg-color-white); }
.bg_grey { background: var(--bg-color-grey); }
.bg_grey2 { background: #E6E8EF; }
.bg_grey3 { background: #E5E6EA; }
.bg_lws { background: var(--bg-color-blue); }
.bg_blue { background: var(--bg-color-blue2); }
.bg_big_blue { background: var(--bg-color-blue3); }
.bg_premium_1 { background: var(--bg-color-premium2); }
.bg_premium_2 { background: var(--bg-color-premium); }
.bg_banniere-blue { background: transparent linear-gradient(180deg, #0C2A6A 0%, #1E499B 100%) 0% 0% no-repeat padding-box; }

/** Images **/
img.mirror_x { transform: scaleX(-1); }
img.mirror_y { transform: scaleY(-1); }

/** Text Color **/
strong.txt-orange { color: var(--color-orange); }

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

/* tooltip popover */
span.tooltip_popover { position: relative; display: inline-block; top: 4px; width: 17px; height: 17px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }
span.tooltip_popover.white_svg { background: url(../images/theme2021/svg/interrogation_blanc.svg); }

@media (max-width: 529px) {
  div.popover { max-width: 315px; }
}

/* Hide & Show */
@media all AND (min-width: 1400px) {
    .wrapper { width: 1170px !important; }
    .show980 { display: none; }
    .show767 { display: none; }
    .d-show-1200 { display: none; }
    .show545 { display: none; }
}

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

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

@media (max-width: 979px) AND (min-width: 768px) {
  .hide1399 { display: none; }
  .hide1200 { display: none; }
  .hide979 { display: none !important; }
  .show980 { display: block; }
  .show767 { display: none; }
  .d-show-1200 { display: none; }
  .show545 { display: none; }
}

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

@media (max-width: 545px) {
  .show545 { display: block !important; }
  .hide545 { display: none !important; }
}


/**************************/
/**    HEADER PREMIUM    **/
/**************************/
.premium header.header2020 { background: var(--bg-color-premium); }
.premium #container > nav { background: var(--bg-color-white); }
.premium #container > nav div.menu.menu2021 > ul > li > a,
.premium nav div.submenu2021 div.info div.txt_info p.desc { color: var(--color-black); }
.premium #container > nav div.menu.menu2021 > div#selector { background-color: var(--bg-color-premium); }
.premium #container > nav div.submenu2021 { background: var(--bg-color-white); border-top: 0; box-shadow: 0px 8px 15px #FFFFFF20; }
.premium nav div.submenu2021 div.col3 p.title,
.premium nav div.submenu2021 ul li a,
.premium nav div.submenu2021 ul li a:hover { color: var(--color-black); }
.premium nav div.submenu2021 ul li:not(:first-child) { border-top-color: rgba(0,0,0, 0.85); }
.premium nav div.submenu2021 div.info div.txt_info p.info_title { color: #000; }

@media (max-width: 979px) {
  .premium header.header2020 { height: 90px; }
  .premium .mobileHeader { background: var(--bg-color-premium2); }
  .premium header.header2020 div.header_logo { padding-top: 5px; }
  .premium .c-hamburger--htx { background-color: var(--bg-color-white) !important; top: -50px; }
  .premium .c-hamburger--htx span,
  .premium .c-hamburger--htx span:before,
  .premium .c-hamburger--htx span:after { background: #000 !important; }
  .premium nav div.menu.menu2021 { padding: 10px 0; }
  .premium nav div.menu.menu2021,
  .premium #container > nav div.menu.menu2021 > ul > li > a { background: var(--bg-color-white); }
  .premium nav div.menu.menu2021 ul li a:before { border-top-color: #000 !important; margin-top: 0; top: 17px; }
  .premium nav div.menu.menu2021 ul li a.active:before { margin-top: 0; top: 17px; }
  .premium nav div.menu.menu2021 > ul > li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.8) !important; }

  .premium nav div.menu.menu2021 ul li:hover .subMenu, nav ul li .subMenu { border: 0; background: #f6f6f6 !important; }
  .premium nav div.menu.menu2021 .subMenu li { border-bottom: 0; }
  .premium nav div.menu.menu2021 .subMenu li a { color: #000 !important; }
  .premium nav div.menu.menu2021 .subMenu li a:before { display: none; }
}


/**************************/
/**    FOOTER PREMIUM    **/
/**************************/
.premium footer.footer2020,
.premium footer.footer2025 { background: #0F0F0F; }
.premium div.footer_bottom { background: var(--bg-color-premium); }


/*****************/
/**  Bannières  **/
/*****************/

/* Promote Landing - barre promotionnelle */
section.promote_landing { background: transparent linear-gradient(270deg, #00A72D 0%, #1983FF 100%) 0% 0% no-repeat padding-box; }
section.promote_landing div.wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; justify-content: center; align-items: center; height: 40px; }
section.promote_landing div.wrapper div.title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); text-align: center; }
section.promote_landing div.wrapper div.inclus { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-white); text-align: center; }

@media (max-width: 1200px) {
  section.promote_landing div.wrapper { flex-direction: column; height: auto; padding: 10px 0; }
}

@media (max-width: 767px) {
  section.promote_landing div.wrapper div.title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.promote_landing div.wrapper div.inclus { font-size: var(--font-size-small); line-height: 1.375rem; }
}


/** Bannière avec SVG animé **/
section.banner_animated { position: relative; overflow: hidden; padding: 35px 0; background: transparent linear-gradient(180deg, #1E499B 0%, #0C2A6A 100%) 0% 0% no-repeat padding-box; }
section.banner_animated div.wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; }
section.banner_animated div.wrapper div.banner-content { max-width: 670px; }
section.banner_animated div.wrapper div.banner-content .title { font-size: 44px; line-height: 54px; font-weight: var(--font-weight-bold); color: var(--color-white); }
section.banner_animated div.wrapper div.banner-content .ss_title { font-size: 26px; line-height: 36px; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 10px; }
section.banner_animated div.wrapper div.banner-content span.txt-orange { color: #FF870E; }
section.banner_animated div.wrapper div.banner-content div.flex_price { display: flex; flex-wrap: nowrap; gap: 0 40px; align-items: center; margin-top: 1.875rem; color: var(--color-white); }
section.banner_animated div.wrapper div.banner-content div.flex_price.col-flex { flex-direction: column; align-items: flex-start; }
section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere div.price_element_stroke { display: inline-block; font-size: 1.375rem; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); position: relative; top: -50px; }
section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere div.price_element_price { display: inline-block; font-size: 5rem; line-height: 5.625rem; font-weight: var(--font-weight-semi); position: relative; top: -10px; margin-left: 10px; }
section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere div.price_element_decimal { display: inline-block; font-size: 2.75rem; line-height: 3.375rem; font-weight: var(--font-weight-semi); position: relative; top: -40px; left: 5px; }
section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere div.price_element_devise { display: inline-block; font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); margin-left: -40px; position: relative; top: -10px; left: 7px; }
section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere div.price_element_ht { display: inline-block; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-left: 0; position: relative; top: -10px; left: 10px; }
section.banner_animated div.wrapper div.banner-content a.btn-banniere { font-size: 1.375rem; line-height: 2rem; font-weight: var(--font-weight-semi); padding: 10px 30px; border-bottom: none; border-radius: 10px; }
section.banner_animated div.wrapper div.banner-content a.btn-banniere.classic-btn { margin-top: 10px; font-size: var(--font-size-large); line-height: 1.875rem; }
section.banner_animated div.wrapper div.banner-content a.btn-white.btn-banniere { background: var(--bg-color-white); color: var(--color-title); border: 2px solid #0c2a6a; padding: 10px 30px; margin-left: 15px; }
section.banner_animated div.wrapper div.banner-content div.bloc-btn p.garantie { margin-top: 15px; }
section.banner_animated div.wrapper div.banner-content div.bloc-btn p.garantie img { display: inline-block; vertical-align: sub; margin-right: 10px; }
section.banner_animated div.wrapper img.animated_svg { width: 440px; height: auto; }
section.banner_animated div.wrapper div.banner_promo { width: 100%; }


@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_animated div.wrapper div.banner-content .title { font-size: 40px; line-height: 52px; }
  section.banner_animated div.wrapper div.banner-content .ss_title { font-size: 22px; line-height: 32px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_animated div.wrapper div.banner-content .title { font-size: 32px; line-height: var(--line-height-xxlarge); }
  section.banner_animated div.wrapper div.banner-content .ss_title { font-size: 20px; line-height: 30px; }
  section.banner_animated div.wrapper div.banner-content { max-width: 670px; }
  section.banner_animated div.wrapper img.animated_svg { width: 270px; }
}

@media (max-width: 767px) {
  section.banner_animated div.wrapper div.banner-content { order: 2; }
  section.banner_animated div.wrapper div.banner-content .title,
  section.banner_animated div.wrapper div.banner-content .ss_title { text-align: center; }
  section.banner_animated div.wrapper { flex-wrap: wrap; }
  section.banner_animated div.wrapper div.banner-content { width: 100%; max-width: 100%; }
  section.banner_animated div.wrapper div.banner-content div.flex_price { width: max-content; width: -moz-max-content; max-width: 100%; margin: 1.875rem auto 0; }
  section.banner_animated div.wrapper img.animated_svg { width: 270px; margin: auto; order: 1; }
  section.banner_animated div.wrapper div.banner-content div.flex_price div.price-banniere { margin: auto; }

}

@media (max-width: 545px) {
  section.banner_animated div.wrapper div.banner-content .title { font-size: 32px; line-height: var(--line-height-xxlarge); }
  section.banner_animated div.wrapper div.banner-content .ss_title { font-size: 20px; line-height: 30px; }
  section.banner_animated div.wrapper div.banner-content div.flex_price { flex-wrap: wrap; flex-direction: column; gap: 15px 0; }
}


/** Bannière 3 cols link **/
section.banner_3blocs { position: relative; overflow: hidden; }
section.banner_3blocs img.bg-img { width: 1920px !important; max-width: 1920px !important; height: 524px; margin: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
section.banner_3blocs div.wrapper { padding: 30px 0; }
section.banner_3blocs div.wrapper div.top img { display: inline-block; width: 40px; height: auto; vertical-align: middle; }
section.banner_3blocs div.wrapper div.top h6 { display: inline-block; font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); vertical-align: middle; margin-left: 11px; }
section.banner_3blocs div.wrapper div.top img.chevron { display: none; width: 15px; height: auto; vertical-align: middle; margin-left: 20px; transition: transform .3s ease-in-out; }
section.banner_3blocs div.wrapper div.top img.chevron.rotate { transform: rotate(180deg); }
section.banner_3blocs div.wrapper div.flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element { width: 100%; max-width: calc((100% - 40px) / 3); background: var(--bg-color-white); padding: 24px 30px; border-radius: 10px; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul { margin-top: 20px; list-style: none; margin-left: 1em; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul li { width: max-content; width: -moz-max-content; max-width: 100%; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul li:hover { background: rgba(255, 102, 0, 0.15); }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul li:not(:first-of-type) { margin-top: 2px; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul li::before { content: "\2022"; color: var(--color-orange); font-weight: var(--font-weight-bold); font-size: var(--font-size-large); display: inline-block; width: 1em; margin-left: -1em; }
section.banner_3blocs div.wrapper div.flex-container div.flex-element ul li a { font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text-base); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_3blocs div.wrapper div.top h6 { font-size: 17px; line-height: var(--line-height-base); }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element { background: var(--bg-color-white); padding: 22px 20px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_3blocs div.wrapper div.top h6 { font-size: var(--font-size-large); max-width: calc(100% - 56px); }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element { background: var(--bg-color-white); padding: 22px 20px; }
}

@media (max-width: 767px) {
  section.banner_3blocs div.wrapper div.top { text-align: center; }
  section.banner_3blocs div.wrapper div.top h6 { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); margin-left: 16px; }
  section.banner_3blocs div.wrapper div.top img.chevron { display: inline-block; }
  section.banner_3blocs div.wrapper div.flex-container { gap: 15px 0; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element { width: 100%; max-width: 100%; padding: 15px; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul { display: none; width: max-content; width: -moz-max-content; max-width: 100%; margin: 20px auto 0; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul.no_show { display: none; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul.show { display: block; opacity: 1; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul.no_show.show_transition { display: block; opacity: 0; }
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul.show_transition { transition: opacity 0.5s ease; }
}

@media (max-width: 545px) {
  section.banner_3blocs div.wrapper div.flex-container div.flex-element ul { width: 245px; max-width: none; }
}

@media (max-width: 380px) {
  section.banner_3blocs div.wrapper div.top { text-align: left; position: relative; display: flex; flex-wrap: nowrap; align-items: center; }
  section.banner_3blocs div.wrapper div.top h6 { font-size: var(--font-size-large); margin-left: 20px; padding-right: 30px; }
  section.banner_3blocs div.wrapper div.top img.chevron { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-left: 0; }
}


/** Bannière Accueil **/
section.banner_2020_accueil.v3 { background-image: url(../images/theme2021/bannieres/banniere_accueil_2.jpg); padding: 0 0 30px; background-position: right 30% top 0%; max-height: 403px; }
section.banner_2020_accueil.v3 div.adressBlock { position: relative; top: 10px; left: 0; margin-bottom: 0; border-radius: 10px; }
section.banner_2020_accueil.v3 div.adressBlock p { font-size: var(--font-size-small); line-height: var(--line-height-small); padding: 10px 0 7px; font-family: var(--font-family-base); }
section.banner_2020_accueil.v3 div.adressBlock p span { vertical-align: middle; }
section.banner_2020_accueil.v3 div.adressBlock .plus { border-radius: 0 10px 10px 0; }
section.banner_2020_accueil.v3 div.adressBlock a { font-size: var(--font-size-base); line-height: 2.6875rem; font-family: var(--font-family-base); }
section.banner_2020_accueil.v3 div.banner-content { padding-top: 30px; margin-left: 0; padding-top: 75px; }
section.banner_2020_accueil.v3 p.mini { margin-top: 10px; }
section.banner_2020_accueil h1 { font-size: 3rem; line-height: 3.75rem; font-weight: var(--font-weight-bold); color: var(--color-white); margin-left: 30px; margin-top: 5px; }
section.banner_2020_accueil.v3 h1,
section.banner_2020_accueil.v3 p.mini,
section.banner_2020_accueil.v3 div.cmde p.garantie { color: var(--color-title) !important; }
section.banner_2020_accueil.v3 p.txt-offre { position: relative; font-size: 1.625rem; line-height: 2.25rem; font-weight: var(--font-weight-semi); color: var(--color-black); background-color: #FFED26; width: max-content; width: -moz-max-content; padding: 7px 20px; margin-left: -15px; border-radius: 0 10px 10px 0; }
section.banner_2020_accueil.v3 p.txt-offre::before { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid transparent; border-top: 20px solid #FFCC00; left: 0; bottom: -20px; }
section.banner_2020_accueil.v3 div.extensions { display: inline-block; max-height: 101px; text-align: left; vertical-align: middle; margin-top: 15px; background-color: #C7E1FF; padding: 12px 10px; border-radius: 10px; }
section.banner_2020_accueil.v3 div.extensions:not(:first-child) { margin-right: 6px; }
section.banner_2020_accueil.v3 div.extensions.third_element { margin-right: 0; }
section.banner_2020_accueil.v3 div.extensions div.extensions_banniere { vertical-align: middle; color: var(--color-title); font-weight: var(--font-weight-bold); display: inline-block; }
section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: var(--font-size-xxlarge); line-height: 2.25rem; }
section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: var(--font-size-xxlarge); line-height: 2.25rem; }
section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.5rem; line-height: 1.5rem; }
section.banner_2020_accueil.v3 div.extensions div.offer_price { position: relative; min-width: 170px; background-color: var(--color-title); height: 77px; border-radius: 10px; }
section.banner_2020_accueil.v3 div.extensions.second_element div.offer_price,
section.banner_2020_accueil.v3 div.extensions.third_element div.offer_price { color: var(--color-white); }
section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { position: absolute; font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-normal); color: #BBDCFF; margin-left: 0; top: 5px; left: 15px; }
section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { position: absolute; font-size: 2rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); margin-left: 0; bottom: 5px; left: 10px; }
section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; font-weight: var(--font-weight-normal); margin-left: -5px; }
section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); margin-left: 0; }
section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { position: absolute; font-size: 0.75rem; line-height: 1.5rem; font-weight: var(--font-weight-normal); margin-left: 0; top: 5px; right: 10px; white-space: nowrap; }
section.banner_2020_accueil.v3 div.main_extension { margin-top: 20px; }
section.banner_2020_accueil.v3 div.main_extension div.bg_white { font-size: 32px; line-height: 32px; height: 45px; padding: 6px 15px 7px; }
section.banner_2020_accueil.v3 div.second_extension { margin-top: 20px; }
section.banner_2020_accueil.v3 div.second_extension div.bg_white { font-size: 26px; line-height: 39px; padding: 0 15px 1px; }
section.banner_2020_accueil.v3 div.third_extension { margin-top: 20px; }
section.banner_2020_accueil.v3 div.third_extension div.bg_white { font-size: 22px; line-height: 33px; padding: 2px 15px 3px; }
section.banner_2020_accueil.v3 div div.bg_white,
section.banner_2020_accueil.v3 div div.offer_price { display: inline-block; vertical-align: middle; }
section.banner_2020_accueil.v3 div.extensions div.bg_white.show_original { display: none; }
section.banner_2020_accueil.v3 div div.bg_white { font-weight: var(--font-weight-bold); color: var(--color-title); width: max-content; width: -moz-max-content; text-transform: lowercase; }
section.banner_2020_accueil.v3 div div.offer_price { color: var(--color-white); margin-left: 6px; }
section.banner_2020_accueil.v3 div div.offer_price span.stroke { position: relative; }
section.banner_2020_accueil.v3 div div.offer_price span.stroke::after { content: ""; position: absolute; height: 1px; background: #BBDCFF; left: 0; transform: rotate(-25deg); top: 50%; width: 98%; }
section.banner_2020_accueil.v3 div div.offer_price span.price { margin-left: 10px; }
section.banner_2020_accueil.v3 div div.offer_price span.devise { margin-left: 3px; }
section.banner_2020_accueil.v3 div div.offer_price span.ht_an { margin-left: 5px; }
section.banner_2020_accueil.v3 div div.offer_price span.ttc_an { margin-left: 5px; }
section.banner_2020_accueil.v3 div.cmde { margin-top: 15px; }
section.banner_2020_accueil.v3 div.cmde a.btn-banniere { display: inline-flex; vertical-align: middle; font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); padding: 7px 30px; border-bottom: none; border-radius: 10px; }
section.banner_2020_accueil.v3 div.cmde p.garantie { display: inline-flex; background-color: rgba(255, 255, 255, 0.8); padding: 8px 10px 2px; vertical-align: middle; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); margin-left: 6px; border-radius: 10px; }
section.banner_2020_accueil.v3 div.cmde p.garantie img { width: 18px; height: 18px; margin-right: 10px; vertical-align: sub; }
section.banner_2020_accueil.v3 div.cmde p.garantie span { margin-top: -5px; }
section.banner_2020_accueil.v3 img.bg-img { display: none; position: absolute; bottom: 0; left: 0; height: 100%; width: auto; }


@media (max-width: 1366px) AND (min-width: 1201px) AND (max-height: 768px),
      (min-width: 1920px) and (min-resolution: 1.5dppx) {
  section.banner_2020_accueil.v3 { max-height: 349px; background-size: auto 105%; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 70px; }
  section.banner_2020_accueil.v3 div.adressBlock p { font-size: 0.8125rem; line-height: var(--line-height-small); padding: 7px 0 4px; }
  section.banner_2020_accueil.v3 div.adressBlock a { font-size: var(--font-size-small); line-height: var(--line-height-xlarge); }
  section.banner_2020_accueil.v3 p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020_accueil.v3 h1 { font-size: 2.5rem; line-height: var(--line-height-extra); }
  section.banner_2020_accueil.v3 div.extensions { padding: 10px; margin-top: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: 2.6875rem; line-height: 2.8125rem; }
  section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: 1.825rem; line-height: 1.9375rem; }
  section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.1875rem; line-height: 1.1875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { font-size: var(--font-size-small); line-height: 1.3125rem;  left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { font-size: 1.875rem; line-height: 2.1875rem; left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: 1.4375rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { font-size: 0.75rem; line-height: 1.3125rem; left: 65px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price { height: 68px; min-width: 167px; margin-left: 8px; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere { font-size: var(--font-size-large); }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020_accueil.v3 { max-height: 349px; background-size: auto 105%; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 70px; }
  section.banner_2020_accueil.v3 div.adressBlock p { font-size: 0.8125rem; line-height: var(--line-height-small); padding: 7px 0 4px; }
  section.banner_2020_accueil.v3 div.adressBlock a { font-size: var(--font-size-small); line-height: var(--line-height-xlarge); }
  section.banner_2020_accueil.v3 p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020_accueil.v3 h1 { font-size: 2.5rem; line-height: var(--line-height-extra); }
  section.banner_2020_accueil.v3 div.extensions { padding: 10px; margin-top: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: var(--font-size-xxlarge); line-height: 2.25rem; }
  section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: 1.825rem; line-height: 1.9375rem; }
  section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.1875rem; line-height: 1.1875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { font-size: var(--font-size-small); line-height: 1.3125rem;  left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { font-size: 1.875rem; line-height: 2.1875rem; left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: 1.4375rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { font-size: 0.75rem; line-height: 1.3125rem; right: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price { height: 68px; min-width: 167px; margin-left: 8px; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere { font-size: var(--font-size-large); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020_accueil.v3 { max-height: fit-content;/*319*/ background-size: auto 100%; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 30px; }
  section.banner_2020_accueil.v3 p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020_accueil.v3 h1 { font-size: 2.5rem; line-height: var(--line-height-extra); }
  section.banner_2020_accueil.v3 div.extensions { padding: 10px; margin-top: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: var(--font-size-xxlarge); line-height: 2.25rem; }
  section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: 1.825rem; line-height: 1.9375rem; }
  section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.1875rem; line-height: 1.1875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { font-size: var(--font-size-small); line-height: 1.3125rem;  left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { font-size: 1.875rem; line-height: 2.1875rem; left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: 1.4375rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { font-size: 0.75rem; line-height: 1.3125rem; right: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price { height: 68px; min-width: 167px; margin-left: 6px; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere { font-size: var(--font-size-large); padding: 7px 28px; }
}

@media (max-width: 767px) {
  section.banner_2020_accueil.v3 { max-height: fit-content;/*362*/ background-size: auto 100%; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 30px; }
  section.banner_2020_accueil.v3 p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020_accueil.v3 h1 { font-size: 2.5rem; line-height: var(--line-height-extra); }
  section.banner_2020_accueil.v3 div.extensions { padding: 10px; margin-top: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: 2.6875rem; line-height: 2.8125rem; }
  section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: 1.825rem; line-height: 1.9375rem; }
  section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.1875rem; line-height: 1.1875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { font-size: var(--font-size-small); line-height: 1.3125rem;  left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { font-size: 1.875rem; line-height: 2.1875rem; left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: 1.4375rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { font-size: 0.75rem; line-height: 1.3125rem; left: 65px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price { height: 68px; min-width: 160px; margin-left: 6px; }
  section.banner_2020_accueil.v3 div.cmde { display: inline-block; vertical-align: middle; max-height: 101px; width: 239px; margin-left: 6px; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere { font-size: var(--font-size-large); padding: 7px 28px; }
  section.banner_2020_accueil.v3 div.cmde p.garantie { margin-top: 10px; margin-left: 0; }
}

@media (max-width: 545px) {
  section.banner_2020_accueil.v3 { max-height: inherit; background-color: var(--color-white); background-size: 545px 233px; background-repeat: no-repeat; background-position: top center !important; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 130px; text-align: center; }
  section.banner_2020_accueil.v3 p.txt-offre { font-size: 1.25rem; line-height: 2rem; margin: auto; left: -45px; }
  section.banner_2020_accueil.v3 h1 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.banner_2020_accueil.v3 div.extensions { display: block; width: max-content; width: -moz-max-content; padding: 10px; margin: 10px auto 0 !important; }
  section.banner_2020_accueil.v3 div.extensions div.one_ex { font-size: var(--font-size-xxlarge); line-height: 2.25rem; }
  section.banner_2020_accueil.v3 div.extensions div.two_ex { font-size: 1.825rem; line-height: 1.9375rem; }
  section.banner_2020_accueil.v3 div.extensions div.three_ex { font-size: 1.1875rem; line-height: 1.1875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.stroke { font-size: var(--font-size-small); line-height: 1.3125rem;  left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price { font-size: 1.875rem; line-height: 2.1875rem; left: 10px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.devise { font-size: 1.5rem; line-height: 1.875rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.price span.ht_an { font-size: var(--font-size-small); line-height: 1.4375rem; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price span.ttc_an { font-size: 0.75rem; line-height: 1.3125rem; left: 65px; }
  section.banner_2020_accueil.v3 div.extensions div.offer_price { height: 68px; min-width: 162px; margin-left: 6px; }
  section.banner_2020_accueil.v3 div.cmde { display: block; max-height: inherit; width: 100%; text-align: center; margin: 15px auto 0; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere { font-size: var(--font-size-large); padding: 7px 28px; }
  section.banner_2020_accueil.v3 div.cmde a.btn-banniere,
  section.banner_2020_accueil.v3 div.cmde p.garantie { display: flex; width: max-content; width: -moz-max-content; margin: 8px auto 0; }
  section.banner_2020_accueil.v3 div.cmde p.garantie span { max-width: 200px; }
  section.banner_2020_accueil.v3 div.cmde p.garantie span.hide767 { display: contents; }
}

@media (max-width: 455px) {
  section.banner_2020_accueil.v3 { background-size: 100% auto; }
  section.banner_2020_accueil.v3 div.banner-content { padding-top: 80px; }
  section.banner_2020_accueil.v3 p.txt-offre { left: 0; font-size: var(--font-size-large); max-width: 100%; word-break: break-word; }
  section.banner_2020_accueil.v3 p.txt-offre::before { display: none; }
  section.banner_2020_accueil.v3 h1 { font-size: 1.875rem; line-height: 2.5rem; margin-left: 0; }
  section.banner_2020_accueil.v3 div.cmde p.garantie img { margin-right: 0px; }
}

/** Banner Global **/
section.banner_2020 { position: relative; height: 600px; overflow: hidden; width: 100%; }
section.banner_2020 img.bg-img { position: absolute; width: 970px; height: 776px; right: 0; top: -15px; }/*754 height top 0*/
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 div.wrapper div.banner-content p.mini { font-size: var(--font-size-small); line-height: 17px; color: var(--color-white); text-transform: uppercase; opacity: 0.6; }
section.banner_2020 div.wrapper div.banner-content h1 { font-size: 42px; line-height: 54px; color: var(--color-white); font-weight: var(--font-weight-semi); margin-top: 5px; }
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: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); position: relative; padding-left: 27px; }
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: 1.875rem; color: var(--color-white); }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_stroke { display: inline-block; font-size: 22px; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); 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: var(--font-weight-semi); 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: var(--font-weight-semi); 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: var(--font-weight-semi); position: relative; margin-left: -40px; }
section.banner_2020 div.wrapper div.banner-content div.price-banniere div.price_element_ht { display: inline-block; font-size: 22px; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-left: 2px; }
section.banner_2020 div.wrapper div.banner-content a.btn-banniere { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); padding: 8px 30px; margin-top: 30px; border-radius: 10px; }
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.garantie { margin-top: 8px; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-white); }
section.banner_2020 div.wrapper div.banner-content p.garantie img { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: sub; }
section.banner_2020 div.wrapper div.banner-content p.garantie.dom_ext img { width: auto; height: 30px; margin-left: 10px; }

/** Banner 404 **/
section.banner_2020.banner-404 { height: 456px; }
section.banner_2020.banner-404 img.bg-img { height: 456px; width: auto; }
section.banner_2020.banner-404 div.wrapper div.banner-content { width: 565px; }
section.banner_2020.banner-404 div.wrapper div.banner-content p.content-banniere { margin-top: 10px; font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-white); }
section.banner_2020.banner-404 div.wrapper div.banner-content p.content-banniere:first-child { margin-top: 40px; }

@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: var(--line-height-extra); margin-top: 0; }
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: var(--font-size-large); line-height: var(--line-height-base); }
}

@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: var(--font-size-xxlarge); line-height: 42px; margin-top: 0; }/*40-50*/
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: var(--font-size-large); line-height: var(--line-height-base); }
  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: var(--font-size-xxlarge); line-height: 42px; margin-top: 0; }/*40-50*/
  section.banner_2020 div.wrapper div.banner-content ul li { font-size: var(--font-size-large); line-height: var(--line-height-base); }
  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: var(--font-size-large); }
  section.banner_2020 div.wrapper div.banner-content p.garantie { font-size: var(--font-size-small); }
}

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

/** Banner 2020 - version mini - Page hébergement web **/
.banner_promo { top: 0; margin-top: 0; margin-bottom: 15px; }
section.banner_2020.bg_hebergement { padding: 0; height: auto !important; }/*383*/
section.banner_2020.bg_hebergement.bg_promo { padding: 0 0 20px; }
section.banner_2020.bg_hebergement div.wrapper { top: auto; transform: none; padding: 25px 0 30px; }
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.btn2 { width: 55%; }/*50*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content { width: 52%; }/*50*/
section.banner_2020.bg_hebergement.bg_vps div.wrapper div.banner-content { width: 51%; }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content { width: 49%; }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban { width: 800px; }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban h1 { font-size: 20px; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); background: var(--bg-color-white); padding: 17px 20px 13px 65px; }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban h1:before { content: ''; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 30px; height: 30px; background: url(../images/theme2021/svg/icone_banniere_telephone.svg); }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban h2 { margin-top: 20px; font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-bold); }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban p.content { margin: 20px 0; }
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,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { position: relative; font-size: 2rem; line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-semi); margin-left: 0; width: max-content; max-width: 100%; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .asterisk::after { position: absolute; content: '*'; top: 0; right: -20px; }
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content h3,
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content.ul_2cols ul li { color: var(--color-white) !important; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title { font-size: 1.438rem; line-height: 2.25rem; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 0.3125rem; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title2 { font-size: 20px; line-height: 32px; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title3 { font-size: 22px; line-height: 32px; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title4 { font-size: 1.2rem; line-height: 30px; font-weight: var(--font-weight-normal) !important; margin-top: 0; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title5 { font-size: var(--font-size-base); line-height: 24px; font-weight: var(--font-weight-normal) !important; margin-top: 5px; max-width: 700px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content .simple { font-size: 1.25rem; line-height: 1.875rem; padding-top: 5px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h4 span.txt-orange { color: var(--color-orange); font-weight: var(--font-weight-semi); }
section.banner_2020.bg_hebergement.light div.wrapper div.banner-content h2.ss_title3,
section.banner_2020.bg_hebergement.light div.wrapper div.banner-content h4.ss_title3 { color: var(--color-title); }
section.banner_2020.bg_hebergement.light div.wrapper div.banner-content h4.ss_title3 { max-width: 680px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info { position: relative; margin-top: 20px; background: var(--bg-color-white); padding: 17px 20px 13px 65px; font-size: 20px; line-height: var(--line-height-base); width: max-content; width: -moz-max-content; max-width: 100%; border-radius: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info::before {content: ''; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 30px; height: 30px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.contacts::before { background: url(../images/theme2021/svg/icone_banniere_telephone.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.contacts strong { white-space: nowrap; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.help::before { background: url(../images/theme2021/svg/icone_banniere_aide.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.societe::before { background: url(../images/theme2021/svg/icone_banniere_societe.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.datacenter::before { background: url(../images/theme2021/svg/icone_banniere_datacenter.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.strengths::before { background: url(../images/theme2021/svg/icone_banniere_france_atouts.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.service_status::before { background: url(../images/theme2021/svg/icone_banniere_etat_services.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.customer_references::before { background: url(../images/theme2021/svg/icone_banniere_references_clients.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.cgv::before { background: url(../images/theme2021/svg/icone_banniere_cgv.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info.cookies::before { background: url(../images/theme2021/svg/cookies.svg); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.short_desc { font-size: var(--font-size-base); line-height: var(--line-height-base); color: rgb(12, 42, 106); margin-top: 5px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.short_desc::first-letter { text-transform: capitalize; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.content { margin-top: 30px; font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-white); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.content_text,
section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.content_text { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); }
section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content p.content { font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.content a { text-decoration: underline; color: var(--color-orange); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.content a.ml5 { margin-left: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin-top: 1.25rem; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul.ndd_ext { margin-top: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { font-size: 1.0625rem; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base) !important; margin-top: 7px; }
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content ul li { color: var(--color-white) !important; } 
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li:nth-child(1),
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li:nth-child(2) { margin-top: 0; }
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.mini li { width: 275px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols ul li { display: inline-block; width: calc(48% - 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_2cols ul li span.txt-orange,
section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li span.txt-orange { color: var(--color-orange); font-weight: var(--font-weight-semi); }
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: 1.375rem; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); position: relative; top: -50px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_price { font-size: 5rem; line-height: 5.625rem; font-weight: var(--font-weight-semi); position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_decimal { font-size: 2.75rem; line-height: 3.375rem; font-weight: var(--font-weight-semi); position: relative; top: -40px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere div.price_element_devise { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); 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: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-left: 0; position: relative; top: -10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); border-bottom: none; margin-top: 1.875rem; border-radius: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-transparent.btn-banniere { background: transparent; color: var(--color-white); 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 a.btn-white.btn-banniere { background: var(--bg-color-white); color: var(--color-title); border: 2px solid #0C2A6A; padding: 5px 30px; margin-left: 15px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-white.btn-banniere:hover { background: rgba(255,255,255,0.1); }
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content a.btn-white.btn-banniere:hover { background: rgba(255,255,255,0.9); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { background-color: rgba(255,255,255,0.8); padding: 6px 10px 4px; font-size: var(--font-size-base); line-height: 1.5rem; font-weight: var(--font-weight-normal); max-width: 310px; border-radius: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie.dom_ext { background-color: transparent; }
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content p.garantie { background-color: transparent; }
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: 1.25rem; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.no-btn img.logo_accreditation { margin-top: 1.5rem; display: block; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.ml0 { margin-left: 0; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde p.bubble_offer { position: relative; color: var(--color-white); font-weight: var(--font-weight-semi); background: var(--bg-color-blue2); padding: 18px 30px 17px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde p.bubble_offer::before { position: absolute; content:''; width: 20px; height: 12px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 12px solid #0C2A6A; left: -20px; top: 50%; transform: translateY(-50%); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 { display: inline-block; /*margin-left: 35px;*/ margin-left: 20px; margin-top: 15px; }/*ml25*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 a.btn-banniere { margin-top: 0; }/*15*/
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde a.btn-demo { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-black); padding: 6px 25px; background: transparent; border: 2px solid #001136; margin-top: 30px; margin-left: 18px; vertical-align: top; }
section.banner_2020.bg_hebergement.dark div.wrapper div.banner-content div.cmde a.btn-demo { background: var(--bg-color-white); }
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: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-blue); 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: var(--color-black); }
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: var(--font-size-small); line-height: 21px; font-weight: var(--font-weight-normal); color: var(--color-black); }
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: var(--bg-color-blue3); left: -5px; right: -5px; transform: rotate(-22deg); }
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: var(--font-weight-normal); color: var(--color-black); }
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: var(--font-weight-semi); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal);}
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important { position: relative; margin-top: 30px; background: var(--bg-color-yellow); width: max-content; width: -moz-max-content; max-height: 60px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important::after { position: absolute; content: ''; right: -30px; top: 0; width: 24px; height: 60px; border-top : 30px solid transparent; border-bottom : 30px solid transparent; border-left : 30px solid #FFF127; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important p { display: table-cell; vertical-align: middle; font-size: 1.625rem; line-height: 3.75rem; color: var(--color-black); padding: 0px 20px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important p span.price_element_stroke { position: relative; top: 2px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important p span.price_element_stroke::after { background: var(--bg-color-blue3); position: absolute; content: ''; height: 2px; left: 0; transform: rotate(-23deg); top: 50%; width: 100%; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important p span.price_element_price { font-size: 2.5rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); padding: 0 4px; position: relative; top: 5px; }

/* BreadCrumbs */
section.banner_2020.bg_hebergement.with_bread div.wrapper { padding: 15px 0; }
section.banner_2020.bg_hebergement div.breadcrumbs { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0 8px; }
section.banner_2020.bg_hebergement div.breadcrumbs a { font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-lws-blue); }
section.banner_2020.bg_hebergement div.breadcrumbs a:hover { text-decoration: underline; }
section.banner_2020.bg_hebergement div.breadcrumbs a img { width: 17px; height: 15px; }
section.banner_2020.bg_hebergement div.breadcrumbs span.caret { font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-base); }
section.banner_2020.bg_hebergement div.breadcrumbs .actual_page { font-size: var(--font-size-small) !important; line-height: var(--line-height-small) !important; font-weight: var(--font-weight-semi) !important; color: var(--color-title) !important; margin-top: 0 !important; }
section.banner_2020.bg_hebergement div.breadcrumbs + h1 { margin-top: 15px !important; }

/*** Flex-contribute ***/
section.banner_2020 div.flex-contribute { width: max-content; max-width: 100%; margin: 30px auto 0; background: rgba(255, 255, 255, 0.8); padding: 15px 25px; border-radius: 10px; }

.premium section.banner_2020 div.flex-contribute * { color: #000; }
section.banner_2020 div.flex-contribute div.flexbloc,
section.banner_2020 div.flex-contribute div.flexbloc > div { display: flex; flex-direction: row; justify-content: center; align-items: center; }
section.banner_2020 div.flex-contribute div.flexbloc img.star { width: 120px; height: auto; }
section.banner_2020 div.flex-contribute div.flexbloc div.accroche { margin-left: 12px; }
section.banner_2020 div.flex-contribute div.flexbloc img.logo_t { width: 90px; height: auto; margin-left: 8px; }
section.banner_2020 div.flex-contribute div.flexbloc div.middle { width: 1px; height: 24px; background: #001136; margin: 0 15px; }
section.banner_2020 div.flex-contribute div.flexbloc div.texte { margin-left: 8px; }

@media (max-width: 1399px) {
  section.banner_2020 div.flex-contribute { margin: 20px 0 0; }
}

@media (max-width: 1200px) {
  section.banner_2020 div.flex-contribute { margin: 10px 0 0; }
  section.banner_2020 div.flex-contribute div.flexbloc { display: flex; flex-direction: column; }
  section.banner_2020 div.flex-contribute div.flexbloc div.middle,
  section.banner_2020 div.flex-contribute div.flexbloc > div:last-of-type { display: none; }
}

@media (max-width: 979px) {
  section.banner_2020 div.flex-contribute { margin: 20px 0 0; }
}

@media (max-width: 767px) {
  section.banner_2020 div.flex-contribute { margin: 20px auto 0; }
}

@media (max-width: 600px) {
  section.banner_2020 div.flex-contribute div.flexbloc > div { flex-direction: column; gap: 10px; }
  section.banner_2020 div.flex-contribute div.flexbloc > div * { margin: auto !important; }
}

@media (max-width: 767px) { 
  section.banner_2020.bg_hebergement div.breadcrumbs span.caret:not(:last-of-type) {
      display :none;
  }
}

/* Large version */
section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content,
section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content.ul_2cols { width: 860px; max-width: 860px !important; }
section.banner_2020.bg_hebergement div.wrapper.large_version h1,
section.banner_2020.bg_hebergement div.wrapper.large_version h2,
section.banner_2020.bg_hebergement div.wrapper.large_version h3,
section.banner_2020.bg_hebergement div.wrapper.large_version h4 { max-width: none !important; }
section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content .ss_title3 { font-size: 20px; line-height: 30px; }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper.large_version div.banner-content ul li a { color: var(--color-orange) !important; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content,
  section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content.ul_2cols { width: 800px; max-width: 800px !important; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content,
  section.banner_2020.bg_hebergement div.wrapper.large_version div.banner-content.ul_2cols { width: 600px; max-width: 600px !important; }
  section.banner_2020.bg_hebergement div.wrapper.large_version h1,
  section.banner_2020.bg_hebergement div.wrapper.large_version h2,
  section.banner_2020.bg_hebergement div.wrapper.large_version h3,
  section.banner_2020.bg_hebergement div.wrapper.large_version h4 { max-width: 540px !important; }
  section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban { width: 500px; }
}

@media (max-width: 767px) {
  section.banner_2020.bg_hebergement div.wrapper.large_version h1,
  section.banner_2020.bg_hebergement div.wrapper.large_version h2,
  section.banner_2020.bg_hebergement div.wrapper.large_version h3,
  section.banner_2020.bg_hebergement div.wrapper.large_version h4 { max-width: 100% !important; text-align: center; }
  section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban { width: 100%; text-align: center; }
  section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content.emploi_ban p.content { margin: 20px 0 0; }
}

/* Keys points */
section.banner_2020.bg_hebergement div.wrapper div.two_key_points { position: absolute; bottom: 30px; right: 0; background: rgba(255,255,255,0.9); padding: 10px; border-radius: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point { display: inline-block; vertical-align: middle; }
section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point:nth-child(2) { margin-left: 26px; }
section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point img { display: inline-block; vertical-align: middle; width: 40px; height: auto; margin-right: 15px; }
section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point p { display: inline-block; vertical-align: middle; font-size: var(--font-size-base); line-height: 1.25rem; font-weight: var(--font-weight-medium); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point:nth-child(2) { display: none; }
  section.banner_2020.bg_ndd div.adressBlock p:first-child { font-size: var(--font-size-small) !important; }
  section.banner_2020 .adressBlock span[class^="flaticon"]::before { font-size: var(--font-size-small); }
}
@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement div.wrapper div.two_key_points { position: relative; bottom: 0; margin: 18px 0 10px; width: max-content; width: -moz-max-content; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title3,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title3,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.simple,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.simple { max-width: 365px; }
}

@media (max-width: 545px) {
  section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point { display: block; }
  section.banner_2020.bg_hebergement div.wrapper div.two_key_points div.key_point:nth-child(2) { margin-left: 0; }
}

/* Diag Promo */
section.banner_2020.bg_hebergement div.wrapper div.diag_promo { position: absolute; top: 0; right: 0; padding: 10px; }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo::before { content: ''; position: absolute; width: 0; height: 0; border-left: 130px solid transparent; border-top: 130px solid #FFF127; right: 0; top: 0; z-index: 0; }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.pourcentage { position: absolute; z-index: 1; font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-bold); top: 16px; right: 2px; transform: rotate(45deg); width: max-content; width: -moz-max-content; }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.pourcentage span { font-size: 1.625rem; }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.year { position: relative; z-index: 1; font-size: 0.9375rem; line-height: 6px; font-weight: var(--font-weight-semi); top: 45px; right: -30px; width: 126px; transform: rotate(45deg); }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.year span { font-size: 0.5625rem; vertical-align: super; }
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.pourcentage,
section.banner_2020.bg_hebergement div.wrapper div.diag_promo p.year { transform:rotate(45deg); }

/* NDD */
@media (max-width: 1200px) and (min-width: 768px), (max-width: 1366px) and (min-width: 1201px) and (max-height: 768px), (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.banner_2020.bg_hebergement.bg_ndd.bg_banner_full.bg_ndd,
  section.banner_2020.bg_ndd { max-height: 420px !important; height: auto !important; }
  section.banner_2020.bg_ndd div.adressBlock { top: 0 !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content.marge_promo { margin-top: 60px !important; }
}
section.banner_2020.bg_ndd { padding: 0; height: 420px; }/*483*/
section.banner_2020.bg_ndd div.adressBlock { top: -20px; }
section.banner_2020.bg_ndd div.adressBlock p:first-child { max-width: calc(100% - 190px); font-size: var(--font-size-small); }
section.banner_2020.bg_ndd div.wrapper { padding: 30px 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content { width: 715px; }/*715*/
section.banner_2020.bg_ndd div.wrapper div.banner-content.marge_promo { margin-top: 40px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { position: relative; font-size: 1.625rem; line-height: 2.25rem; font-weight: var(--font-weight-semi); color: var(--color-black); background-color: #FFED26; width: max-content; width: -moz-max-content; padding: 7px 20px; margin-left: -15px; max-height: 50px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre span.semi_little { font-size: 20px !important; }
section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre::before { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid transparent; border-top: 20px solid #FFCC00; left: 0; bottom: -20px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content h1 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-bold); color: var(--color-white); margin-left: 30px; margin-top: 5px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content h1.no_promo { margin-left: 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content p.ss_title { margin-left: 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content p.include_dom { font-size: var(--font-size-base); line-height: var(--line-height-small); margin-top: 30px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { background: var(--bg-color-white); padding: 10px 20px; margin-top: 20px; width: max-content }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul { margin-top: 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); margin-top: 0; color: var(--color-black) !important; padding-left: 30px; margin-right: 25px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul.mr15 li { margin-right: 15px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li:last-of-type { margin-right: 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li::before { content: ""; position: absolute; width: 20px; height: 14px; left: 0px; top: 6px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension { position: relative; margin-top: 20px; gap: 20px; justify-content: inherit; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element { flex-grow: inherit; width: max-content; width: -moz-max-content; min-width: auto; max-width: calc(100% / 3); box-shadow: 2px 2px 25px #1E499B33; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions { background: var(--bg-color-white); width: 194px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.extensions_dot { display: inline-block; vertical-align: top; width: 101px; height: 77px; background: var(--bg-color-blue); border: 2px solid #fff; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.extensions_dot h4,
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.extensions_dot div { color: var(--color-white); font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-bold); padding: 17px 0; text-align: center; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price { display: inline-block; vertical-align: top; height: 77px; padding: 5px 12px 5px 8px; max-width: 88px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price span.stroke { position:relative; font-size: var(--font-size-small); line-height: 0.875rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price span.stroke::after { content: ""; position: absolute; height: 1px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price span.price { display: block; font-size: 1.5rem; line-height: 1.875rem; font-weight: var(--font-weight-bold); color: #FF6500; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price span.price span.devise { font-size: 1.25rem; line-height: var(--line-height-base); font-weight: var(--font-weight-medium); }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.extensions div.offer_price span.ht_an { display: block; font-size: var(--font-size-small); line-height: 1rem; font-weight: var(--font-weight-normal); color: #FF6500 !important; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.ext { display: block; text-align: center; margin-right: 0; background:transparent; font-size: var(--font-size-xxlarge); line-height: 51px; font-weight: var(--font-weight-bold); color: var(--color-black); padding: 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.ext span.dot { color: #4A87FF; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke { font-size: var(--font-size-base); line-height: var(--line-height-medium); color: var(--color-black); }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.price-element { font-size: var(--font-size-xlarge); line-height: 36px; color: var(--color-black); }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: 20px; line-height: 30px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.ht { font-size: var(--font-size-base); line-height: 24px; }

/** 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: var(--bg-color-blue2); font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); 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: var(--color-title);
  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: var(--font-size-base) !important; line-height: 20px !important; font-weight: var(--font-weight-normal); color: var(--color-black); 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: var(--font-weight-semi); color: var(--color-black); 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: var(--font-weight-semi); color: var(--color-black); 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: var(--font-weight-semi); color: var(--color-black); 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: var(--line-height-base) !important; font-weight: var(--font-weight-normal); color: var(--color-black); position: relative; top: -12px; }

/* Widget */
section.banner_2020.bg_widget { background: #1e499b !important; padding: 0 0 30px; height: 545px !important; }
section.banner_2020.bg_widget.dark h3 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-bold); color: var(--color-white); }
section.banner_2020.bg_widget.dark p { margin-top: 5px; font-size: 22px; line-height: 32px; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.banner_2020.bg_widget div#helplws { margin-top: 30px; }
section.banner_2020.bg_widget div#helplws label.cat_ext { font-size: 50px !important; }

@media (min-width: 1201px) {
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.extensions_dot,
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.offer_price { height: 90px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.extensions_dot h4,
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.extensions_dot div { padding: 23px 0; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions { width: 225px; }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.offer_price span.price { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension.free div.flex-element div.extensions div.offer_price span.price span.devise { font-size: 1.875rem; line-height: 2.5rem; position: relative; top: -1px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_widget { height: 580px !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content.marge_promo { margin-top: 0 !important; }
}
@media (max-width: 767px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_widget { padding: 20px 0; height: 490px !important; }
  section.banner_2020.bg_widget.dark h3 { font-size: 24px; line-height: 32px; text-align: center; }
  section.banner_2020.bg_widget.dark p { display: none; }
}
@media (max-width: 548px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_widget { height: 520px !important; }
}

/* Si bannière full + Light */
section.banner_2020.bg_hebergement.bg_banner_full.light h1,
section.banner_2020.bg_hebergement.bg_banner_full.light h2,
section.banner_2020.bg_hebergement.bg_banner_full.light h3,
section.banner_2020.bg_hebergement.bg_banner_full.light .ss_title,
section.banner_2020.bg_hebergement.bg_banner_full.light .ss_title2,
section.banner_2020.bg_hebergement.bg_banner_full.light .ss_title3,
section.banner_2020.bg_hebergement.bg_banner_full.light .ss_title4,
section.banner_2020.bg_hebergement.bg_banner_full.light .ss_title5,
section.banner_2020.bg_hebergement.bg_banner_full.light p.mini,
section.banner_2020.bg_hebergement.bg_banner_full.light p.content,
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: var(--color-title) !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: var(--bg-color-blue3); }
section.banner_2020.bg_hebergement.bg_banner_full.light div.wrapper div.banner-content a.btn-transparent.btn-banniere { background: var(--bg-color-blue); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.txt-offre { position: relative; font-size: 1.625rem; line-height: 2.25rem; font-weight: var(--font-weight-semi); color: var(--color-black); background-color: #FFED26; width: max-content; width: -moz-max-content; padding: 7px 20px; margin-left: -15px; max-height: 50px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.txt-offre span.semi_little { font-size: 20px !important; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.txt-offre::before { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid transparent; border-top: 20px solid #FFCC00; left: 0; bottom: -20px; }
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.txt-offre + h1,
section.banner_2020.bg_hebergement div.wrapper div.banner-content p.txt-offre + h3,
section.banner_2020.bg_hebergement div.wrapper div.banner-content .ss_title.offer_txt { margin-left: 30px; }

/* Si bannière full Light ou Dark*/
section.banner_2020.bg_hebergement.bg_banner_full.without_ss_title { padding: 0; height: 342px !important; }
section.banner_2020.bg_hebergement.bg_banner_full img.bg-img { width: 1920px !important;  max-width: 1920px !important; height: 529px; margin: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { max-width: 70% !important; }

@media (min-width: 1921px) {
  section.banner_2020.bg_hebergement.bg_banner_full.light { background: #ECEDF2; }
  section.banner_2020.bg_hebergement.bg_banner_full.dark { background: linear-gradient(to left, #E1E2E4, #E1E2E4 50%, #0D2C6D 75%); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.75))); }
  section.banner_2020.bg_banniere-blue img { right: unset; left: calc(50% - 110px); }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }/*42 55*/
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { width: 70%; }
  section.banner_2020.bg_hebergement img.bg-img { max-width: 50%; left: auto; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content { width: 55%; }
  /* NDD */
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li { font-size: 17px; line-height: var(--line-height-base); }
}

@media (max-width: 1366px) AND (min-width: 1201px) AND (max-height: 768px),
      (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.banner_2020.bg_hebergement.bg_banner_full { height: 347px !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xxlarge); }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { font-size: 1.375rem; line-height: 2.25rem; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { font-size: var(--font-size-base); line-height: var(--line-height-base); }
  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; margin-left: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 36px; }
  section.banner_2020.bg_hebergement img.bg-img { left: 48%; }

  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content h1 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xxlarge); margin-top: 0; }
  section.banner_2020.bg_hebergement.bg_ndd.bg_banner_full { height: 338px !important; }/*360*/
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.include_dom { display: none; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { margin-top: 10px; padding: 8px 20px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension { gap: 10px; margin-top: 10px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.banner_2020.bg_ndd img.bg-img { display: none; }
  section.banner_2020.bg_ndd div.wrapper { padding: 10px 0; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension::before { display: none; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.banner_2020.bg_hebergement.bg_banner_full { height: 347px !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xxlarge); }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { font-size: 1.375rem; line-height: 2.25rem; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { font-size: var(--font-size-base); line-height: var(--line-height-base); }
  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; margin-left: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { margin-left: 36px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { width: 180px; }
  section.banner_2020.bg_hebergement img.bg-img { left: 48%; }
  /* NDD */
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { max-width: 670px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension { gap: 10px 30px; margin-top: 10px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.price-element { font-size: 26px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: var(--font-size-large); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.ht { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li { margin-right: 20px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content h1 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xxlarge); margin-top: 0; }
  section.banner_2020.bg_hebergement.bg_ndd.bg_banner_full { height: 360px !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.include_dom { display: none; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { margin-top: 15px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension::before { display: none; }
  /** 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; }
  /** Banner Blue **/
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content { width: 480px; }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content h1,
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xxlarge); }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content ul { margin-top: 25px; }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); }
}

@media (max-width: 1100px) AND (min-width: 980px) {
  /** Banner Blue **/
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content { width: 430px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.banner_2020.bg_hebergement.bg_ndd.bg_banner_full.bg_ndd,
  section.banner_2020.bg_ndd { max-height: none !important; }
  section.banner_2020.bg_hebergement.bg_banner_full { height: 427px !important; }
  section.banner_2020.bg_hebergement.bg_ndd { height: 444px !important; }/*492*/
  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: inline-block; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content ul.inline-ul li:last-child { display: none; }
  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 div.wrapper div.banner-content h1,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); max-width: 430px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.ss_title3 { max-width: 430px; }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { max-width: 430px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content.ul_2cols { max-width: 100% !important; }
  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_2cols ul li:nth-child(2) { margin-top: 7px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin-top: 20px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content:not(.ul_2cols) ul { max-width: 600px;/*400*/ }
  section.banner_2020.bg_hebergement div.wrapper.cms_version div.banner-content ul li:not(:first-child) { margin-top: 5px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { margin-top: 20px; }
  section.banner_2020.bg_hebergement div.wrapper.cms_version div.banner-content div.price-banniere,
  section.banner_2020.bg_hebergement div.wrapper.cms_version div.banner-content div.cmde.btn2 { margin-top: 30px; }
  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 div.cmde.ml40-mini { margin-left: 40px; }
  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 div.cmde a.btn-demo { margin-top: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.garantie { display: none; }

  /*NDD*/
  section.banner_2020.bg_ndd div.wrapper div.banner-content h1 { margin-top: 7px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content ul.inline-ul { margin-top: 0 !important; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension { margin-top: 15px; gap: 20px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element { flex-grow: inherit; width: max-content !important; min-width: auto !important; max-width: calc(100% / 2) !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.price-element { font-size: 26px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: var(--font-size-large); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.ht { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { margin-top: 15px; padding: 8px 20px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents ul li:nth-child(3) { margin-right: 0; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension::before { 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: var(--font-size-base); line-height: var(--line-height-small); }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p::after { display: none; }

  /* Extension */
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.no-btn { margin-top: 15px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.no-btn img.logo_accreditation { margin-top: 0; }

  /* Banner Blue */
  section.banner_2020.bg_banniere-blue img { right: inherit; left: calc(50% - 142px); opacity: 0.2; }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content ul { margin-top: 25px; }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); }
}

@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: 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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); text-align: center; display: block; }
  section.banner_2020.bg_hebergement div.wrapper.cms_version div.banner-content h1 { max-width: none !important; width: 100%; }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { font-size: 26px; line-height: var(--line-height-xlarge); text-align: center; width: 100%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.simple,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.simple { margin-top: 10px; text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul { margin: 20px auto 0; width: max-content; width: -moz-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: inline-block; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere { margin-left: 0; margin-top: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere.only { width: 100%; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.down_element { text-align: center; padding-top: 30px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde { text-align: left; margin-left: 26px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 { margin-top: 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-banniere { margin-top: 0px; left: 0; transform: none; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde a.btn-demo { display: block; width: max-content; width: -moz-max-content; margin: 15px auto 0; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { background-color: transparent; padding: 6px 0 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important { margin-bottom: 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; }

  /* NDD */
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd { padding: 170px 0 30px; height: auto !important;/*height: 625px !important;*//*579*/ background-color: var(--bg-color-white) !important; }
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd div.wrapper div.banner-content { width: 470px !important; max-width: 100%; margin: auto; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { font-size: 1.25rem; line-height: 2rem; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content h1 { text-align: left; margin-top: 7px; font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content h1.small_mobile { font-size: 1.5rem; text-align: center; margin-left: 0; margin-top: 30px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { background: transparent; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content ul.inline-ul li:not(:last-of-type) { margin-bottom: 10px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents,
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension { margin-top: 30px; gap: 15px 20px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.stroke { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.price-element { font-size: 26px; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.devise { font-size: var(--font-size-large); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element div.price p span.ht { font-size: var(--font-size-small); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { margin-top: 23px; /*margin-left: -90px;*/ padding: 0; /*display: none;*/ }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents > span { display: block !important; text-align: center; } 
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.offer_contents ul.inline-ul li { display: inline-block; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.offer_contents ul.inline-ul li:nth-child(3) { margin-right: 0 }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.offer_contents ul.inline-ul li:last-child { display: none; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element { text-align: left; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.top_extension::before { display: none; }

  /** 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; max-width: -moz-max-content; width: -moz-max-content; float: none; margin: 10px auto 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p { font-size: var(--font-size-base); line-height: var(--line-height-small); text-align: center; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.promo_dom p::after { display: none; }

  section.banner_2020.bg_hebergement div.wrapper div.banner-content h2.ss_title_info { margin: 20px auto 0; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content p.content { text-align: center; }

  /* Extension */
  section.banner_2020.bg_hebergement.bg_banner_full.pb-mini-30 { padding-bottom: 30px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.no-btn { margin-top: 20px !important; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.no-btn img.logo_accreditation { margin-top: 0; }

  /* Banner Blue */
  section.banner_2020.bg_banniere-blue { height: 100%; padding: 30px 15px; }
  section.banner_2020.bg_banniere-blue div.wrapper { top: 0; transform: none; }
  section.banner_2020.bg_banniere-blue div.wrapper div.banner-content a.btn-banniere { font-size: var(--font-size-base); }

  /* Widget */

}

@media (max-width: 680px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd { height: 580px !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content div.offer_contents { 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.bg_ndd 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 { width: 50%; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension div.flex-element { width: auto; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.top_extension div.flex-element:nth-last-of-type(-n+2) { display: none; }
  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: block; }
}

@media (max-width: 545px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd { padding: 130px 0 30px; height: auto !important; }
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd div.wrapper div.banner-content { width: 370px !important; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content h1 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.top_extension { display: none; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.exts { /*margin-left: 30px;*/ text-align: center; margin-top: 9px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-title); }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { 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; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.price-banniere-important { display: none; }
}

@media (max-width: 410px) {
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd { padding: 85px 0 30px; height: auto !important; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre { font-size: var(--font-size-large); line-height: 2rem; padding: 7px 10px; margin: auto; }
  section.banner_2020.bg_ndd div.wrapper div.banner-content p.txt-offre::before { display: none; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content h1 { font-size: 1.875rem; line-height: 2.5rem; text-align: center; margin-left: 0; }
  section.banner_2020.bg_hebergement.bg_ndd div.wrapper div.banner-content div.exts { margin-left: 0; text-align: center; }
}

/*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 !important; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper { width: 950px; padding: 1.25rem 0 1.5625rem; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { width: 670px; }
  section.banner_2020.bg_hebergement.banner_service div.wrapper div.banner-content { width: 58%; }
  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 div.wrapper { width: 750px; padding: 0; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper.cms_version { width: 750px; padding: 1.875rem 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: 190px; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde p.garantie { width: max-content; width: -moz-max-content; }
  /* NDD */
  section.banner_2020.bg_hebergement.bg_banner_full.bg_ndd div.wrapper div.banner-content { width: 100%; }/*395*/
  
}
@media (max-width: 767px) {
  section.banner_2020.bg_hebergement.bg_banner_full,
  section.banner_2020.bg_hebergement.bg_banner_full.without_ss_title { padding: 180px 0 10px; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper { width: 90%; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper.cms_version { width: 90%; padding: 0; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content.ul_2cols { max-width: 100% !important; }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: max-content; width: -moz-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: var(--color-black) !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: var(--bg-color-blue3); }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.cmde.btn2 a { display: inline-block; width: max-content; width: -moz-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: var(--bg-color-blue); }
  section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content p.garantie { width: 100%; }
}
@media (max-width: 666px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content div.cmde.btn2 { display: block; margin-left: 0; }
}
@media (max-width: 545px) {
  section.banner_2020.bg_hebergement.bg_banner_full,
  section.banner_2020.bg_hebergement.bg_banner_full.without_ss_title { padding: 140px 0 10px; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h1,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h3 { font-size: 1.875rem; line-height: 2.5rem; }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { font-size: 1.25rem; line-height: 2.25rem; }
}
@media (max-width: 410px) {
  section.banner_2020.bg_hebergement.bg_banner_full,
  section.banner_2020.bg_hebergement.bg_banner_full.without_ss_title { padding: 80px 0 10px; }
  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,
  section.banner_2020.bg_hebergement div.wrapper div.banner-content h4.ss_title { display: none; }
  section.banner_2020.bg_hebergement div.wrapper div.banner-content ul li { max-width: 250px; }
  .d-none-410 { display: none; }
}
@media (max-width: 345px) {
  section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-white.btn-banniere { display: block !important; margin: 20px auto 0 !important; }
}

/** Premium **/
.premium section.banner_2020.bg_hebergement div.wrapper div.banner-content * { color: var(--color-white) !important; }
.premium section.banner_2020.bg_hebergement.bg_banner_full div.wrapper div.banner-content div.price_element_stroke::after { background: var(--bg-color-white); }
.premium section.banner_2020.bg_hebergement div.wrapper div.banner-content a.btn-white.btn-banniere { color: var(--color-blue2) !important; }

@media (min-width: 1921px) {
  .premium section.banner_2020.bg_hebergement.bg_banner_full.dark { background: #000 !important; }
}

@media (max-width: 767px) {
  .premium section.banner_2020.bg_hebergement div.wrapper div.banner-content { padding-bottom: 30px; }
}


/*********************/
/**  Blocs globaux  **/
/*********************/

/** 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: 979px) {
  section.logo div.wrapper { width: 100%; padding: 0 30px; }
}

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


/** Bloc 5 logos under bannière **/
section.logos5 { max-height: 73px; }
section.logos5 div.wrapper div.flex-logos { display: flex; height: 73px; 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: var(--font-size-base); line-height: 1.25rem; font-weight: var(--font-weight-normal); }

/* DPI */
@media (min--moz-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (-webkit-min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-resolution: 1.25dppx) AND (min-width: 1201px) {
      /*section.logos5 .wrapper { width: 1140px !important; }*/
      /*section.logos5 { display: none; }*/
}

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

@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: var(--bg-color-blue); height: 3.375rem; max-height: 3.375rem; }
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: var(--bg-color-blue2); }
div.menu_page ul li a { font-size: var(--font-size-large); line-height: 3.375rem; font-weight: var(--font-weight-normal); padding: 0.9375rem; color: var(--color-white); }
div.menu_page.fixed { position: fixed; top: 0; z-index: 999; right: 0; left: 0; }

@media (max-width: 1200px) AND (min-width: 980px) {
  div.menu_page { height: 3.125rem; max-height: 3.125rem; }
  div.menu_page ul li a { font-size: var(--font-size-base); line-height: var(--line-height-extra); }
}

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

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

/* DPI */
@media (min--moz-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (-webkit-min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-resolution: 1.25dppx) AND (min-width: 1201px) {
      div.menu_page .wrapper { width: 1140px !important; }
}

@media only screen AND (min-width: 1201px) AND (min-resolution: 1.5dppx) {
  div.menu_page.fixed { background: var(--bg-color-blue); height: 36px; max-height: 36px; }
  div.menu_page.fixed ul li a { font-size: var(--font-size-small); line-height: 36px; padding: 15px; color: var(--color-white); }
}

/** Menu Page White **/
div.menu_page.v2 { background: var(--bg-color-white); height: 3.75rem; max-height: 3.75rem; position: absolute; left: -5600px; box-shadow: 2px 2px 10px #1E499B40; }
div.menu_page.v2 div.title { float: left; font-size: var(--font-size-large); line-height: 3.75rem; font-weight: var(--font-weight-semi); }
div.menu_page.v2 div.anchor { float: right; }
div.menu_page.v2 ul { display: flex; }
div.menu_page.v2 ul li { flex-shrink: 0; flex-grow: 1; text-align: center; position: relative; padding: 0 1.25rem; }
div.menu_page.v2 ul li.active:before { border: none; }
div.menu_page.v2 ul li.active, div.menu_page.v2 ul li:hover { background: var(--bg-color-white); color: var(--color-text-base); }
div.menu_page.v2 ul li:hover a,
div.menu_page.v2 ul li.active a { font-weight: var(--font-weight-semi); }
div.menu_page.v2 ul li a { font-size: var(--font-size-base); line-height: 3.75rem; font-weight: var(--font-weight-normal); padding: 0; color: var(--color-text-base); }
div.menu_page.v2 ul li a.btn_price { font-size: var(--font-size-large); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 10px 30px 11px; background: #f60; border-radius: 10px; }
div.menu_page.v2.fixed { position: fixed; top: 0; z-index: 999; right: 0; left: 0; }

@media (max-width: 979px) AND (min-width: 768px) {
  div.menu_page.v2 div.title { font-size: var(--font-size-base); }
  div.menu_page.v2 ul li { padding: 0 0.5rem; }
  div.menu_page.v2 ul li a.btn_price { padding: 10px 20px 11px; }
}


/** Menu TAB **/
div.menu_tab { background: var(--bg-color-blue); height: 47px; max-height: 47px; }
div.menu_tab ul { display: flex; }
div.menu_tab ul li { flex-shrink: 0; flex-grow: 1; text-align: center; position: relative; font-size: var(--font-size-base)/*18*/; line-height: 47px; font-weight: var(--font-weight-normal); padding: 0 15px; color: var(--color-white); }
div.menu_tab.menu_tierce ul li a { font-size: var(--font-size-large) !important; color: inherit !important; font-weight: var(--font-weight-normal); display: block; width: 100%; }
div.menu_tab ul li.active:before { border: none; }
div.menu_tab ul li.active, div.menu_tab ul li:hover { background: #FF6600/*#0C2A6A*/; cursor: pointer; }
div.menu_tab.fixed { position: fixed; top: 0; z-index: 999; right: 0; left: 0; }

div.menu_tab.v2 { background: var(--bg-color-white); height: 47px; max-height: 47px; position:absolute; width:max-content; left: 50%; transform: translateX(-50%); margin-top: -15px; border-radius: 10px; }
div.menu_tab.under_table.v2 { margin-top: -24px; }
div.menu_tab.under_table.v2.sub_no { margin-top: -47px; }
div.menu_tab.v2.mt0 { margin-top: 0; margin-bottom: 15px; }
div.menu_tab.v2 div.wrapper { background: var(--bg-color-blue); border-radius: 10px; }
div.menu_tab.v2 ul li { font-weight: var(--font-weight-semi); }
div.menu_tab.v2 ul li:first-of-type { border-radius: 10px 0 0 10px; }
div.menu_tab.v2 ul li:last-of-type { border-radius: 0 10px 10px 0; }
div.menu_tab.v2 ul li div.icon-menu { display: inline-block; width: 19px; height: 19px; margin-right: 10px; top: 3px; position: relative; }
div.menu_tab.v2 ul li:not(:last-child) { border-right: 1px solid #fff; }
div.menu_tab.v2 ul li.active:after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 12px solid #FF6600/*0C2A6A*/; }
div.menu_tab.v2.fixed:not(.nofixed) { position: fixed; background: transparent; margin-top: 0; box-shadow: rgb(0 0 0 / 30%) 0 21px 30px; }
div.menu_tab.menu_tierce.v2.fixed { position: relative; }

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

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

/* DPI */
@media only screen AND (min-width: 1201px) AND (min-resolution: 1.5dppx) {
  div.menu_tab.fixed { background: var(--bg-color-blue); height: 36px; max-height: 36px; }
  div.menu_tab.fixed ul li { font-size: var(--font-size-small); line-height: 36px; padding: 0 15px; color: var(--color-white); }
}


/** Bloc Formule **/
section.formule-3tabs { padding: 70px 0; }
section.formule-3tabs a.btn { border-radius: 10px; }
section.formule-3tabs.p50 { padding: 30px 0; }
section.formule-3tabs.p50b50 { padding: 30px 0 50px; }
section.formule-3tabs.m_tab { padding: 50px 0 30px; }
section.formule-3tabs.m_tab.mb70 { padding: 50px 0 70px; }
section.formule-3tabs.m_tab.tabv2 { padding: 70px 0 30px; }
section.formule-3tabs h1,
section.formule-3tabs h2 { margin-top: 5px; margin-bottom: 25px; font-size: 2rem; line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.formule-3tabs p.subtitle { margin-top: 15px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.formule-3tabs p.subtitle.mb30 { margin-bottom: 30px; }
section.formule-3tabs.with_h2 h2 { margin-bottom: 0; }
section.formule-3tabs p.title_carac { padding: 30px 0 20px; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); text-align: center; }
section.formule-3tabs div.wrapper p.subtitle { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.formule-3tabs div.wrapper div.tabs-formule { width: calc((100% / 3) - 13.5px); margin-right: 16px; margin-top: 50px/*75*/; display: inline-block; text-align: center; vertical-align: top; /*box-shadow: 2px 2px 25px #1E499B29;*/ /*box-shadow: 0 0 16px rgb(0 0 0 / 10%);*/ box-shadow: rgba(30, 73, 155, 0.3)  0px 4px 12px; border-radius: 10px; }
section.formule-3tabs div.wrapper div.top-table { /*padding-bottom: 50px;*/ width: 100%; }
section.formule-3tabs div.wrapper div.top-table a { float: left; text-decoration: underline; }
section.formule-3tabs div.wrapper div.top-table a.floatr { float: right; }
section.formule-3tabs div.wrapper div.top-table img { height: 25px; width: auto; }
section.formule-3tabs a.video { margin-left: 28px; position: relative; }
section.formule-3tabs a.video:before { content: ""; position: absolute; background-image: url("../images/boutique-en-ligne/player_video_petit.svg"); top: 2px; left: -28px; height: 18px; width: 18px; }

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.v2 div.wrapper div.tabs-formule { width: calc((100% - 77px) / 4); margin-right: -4px !important; margin-left: 20px; }
section.formule-3tabs.cols4.v2 div.wrapper div.tabs-formule { width: calc((100% - 62px) / 4); margin-right: 0px !important; margin-left: 12px; }
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):not(.special),
section.formule-3tabs div.wrapper div.tabs-formule.mrlast { margin-right: -4px; }
section.formule-3tabs div.tabs-formule div.head-tabs { background: #FF6600; padding: 25px 15px 10px; color: var(--color-white); border-radius: 10px 10px 0 0; }
section.formule-3tabs div.tabs-formule.special div.head-tabs { background: var(--bg-color-blue2); position: relative; }
section.formule-3tabs div.tabs-formule.special2 div.head-tabs { position: relative; }
section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller { width: fit-content; white-space: nowrap; height: 38px; background: #FFE600; padding: 8px 30px; margin: auto; font-size: 0.9375rem; line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-text-base); position: absolute; left: 50%; transform: translateX(-50%); top: -23px; box-shadow: 2px 2px 25px #1E499B29; border-radius: 10px; }
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 #FFE600; top: 36px; left: 50%; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs div.tabs-formule.special2 div.head-tabs div.the_best { width: fit-content; height: 38px; background: var(--bg-color-white); padding: 8px 30px; margin: auto; font-size: 0.9375rem; line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-title); position: absolute; left: 50%; transform: translateX(-50%); top: -23px; box-shadow: 2px 2px 25px #1E499B29; border-radius: 10px; }
section.formule-3tabs div.tabs-formule.special2 div.head-tabs div.the_best::after { position: absolute; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #FFF; top: 36px; left: 50%; box-shadow: 2px 2px 25px #1E499B29; }
section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 1.625rem; line-height: var(--line-height-small); font-weight: var(--font-weight-semi); }
section.formule-3tabs div.tabs-formule.special div.head-tabs h3 { color: var(--color-yellow); }
section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3,
section.formule-3tabs div.tabs-formule div.head-tabs h6.sub-h3 { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); margin-top: 10px; }
section.formule-3tabs div.tabs-formule div.head-tabs h6.sub-h3 a { margin-left: 4px; }
section.formule-3tabs div.tabs-formule div.head-tabs h6.sub-h3 a img { display: inline-block; position: relative; top: 4px; }
section.formule-3tabs div.tabs-formule div.triangle { width: 100%; height: 20px; position: relative; background: var(--bg-color-blue); }/*#f60*/
section.formule-3tabs div.tabs-formule div.triangle img { width: 100%; height: auto; }
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: var(--bg-color-blue); }/*#0C2A6A*/
section.formule-3tabs div.tabs-formule div.content-price { background: var(--bg-color-blue); padding: 15px 20px 25px; }
section.formule-3tabs div.tabs-formule div.content-price:last-child { border-radius: 0 0 10px 10px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_percent { font-size: var(--font-size-base); line-height: 1.25rem; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 5px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_stroke { color: #99B6D5; font-weight: var(--font-weight-semi); font-size: 1.25rem; position: relative; line-height: 1.25rem; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_stroke::after { content: ""; position: absolute; height: 2px; background: var(--bg-color-white); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_price { font-size: 2.8125rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_separator { font-size: 2.8125rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); color: var(--color-white); 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: 1.8125rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_main div.price_element_ht { font-size: 0.6875rem; line-height: 1.375rem; font-weight: var(--font-weight-normal); color: var(--color-white); top: 2px; position: relative; margin-left: -35px; }
section.formule-3tabs div.tabs-formule div.content-price div.price_element_ttc { font-size: 0.6875rem; line-height: 1.375rem; font-weight: var(--font-weight-normal); margin-top: 5px; }
section.formule-3tabs div.tabs-formule div.content-price a.btn-cmde { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 7px 30px; margin-top: 15px; border-bottom: 0; border-radius: 10px; }
section.formule-3tabs div.tabs-formule div.content-price a.btn-demo { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-title); padding: 5px 25px; margin-top: 10px; background: var(--bg-color-white); border: 2px solid #0C2A6A; border-radius: 10px; }
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: var(--color-text-base) !important; padding: 4px 0; font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-normal); text-align: center; background: var(--bg-color-white) !important; height: auto !important; padding: 15px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li:last-of-type { border-radius: 0 0 10px 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li span:not([class^=flaticon-]) { color: var(--color-text-base); /*padding: 4px 0;*/ display: none; text-align: left; font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-semi); }
section.formule-3tabs div.tabs-formule div.list-tabs ul li span.little_note {display: inline-block; font-size: var(--font-size-small); line-height: 1.3125rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-left: 8px; }
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: 0.9375rem; line-height: 1.0625rem; font-weight: var(--font-weight-semi); color: var(--color-white); 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: var(--font-size-small) !important; line-height: 1.375rem !important; font-weight: var(--font-weight-normal) !important; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li div.tooltip div.tooltip-inner { width: max-content; max-width: 400px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li div.tooltip div.ttf:first-child { padding: 10px 10px 5px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li div.tooltip div.ttf { text-align: left; padding: 5px 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs ul li div.tooltip div.ttf:last-child { padding: 5px 10px 10px; }

section.formule-3tabs.cols2 div.wrapper div.tabs-formule { width: calc((100% / 2) - 16px); margin-right: 26px; }
section.formule-3tabs.cols2 div.wrapper div.tabs-formule:last-child { margin-right: 0; }

/* List Tab V2 */
section.formule-3tabs div.tabs-formule.special div.list-tabs.v2 { border: 2px solid #1E499B; border-top: none; border-radius: 0 0 10px 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li { text-align: left; padding: 20px; }/*20 15*/
section.formule-3tabs div.tabs-formule.special div.list-tabs.v2 ul li { padding: 20px 16px; }
section.formule-3tabs.custom_pad div.tabs-formule div.list-tabs.v2 ul li { padding: 20px 16px;  }
section.formule-3tabs.cols4 div.tabs-formule div.list-tabs.v2 ul li { padding: 20px; }
section.formule-3tabs.cols4 div.tabs-formule.special div.list-tabs.v2 ul li { padding: 18px; }
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; width: -moz-max-content; max-width: 100%; width: 100%; margin: auto; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.idealfor p:first-of-type { display: inline-block; font-size: var(--font-size-base); line-height: 1.5rem; font-weight: var(--font-weight-bold); }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.idealfor p 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 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 img.perf { width: 30px; vertical-align: middle; position: relative; top: -2px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:first-of-type { display: inline-block; font-size: var(--font-size-large); line-height: 1.6875rem; font-weight: var(--font-weight-bold); }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.perf_color:first-of-type { font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-normal); }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.perf_color strong { color: var(--color-text-base); }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.perf_color img { width: 30px; height: auto; vertical-align: bottom; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type) { position: relative; font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-normal); margin-top: 10px; padding-left: 25px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.no-pl { padding-left: 0; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li strong { color: var(--color-orange); }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li strong.black { color: var(--color-text-base); }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li strong.txt-neutre { color: inherit; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2.low ul li p:not(:first-of-type) { padding-left: 0; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type):not(.no_check)::before { content: ""; position: absolute; width: 15px; height: 10px; left: 0; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p.nop:not(:first-of-type):not(.no_check)::before { background: url(../images/theme2021/svg/croix_rouge.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: inline-block; font-weight: var(--font-weight-normal); }
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,
section.formule-3tabs p.more-resources span.tooltip_fg,
section.formule-3tabs div.features div.content table tr td a span.tooltip_fg,
section.formule-3tabs div.features div.content ul li a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }
section.formule-3tabs p.sub_table { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-text-base); text-align: center; margin-top: 30px; }
img[src*="power_gauge_"] { width: 63px !important; height: auto !important; }
 
/* List Tab V3 */
section.formule-3tabs div.tabs-formule.special div.list-tabs.v3 { border: 2px solid #1E499B; border-top: none; border-radius: 0 0 10px 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li { text-align: left; padding: 20px; }
section.formule-3tabs div.tabs-formule.special div.list-tabs.v3 ul li { padding: 20px 18px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content { width: 100%; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li .craft_elem p { text-align: center; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li p { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-top: 9px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.txt-center p { text-align: center; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.txt-center p .popover-content p { text-align: left; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li p:first-of-type { margin-top: 0; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content[class*="icon"] > p { position: relative; margin-left: 25px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content[class*="icon"] > p.pl10 { padding-left: 10px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content[class*="icon"] > p.pl10 strong { color: var(--color-text-base); }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content[class*="icon"] > p::before { content: ""; position: absolute; width: 15px; height: 15px; left: -25px; top: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.gift_icon > p::before { background: url(../images/theme2021/svg/cadeau.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.shield_icon > p::before { background: url(../images/theme2021/svg/securite.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.perf1_icon > p::before { background: url(../images/theme2021/svg/perf1.svg) no-repeat 50% 50% / contain; width: 25px; height: 17px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.perf2_icon > p::before { background: url(../images/theme2021/svg/perf2.svg) no-repeat 50% 50% / contain; width: 25px; height: 17px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.perf3_icon > p::before { background: url(../images/theme2021/svg/perf3.svg) no-repeat 50% 50% / contain; width: 25px; height: 17px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.content.perf4_icon > p::before { background: url(../images/theme2021/svg/perf4.svg) no-repeat 50% 50% / contain; width: 25px; height: 17px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li p a { color: var(--color-text-base); border-bottom: 1px dashed #f60; margin-left: 0; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li strong:not(.black_txt) { color: var(--color-orange); }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.icon_perf p img {  display: inline-block; position: relative; top: 9px; margin-right: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li strong.black_txt { display: inline-block; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li strong.black { color: var(--color-text-base); }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li strong.txt-neutre { color: inherit; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.pop_line img,
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.pop_line strong { display: inline-block; vertical-align: middle; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.pop_line img:first-of-type { margin-right: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.pop_line img.pop { margin-left: 6px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li div.pop_line p { text-align: center; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li { padding: 20px 10px; }
}

@media (max-width: 410px) {
  section.formule-3tabs div.tabs-formule div.list-tabs.v3 ul li { padding: 20px 10px; }
}


/* Tableau V2 */
section.formule-3tabs div.tabs-formule.v2 div.content-price { padding: 20px 20px 25px; }
section.formule-3tabs div.tabs-formule.v2 div.content-price div.price_element_percent { width: max-content; width: -moz-max-content; padding: 7px 22px; background: #2E66D1; border-radius: 30px; margin: auto; max-width: 100%; }
section.formule-3tabs div.tabs-formule.v2 div.content-price .price_element_main { padding-top: 25px; }

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule-3tabs div.tabs-formule.v2 div.head-tabs h3 { font-size: 1.375rem; }
  section.formule-3tabs div.tabs-formule.special2 div.head-tabs div.the_best { display: none; }
}

@media (max-width: 767px) {
  section.formule-3tabs div.tabs-formule.v2 div.head-tabs h3 { font-size: 1.375rem; }
  section.formule-3tabs div.tabs-formule.special2 div.head-tabs div.the_best { display: none; }
}

/* New List Table Price V2 */
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li div.content.list p { position: relative; font-size: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-semi); margin-left: 25px; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li div.content.list p::before { content: ""; position: absolute; width: 15px; height: 10px; left: -25px; top: 8px; transform: none; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li div.content.list p span { display: block; font-size: var(--font-size-small); line-height: 1.3125rem; font-weight: var(--font-weight-normal); padding: 0; }

/* Fonctions principales under table price */
section.formule-3tabs div.fonctions_principales { margin-top: 30px; background: var(--bg-color-white); padding: 30px 15px 20px; box-shadow: 2px 2px 25px #1E499B29; border-radius: 10px; }
section.formule-3tabs div.fonctions_principales p.title { font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-semi); color: var(--color-text-base); }
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: var(--font-size-base); line-height: var(--line-height-medium); padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.formule-3tabs div.fonctions_principales.cols4 li { width: calc((100% / 4) - 6px); }
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: var(--font-size-base); line-height: var(--line-height-base); text-align: center; color: var(--color-text-base); font-weight: var(--font-weight-normal); margin-top: 50px; margin-bottom: 20px; }
section.formule-3tabs p.more-resources { font-size: var(--font-size-base); line-height: var(--line-height-base); margin-top: 20px; text-align: center; }
section.formule-3tabs p.more-resources a { text-decoration: underline; margin-left: 8px; }
section.formule-3tabs div.text-center a.btn { width: 100%; font-size: var(--font-size-large); line-height: 1.875rem; color: var(--color-white); font-weight: var(--font-weight-semi); padding: 7px 30px; margin-top: 15px; border-radius: 10px; }
section.formule-3tabs div.text-center.p50 a.btn { margin-top: 30px; }
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: var(--bg-color-white); border: 1px solid #f60; border-radius: 10px 0 0 10px; top: 50%; z-index: 2; font-size: var(--font-size-large); 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; }

section.formule-3tabs #table_function { margin-top: 50px; }
section.formule-3tabs div.features { margin-top: 0; background: var(--bg-color-white); width: 100%; box-shadow: 2px 2px 25px #1E499B40; }
section.formule-3tabs div.features:not(:first-child) { margin-top: 30px; }
section.formule-3tabs div.features div.title { font-size: var(--font-size-large); line-height: 1.6875rem; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 12px 20px; text-transform: uppercase; background-color: var(--color-lws-blue); }
section.formule-3tabs div.features div.title a { color: var(--color-white); text-decoration: underline; }
section.formule-3tabs div.features div.content:not(.ctable) { padding: 30px; }
section.formule-3tabs div.features div.content ul { list-style-image: none; }
section.formule-3tabs div.features div.content ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.formule-3tabs div.features div.content ul 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 div.features div.content ul li.nop:before { background: url(../images/theme2021/svg/croix_rouge.svg) no-repeat 50% 50% / contain; }
section.formule-3tabs div.features div.content ul li a:not(.pop) { text-decoration: underline; }
section.formule-3tabs div.features div.content ul li a.pop { margin-left: 6px; }
/*section.formule-3tabs div.features div.content ul li a.pop span { position: relative; display: inline-block; width: 17px; height: 17px; font-size: 100%; line-height: 17px; font-weight: var(--font-weight-semi); color: var(--color-white); background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0; text-align: center; }*/
section.formule-3tabs div.features div.content table { width: 100%; }
section.formule-3tabs div.features div.content table tr td { font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 20px; width: 50%; vertical-align: middle; }
section.formule-3tabs div.features div.content table.vps_function tr td:first-child { width: 60%; }
section.formule-3tabs div.features div.content table.vps_function tr td { width: 40%; }
section.formule-3tabs div.features div.content table.vps_function tr td:nth-child(2) { text-align: left; }
section.formule-3tabs div.features div.content table.vps_function tr td span.icon-checked::before { left: 0; transform: translateY(-50%); }
section.formule-3tabs div.features div.content table tr td.fw600 { font-weight: var(--font-weight-semi); }
section.formule-3tabs div.features div.content table tr td:nth-child(2) { text-align: center; }
section.formule-3tabs div.features div.content table tr:nth-child(2n) td { background-color: var(--bg-color-grey); }
section.formule-3tabs div.features div.content table tr td.new { position: relative; padding-left: 90px; }
section.formule-3tabs div.features div.content table tr td.new::before { content: 'New'; padding-left: 10px; font-size: 0.9375rem; line-height: 1.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); position: absolute; width: 50px; height: 25px; left: 20px; top: 50%; transform: translateY(-50%); background: #00A716; }
section.formule-3tabs div.features div.content table tr td.new::after { content: ''; position: absolute; width: 0; height: 0; border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 10px solid #00A716; top: 50%; left: 70px; transform: translateY(-50%); }
section.formule-3tabs div.features div.content table tr td a { margin-left: 8px; }

/** 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.m_tab { padding: 70px 0 30px; }
  section.formule-3tabs h2 { max-width: 950px; margin: 0 auto 30px; font-size: 1.625rem; line-height: 2.25rem; }
  section.formule-3tabs div.fonctions_principales.cols4 li { width: calc((100% / 3) - 4px); }
  section.formule-3tabs div.fonctions_principales.cols2_1200 li { width: calc((100% / 2) - 4px); }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
  section.formule-3tabs p.sub-table { font-size: 0.9375rem; line-height: var(--line-height-small); margin-top: 30px; margin-bottom: 0; }
  section.formule-3tabs div.tabs-formule div.list-tabs ul li span.little_note { display: none; }
  section.formule-3tabs.cols4.v2 div.wrapper div.tabs-formule div.head-tabs h3 { font-size: 1.375rem; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule-3tabs { padding: 50px 0; }
  section.formule-3tabs.m_tab { padding: 70px 0 50px; }
  section.formule-3tabs h2 { max-width: 750px; margin: 0 auto 30px; font-size: 1.625rem; line-height: 2.25rem; }
  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 div.tabs-formule div.head-tabs h3 { font-size: 20px; line-height: var(--line-height-small); }
  section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3,
  section.formule-3tabs div.tabs-formule div.head-tabs h6.sub-h3 { font-size: var(--font-size-base); line-height: 22px; }
  section.formule-3tabs div.text-center { display: none; }
  
  section.formule-3tabs div.fonctions_principales ul li { width: calc((100% / 2) - 3px); }
  section.formule-3tabs div.fonctions_principales.cols4 li { width: calc((100% / 3) - 4px); }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
  section.formule-3tabs div.fonctions_principales.cols2_1200 li a { 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 div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type)::before { display: none; }
  section.formule-3tabs div.tabs-formule div.list-tabs ul li a.pop, section.formule-3tabs.cols4 div.wrapper div.top-table a.pop { display: none; }
  section.formule-3tabs p.sub-table { font-size: 0.9375rem; line-height: var(--line-height-small); margin-top: 30px; margin-bottom: 0; }

  section.formule-3tabs div.fonctions_principales { margin: 30px 0; }

  /* Tableau Prix - 4 colonnes */
  /*section.formule-3tabs.cols4 { overflow: auto; }*/
  section.formule-3tabs.cols4 div.wrapper { /*width: max-content; width: -moz-max-content;*/ width: 100%; overflow: auto; padding: 0 20px; }
  /*section.formule-3tabs.cols4 div.wrapper div#content_table_price { width: max-content; width: -moz-max-content; }*/
  section.formule-3tabs div#content_table_price.tabs4 { width: 1070px; }
  section.formule-3tabs div.wrapper.no_max { width: 100%; position: sticky; top: 0; left: 0; }
  section.formule-3tabs.cols4 div.wrapper div.tabs-formule { width: 250px; margin-right: -4px !important; margin-left: 20px; }
  section.formule-3tabs.cols4 div.tabs-formule.special div.head-tabs div.best_seller { width: 140px; padding: 5px; }
  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 { position: sticky; left: 0; }
}

@media (max-width: 767px) {
  section.formule-3tabs,
  section.formule-3tabs.m_tab { padding: 30px 0; }
  section.formule-3tabs:not(.with_h2) { overflow: auto; }
  section.formule-3tabs.p30_767 { padding: 30px 0 50px; }
  section.formule-3tabs .wrapper { width: max-content; width: -moz-max-content; padding: 20px 20px 0; }
  section.formule-3tabs .wrapper.mc_only_630 { width: 100%; }
  section.formule-3tabs .wrapper.no_max_mobile { width: 100%; position: sticky; top: 0; left: 0; }
  section.formule-3tabs div.fonctions_principales.cols2_1200 li { width: 100%; }
  section.formule-3tabs div.fonctions_principales.cols2_1200 li a { display: none; }
  section.formule-3tabs .wrapper.with_h2 { width: 100%; overflow: auto; padding: 20px 20px 15px; } /*0 20 15*/
  section.formule-3tabs .wrapper.with_h2.marge_top { padding: 20px 20px 15px; }
  section.formule-3tabs h2 { max-width: 90%; margin: 30px auto 30px; font-size: 1.625rem; line-height: 2.25rem; /*display: none;*/ }
  section.formule-3tabs div#content_table_price { width: 960px; }
  section.formule-3tabs div#content_table_price.tabs4 { width: 1280px; }
  section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 1.625rem; line-height: var(--line-height-small); }
  section.formule-3tabs div.tabs-formule div.head-tabs p.sub-h3,
  section.formule-3tabs div.tabs-formule div.head-tabs h6.sub-h3 { font-size: var(--font-size-base); line-height: var(--line-height-small); max-width: 315px; }
  section.formule-3tabs div.wrapper div.tabs-formule,
  section.formule-3tabs div.wrapper div.tabs-formule:nth-child(3) { margin-top: 75px; }
  section.formule-3tabs.m_tab div.wrapper div.tabs-formule,
  section.formule-3tabs.m_tab div.wrapper div.tabs-formule:nth-child(3) { margin-top: 0; }/*50*/
  section.formule-3tabs.p50 div.wrapper div.tabs-formule { margin-top: 0; }/*50*/
  section.formule-3tabs.p50 div.wrapper div.tabs-formule:first-child,
  section.formule-3tabs.p30_767 div.wrapper div.tabs-formule { margin-top: 0; }
  section.formule-3tabs.p50 div.wrapper div.tabs-formule:nth-child(2) { margin-top: 0; }/*73*/
  section.formule-3tabs div.text-center { display: none; }
  section.formule-3tabs div.tabs-formule div.content-price { padding: 5px 20px 25px; }
  section.formule-3tabs div.fonctions_principales { display: none; }
  section.formule-3tabs div.fonctions_principales.cols2_1200 { display: block; }
  section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p span.hide-txt { display: none; }
  section.formule-3tabs div.tabs-formule div.list-tabs ul li a.pop,
  section.formule-3tabs p.sub-table { display: none; }

  /* Tableau Prix - 4 colonnes */
  /*section.formule-3tabs.cols4 { overflow: auto; }*/
  section.formule-3tabs.cols4 div.wrapper { /*width: max-content; width: -moz-max-content;*/ width: 100%; padding: 0 20px; }
  section.formule-3tabs.cols4 div.wrapper div.tabs-formule { width: 300px; margin-top: 50px !important; margin-right: -4px !important; margin-left: 20px; }
  section.formule-3tabs.cols4 div.tabs-formule div.list-tabs.v2 ul li p.bg_info::before { display: none; }
  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.cols4 div.wrapper div.top-table a.pop { display: none; }
}

@media (max-width: 629px) {
  section.formule-3tabs .wrapper.mc_only_630 { width: 100%; overflow: auto; }
  section.formule-3tabs.cols2 div.wrapper div.tabs-formule { width: 335px; }
  section.formule-3tabs .wrapper.mc_only_630 #content_table_price { width: max-content; width: -moz-max-content; }
}

@media (max-width: 545px) {
  section.formule-3tabs h2 { font-size: 1.25rem; line-height: 1.875rem; }
  section.formule-3tabs.cols2 div.wrapper div.tabs-formule { width: 300px; }
}

@media (max-width: 410px) {
  section.formule-3tabs div#content_table_price { width: 750px; }
  section.formule-3tabs div#content_table_price.tabs4 { width: 980px; }
  section.formule-3tabs div.wrapper div.tabs-formule,
  section.formule-3tabs.cols4 div.wrapper div.tabs-formule { width: 230px; }
  section.formule-3tabs div.tabs-formule div.head-tabs h3 { font-size: 1.375rem; line-height: var(--line-height-small); }
  section.formule-3tabs div.wrapper:not(.mc_only_630) div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type) { padding-left: 0; }
  section.formule-3tabs div.wrapper:not(.mc_only_630) div.tabs-formule div.list-tabs.v2 ul li p:not(:first-of-type)::before { display: none; }
  section.formule-3tabs.cols2 div.wrapper div.tabs-formule { width: 230px; }
}

/** Formule 4 cols but 2 dust */
@media (min-width: 1600px) {
  section.formule-3tabs.cols4.dust_table div.wrapper { width: 100% !important; }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule { width: calc((100% - 102px) / 6); }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule.left_dust { pointer-events: none; -webkit-mask-image: -webkit-gradient(linear, right center, left center, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0))); }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule.right_dust { pointer-events: none; -webkit-mask-image: -webkit-gradient(linear, left center, right center, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0))); }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price { position: relative; }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_low_cost { position: absolute; top: 50%; left: 40px; height:28px; transform: translateY(-50%); }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_vps_pro { position: absolute; top: 50%; right: 40px; height:28px; transform: translateY(-50%); }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_low_cost img { transform : rotate(-90deg); max-width:28px; width: 28px; height: 15px; }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_vps_pro img { transform : rotate(90deg); max-width:28px; width: 28px; height: 15px; }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule h6 { padding: 0; }
  section.formule-3tabs.cols4.dust_table div.tabs-formule div.head-tabs { padding: 25px 10px 10px; }
}
@media (max-width: 1599px) {
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule.left_dust,
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule.right_dust {display: none; }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_low_cost { position: absolute; top: 50%; left: -30px; height:28px; transform: translateY(-50%); }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_vps_pro { position: absolute; top: 50%; right: -40px; height:28px; transform: translateY(-50%); }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_low_cost img { transform : rotate(-90deg); max-width:28px; width: 28px; height: 15px; }
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_vps_pro img { transform : rotate(90deg); max-width:28px; width: 28px; height: 15px; }
}

@media (max-width: 1200px) AND (min-width: 981px) {
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule h6 { padding: 0 25px; }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule h6 a { display: none; }
  section.formule-3tabs.cols4.dust_table div.tabs-formule.v2 div.content-price div.price_element_percent { padding: 7px 10px; }
}

@media (max-width: 980px) {
  section.formule-3tabs.cols4.dust_table div.tabs-formule.special div.list-tabs.v3 ul li { padding: 20px 17px; }
  section.formule-3tabs.cols4.dust_table div.wrapper div.tabs-formule h6 a,
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_low_cost,
  section.formule-3tabs.cols4.dust_table div.wrapper div#content_table_price a.btn_vps_pro { display: none; }
}

/** Bloc assurance **/
section.formule-3tabs div.assurance { display: flex; flex-direction: row; justify-content: center; gap: 50px; align-items: center; background: var(--bg-color-grey); padding: 20px; margin-top: 40px; }
section.formule-3tabs div.assurance .left { display: flex; flex-direction: row; gap: 8px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.formule-3tabs div.assurance .left .accroche { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-semi); }
section.formule-3tabs div.assurance .left img.star { width: 180px; height: auto; margin: 0 7px; }
section.formule-3tabs div.assurance .left img.logo_t { width: 100px; height: auto; }
section.formule-3tabs div.assurance .middle { width: 1px; height: 44px; background: #4D5163; }
section.formule-3tabs div.assurance .right { display: flex; flex-direction: row; gap: 15px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.formule-3tabs div.assurance .right img { width: 60px; height: auto; }

@media (max-width: 1200px) and (min-width: 980px) {
  section.formule-3tabs div.assurance { gap: 30px; }
}
@media (max-width: 979px) {
  section.formule-3tabs div.assurance { flex-direction: column; gap: 0; }
  section.formule-3tabs div.assurance .middle,
  section.formule-3tabs div.assurance .right { display: none; }
}
@media (max-width: 767px) {
  section.formule-3tabs div.wrapper.mobile_classic { width: 100%; }
  section.formule-3tabs div.assurance .left { flex-wrap: wrap; justify-content: center; }
}


/** Premium **/
.premium section.formule-3tabs { padding: 4.375rem 0; }
.premium section.formule-3tabs.pad_clock { padding: 0 0 4.375rem; }
.premium section.formule-3tabs h2 { color: var(--color-title); font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); margin: 0 !important; }
.premium section.formule-3tabs div.features { color: var(--color-white); background: var(--bg-color-premium); box-shadow: none; border: 1px solid rgba(255,255,255,0.5); border-radius: 10px; }
.premium section.formule-3tabs div.features div.title { background: #44464A; border-radius: 10px 10px 0 0; }
.premium section.formule-3tabs div.features div.content table tr:nth-child(2n) td { background-color: #191919; }
.premium section.formule-3tabs div.features div.content table tr td a span.tooltip_fg { background: url(../images/theme2021/svg/interrogation_blanc.svg); }
.premium section.formule-3tabs div.features div.content table tr td span.icon-checked::before { background-image: url(../images/theme2021/svg/check_clair.svg); }
.premium section.formule-3tabs div.features div.content table tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
.premium section.formule-3tabs div.features div.content table tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }

@media (max-width: 767px) {
  .premium section.formule-3tabs { display: none; }
}


/** Bloc all Caractéristiques **/
#tableCarac { padding-top: 70px; }
div.btn-fixed { display: none !important; }
section.formule-3tabs table.compare_offer { border: none; margin-top: 0px; width: 100%; }
section.formule-3tabs.options-table div.wrapper p.subtitle { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.formule-3tabs.options-table h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
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 15px; width: 320px; }
section.formule-3tabs table.compare_offer.cols4 thead:first-of-type tr th { width: 220px !important; }
section.formule-3tabs table.compare_offer thead:first-of-type tr th:nth-child(2) { border-radius: 10px 0 0 0; }
section.formule-3tabs table.compare_offer thead:first-of-type tr th:last-of-type { border-radius: 0 10px 0 0; }
table.compare_offer.compare_service thead tr th { vertical-align: middle; }
table.compare_offer.compare_service thead tr th h2.compar_service { font-size: 26px; line-height: 36px; margin-bottom: 20px; }
table.compare_offer.compare_service thead tr th p.tiny { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: -10px; margin-bottom: 30px; }
section.formule-3tabs.privatec-table p.sub-title { text-align: center; }
section.formule-3tabs.privatec-table table.compare_offer { margin-top: 50px; }
section.formule-3tabs.privatec-table table.compare_offer thead { background: transparent !important; }
section.formule-3tabs.privatec-table table.compare_offer thead tr th:not(:first-of-type) { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); background: #1E499B !important; }
section.formule-3tabs.privatec-table table.compare_offer thead tr th img { display: block; width: 50px; height: auto; margin: 0 auto 15px; }
section.formule-3tabs.privatec-table table.compare_offer tbody tr td a { color: var(--color-orange); }
table.compare_offer.compare_service tbody tr td img.star_compare:first-child { margin-left: 0; }
table.compare_offer.compare_service tbody tr td img.star_compare { width: 20px; height: 20px; display: inline; margin-left: 4px; }
section.formule-3tabs.options-table table.compare_offer thead tr th { width: 235px !important;; }
section.formule-3tabs.options-table table.compare_offer thead tr th:first-child { width: calc(100% - (235px * 3)) !important; }
section.formule-3tabs table.compare_offer thead tr th:first-child { width: calc(100% - (320px * 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: var(--bg-color-blue); box-shadow: 2px 2px 25px #1E499B40; }
section.formule-3tabs table.compare_offer.option-vps thead.bg_transparent { background: transparent; }
section.formule-3tabs table.compare_offer.option-vps thead tr th:not(:first-child) { color: var(--color-white); }
section.formule-3tabs table.compare_offer.option-vps thead tr th:nth-child(3) { background: var(--bg-color-blue); }
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: var(--bg-color-blue3); }
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: var(--bg-color-blue2); 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: 1.625rem; line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-white); margin: 0; }
section.formule-3tabs table.compare_offer.comparatif thead tr th h2 { font-size: 26px; line-height: 36px; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.formule-3tabs table.compare_offer.comparatif thead tr th p.little { margin-top: 10px; margin-bottom: 20px; font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-white); }
section.formule-3tabs table.compare_offer thead tr th div.content-price { color: var(--color-white) !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: var(--font-weight-semi); 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: var(--bg-color-white); left: -5px; right: -5px; 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: var(--font-weight-semi); color: var(--color-white); }
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: var(--font-weight-semi); color: var(--color-white); 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: var(--font-weight-semi); color: var(--color-white); }
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: var(--font-weight-normal); color: var(--color-white); 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: var(--font-weight-normal); margin-top: 5px; }
section.formule-3tabs table.compare_offer thead tr th a.btnOrange { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 7px 30px; border-radius: 10px; }
section.formule-3tabs.cols4 table.compare_offer thead tr th a.btnOrange { padding: 7px 15px; }
section.formule-3tabs table.compare_offer tbody  { border-radius: 10px 0 10px 10px; }
section.formule-3tabs table.compare_offer tbody tr:first-of-type td:first-of-type { border-radius: 10px 0 0 0; }
section.formule-3tabs table.compare_offer tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.formule-3tabs table.compare_offer tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.formule-3tabs table.compare_offer tbody { box-shadow: 2px 2px 25px #1e499b40; }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n+1) td { background: var(--bg-color-white); }
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.comparatif tbody tr td { padding: 20px; }
table.compare_offer tbody tr td:first-of-type h5 { font-weight: var(--font-weight-semi); }
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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); 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,
section.formule-3tabs table.compare_offer tbody tr td span.txt-orange { color: var(--color-orange) !important; font-weight: var(--font-weight-semi); }
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: var(--color-text-base); text-decoration: none; }
section.formule-3tabs table.compare_offer tbody tr td a.link { color: var(--color-orange); text-decoration: underline; }
section.formule-3tabs table.compare_offer tbody tr td div.intitule { display: inline-block; text-align: right; width: 80px; vertical-align: middle; }
section.formule-3tabs table.compare_offer tbody tr td div.stars { display: inline-block; text-align: left; vertical-align: middle; margin-left: 10px; }
section.formule-3tabs table.compare_offer tbody tr td div.check2 { display: inline-block; text-align: center; width: max-content; padding-left: 30px; }
section.formule-3tabs table.compare_offer tbody tr td div.check2.pl0 { padding-left: 0; }
section.formule-3tabs table.compare_offer tbody tr td div.check2:not(:first-child) { margin-left: 10px; }
section.formule-3tabs table.compare_offer tbody tr td div.check2 span[class*="icon-"]::before { left: -20px; }
section.formule-3tabs table.compare_offer tbody tr td span[class*="icon-"].text { display: block; text-align: left; width: fit-content; padding-left: 20px; margin: auto; }
section.formule-3tabs table.compare_offer tbody tr td span[class*="icon-"].text::before { left: 0; }
section.formule-3tabs table.compare_offer tbody tr td.check2_left { padding-left: 25px; }
section.formule-3tabs table.compare_offer tbody tr td.check2_left span[class*="icon-"].text { margin: 0; }
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 img.etoile { display: inline-block; width: 20px; height: 20px; }
section.formule-3tabs table.compare_offer tbody tr td img.etoile:not(:first-child) { margin-left: 4px; }
section.formule-3tabs table.compare_offer tbody tr td span.tiny { font-size: 12px; line-height: 20px; }
section.formule-3tabs table.compare_offer tbody tr td:not(:first-child) a { text-decoration: underline; }
section.formule-3tabs table.compare_offer tbody tr td span[class^="icon-"],
section.formule-3tabs div.features div.content table tr td span[class^="icon-"] { position: relative; }
section.formule-3tabs table.compare_offer tbody tr td span.icon-checked::before,
section.formule-3tabs div.features div.content table 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: var(--bg-color-blue); color: var(--color-white) !important; font-size: var(--font-size-large) !important; line-height: 27px !important; font-weight: var(--font-weight-semi) !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 { color: var(--color-text-base)!important; }
section.formule-3tabs table.compare_offer tbody tr td.bg-warning { color: var(--color-text-base)!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: var(--bg-color-grey) !important; }
section.formule-3tabs table.compare_offer tbody tr:nth-child(2n+1) td.bg-warning { background-color: var(--bg-color-white) !important; }
section.formule-3tabs table.compare_offer tbody tr:last-child td a.btnOrange { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 7px 30px; border-radius: 10px; }
section.formule-3tabs table.compare_offer:not(.option-vps) tbody tr:last-child td { border: none; }
section.formule-3tabs table.compare_offer:not(.option-vps) 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 { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }
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: var(--color-text-base); }
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; margin-top: 6px; }
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: 280px !important;; }
  section.formule-3tabs table.compare_offer thead tr th:first-child { width: calc(100% - (280px * 3)) !important; }
}
/* If Lato + grille normal */

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

@media (max-width: 980px) {
  section.formule-3tabs table.compare_offer.comparatif thead {display : none;}
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:not(:first-child) {display : block;}
  section.formule-3tabs table.compare_offer.comparatif:not(.option-vps) tbody tr td:first-child:not([colspan="4"]),
  section.formule-3tabs table.compare_offer.comparatif:not(.option-vps) tbody tr td:first-child:not([colspan="5"]) { max-width: 225px; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:not(:first-child) { display: block; position: relative; width: 100%; height: 100%; text-align: left; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(2)::before { position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(3)::before { position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(4)::before { position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(2)::before { content: 'Hébergement Linux LWS Panel :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(3)::before { content: 'Hébergement Linux cPanel :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(4)::before { content: 'Hébergement Windows Plesk :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:nth-child(2)::before { content: 'Emails Personnalisées :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:nth-child(3)::before { content: 'Emails Pro Essentiel :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:nth-child(4)::before { content: 'Emails Pro Premium :'; position: relative; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(2) { padding: 20px 20px 0 ; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(3) { padding: 5px 20px; border-left: none; border-right: none; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(4) { padding: 0 20px 20px; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td span[class^="icon-"] { margin-left: 10px; }
  section.formule-3tabs table.compare_offer.comparatif tbody td { border: none; }
  section.formule-3tabs table.compare_offer.comparatif tbody td a.cmde_link { color: var(--color-orange); text-decoration: underline; }
  section.formule-3tabs table.compare_offer tbody tr:last-child td:nth-child(3) { border-left: none !important; border-right: none !important; }
}

@media (max-width: 767px) {
  section.formule-3tabs table.compare_offer.comparatif:not(.option-vps) tbody tr td:first-child:not([colspan="4"]),
  section.formule-3tabs table.compare_offer.comparatif:not(.option-vps) tbody tr td:first-child:not([colspan="5"]) { max-width: 150px; }
  section.formule-3tabs table.compare_offer.comparatif:not(.comparatif_mail) tbody tr td:nth-child(2)::before { display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif:not(.comparatif_mail) tbody tr td:nth-child(3)::before { display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif:not(.comparatif_mail) tbody tr td:nth-child(4)::before { display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(2)::before { content: 'Hébergement Linux LWS Panel'; display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(3)::before { content: 'Hébergement Linux cPanel'; display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mutu tbody tr td:nth-child(4)::before { content: 'Hébergement Windows Plesk'; display: block; margin-right: 0; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:nth-child(1) { display: block; max-width: 100% !important; width: 100%; height: auto; border-right: none !important; text-align: center; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:nth-child(1):not([colspan="4"]) { padding: 20px 20px 0; text-decoration: underline; }
  section.formule-3tabs table.compare_offer.comparatif tbody tr td:nth-child(3) { padding: 10px 20px; }
  section.formule-3tabs table.compare_offer.comparatif.comparatif_mail tbody tr td:not(:first-child) { text-align: center; }
  section.formule-3tabs div.wrapper.mobile100 { width: 100% !important; }
}


/**************************/
/***  Bloc Choice Plan  ***/
/**************************/
#choice_plan { background-color: #DBE8FE; border-radius: 33px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; align-items: center; padding: 8px 10px; width: max-content; max-width: 100%; margin: 0 auto 30px; }
#choice_plan a { color: var(--color-title); font-size: var(--font-size-large); line-height: 30px; padding: 10px 30px; background-color: transparent; border-radius: 23px; }
#choice_plan a.active { color: var(--color-lws-blue); font-weight: var(--font-weight-semi); background-color: var(--color-white); box-shadow: 4px 4px 10px #1E499B33; pointer-events: none; }
.premium #choice_plan { background-color: var(--bg-color-premium); }
.premium #choice_plan a,
.premium #choice_plan a.active { color: var(--color-white); }
.premium #choice_plan a.active { background-color: var(--background-table-head); box-shadow: unset; }

/*****************************************************/
/***  Premium Tableau Prix & Fonctions Principales ***/
/*****************************************************/
.premium .formule-3tabs { background-color: var(--bg-color-premium2); }
.premium section.formule-3tabs { padding: 30px 0; }
.premium section.formule-3tabs div.tabs-formule div.head-tabs { background-color: var(--background-table-head); }
.premium section.formule-3tabs div.tabs-formule.special div.head-tabs { background-color: var(--color-white); }
.premium section.formule-3tabs div.tabs-formule.special div.head-tabs h3 { color: #000; }
.premium section.formule-3tabs div.tabs-formule div.triangle,
.premium section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller,
.premium section.formule-3tabs div.tabs-formule div.content-price { background-color: var(--bg-color-premium); }
.premium section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller::after { border-top: 8px solid #000; }
.premium .formule-3tabs .list-tabs.v2 li,
.premium section.formule-3tabs div.fonctions_principales { background-color: #343944 !important; }
.premium section.formule-3tabs div.tabs-formule.special div.head-tabs div.best_seller,
.premium .formule-3tabs .list-tabs.v2 *:not(div.popover *),
.premium section.formule-3tabs div.fonctions_principales *:not(div.popover *),
.premium section.formule-3tabs span:not(.tooltip_table) { color: var(--color-white) !important; }
.premium section.formule-3tabs div.tabs-formule.special div.list-tabs.v2 { border: 2px solid #000; }
.premium section.formule-3tabs.cols4 div.wrapper div.tabs-formule { box-shadow: 2px 2px 25px #1E499B40; }
.premium section.formule-3tabs div.tabs-formule div.list-tabs.v2 ul li p a.pop span,
.premium section.formule-3tabs div.fonctions_principales li a.pop span,
.premium section.formule-3tabs p.more-resources span.tooltip_fg,
.premium section.formule-3tabs div.features div.content table tr td a span.tooltip_fg,
.premium section.formule-3tabs div.features div.content ul li a span.tooltip_table { background: url(../images/theme2021/svg/interrogation_blanc.svg) !important; }


/************************/
/***  Bloc Need User  ***/
/************************/
#need_user { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--color-white); color: var(--color-text-base); margin-top: 30px; padding: 30px; box-shadow: 2px 2px 25px #1E499B40; border-radius: 10px; }
#need_user .left { display: flex; flex-direction: row; align-items: center; gap: 10px; font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-bold); }
#need_user .right { font-size: var(--font-size-base); line-height: var(--line-height-medium); }
.premium #need_user { background-color: #000000; color: var(--color-white); border: 1px solid #4D5163; box-shadow: none; }
.tabs2 #need_user { max-width: 758px; width: 100%; margin: 20px auto;}
.tabs2 #need_user .left { font-size: 18px; line-height: 30px; } 
.tabs2 #need_user .right { font-size: 15px; line-height: 24px; }



/********************/
/***  Responsive  ***/
/********************/
@media (max-width: 979px) {
    #need_user { position: sticky; left: 0; flex-direction: column; gap: 5px 0; }
}

@media (max-width: 767px) {
    #need_user { position: sticky; left: 0; }
    .premium section.formule-3tabs { display: block !important; }
    #nos_offres { overflow: hidden; }
    #tab_remise2 { overflow: auto; }
    #choice_plan { margin: 0 auto; }
    #need_user .left span, #need_user .right { text-align: center; }
}

@media (max-width: 499px) {
    #choice_plan a { font-size: var(--font-size-base); padding: 10px 15px; }
    #need_user .left img { display: none; }
}


/** Safari < 16.x **/
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
  table tr td span[class^="icon-"] { display: inline-block; top: -5px; }
}
}

/** Safari 16.x **/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root ,  section.formule-3tabs table.compare_offer thead tr th:not(:first-child) { box-shadow: 2px 0px 10px #1E499B40; }
  _::-webkit-full-page-media, _:future, :root , table tr td span[class^="icon-"] { display: inline-block; top: -5px; }
  _::-webkit-full-page-media, _:future, :root , table.compare_offer tbody { position: relative; }
  _::-webkit-full-page-media, _:future, :root , table.compare_offer thead tr th:not(:first-child) { position: relative; }
  /*_::-webkit-full-page-media, _:future, :root , table.compare_offer tbody:before { content: ''; position: absolute; top: unset; left: 0; width: 100%; height: 100%; max-height: calc(100% - 403px); z-index: 0; box-shadow: 2px 2px 25px #1e499b40; }*/
  /*_::-webkit-full-page-media, _:future, :root , table.compare_offer thead tr th:not(:first-child):before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; box-shadow: 2px 2px 25px #1e499b40; }*/
  _::-webkit-full-page-media, _:future, :root , table.compare_offer tbody tr td:first-of-type { border-left: 1px solid rgba(30, 73, 155, 0.3) !important; }
  _::-webkit-full-page-media, _:future, :root , table.compare_offer tbody tr td:last-of-type { border-right: 1px solid rgba(30, 73, 155, 0.3) !important; }
  _::-webkit-full-page-media, _:future, :root , table.compare_offer tbody tr:first-of-type td:first-of-type { border-top: 1px solid rgba(30, 73, 155, 0.1) !important; }
  _::-webkit-full-page-media, _:future, :root , table.compare_offer tbody tr:last-of-type td { border-bottom: 1px solid rgba(30, 73, 155, 0.3) !important; }
  /** Widget **/
  _::-webkit-full-page-media, _:future, :root , div#champs_multi_domaine { height: 100%; }
  _::-webkit-full-page-media, _:future, :root , textarea#list_domain_search { height: 100%; }
}


/** Bloc comparateur **/
section.bloc_comparateur { padding: 70px 0; }
section.bloc_comparateur.p50 { padding: 0 0 50px !important; }
section.bloc_comparateur h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
section.bloc_comparateur table#compa_mail_pro { margin-top: 50px; }
section.bloc_comparateur table#compa_mail_pro thead tr th:not(:first-of-type) { background: var(--bg-color-white) !important; border-bottom: 1px solid rgba(30, 73, 155, 0.3) !important; }
section.bloc_comparateur table#compa_mail_pro thead tr th:nth-child(3) { border-left: 2px solid #FF6600; border-right: 2px solid #FF6600; border-top: 2px solid #FF6600; }
section.bloc_comparateur table#compa_mail_pro thead tr th h6 { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc_comparateur table#compa_mail_pro thead tr th p.price { margin: 10px 0; font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc_comparateur table#compa_mail_pro thead tr th a.btnOrange { display: block; height: 41px; width: max-content; margin: auto; }
section.bloc_comparateur table#compa_mail_pro:not(.option-vps) tbody tr td:first-child:not([colspan="4"]),
section.bloc_comparateur table#compa_mail_pro:not(.option-vps) tbody tr td:first-child:not([colspan="5"]) { border-right: 1px solid rgba(30, 73, 155, 0.3); }
section.bloc_comparateur table#compa_mail_pro tbody { box-shadow: rgb(50 50 93 / 25%) 0px 13px 25px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px; }
section.bloc_comparateur table#compa_mail_pro tbody tr td.bg-warning { border-color: #FF6600 !important; border-left: 2px solid; border-right: 2px solid; }
section.bloc_comparateur table#compa_mail_pro:not(.option-vps) tbody tr:last-child td:nth-child(3) { border-left: 2px solid #FF6600; border-right: 2px solid #FF6600; border-bottom: 2px solid #FF6600; }
section.bloc_comparateur table#compa_mail_pro tbody tr td,
section.bloc_comparateur table#compa_mail_pro thead:first-of-type tr th { padding: 20px; }
section.bloc_comparateur p.tiny { font-size: var(--font-size-small); line-height: 24px; }

@media (max-width: 981px) {
  section.bloc_comparateur { padding: 40px 0 !important; }
}

@media (max-width: 767px) {
  section.bloc_comparateur { overflow: hidden !important; }
  section.bloc_comparateur h2 { max-width: 100%; font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
  section.bloc_comparateur div.wrapper { width: 100%; }
  section.bloc_comparateur table#compa_mail_pro { width: max-content; max-width: 100%; margin: 40px auto; }
  section.bloc_comparateur table#compa_mail_pro thead { box-shadow: rgb(50 50 93 / 25%) 0px 13px 25px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px; }
  section.bloc_comparateur table#compa_mail_pro thead tr { display: flex; flex-direction: column; }
  section.bloc_comparateur table#compa_mail_pro thead tr th:first-of-type { width: 100%; padding: 10px 15px; text-align: center; height: auto; background: var(--bg-color-blue); }
  section.bloc_comparateur table#compa_mail_pro thead tr th:first-of-type:before { content: 'Service Mail Pro'; color: var(--color-white); font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-semi); text-transform: uppercase; }
  section.bloc_comparateur table#compa_mail_pro thead tr th { width: 100%; box-shadow: none !important; }
  section.bloc_comparateur table#compa_mail_pro thead tr th:nth-child(3) { border: 0; }
  section.bloc_comparateur table#compa_mail_pro thead tr th p br { display: none; }
  section.bloc_comparateur table#compa_mail_pro tbody tr { display: flex; flex-direction: column; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td { text-align: center; height: auto; border-left: 0 !important; border-right: 0 !important; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td[colspan="4"] { width: 100%; padding: 10px 15px !important; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:first-of-type { padding: 10px 15px 5px; font-weight: var(--font-weight-semi); font-size: var(--font-size-large); }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:last-of-type { padding: 5px 15px 10px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:nth-child(2) { padding: 10px 15px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:not(:first-of-type):not(:last-of-type):not(:nth-child(2)) { padding: 5px 15px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:nth-child(2):before { content: 'Service Mail S : '; font-weight: var(--font-weight-semi); }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:nth-child(3):before { content: 'Service Mail M : '; font-weight: var(--font-weight-semi); }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:nth-child(4):before { content: 'Service Mail L : '; font-weight: var(--font-weight-semi); }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:first-of-type:not([colspan="4"]) { background: var(--bg-color-grey); border-bottom: 1px solid #1e499b; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td:not(:first-of-type) { background: var(--bg-color-white) !important; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td span.icon-checked:before,
  section.bloc_comparateur table#compa_mail_pro tbody tr td span.icon-cross:before { display: none; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td span.icon-checked:after { content: 'Inclus'; color: #2EA715; }
  section.bloc_comparateur table#compa_mail_pro tbody tr td span.icon-cross:after { content: 'Non inclus'; color: #f00; }
  section.bloc_comparateur table#compa_mail_pro tbody tr:last-of-type td.bg-warning { border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; }
  section.bloc_comparateur table#compa_mail_pro tbody tr:last-of-type td:nth-child(2) { padding: 20px 15px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr:last-of-type td:nth-child(3) { padding: 20px 15px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr:last-of-type td:last-of-type { padding: 20px 15px; }
  section.bloc_comparateur table#compa_mail_pro tbody tr:last-of-type td a { margin-left: 10px; }
}



/** Bloc Table 2 **/
section.bloc_table2 { padding: 70px 0; }
section.bloc_table2 h1,
section.bloc_table2 h2,
section.bloc_table2 h3 { margin: 0; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloc_table2 p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-text-base); text-align: center; margin: 20px auto 50px; }
section.bloc_table2 table { width: 100%; max-width: 100%; }
section.bloc_table2 table thead tr th { background-color: transparent; }
section.bloc_table2 table tbody { box-shadow: 2px 2px 25px #1E499B40; }
section.bloc_table2 table tbody tr td { background-color: var(--color-white); }
section.bloc_table2 table thead tr th,
section.bloc_table2 table tbody tr td { padding: 20px; text-align: center; }
section.bloc_table2 table tbody tr td:nth-child(1) { text-align: left; }
section.bloc_table2 table tbody tr:not(:last-of-type) td { border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
section.bloc_table2 table tbody tr.top_hosting td,
section.bloc_table2 table tbody tr td.top_hosting { color: #00A716; font-weight: var(--font-weight-semi); }
section.bloc_table2 table tbody tr.top_hosting td s { color: var(--color-text-base); font-weight: var(--font-weight-normal); }
section.bloc_table2 p.legend_table { margin-top: 25px; font-size: var(--font-size-small); line-height: 24px; }
section.bloc_table2 p.content_btn { margin-top: 50px; text-align: center; }
section.bloc_table2 p.content_btn a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); border-bottom: none; padding: 8px 30px; }

@media (max-width: 1200px) {
  section.bloc_table2 { padding: 40px 0; }
  section.bloc_table2 h1,
  section.bloc_table2 h2,
  section.bloc_table2 h3 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc_table2 p.sub-title { margin: 20px auto 40px; }
}

@media (max-width: 545px) {
  section.bloc_table2 h1,
  section.bloc_table2 h2,
  section.bloc_table2 h3 {font-size: 1.875rem; line-height: 2.875rem; }
  section.bloc_table2 table thead { display: none; }
  section.bloc_table2 table tbody tr td { display: block; padding: 5px 20px; }
  section.bloc_table2 table tbody tr td:first-of-type { padding-top: 10px; }
  section.bloc_table2 table tbody tr td:last-of-type { padding-bottom: 10px; }
  section.bloc_table2 table tbody tr td:nth-child(1) { text-align: center; }
  section.bloc_table2 table tbody tr:not(:last-of-type) td { border-bottom: 0; }
  section.bloc_table2 table tbody tr:not(:last-of-type) td:last-of-type { border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
}


/** Bloc onglet **/
section.bloc_onglet { padding: 70px 0; }
section.bloc_onglet h1,
section.bloc_onglet h2,
section.bloc_onglet h3 { margin: 0; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloc_onglet p.sub-title { margin-top: 1.25rem; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.bloc_onglet p.sub-title a { text-decoration: underline; }
section.bloc_onglet div.onglet_menu ul.onglets { margin-top: 70px; display: flex; height: 47px; max-height: 47px; width: 100%; }
section.bloc_onglet div.onglet_menu ul.onglets li { flex-shrink: 0; flex-grow: 1; text-align: center; position: relative; font-size: var(--font-size-base); line-height: 47px; font-weight: var(--font-weight-semi); padding: 0 15px; color: var(--color-white); background-color: var(--bg-color-blue) }
section.bloc_onglet div.onglet_menu ul.onglets li.active, section.bloc_onglet ul.onglets li:hover { background: #FF6600; cursor: pointer; }
section.bloc_onglet div.onglet_menu ul.onglets li:not(:last-child) { border-right: 1px solid #fff; }
section.bloc_onglet div.onglet_menu ul.onglets li:first-of-type { border-right: 1px solid #fff; border-radius: 10px 0 0 10px; }
section.bloc_onglet div.onglet_menu ul.onglets li:last-of-type { border-right: 1px solid #fff; border-radius: 0 10px 10px 0; }
section.bloc_onglet div.onglet_menu ul.onglets li div.icon-menu { display: inline-block; width: 19px; height: 19px; margin-right: 10px; top: 3px; position: relative; }
section.bloc_onglet div.onglet_menu ul.onglets li.active:after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 12px solid #FF6600; }
section.bloc_onglet div.content div[id^="onglet"] { padding-top: 70px; }
section.bloc_onglet div.content div[id^="onglet"] div.text.bloc-left { padding-right: 66px; }
section.bloc_onglet div.content div[id^="onglet"] div.text { display: inline-block; width: calc(100% - 553px); vertical-align: middle; }
section.bloc_onglet div.content div[id^="onglet"] div.text .gd-title { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-black); text-align: left; margin-top: 1.5625rem; padding-bottom: 0 !important; }
section.bloc_onglet div.content div[id^="onglet"] div.text .gd-title:first-child { margin-top: 0; }
section.bloc_onglet div.content div[id^="onglet"] div.text p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 1.5625rem; padding-bottom: 0; }
section.bloc_onglet div.content div[id^="onglet"] div.text ul { margin-top: 1.875rem; list-style-image: none; }
section.bloc_onglet div.content div[id^="onglet"] div.text ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); position: relative; padding-left: 1.6875rem; text-align: left; }
section.bloc_onglet div.content div[id^="onglet"] div.text ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.bloc_onglet div.content div[id^="onglet"] div.img { display: inline-block; width: 548px; height: auto; vertical-align: middle; }
section.bloc_onglet div.bloc-left h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); text-align: left; margin-bottom: 20px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc_table2 { padding: 40px 0; }
  section.bloc_table2 h1,
  section.bloc_table2 h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc_onglet div.onglet_menu ul.onglets { flex-wrap: wrap; justify-content: center; gap: 5px 0; }
  section.bloc_onglet div.onglet_menu ul.onglets li { flex: initial; }
  section.bloc_onglet div.content div[id^="onglet"] div.img { width: 450px; }
  section.bloc_onglet div.content div[id^="onglet"] div.text { width: calc(100% - 455px); }
  section.bloc_onglet div.content div[id^="onglet"] div.text.bloc-left { padding-right: 3.6875rem; }
  section.bloc_onglet div.content div[id^="onglet"] div.text.bloc-right { padding-left: 3.6875rem; }
  section.bloc_onglet div.content div[id^="onglet"] div.text h2,
  section.bloc_onglet div.content div[id^="onglet"] div.text h3 { font-size: 1.625rem; line-height: 2.25rem; }
  section.bloc_onglet div.content div[id^="onglet"] div.text p.gd-title,
  section.bloc_onglet div.content div[id^="onglet"] div.text p.h3-title,
  section.bloc_onglet div.content div[id^="onglet"] div.text h3.gd-title,
  section.bloc_onglet div.content div[id^="onglet"] div.text h4.gd-title,
  section.bloc_onglet div.content div[id^="onglet"] div.text p.content { font-size: 0.9375rem; line-height: var(--line-height-small); }
}

@media (max-width: 979px) {
  section.bloc_table2 { padding: 40px 0; }
  section.bloc_table2 h1,
  section.bloc_table2 h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc_onglet div.content div[id^="onglet"] { padding-top: 50px; }
  section.bloc_onglet div.content div[id^="onglet"] div.text h2,
  section.bloc_onglet div.content div[id^="onglet"] div.text h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); text-align: center; }
  section.bloc_onglet div.content div[id^="onglet"] div.text .gd-title { text-align: center; }
  section.bloc_onglet div.content div[id^="onglet"] div.text p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); text-align: center; }
  section.bloc_onglet div.content div[id^="onglet"] { display: flex; flex-direction: column; }
  section.bloc_onglet div.content div[id^="onglet"].hide { display: none; }
  section.bloc_onglet div.content div[id^="onglet"] div.text { flex: 1; order: 1; width: 100%; text-align: center; }
  section.bloc_onglet div.content div[id^="onglet"] div.text ul { width: max-content; margin: 1.875rem auto 0; }
  section.bloc_onglet div.content div[id^="onglet"] div.text.bloc-left { padding-right: 0; }
  section.bloc_onglet div.content div[id^="onglet"] div.text.bloc-right { padding-left: 0; }
  section.bloc_onglet div.content div[id^="onglet"] div.img { flex: 1; order: 2; width: 100%; margin-top: 1.875rem; }
  section.bloc_onglet div.content div[id^="onglet"] div.img img { margin: auto; max-width: 600px; }
  section.bloc_onglet div.onglet_menu ul.onglets li { font-size: var(--font-size-small); }
}

@media (max-width: 767px) {
  section.bloc_onglet div.onglet_menu ul.onglets { height: auto; max-height: fit-content; flex-direction: column; margin-top: 40px; }
  section.bloc_onglet div.content div[id^="onglet"] div.text ul { margin: 1.875rem auto 0; width: fit-content; }
  section.bloc_onglet div.content div[id^="onglet"] div.img img { margin: auto; width: 600px; max-width: 100%; }
}

@media (max-width: 545px) {
  section.bloc_table2 h1,
  section.bloc_table2 h2 { font-size: 1.625rem; line-height: 2.25rem; }
}


/** Bloc vidéo **/
section#applications { padding: 40px 0; }
section#applications h1,
section#applications h2,
section#applications h3 { margin: 0; font-size: 30px; line-height: 40px; font-weight: var(--font-weight-semi); color: var(--color-white); text-align: center; }
section#applications p.subtitle { font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-white); text-align: center; margin: 20px auto 50px; }
section#applications p.subtitle a { color: var(--color-white); text-decoration: underline; }
section#applications .container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow:hidden; margin: auto; border-radius: 10px; }
section#applications .container_video iframe { left:0; top:0; height:100%; width:100%; position:absolute; }
section#applications div.btn_action { text-align: center; margin-top: 40px; }
section#applications div.btn_action a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 7px 30px; margin-top: 15px; border-bottom: 0; }
section#applications h2 + .container_video { margin-top: 40px; }

@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 One Formule **/
section.one-formule { text-align: center; padding: 4.375rem 0; }
section.one-formule h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.one-formule p.sub-title,
section.one-formule h3.sub-title { margin-top: 1.25rem; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.one-formule div.form_details { height: auto; /*238px*/ display: flex; flex-direction: row; gap: 0; align-items: center; margin-top: 3.125rem; border: 1px solid #83868B; background: var(--bg-color-premium2); }
section.one-formule div.form_details div.title { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); text-align: left; padding: 0 30px; width: 247px; }
section.one-formule div.form_details div.arrow_f { width: 20px; max-width: 20px; background: var(--bg-color-premium); position: relative; flex: 1; align-self: stretch; }
section.one-formule div.form_details div.arrow_f img { height: 100%; width: auto; /*transform: rotate(270deg); height: 20px; width: 236px; max-width: unset; position: absolute; left: -112px; top: 108px;*/ }
section.one-formule div.form_details div.arrow_f img:last-of-type { display: none; }
section.one-formule div.form_details div.info { display: flex; flex-direction: column; gap: 0; background: var(--bg-color-premium); position: relative; flex: 1; align-self: stretch; justify-content: center; padding: 30px; width: 260px; }
section.one-formule div.form_details div.info div.special { font-size: var(--font-size-base); line-height: 1.25rem; }
section.one-formule div.form_details div.info div.price { position: relative; display: flex; flex-direction: row; gap: 10px; justify-content: center; align-items: baseline; height: 40px; margin-top: 20px; }
section.one-formule div.form_details div.info div.price em { font-size: 1.25rem; line-height: 1.25rem; font-weight: var(--font-weight-bold); font-style: normal; position: relative; opacity: 0.5; }
section.one-formule div.form_details div.info div.price em::after { content: ""; position: absolute; height: 2px; background: var(--bg-color-white); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.one-formule div.form_details div.info div.price div.number { position: relative; width: 70px; text-align: left; }
section.one-formule div.form_details div.info div.price div.number span.entier { font-size: 2.813rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); }
section.one-formule div.form_details div.info div.price div.number span.decimal { position: absolute; top: -7px; left: 30px; font-size: 1.813rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); }
section.one-formule div.form_details div.info div.price div.number span.devise { position: absolute; top: 12px; left: 44px; font-size: var(--font-size-small); line-height: 1.375rem; }
section.one-formule div.form_details div.info div.period { font-size: var(--font-size-small); line-height: 1.375rem; }
section.one-formule div.form_details div.info a.btn-orange.btn-cmde { display: block; margin-top: 30px; height: 46px; font-size: var(--font-size-large); line-height: 2.875rem; font-weight: var(--font-weight-semi); padding: 0 30px; }
section.one-formule div.form_details div.info a.details { color: var(--color-white); text-decoration: underline; margin-top: 15px; }
section.one-formule div.form_details div.list_args { padding: 30px 30px 30px 40px; display: flex; flex-direction: row; gap: 40px; align-items: center; width: calc(100% - 527px); }
section.one-formule div.form_details div.list_args div ul li { text-align: left; padding-left: 25px; position: relative; width: 280px; font-size: var(--font-size-base); line-height: var(--line-height-medium); }
section.one-formule div.form_details div.list_args div ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 6px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.one-formule div.form_details div.list_args div ul li:not(:last-of-type) { margin-bottom: 10px; }
section.one-formule div.form_details div.list_args div ul li a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 19px; height: 19px; background: url(../images/theme2021/svg/interrogation_blanc.svg); padding: 0; border-radius: 0; image-rendering: pixelated; margin-left: 2px; }

/** Bloc One Formule - Premium **/
.premium section.one-formule h2,
.premium section.one-formule p.sub-title,
.premium section.one-formule h3.sub-title,
.premium section.one-formule div.form_details div,
.premium section.one-formule div.form_details li { color: var(--color-white); }
.premium section.one-formule div.form_details div.list_args div ul li:before { top: 8px; background: url(../images/theme2021/svg/check_clair.svg) no-repeat 50% 50% / contain; }

@media (max-width: 1200px) {
  section.one-formule div.form_details { flex-direction: column; max-width: 700px; margin: 3.125rem auto 0; }
  section.one-formule div.form_details div.title { width: 100%; text-align: center; padding: 30px 30px 15px; }
  section.one-formule div.form_details div.arrow_f { position: relative; display: block; width: 100%; max-width: 100%; height: 20px; align-self: unset; }
  section.one-formule div.form_details div.arrow_f img:first-child { display: none; }
  section.one-formule div.form_details div.arrow_f img:last-child { display: block; width: 100%; height: auto; }
  section.one-formule div.form_details div.info { width: 100%; align-self: unset; }
  section.one-formule div.form_details div.info a.btn-orange.btn-cmde { width: max-content; max-width: 100%; margin: 30px auto 0; }
  section.one-formule div.form_details div.list_args { width: 100%; justify-content: center; gap: 30px; }
  section.one-formule div.form_details div.list_args > div { width: 45%; }
}

@media (max-width: 979px) {
  section.one-formule div.form_details { max-width: 600px; }
  section.one-formule div.form_details div.list_args { justify-content: center; gap: 40px; padding: 30px; }
  section.one-formule div.form_details div.list_args div { width: 45%; }
  section.one-formule div.form_details div.list_args div ul li { width: 100%; }
}

@media (max-width: 767px) {
  section.one-formule div.form_details { width: 90%; max-width: 550px; }
  section.one-formule div.form_details div.list_args { flex-direction: column; gap: 10px; }
  section.one-formule div.form_details div.list_args div { width: 100%; }
  section.one-formule div.form_details div.list_args div ul { width: 400px; max-width: 100%; margin: auto; }
}


/** Bloc 3 colonnes **/
section.bloc3cols { text-align: center; padding: var(--padding-section-base); }
section.bloc3cols.only_title { padding: 4.375rem 0 0; }
section.bloc3cols h2,
section.bloc3cols h1 { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc3cols p.sub-title,
section.bloc3cols h3.sub-title { margin-top: 1.25rem; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc3cols p.sub-title a { text-decoration: underline; }
section.bloc3cols img.img_desc { display: inline-block; margin: 70px auto 0; }
section.bloc3cols div.flex-container { margin-top: 2.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2.5rem 0; }
section.bloc3cols div.flex-container.mt0 { margin-top: 0; }
section.bloc3cols div.flex-container div.flex-element { flex-grow: 1; max-width: 30%; width: 30%; }
section.bloc3cols div.flex-container div.flex-element img { width: 3.75rem; height: 3.75rem; margin: auto; }
section.bloc3cols div.flex-container div.flex-element img.rounded { width: 150px; height: 150px; margin: auto; border-radius: 50%; }
section.bloc3cols div.flex-container div.flex-element img.webdesigner { width: 350px; height: auto; margin: auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
section.bloc3cols div.flex-container div.flex-element img.template { width: 368px; height: auto; max-width: 100%; }
section.bloc3cols div.flex-container div.flex-element p.number { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-orange); }
section.bloc3cols div.flex-container div.flex-element .title { margin-top: 1.25rem; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc3cols div.flex-container div.flex-element .title.cblue { color: var(--color-title); }
section.bloc3cols div.flex-container div.flex-element p.content { margin-top: 0.625rem; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc3cols div.flex-container div.flex-element p.content a { text-decoration: underline;}
section.bloc3cols div.flex-container div.flex-element p.content + p.content { margin-top: 0.625rem; }
section.bloc3cols div.flex-container + p.content { margin-top: 40px; }
section.bloc3cols div.flex-container + p.content + p.content { margin-top: 40px; }
section.bloc3cols div.flex-container + p.content + p.content a.btn.btn-orange { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); padding: 8px 30px; border-bottom: none; }
section.bloc3cols p.content a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 7px 30px; border-bottom: 0; border-radius: 10px; }

/** Bloc 3cols - Premium **/
.premium section.bloc3cols h2,
.premium section.bloc3cols h1,
.premium section.bloc3cols p.sub-title,
.premium section.bloc3cols h3.sub-title,
.premium section.bloc3cols div.flex-container div.flex-element p.number,
.premium section.bloc3cols div.flex-container div.flex-element .title,
.premium section.bloc3cols div.flex-container div.flex-element p.content,
.premium section.bloc3cols.bg_img_cloud div.flex-container div.flex-element p.content { color: var(--color-text-base); }
.premium section.bloc3cols a.btn.btn-black { width: 100%; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-premium2); margin-top: 70px; border-bottom: 1px solid #fff; transition: rotate 1s ease-in-out; border-radius: 10px; }
.premium section.bloc3cols a.btn.btn-black img { display: inline-block; width: 15px; height: 8px; margin-left: 15px; }

/** Animation logo **/
/*section.bloc3cols div.flex-container div.flex-element img { transition: transform 0.25s ease-out; }
section.bloc3cols div.flex-container div.flex-element:hover img { transform: scale(1.05); }*/

/** Animation colonnes **/
/*section.bloc3cols div.flex-container div.flex-element { opacity: 0; transform: translateY(25px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
section.bloc3cols div.flex-container div.flex-element.visible { opacity: 1; transform: translateY(0); }*/

/*For Cloud*/
section.bloc3cols.bg_img_cloud { background-image: url('../images/cloud-serveur/ban_confiance.jpg') !important; background-size: cover; }
section.bloc3cols.bg_img_cloud h2,
section.bloc3cols.bg_img_cloud div.flex-container div.flex-element p.title,
section.bloc3cols.bg_img_cloud div.flex-container div.flex-element h3.title,
section.bloc3cols.bg_img_cloud div.flex-container div.flex-element h5.title,
section.bloc3cols.bg_img_cloud div.flex-container div.flex-element p.content { color: var(--color-white); }
section.bloc3cols.bg_img_cloud div.flex-container div.flex-element img { height: 80px; width: auto; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc3cols { padding: 2.5rem 0; }
  section.bloc3cols h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc3cols p.sub-title { font-size: var(--font-size-base); }
  section.bloc3cols div.flex-container { margin-top: 2.5rem; gap: 3.125rem 0; }
  section.bloc3cols div.flex-container div.flex-element h3.title,
  section.bloc3cols div.flex-container div.flex-element h5.title { margin: 1.875rem auto 0; max-width: 260px; }
  section.bloc3cols div.flex-container div.flex-element p.content { font-size: 0.9375rem; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc3cols { padding: 2.5rem 0; }
  section.bloc3cols h2 { font-size: var(--font-size-extra); line-height: 3rem; }
  section.bloc3cols p.sub-title { font-size: var(--font-size-large); line-height: 1.875rem; }
  section.bloc3cols div.flex-container { margin-top: 2.5rem; gap: 3.125rem 0; column-gap: 2.8125rem; flex-wrap: wrap; }
  section.bloc3cols.bg_img_cloud div.flex-container { flex-wrap: wrap; }
  section.bloc3cols.multi_rows div.flex-container { flex-wrap: wrap; }
  section.bloc3cols div.flex-container div.flex-element { max-width: 29%; }
  section.bloc3cols.more3 div.flex-container { flex-wrap: wrap; gap: 3.125rem; justify-content: center; }
  section.bloc3cols div.flex-container div.flex-element { flex-basis: 33.333333%; }
  section.bloc3cols.more3 div.flex-container div.flex-element { max-width: calc(50% - 1.5625rem); }
}

@media (max-width: 767px) {
  section.bloc3cols { padding: 2.5rem 0; }
  section.bloc3cols h2 { font-size: var(--font-size-extra); line-height: 3rem; }
  section.bloc3cols p.sub-title { font-size: var(--font-size-large); line-height: 1.875rem; }
  section.bloc3cols div.flex-container div.flex-element { max-width: 100%; width: 100%; }
  section.bloc3cols div.flex-container { margin-top: 2.5rem; gap: 3.125rem 0; }
}

@media (max-width: 545px) {
  section.bloc3cols h2 { font-size: 1.875rem; line-height: 2.5rem; }
  section.bloc3cols p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-base); }
}

@media (max-width: 400px) {
  section.bloc3cols h2 { font-size: 1.625rem; line-height: 2.25rem; }
}


/** Bloc inclus (3 cols) **/
section.bloc_inclus_3cols { padding: 40px 0; }
section.bloc_inclus_3cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloc_inclus_3cols p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
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 img { width: 100%; height: auto; }
section.bloc_inclus_3cols div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc_inclus_3cols div.flex-container div.flex-element a { color: var(--color-lws-blue); 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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc_inclus_3cols div.flex-container div.flex-element ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.bloc_inclus_3cols div.flex-container div.flex-element ul li:last-child { margin-bottom: 0; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc_inclus_3cols { padding: 40px 0; }
  section.bloc_inclus_3cols h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc_inclus_3cols div.flex-container { margin-top: 40px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element img { width: 380px; height: 360px; margin: auto; }
  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; width: -moz-max-content; max-width: 400px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul li { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; width: 100%; max-width: 100%; margin-bottom: 40px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc_inclus_3cols { padding: 40px 0; }
  section.bloc_inclus_3cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc_inclus_3cols div.flex-container { margin-top: 40px; align-items: baseline; }
  section.bloc_inclus_3cols div.flex-container div.flex-element img { width: 380px; height: 360px; margin: auto; }
  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; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul li { max-width: 360px; }
  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: 40px 0; }
  section.bloc_inclus_3cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc_inclus_3cols div.flex-container div.flex-element { max-width: 100%; margin-top: 40px; }
  section.bloc_inclus_3cols div.flex-container { margin-top: 0; }
  section.bloc_inclus_3cols div.flex-container div.flex-element img { width: 380px; height: 360px; margin: auto; }
  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; width: 50%; max-width: 50%; padding-right: 15px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { order: 3; width: 50%; max-width: 50%; padding-left: 15px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { margin: auto; width: max-content; width: -moz-max-content; max-width: 100%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:last-child { order: 1; width: 100%; max-width: 100%; }
}

@media (max-width: 545px) {
  section.bloc_inclus_3cols h2 { font-size: 1.875rem; line-height: 2.875rem; }
  section.bloc_inclus_3cols div.flex-container div.flex-element { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
  section.bloc_inclus_3cols div.flex-container div.flex-element:nth-child(2) { margin-top: 15px; }
  section.bloc_inclus_3cols div.flex-container div.flex-element ul { width: 100%; }
  section.bloc_inclus_3cols div.flex-container div.flex-element img { width: 100%; max-width: 380px; height: auto; margin: auto; }
}

@media (max-width: 410px) {
  section.bloc_inclus_3cols h2 { font-size: 1.625rem; line-height: 2.25rem; }
}


/** Bloc 4 colonnes simple **/
section.bloc4cols_simple { text-align: center; padding: 70px 0; }
section.bloc4cols_simple.bg_chiffres { background: var(--bg-color-white) 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: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc4cols_simple p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
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 { 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; margin-right: 15px; }
section.bloc4cols_simple div.flex-container div.flex-element img.marque { width: 150px; height: 120px; margin: auto; }
section.bloc4cols_simple div.flex-container div.flex-element div.chiffres { width: max-content; width: -moz-max-content; border: 2px solid #1e499b; background: #E6E9F2; padding: 5px; margin: auto; border-radius: 10px; }
section.bloc4cols_simple div.flex-container div.flex-element div.chiffres div.inside { background: var(--bg-color-white); font-size: var(--font-size-extra); line-height: 3.0625rem; font-weight: var(--font-weight-semi); color: var(--color-title); padding: 1px 15px 0; }
section.bloc4cols_simple div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 1.25rem; line-height: 2rem; font-weight: var(--font-weight-semi);  color: var(--color-black); }
section.bloc4cols_simple div.flex-container div.flex-element p.title img { display: inline-block; width: 30px; height: auto; vertical-align: middle; }
section.bloc4cols_simple div.flex-container div.flex-element p.content { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text-base); }
section.bloc4cols_simple div.flex-container div.flex-element p.content a { text-decoration: underline;}

section.bloc4cols_simple.v2 { padding: 40px 0; }
section.bloc4cols_simple.bg_chiffres.v2 { background: var(--bg-color-grey) url('../images/theme2021/svg/bg_monde.svg') 0% 0% no-repeat padding-box; opacity: 1; background-size: cover; background-position: 50% 0%; }
section.bloc4cols_simple.v2 div.flex-container { margin-top: 40px; }
section.bloc4cols_simple.v2 div.flex-container { gap: 20px; }
section.bloc4cols_simple.v2 div.flex-container div.flex-element { width: calc((100% - 60px) / 4); max-width: unset; }
section.bloc4cols_simple.v2 div.flex-container div.flex-element p.chiffre { font-size: 30px; line-height: 40px; font-weight: 600; color: #0C2A6A; }
section.bloc4cols_simple.v2 div.flex-container div.flex-element p.title { font-size: 16px; line-height: 25px; font-weight: 600; color: #0C2A6A; margin-top: 10px; }
section.bloc4cols_simple.v2 div.flex-container div.flex-element p.content { font-size: 16px; line-height: 25px; font-weight: 400; color: #001136; margin-top: 10px; }

/** Animation logo **/
/*section.bloc4cols_simple div.flex-container div.flex-element img { transition: transform 0.25s ease-out; }
section.bloc4cols_simple div.flex-container div.flex-element:hover img { transform: scale(1.05); }*/

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4cols_simple { padding: 40px 0; }
  section.bloc4cols_simple h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc4cols_simple p.sub-title { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.bloc4cols_simple div.flex-container { margin-top: 40px; }
  section.bloc4cols_simple div.flex-container div.flex-element p.title { margin-top: 20px; line-height: 1.875rem; }
  section.bloc4cols_simple div.flex-container div.flex-element p.content { font-size: 0.9375rem; line-height: var(--line-height-small); max-width: 200px; }
  section.bloc4cols_simple.v2 div.flex-container div.flex-element p.content { max-width: 100%; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols_simple { padding: 40px 0; }
  section.bloc4cols_simple h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc4cols_simple p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.bloc4cols_simple div.flex-container,
  section.bloc4cols_simple div.flex-container { margin-top: -10px; }
  section.bloc4cols_simple div.flex-container div.flex-element { max-width: 47%; margin-top: 50px; }
  section.bloc4cols_simple div.flex-container div.flex-element p.title { margin-top: 30px; font-size: 1.25rem; line-height: 2rem; }

  section.bloc4cols_simple.v2 div.flex-container { flex-wrap: wrap; gap: 20px; }
  section.bloc4cols_simple.v2 div.flex-container div.flex-element { width: calc((100% - 20px) / 2); }
}

@media (max-width: 767px) {
  section.bloc4cols_simple { padding: 40px 0; }
  section.bloc4cols_simple h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc4cols_simple p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.bloc4cols_simple div.flex-container { margin-top: -10px; }
  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; }

  section.bloc4cols_simple.v2 div.flex-container { flex-wrap: wrap; gap: 20px; }
  section.bloc4cols_simple.v2 div.flex-container div.flex-element { width: 100%; }
}

@media (max-width: 545px) {
  section.bloc4cols_simple h2 { font-size: 1.875rem; line-height: 2.5rem; }
}


/** Bloc 4 colonnes Classique **/
section.bloc4cols_classique { text-align: center; padding: 70px 0; }
section.bloc4cols_classique h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc4cols_classique p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc4cols_classique p.sub-title a { text-decoration: underline; }
section.bloc4cols_classique div.flex-container.mtop0 { margin-top: 0; }
section.bloc4cols_classique div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 70px 0; }
section.bloc4cols_classique div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 120px) / 4); }
section.bloc4cols_classique div.flex-container div.flex-element img { width: auto; height: 60px; margin: auto; }
section.bloc4cols_classique div.flex-container div.flex-element .title { margin-top: 30px; font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-black); /*max-width: 262px;*/ }
section.bloc4cols_classique div.flex-container div.flex-element .title a.pop { margin-left: 6px; }
section.bloc4cols_classique div.flex-container div.flex-element .title a.pop span { display: inline-block; width: 17px; height: 17px; font-size: var(--font-size-medium); line-height: 17px; font-weight: var(--font-weight-semi); color: var(--color-white); background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.bloc4cols_classique div.flex-container div.flex-element p.content { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc4cols_classique div.flex-container div.flex-element p.content a { text-decoration: underline; }
section.bloc4cols_classique div.flex-container div.flex-element p.content_btn { margin-top: 30px; }
section.bloc4cols_classique div.flex-container div.flex-element p.content_btn a { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); text-decoration: none !important; padding: 7px 30px; background: #f60; }
section.bloc4cols_classique p.btn-link { margin-top: 70px; }
section.bloc4cols_classique p.btn-link a.btn.btn-orange { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); padding: 8px 30px; border-bottom: none; border-radius: 10px; }

/** Animation logo **/
/*section.bloc4cols_classique div.flex-container div.flex-element img { transition: transform 0.25s ease-out; }
section.bloc4cols_classique div.flex-container div.flex-element:hover img { transform: scale(1.05); }*/

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4cols_classique div.flex-container { margin-top: 50px; }
  section.bloc4cols_classique div.flex-container div.flex-element { max-width: calc((100% - 40px) / 2); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols_classique { padding: 50px 0; }
  section.bloc4cols_classique h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols_classique div.flex-container { margin-top: 50px; gap: 50px 0; }
  section.bloc4cols_classique div.flex-container div.flex-element { max-width: calc((100% - 40px) / 2); }
  section.bloc4cols_classique div.flex-container div.flex-element .title { text-align: center; }
}

@media (max-width: 767px) {
  section.bloc4cols_classique { padding: 50px 0; }
  section.bloc4cols_classique h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols_classique div.flex-container div.flex-element { max-width: calc((100% - 24px) / 2); width: 100%; /*margin-top: 50px;*/ }
  section.bloc4cols_classique div.flex-container { margin-top: 50px; gap: 50px 20px; }
  section.bloc4cols_classique div.flex-container div.flex-element .title { margin: 30px auto 0; text-align: center; }
}

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


/** Bloc 4 colonnes Cloud **/
section.bloc4cols_cloud { text-align: center; padding: 70px 0; }
section.bloc4cols_cloud.only_title { padding: 70px 0 0; }
section.bloc4cols_cloud h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc4cols_cloud p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc4cols_cloud p.sub-title a { text-decoration: underline; }
section.bloc4cols_cloud div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 70px 0; }
section.bloc4cols_cloud div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 120px) / 4); }
section.bloc4cols_cloud div.flex-container div.flex-element img { width: auto; height: 60px; margin: auto; }
section.bloc4cols_cloud div.flex-container div.flex-element p.title { margin-top: 30px; font-size: var(--font-size-base); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc4cols_cloud div.flex-container div.flex-element p.title a.pop { margin-left: 6px; }
section.bloc4cols_cloud div.flex-container div.flex-element p.title a.pop span { display: inline-block; width: 17px; height: 17px; font-size: var(--font-size-medium); line-height: 17px; font-weight: var(--font-weight-semi); color: var(--color-white); background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.bloc4cols_cloud div.flex-container div.flex-element p.content { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc4cols_cloud div.flex-container div.flex-element p.content a { text-decoration: underline; }
section.bloc4cols_cloud div.flex-container div.flex-element p.content_btn { margin-top: 30px; }
section.bloc4cols_cloud div.flex-container div.flex-element p.content_btn a { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); text-decoration: none !important; padding: 7px 30px; background: #f60; border-radius: 10px; }

/** Animation logo **/
/*section.bloc4cols_cloud div.flex-container div.flex-element img { transition: transform 0.25s ease-out; }
section.bloc4cols_cloud div.flex-container div.flex-element:hover img { transform: scale(1.05); }*/

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

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4cols_cloud { padding: 50px 0; }
  section.bloc4cols_cloud h2 { font-size: 30px; line-height: 40px; }
  section.bloc4cols_cloud div.flex-container { margin-top: 50px; gap: 70px 0; }
  section.bloc4cols_cloud div.flex-container div.flex-element { max-width: calc((100% - 80px) / 2); }
}

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

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


/** Bloc 5 colonnes **/
section.bloc5cols { text-align: center; padding: var(--padding-section-base); }
section.bloc5cols h2 { font-size: var(--font-size-xlarge2); line-height: var(--line-height-xlarge2); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc5cols p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc5cols p.sub-title a { text-decoration: underline; }
section.bloc5cols div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px 20px; }
section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 80px) / 5); }
section.bloc5cols div.flex-container div.flex-element img { width: 60px; height: 60px; margin: auto; }
section.bloc5cols div.flex-container div.flex-element .title { margin-top: 20px; font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc5cols div.flex-container div.flex-element .title.tiny { font-size: var(--font-size-base); line-height: 1.563rem; } 
section.bloc5cols div.flex-container div.flex-element .content { margin-top: 5px; font-size: var(--font-size-base); line-height: 1.563rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc5cols div.flex-container div.flex-element .title.tiny + p.content { margin-top: 10px; }
section.bloc5cols div.flex-container div.flex-element .content a { text-decoration: underline; }
section.bloc5cols div.flex-container div.flex-element .content a.pop { margin-left: 6px; }
section.bloc5cols div.flex-container div.flex-element .content a.pop:hover { cursor: pointer; }
section.bloc5cols div.flex-container div.flex-element .content a.pop span { display: inline-block; width: 17px; height: 17px; font-size: 0.9375rem; line-height: 1.0625rem; font-weight: var(--font-weight-semi); color: var(--color-white); background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0 5px; }
section.bloc5cols div.flex-container div.flex-element a.btn { font-size: 16px; line-height: 25px; font-weight: 600; color: #1E499B; padding: 7px 20px; border: 2px solid #1E499B; border-radius: 10px; margin-top: 20px; }
section.bloc5cols.with_tooltip div.flex-container div.flex-element img { width: auto; height: 70px; margin: auto; }
section.bloc5cols div.flex-container div.flex-element .content span.fw400 { font-weight: var(--font-weight-normal); }

section.bloc5cols.v2k24 h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-semi); color: var(--color-title); max-width: 700px; margin: auto; }
section.bloc5cols.v2k24 div.flex-container div.flex-element .title { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-title); max-width: 210px; margin: 20px auto 0; }
section.bloc5cols.v2k24 div.flex-container div.flex-element p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); max-width: 210px; margin: 20px auto 0; }

/** Animation logo **/
/*section.bloc5cols div.flex-container div.flex-element img { transition: transform 0.25s ease-out; }
section.bloc5cols div.flex-container div.flex-element:hover img { transform: scale(1.05); }*/

@media (max-width: 1200px) {
  section.bloc5cols.v2k24 div.flex-container { gap: 50px 20px; }
  section.bloc5cols.v2k24 div.flex-container div.flex-element { flex-grow: unset; width: 100%; max-width: calc((100% - 40px) / 3); }
}

@media (max-width: 979px) {
  section.bloc5cols.v2k24 div.flex-container { justify-content: center; }
}

@media (max-width: 767px) {
  section.bloc5cols.v2k24 div.flex-container { gap: 20px; }
  section.bloc5cols.v2k24 div.flex-container div.flex-element { max-width: calc((100% - 20px) / 2); }
  section.bloc5cols.v2k24 h2 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
}

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

section.bloc5cols.grid2cols h3.grid_title { margin-top: 70px; font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); color: var(--color-black); }
section.bloc5cols.grid2cols div.grid-container { margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; grid-auto-rows: 1fr;/*align-items: center;*/ }
section.bloc5cols.grid2cols div.grid-container div.grid-element { background: var(--bg-color-white); padding: 30px; box-shadow: 2px 2px 10px #1E499B26; border-radius: 10px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte { display: inline-block; vertical-align: middle; width: calc(100% - 141px); text-align: left; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte p.title { font-size: var(--font-size-large); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte p.content { font-size: var(--font-size-medium); line-height: var(--line-height-small); margin-top: 10px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte p.content.desc { margin-top: 5px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte p.content a { font-size: var(--font-size-medium); text-decoration: underline; }
section.bloc5cols.grid2cols a.btn { border-radius: 10px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte p.content a.btn.btn-orange { margin-top: 20px; width: max-content; width: -moz-max-content; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); border-bottom: 0; padding: 8px 30px; max-width: 100%; border-radius: 10px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte ul { margin-top: 20px; list-style-image: none; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte ul li { font-size: var(--font-size-medium); line-height: var(--line-height-small); margin-top: 10px; position: relative; padding-left: 1.6875rem; text-align: left; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte ul li:not(:first-child) { margin-top: 15px; }
section.bloc5cols.grid2cols.tab_service div.grid-container { margin-top: 70px; grid-auto-rows: auto; }
section.bloc5cols.grid2cols.tab_service div.grid-container div.grid-element div.texte ul li:not(:first-child) { margin-top: 7px; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte ul li::before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.img_rounded { position: relative; display: inline-block; vertical-align: middle; width: 120px; height: 120px; margin-left: 16px; background: url(../images/theme2021/svg/bloc_cms/cercle_bleu_trame.svg); }
section.bloc5cols.grid2cols div.grid-container div.grid-element div.img_rounded img { position: absolute; /*content:'';*/ top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.bloc5cols.grid2cols p.content-btn { margin-top: 50px; }
section.bloc5cols.grid2cols p.content-btn a.btn.btn-orange { width: max-content; width: -moz-max-content; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); border-bottom: 0; padding: 9px 30px 5px; border-radius: 10px; }

/** Premium **/
.premium section.bloc5cols h2,
.premium section.bloc5cols p.sub-title,
.premium section.bloc5cols div.flex-container div.flex-element p.title,
.premium section.bloc5cols div.flex-container div.flex-element h3.title,
.premium section.bloc5cols div.flex-container div.flex-element h3.title.tiny,
.premium section.bloc5cols div.flex-container div.flex-element p.content,
.premium section.bloc5cols div.flex-container div.flex-element p.content a.pop span,
.premium section.bloc5cols.grid2cols h3.grid_title { color: var(--color-text-base); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc5cols { padding: 40px 0; }
  section.bloc5cols h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc5cols div.flex-container { margin-top: 40px; gap: 50px; justify-content: center; }
  section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 150px) / 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% - 100px) / 3); }/*80*/
  section.bloc5cols div.flex-container div.flex-element p.content { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.bloc5cols.multi_rows_icons div.flex-container { justify-content: center; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc5cols { padding: 40px 0; }
  section.bloc5cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc5cols div.flex-container { margin-top: 40px; gap: 50px; }
  section.bloc5cols div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 50px) / 2); }
  /*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% - 100px) / 3); }/*80*/
  section.bloc5cols.row2 div.flex-container div.flex-element:last-child { display: none; }
  section.bloc5cols.multi_rows_icons div.flex-container { justify-content: center; }
  section.bloc5cols.multi_rows_icons div.flex-container div.flex-element { max-width: calc((100% - 150px) / 4); }
  section.bloc5cols.grid2cols div.grid-container { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; }
}

@media (max-width: 767px) {
  section.bloc5cols { padding: 40px 0; }
  section.bloc5cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.bloc5cols div.flex-container { gap: 0; }
  section.bloc5cols div.flex-container div.flex-element { max-width: 100%; margin-top: 50px; }
  section.bloc5cols div.flex-container { margin-top: 0; }
  section.bloc5cols.multi_rows_icons div.flex-container { justify-content: center; }
  section.bloc5cols.multi_rows_icons div.flex-container div.flex-element { max-width: calc((100% - 50px) / 2); }
  section.bloc5cols.grid2cols div.grid-container { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; }
}

@media (max-width: 545px) {
  section.bloc5cols h2 { font-size: 1.875rem; line-height: 2.875rem; }
  section.bloc5cols.grid2cols div.grid-container div.grid-element { display: flex; flex-direction: column; gap: 30px 0; }
  section.bloc5cols.grid2cols div.grid-container div.grid-element div.img_rounded { order: 1; margin: 0 auto; }
  section.bloc5cols.grid2cols div.grid-container div.grid-element div.texte { order: 2; width: 100%; text-align: center; }
}

@media (max-width: 449px) {
  section.bloc5cols h2 { font-size: 1.625rem; line-height: 2.25rem; }
  section.bloc5cols.multi_rows_icons div.flex-container div.flex-element { max-width: 100%; }
  section.bloc5cols.grid2cols div.grid-container { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
}

@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); }
}


/** bloclisting2cols **/
section.bloclisting2cols { padding: 70px 0; }
section.bloclisting2cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloclisting2cols p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.bloclisting2cols div.listing_table { margin-top: 50px; box-shadow: 2px 2px 25px #1E499B40; max-width: 100%; }
section.bloclisting2cols div.listing_table table { width: 100%; max-width: 100%; }
section.bloclisting2cols div.listing_table table td { width: 50%; font-size: var(--font-size-base); line-height: 32px; padding: 20px; border: 1px solid rgba(30, 73, 155, 0.3); }
section.bloclisting2cols div.listing_table table tr:first-child td { border-top: none; }
section.bloclisting2cols div.listing_table table tr:last-child td { border-bottom: none; }
section.bloclisting2cols div.listing_table table tr td:first-child { border-left: none; }
section.bloclisting2cols div.listing_table table tr td:last-child { border-right: none; }
section.bloclisting2cols div.listing_table table td span.fright img { display: inline-block; margin-right: 1px; vertical-align: middle; }
section.bloclisting2cols div.listing_table.liste td ul li { font-size: var(--font-size-base); line-height: 32px; list-style-type: disc; margin-left: 20px; }
section.bloclisting2cols div.listing_table { border-radius: 10px; }

@media (max-width: 1200px) {
  section.bloclisting2cols { padding: 40px 0; }
}

@media (max-width: 979px) {
  section.bloclisting2cols div.listing_table:not(.liste) table td { text-align: center; }
  section.bloclisting2cols div.listing_table table td span.fright { float: none; display: block; }
}

@media (max-width: 767px) {
  section.bloclisting2cols div.listing_table.liste td { display: block; width: 100%; border: none; }
  section.bloclisting2cols div.listing_table.liste td:first-child { padding: 20px 20px 0; }
  section.bloclisting2cols div.listing_table.liste td:last-child { padding: 0 20px 20px; }
}

@media (max-width: 499px) {
  section.bloclisting2cols div.listing_table:not(.liste) table td { text-align: center; display: block; width: 100%; border: none; padding: 10px 20px; border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
  section.bloclisting2cols div.listing_table:not(.liste) table tr:first-child td { padding-top: 20px; }
  section.bloclisting2cols div.listing_table:not(.liste) table tr:last-child td { padding-bottom: 20px; }
  section.bloclisting2cols div.listing_table:not(.liste) table tr:last-child td:last-child { border: none; }
  section.bloclisting2cols div.listing_table:not(.liste) table tr:last-child td:first-child { border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
}

/** Bloc simple **/
section.bloc_simple { padding: 70px 0; }
section.bloc_simple h1 { font-size: 2.875rem; line-height: 3.75rem; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin-bottom: 1.25rem; }
section.bloc_simple h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin: 1.25rem 0; }
section.bloc_simple h3 { font-size: 1.5rem; line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin: 1.25rem 0; }
section.bloc_simple h1.txt-left,
section.bloc_simple h2.txt-left,
section.bloc_simple h3.txt-left { text-align: left; }
section.bloc_simple p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-bottom: 2.5rem; }
section.bloc_simple img { margin-top: 3.125rem; margin-bottom: 3.125rem; width: 100%; height: auto; }
section.bloc_simple p { margin-top: 1.25rem; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc_simple ul { margin-top: 1.875rem; list-style-image: none; }
section.bloc_simple ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); position: relative; padding-left: 1.6875rem; text-align: left; }
section.bloc_simple ul li a { text-decoration: underline; }
section.bloc_simple ul li:before { content: ""; position: absolute; }
section.bloc_simple ul.checked li:before { width: 15px; height: 10px; left: 0px; top: 8px; background: url("../images/theme2021/svg/check_vert.svg") no-repeat 50% 50% / contain; }
section.bloc_simple ul li.cross:before { width: 15px; height: 15px; top: 6px; background: url("../images/theme2021/svg/croix_rouge.svg") no-repeat 50% 50% / contain; }
section.bloc_simple ul.dot li:before { width: 15px; height: 10px; left: 0px; top: 0px; content: '\2022'; font-size: 1.875rem; }
section.bloc_simple ul li:not(:first-child) { margin-top: 0.938rem; }

@media (max-width: 767px) {
  section.bloc_simple h1.txt-left,
  section.bloc_simple h2.txt-left,
  section.bloc_simple h3.txt-left { text-align: center; }
}

/** Bloc grandes marques **/
section.grandes_marques { text-align: center; padding: 70px 0; }
section.grandes_marques h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.grandes_marques p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.grandes_marques p.sub-title a { text-decoration: underline; }
section.grandes_marques div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; gap: 50px 60px; }
section.grandes_marques div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 480px) / 9); }
section.grandes_marques div.flex-container div.flex-element img { width: 100px; height: auto; margin: auto; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.grandes_marques div.flex-container { margin-top: 50px;}
  section.grandes_marques div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 300px) / 6); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.grandes_marques { padding: 50px 0; }
  section.grandes_marques h2 { font-size: 30px; line-height: 40px; }
  section.grandes_marques div.flex-container { margin-top: 0;}
  section.grandes_marques div.flex-container div.flex-element { flex-grow: 1; max-width: calc((100% - 180px) / 4); margin-top: 50px; }
}

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

@media (max-width: 767px) AND (min-width: 500px) {
  section.grandes_marques div.flex-container div.flex-element { max-width: calc((100% - 120px) / 3); margin-top: 50px; }
}

@media (max-width: 499px) {
  section.grandes_marques div.flex-container div.flex-element { max-width: calc((100% - 60px) / 2); margin-top: 50px; }
}


/** Bloc Awards 4 cols **/
section.awards { text-align: center; padding: 70px 0; }
section.awards h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.awards p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.awards div.grid-container { margin-top: 70px; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 50px; align-items: center; }
section.awards div.grid-container div.grid-element img { width: auto; height: 150px; margin: auto; }

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

@media (max-width: 979px) AND (min-width: 768px) {
  section.awards { padding: 50px 0; }
  section.awards h2 { font-size: 30px; line-height: 40px; }
  section.awards div.grid-container { margin-top: 50px; grid-template-columns: repeat(6, 1fr); }
  section.awards div.grid-container div.grid-element { grid-column: span 2; }
  section.awards div.grid-container div.grid-element:last-child:nth-child(3n - 1) { grid-column-end: -2; }
  section.awards div.grid-container div.grid-element:nth-last-child(2):nth-child(3n + 1) { grid-column-end: 4; }
}

@media (max-width: 767px) {
  section.awards { padding: 50px 0; }
  section.awards h2 { font-size: 30px; line-height: 40px; }
  section.awards div.grid-container { margin-top: 50px; grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 545px) {
  section.awards div.grid-container { grid-template-columns: repeat(1, 1fr); }
}


/** Bloc Tableau A propos + Détails Domaine **/
section.table_dom { padding: 70px 0; color: var(--color-text-base); }
section.table_dom h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.table_dom h3.title_table { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-bold); color: var(--color-title); text-align: left; margin-top: 70px; }
section.table_dom h3.title_table + table {  margin-top: 20px; }
section.table_dom p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
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: var(--font-size-base); line-height: var(--line-height-small); }
section.table_dom table tr td { background: var(--bg-color-white); border: none; padding: 20px; }
section.table_dom table tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.table_dom table tr td:first-child { font-weight: var(--font-weight-semi); border-right: 1px solid rgba(30, 73, 155,0.3); white-space: nowrap; }
section.table_dom table.propos tr td:first-child { width: 370px; min-width: max-content; width: -moz-max-content; }/*345px*/
section.table_dom table.details tr td:first-child { width: 690px; min-width: max-content; width: -moz-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); top: 50%; }
section.table_dom.in_col9 { padding-bottom: 0; }
section.table_dom.in_col9 table tr td:first-child { text-align: left; vertical-align: middle; width: max-content; padding: 20px 40px 20px 20px; }
section.table_dom table.cycle tr td { width: auto; }
section.table_dom table.cycle tr td:first-of-type { width: 860px; }
section.table_dom table.propos tr td a.rules_dom { display: flex; flex-direction: row; align-items: center; gap: 8px; cursor: pointer; }
section.table_dom table.propos tr td div.rules_content { display: none; }
section.table_dom table.propos tr td div.rules_content p.title { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); margin-top: 30px; }
section.table_dom table.propos tr td div.rules_content p:not(.title) { margin-top: 15px; }
section.table_dom table.propos tr td div.rules_content ul li { margin-top: 15px; }
section.table_dom table.propos tr td div.rules_content ul li::before { content: "\2022"; color: var(--color-text-base); font-weight: var(--font-weight-semi); display: inline-block; width: 1em; margin-right: 5px; }

section.table_dom2 { padding: var(--padding-section-base); color: var(--color-text-base); }
section.table_dom2 h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.table_dom2 table { width: 800px; border: none; box-shadow: 2px 2px 25px #1E499B40; font-size: var(--font-size-base); line-height: var(--line-height-small); margin: 0 auto 30px; border-radius: 10px; }
section.table_dom2 table:first-of-type { margin-top: 40px; }
section.table_dom2 table thead tr th { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-blue); padding: 12px 20px; }
section.table_dom2 table tbody tr td { padding: 20px; background: var(--bg-color-white); }
section.table_dom2 table tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.table_dom2 table tbody tr td div.title { display: flex; flex-direction: row; align-items: center; gap: 0 12px; font-weight: var(--font-weight-semi); }
section.table_dom2 table.col1 tbody tr td div.title img { width: 20px; height: 20px; }
section.table_dom2 table.col1 tbody tr td div.content { margin-top: 15px; }
section.table_dom2 table:not(.col1) thead tr th { text-align: left; }
section.table_dom2 table:not(.col1) thead tr th:first-of-type { border-radius: 10px 0 0 0; }
section.table_dom2 table:not(.col1) thead tr th:last-of-type { width: 176px; border-radius: 0 10px 0 0; }
section.table_dom2 table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.table_dom2 table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.table_dom2 table:not(.col1) tbody tr td:first-of-type { border-right: 1px solid rgba(30, 73, 155, .3); }
section.table_dom2 table.col1 thead tr th { border-radius: 10px 10px 0 0; }
section.table_dom2 div.hide_table table.col1:first-of-type { margin-top: 30px; }
section.table_dom2 div.hide_table table.col1 tbody tr td:first-of-type { border-right: 1px solid rgba(30, 73, 155, 0.3); width: 230px; }
section.table_dom2 div.hide_table table.col1 tbody tr td:first-of-type div.title { align-items: baseline; }
section.table_dom2 div.hide_table table.col1 tbody tr td:first-of-type div.title img { position: relative; top: 4px; }
section.table_dom2 div.hide_table table.col1 tbody tr td div.content { margin-top: 0; }
section.table_dom2 table.col1 span.title { font-weight: var(--font-weight-semi); }
section.table_dom2 table.col1 td.cell-p p:not(:first-of-type) { margin-top: 10px; }
section.table_dom2 table td span.stroke { position: relative; display: inline-block; width: max-content; margin-right: 5px; }
section.table_dom2 table td span.stroke:after { content: ""; position: absolute; height: 2px; background: var(--bg-color-white); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; background: var(--bg-color-blue3); }

section.table_dom2 a#btn-show { display: flex; flex-direction: row; gap: 0; justify-content: center; align-items: center; font-size: var(--font-size-large); line-height: 30px; color: var(--color-white); font-weight: var(--font-weight-semi); background: #FF6500; width: 800px; max-width: 100%; margin: 0 auto; padding: 10px 20px; cursor: pointer; border-radius: 10px; }
section.table_dom2 a#btn-show img { width: 15px; height: 8px; margin-left: 20px; transition: transform 0.5s ease-in-out; }

@media (max-width: 979px) {
  section.table_dom2 table,
  section.table_dom2 a#btn-show { width: 100%; flex-wrap: wrap; }
  section.table_dom2 table td a { word-break: break-word }
}

@media (max-width: 767px) {
  section.table_dom2 a#btn-show { text-align: center; }
  section.table_dom2 a#btn-show img { display: none; }
}

/* ADD 06/11/23 suite ajout bloc texte sous le tableau par Nicolas */
section.table_dom h2:not(:first-of-type) { margin: 40px 0 20px; }

@media (max-width: 1199px) AND (min-width: 768px) {
  section.table_dom table.cycle tr td:first-of-type { width: 700px; white-space: break-spaces; }
}

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

@media (max-width: 767px) {
  section.table_dom table.propos tr td { float: left; width: -webkit-fill-available; }
  section.table_dom table.propos tr td:first-child { width: -webkit-fill-available; min-width: auto; border-right: none; padding-bottom: 0; }
  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; }
  section.table_dom.in_col9 table tr td:first-child { text-align: center; padding: 20px 20px 0; }

  section.table_dom table.cycle tr td:first-child {
      width: -webkit-fill-available;
      min-width: auto;
      border-right: none;
      padding-bottom: 0;
  }
  section.table_dom table.cycle tr td { float: left; width: -webkit-fill-available; }

}


/** Bloc extension populaires **/
section.bloc4cols_domaine_populaire { padding: var(--padding-section-base); }
section.bloc4cols_domaine_populaire h2 { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloc4cols_domaine_populaire .sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc4cols_domaine_populaire .sub-title a,
section.bloc4cols_domaine_populaire .content a { text-decoration: underline; }
section.bloc4cols_domaine_populaire .content { text-align: center; margin-top: 50px; }
section.bloc4cols_domaine_populaire div.flex-container { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 30px; }
section.bloc4cols_domaine_populaire div.flex-container.special { gap: 75px 30px; margin-top: 75px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element { position: relative; flex-grow: 1; width: 100%; max-width: calc((100% - 90px) / 4); background: var(--bg-color-white); padding: 30px; border-radius: 10px; }
section.bloc4cols_domaine_populaire.bg_white div.flex-container div.flex-element { box-shadow: 2px 2px 25px #1E499B29; }
section.bloc4cols_domaine_populaire div.flex-container.special div.flex-element:after { position: absolute; top: -36px; left: 50%; width: max-content; max-width: 90%; transform: translateX(-50%); content: attr(data-special); display: block; font-size: var(--font-size-base); line-height: 1.25rem; font-weight: var(--font-weight-medium); color: #007E11; text-align: center; background: #D2F9D7; border-radius: 18px 18px 0 0; padding: 7px 15px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element img { width: auto; height: 50px; margin: auto; display: block; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content { margin-top: 20px; font-size: 0.938rem; line-height: 1.563rem; color: var(--color-text-base); text-align: center; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content:nth-of-type(2) { margin-top: 12px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element p.content:nth-of-type(3) { margin-top: 12px; }
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: var(--font-size-large); line-height: 1.75rem; font-weight: var(--font-weight-semi); padding: 12px 30px 13px; border: none; border-radius: 10px; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop { position: relative; width: 100%; margin: 30px auto 0; text-align: center; }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { position: relative; top: -23px; display: inline-block; font-size: var(--font-size-base); line-height: 1.563rem; font-weight: var(--font-weight-normal); color: var(--color-black); }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke::after { content: ""; position: absolute; height: 1px; background: #001136; left: -5px; right: -5px; 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: 3.125rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_devise_ht { display: inline-block; font-size: var(--font-size-base); line-height: 1.563rem; color: var(--color-black); position: relative; top: 2px; }
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: 1.625rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); color: var(--color-black); position: absolute; top: -20px; left: 10px; }
section.bloc4cols_domaine_populaire div.flex-container + p.content { margin-top: 40px; }

@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; }*/
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 60px) / 3); }
  section.bloc4cols_domaine_populaire div.flex-container div.flex-element div.price_dom_pop div.price_element_stroke { margin-right: 5px; }
}

@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 tableau comparatif **/
section.tableau_comparatif { padding: 70px 0; }
section.tableau_comparatif h1, section.tableau_comparatif h2, section.tableau_comparatif h3 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.tableau_comparatif p.sub-title { text-align: center; margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.tableau_comparatif p.content { margin-top: 50px; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.tableau_comparatif table { width: 100%; border: none; margin-top: 50px; box-shadow: 2px 2px 25px #1E499B40; border-radius: 10px; }
section.tableau_comparatif table thead tr th { text-align: center; vertical-align: middle; padding: 13px 20px; background: var(--bg-color-blue); color: var(--color-white); font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); }
section.tableau_comparatif table thead tr th:first-child { text-align: left; border-right: 1px solid #fff; width: 540px; border-radius: 10px 0 0 0; }
section.tableau_comparatif table thead tr th:last-child { border-left: 1px solid #fff; width: auto; border-radius: 0 10px 0 0; }
section.tableau_comparatif table tbody tr td { text-align: center; vertical-align: middle; font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 20px; }
section.tableau_comparatif table tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.tableau_comparatif table tbody tr:nth-child(2n+1) td { background: var(--bg-color-white); }
section.tableau_comparatif table tbody tr td:first-child { text-align: left; border-right: 1px solid rgba(30, 73, 155, 0.3); }
section.tableau_comparatif table tbody tr td:last-child { border-left: 1px solid rgba(30, 73, 155, 0.3); width: auto; }
section.tableau_comparatif table tbody tr td span[class^="icon-"] { position: relative; }
section.tableau_comparatif table tbody tr td span.icon-checked::before { content: ''; background-image: url(../images/theme2021/svg/check_vert.svg); position: absolute; width: 21px !important; height: 17px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.tableau_comparatif table tbody tr td span.icon-cross::before { content: ''; background-image:url(../images/theme2021/svg/croix_rouge.svg); position: absolute; width: 17px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.tableau_comparatif table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.tableau_comparatif table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }

@media (max-width: 747px) {
  section.tableau_comparatif { padding: 40px 0; }
}

@media (max-width: 499px) {
  section.tableau_comparatif h2, section.tableau_comparatif h3 { font-size: 26px; line-height: 36px; }
  section.tableau_comparatif table thead tr th:first-child { text-align: center; }
  section.tableau_comparatif table#comparatif_whois thead tr th:first-child { border-right: none; }
  section.tableau_comparatif table#comparatif_whois thead tr th:not(:first-of-type) { display: none; }
  section.tableau_comparatif table#comparatif_whois tbody tr td { display: block; }
  section.tableau_comparatif table#comparatif_whois tbody tr td:first-child { font-weight: var(--font-weight-semi); text-align: center; border-right: none; border-top: 1px solid rgba(30, 73, 155, 0.3); }
  section.tableau_comparatif table#comparatif_whois tbody tr td:last-child { border-left: none; }
  section.tableau_comparatif table#comparatif_whois tr td:nth-child(2) { padding: 0 20px 7px; }
  section.tableau_comparatif table#comparatif_whois tr td:nth-child(3) { padding: 7px 20px 20px; }
  section.tableau_comparatif table#comparatif_whois tr td:nth-child(2)::after { content: 'Personnes Physiques'; margin-left: 20px; }
  section.tableau_comparatif table#comparatif_whois tr td:nth-child(3)::after { content: 'Personnes Morales'; margin-left: 20px; }
}


/** Bloc Table Compte Prepaid **/
section.tableau_prepaid { padding: 40px 0; }
section.tableau_prepaid h2, section.tableau_prepaid h3 { font-size: 30px; line-height: 40px; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.tableau_prepaid p.sub-title { text-align: center; margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.tableau_prepaid table { table-layout: fixed ; width: 100%; border: none; margin-top: 50px; border: 1px solid rgba(30, 73, 155, 0.3); border-radius: 10px; border-collapse: separate; border-spacing: 0; }
section.tableau_prepaid table thead tr th { text-align: center; vertical-align: middle; padding: 13px 20px; background: var(--bg-color-blue); color: var(--color-white); font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); }
section.tableau_prepaid table thead tr th:first-child { width: auto; border-radius: 10px 0 0 0; }
section.tableau_prepaid table thead tr th:last-child { width: auto; border-radius: 0 10px 0 0;  }
section.tableau_prepaid table tbody tr td { text-align: center; vertical-align: middle; font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 13px 20px; border-right: 1px solid rgba(30, 73, 155, 0.3); width: auto; }
section.tableau_prepaid table tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.tableau_prepaid table tbody tr:nth-child(2n+1) td { background: var(--bg-color-white); }
section.tableau_prepaid table tbody tr td:first-child { border-left: none; }
section.tableau_prepaid table tbody tr td:last-child { border-right: none; }
section.tableau_prepaid table tbody tr td span[class^="icon-"] { position: relative; }
section.tableau_prepaid table tbody tr td span.icon-checked::before { content: ''; background-image: url(../images/theme2021/svg/check_vert.svg); position: absolute; width: 21px !important; height: 17px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.tableau_prepaid table tbody tr td span.icon-cross::before { content: ''; background-image:url(../images/theme2021/svg/croix_rouge.svg); position: absolute; width: 17px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.tableau_prepaid table tbody tr td a.btn-orange { padding: 8px 30px; border-bottom: none; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); border-radius: 10px; }
section.tableau_prepaid table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.tableau_prepaid table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }

@media (max-width: 979px) {
  section.tableau_prepaid table { table-layout: unset; }   
}

@media (max-width: 767px) {
  section.tableau_prepaid table:not(#table_op_sms) thead { display: none; }
  section.tableau_prepaid table:not(#table_op_sms) tbody tr td { display:block; border: none; padding: 5px 20px; }
  section.tableau_prepaid table:not(#table_op_sms) tbody tr td:first-child { padding: 20px 20px 5px; }
  section.tableau_prepaid table:not(#table_op_sms) tbody tr td:last-child { padding: 5px 20px 20px; }
  section.tableau_prepaid table:not(#table_op_sms) tbody tr td::before { content: attr(data-title); font-weight: var(--font-weight-semi); }
}


/** Bloc Table Price - Transfert Domaine **/
section.table_price { padding: 70px 0; }
section.table_price h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.table_price p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
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: var(--bg-color-blue); color: var(--color-white); font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); text-transform: uppercase; }
section.table_price table thead tr th:first-child { border-right: 1px solid #fff; 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:nth-child(3),
section.table_price table thead tr th:nth-child(4),
section.table_price table thead tr th:nth-child(5),
section.table_price table thead tr th:nth-child(6),
section.table_price table thead tr th:nth-child(7),
section.table_price table tbody tr td:nth-child(3),
section.table_price table tbody tr td:nth-child(4),
section.table_price table tbody tr td:nth-child(5),
section.table_price table tbody tr td:nth-child(6),
section.table_price table tbody tr td:nth-child(7) { display: none; }
section.table_price table thead tr th:first-of-type { border-radius: 10px 0 0 0 !important; }
section.table_price table thead tr th:last-of-type { border-radius: 0 10px 0 0 !important; }

section.table_price table thead tr th span { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); 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: var(--font-size-base); line-height: var(--line-height-small); padding: 20px; }
section.table_price table tbody tr td:first-child { font-weight: var(--font-weight-semi); 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: var(--color-text-base); }
section.table_price table tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.table_price table tbody tr:nth-child(2n+1) td { background: var(--bg-color-white); }
section.table_price table tbody tr td span.no_dispo { font-size: var(--font-size-base); line-height: var(--line-height-small); color: #9498AA; }
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); top: 50%; }
/** Scroll Bar tbody **/
section.table_price table tbody::-webkit-scrollbar { width: 25px; background: var(--bg-color-grey); }
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: var(--bg-color-grey); border-radius: 10px; }

/** Tableau Whois **/
section.table_price.whois-table table thead tr th { width: max-content; width: -moz-max-content; }
section.table_price table thead tr th { border-right: 1px solid #fff; border-left: 1px solid #fff; }
section.table_price.whois-table table tbody { display:inherit; max-height: auto; overflow-y: none; }


/*@media (min-width: 1400px) {
  section.table_price table thead tr th:first-child { width: 668.5px; }
}*/

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

@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; }
  section.table_price.whois-table table thead tr th:nth-child(2),
  section.table_price.whois-table table thead tr th:nth-child(3),
  section.table_price.whois-table table thead tr th:nth-child(4) { width: 125px; }
  section.table_price.whois-table table thead tr th:nth-child(1),
  section.table_price.whois-table table thead tr th:nth-child(5) { width: auto; }
}

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


/** Bloc formule_table_horizon **/
section.formule_table_horizon { padding: 4.375rem 0; }
section.formule_table_horizon h2 { text-align: center; font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); color: var(--color-title); padding-bottom: 0.3125rem; }
section.formule_table_horizon h2.basic_h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); }
section.formule_table_horizon p.sub-title { text-align: center; margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.formule_table_horizon div.table_horizon table { margin-top: 30px; width: 100%; max-width: 100%; border-spacing: 0 20px; border-collapse: separate; }
section.formule_table_horizon div.table_horizon table tbody { position: relative; top: -20px; }
section.formule_table_horizon div.table_horizon table thead tr th:first-of-type { max-width: 135px; }
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(2),
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(3),
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(4),
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(5) { background-color: var(--color-lws-blue); color: var(--color-white); }
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(2) { border-right: 1px solid #fff; border-radius: 10px 0 0 0; }
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(3),
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(4) { border-left: 1px solid #fff; border-right: 1px solid #fff; }
section.formule_table_horizon div.table_horizon table thead tr th:nth-child(5) { border-left: 1px solid #fff; border-radius: 0 10px 0 0; }
section.formule_table_horizon div.table_horizon table thead tr th:last-of-type { vertical-align: bottom !important; }
section.formule_table_horizon div.table_horizon table thead tr th:last-of-type span { vertical-align: bottom; }
section.formule_table_horizon div.table_horizon table thead tr th img { display: inline-block; vertical-align: middle; }
section.formule_table_horizon div.table_horizon table thead tr th p.gd-title { margin-top: 15px; font-size: 20px; line-height: 30px; }
section.formule_table_horizon div.table_horizon table thead tr th p:not(.gd-title) { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); }
section.formule_table_horizon div.table_horizon table tbody tr td { background-color: var(--bg-color-grey); border: 1px solid #C3C7D1; border-right: 0; }
section.formule_table_horizon div.table_horizon table tbody tr td:last-of-type { border-right: 1px solid #C3C7D1; }
section.formule_table_horizon div.table_horizon table thead tr th,
section.formule_table_horizon div.table_horizon table tbody tr td { vertical-align: middle; text-align: center; padding: 20px; }
section.formule_table_horizon div.table_horizon table tbody tr td:first-of-type p.strong { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); }
section.formule_table_horizon div.table_horizon table tbody tr td p.strong { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-medium); }
section.formule_table_horizon div.table_horizon table tbody tr td p { font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.formule_table_horizon div.table_horizon table tbody tr td { height: 133px; }
section.formule_table_horizon div.table_horizon table tbody tr td:last-of-type span.strong { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); }
section.formule_table_horizon div.table_horizon table tbody tr td:last-of-type a.btn-orange { margin-top: 8px; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); padding: 10px 30px 11px; border-bottom: 0; border-radius: 10px; }
section.formule_table_horizon div.table_horizon table tbody tr:first-of-type td:first-of-type { border-radius: 10px 0 0 0; }
section.formule_table_horizon div.table_horizon table tbody tr:first-of-type td:last-of-type { border-radius: 0 10px 0 0; }
section.formule_table_horizon div.table_horizon table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.formule_table_horizon div.table_horizon table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td { height: 166px; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td img { display: inline-block; vertical-align: middle; margin-bottom: 12px; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td img:hover { cursor: pointer; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo span.stroke { position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo span.stroke::after { content: ""; position: absolute; width: 98%; height: 1px; background: var(--bg-color-blue3); left: 1px; transform: rotate(-20deg); top: 50%; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo div.info_promo { position: relative; display: inline-block; vertical-align: middle; width: max-content; background: var(--bg-color-yellow); border: 1px solid #E2B500; padding: 7px 12px; font-size: var(--font-size-medium); line-height: 20px; border-radius: 10px; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo div.info_promo::before { top: 50%; transform: translateY(-50%); left: -3px; 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: #E2B500; border-bottom-color: transparent; border-left-color: transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 9px; margin-left: -15px; }
section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo div.info_promo::after { top: 50%; transform: translateY(-50%); left: -1px; 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: #FFF127; border-bottom-color: transparent; border-left-color: transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-left: -15px; }

section.formule_table_horizon div.text-center a.btn { width: 100%; font-size: var(--font-size-large); line-height: 1.875rem; color: var(--color-white); font-weight: var(--font-weight-semi); padding: 7px 30px; margin-top: 15px; border-radius: 10px; }
section.formule_table_horizon div.text-center.p50 a.btn { margin-top: 30px; }
section.formule_table_horizon div.text-center a.btn img.caret-btn { display: inline-block; width: 15px; height: 8px; margin-left: 20px; position: relative; top: -3px; }
section.formule_table_horizon p.title_carac { padding: 50px 0 20px; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); text-align: center; }
section.formule_table_horizon div.features { margin-top: 0; background: var(--bg-color-white); width: 100%; box-shadow: 2px 2px 25px #1E499B40; }
section.formule_table_horizon div.features:not(:first-child) { margin-top: 30px; }
section.formule_table_horizon div.features div.title { font-size: var(--font-size-large); line-height: 1.6875rem; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 12px 20px; text-transform: uppercase; background-color: var(--color-lws-blue); }
section.formule_table_horizon div.features div.title a { color: var(--color-white); text-decoration: underline; }
section.formule_table_horizon div.features div.content:not(.ctable) { padding: 30px; }
section.formule_table_horizon div.features div.content ul { list-style-image: none; }
section.formule_table_horizon div.features div.content ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.formule_table_horizon div.features div.content ul 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_table_horizon div.features div.content ul li.nop:before { background: url(../images/theme2021/svg/croix_rouge.svg) no-repeat 50% 50% / contain; }
section.formule_table_horizon div.features div.content ul li a:not(.pop) { text-decoration: underline; }
section.formule_table_horizon div.features div.content ul li a.pop { margin-left: 6px; }
section.formule_table_horizon div.features div.content table { width: 100%; }
section.formule_table_horizon div.features div.content table tr td { font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 20px; width: 50%; vertical-align: middle; }
section.formule_table_horizon div.features div.content table.vps_function tr td:first-child { width: 60%; }
section.formule_table_horizon div.features div.content table.vps_function tr td { width: 40%; }
section.formule_table_horizon div.features div.content table.vps_function tr td:nth-child(2) { text-align: center; }
section.formule_table_horizon div.features div.content table.vps_function tr td span.icon-checked::before { left: 0; transform: translateY(-50%); }
section.formule_table_horizon div.features div.content table tr td.fw600 { font-weight: var(--font-weight-semi); }
section.formule_table_horizon div.features div.content table tr td:nth-child(2) { text-align: center; }
section.formule_table_horizon div.features div.content table tr:nth-child(2n) td { background-color: var(--bg-color-grey); }
section.formule_table_horizon div.features div.content table tr td.new { position: relative; padding-left: 90px; }
section.formule_table_horizon div.features div.content table tr td.new::before { content: 'New'; padding-left: 10px; font-size: 0.9375rem; line-height: 1.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); position: absolute; width: 50px; height: 25px; left: 20px; top: 50%; transform: translateY(-50%); background: #00A716; }
section.formule_table_horizon div.features div.content table tr td.new::after { content: ''; position: absolute; width: 0; height: 0; border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 10px solid #00A716; top: 50%; left: 70px; transform: translateY(-50%); }
section.formule_table_horizon div.features div.content table tr td a { margin-left: 8px; }
section.formule_table_horizon div.features div.content table tr td span[class^="icon-"] { position: relative; }
section.formule_table_horizon div.features div.content table 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_table_horizon div.features div.content table tr td a span.tooltip_fg,
section.formule_table_horizon div.features div.content ul li a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 19px; height: 19px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }

/* The switch - the box around the slider */
section.formule_table_horizon .switch { position: relative; top: 0; display: inline-block; vertical-align: middle; width: 60px; height: 32px; }
/* Hide default HTML checkbox */
section.formule_table_horizon .switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
section.formule_table_horizon .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #DDE1EB; border: 1px solid #C3C7D1; -webkit-transition: .4s; transition: .4s; }
section.formule_table_horizon .slider:before { position: absolute; content: ""; height: 30px; width: 30px; left: 0; bottom: 0; background-color: white; box-shadow: 2px 2px 5px #00000033; -webkit-transition: .4s; transition: .4s; }
section.formule_table_horizon input:checked + .slider:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }
/* Rounded sliders */
section.formule_table_horizon .slider.round { border-radius: 34px; }
section.formule_table_horizon .slider.round:before { border-radius: 50%; }

/* Fonctions principales under table price */
section.formule_table_horizon div.fonctions_principales { margin-top: 0px; background: var(--bg-color-white); padding: 30px 15px 20px; box-shadow: 2px 2px 25px #1E499B29; border-radius: 10px; }
section.formule_table_horizon div.fonctions_principales p.title { font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-semi); color: var(--color-text-base); }
section.formule_table_horizon div.fonctions_principales p.title img { display: inline-block; width: 15px; height: auto; margin-right: 5px; }
section.formule_table_horizon div.fonctions_principales ul { list-style-image: none; margin-top: 15px; }
section.formule_table_horizon div.fonctions_principales li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.formule_table_horizon div.fonctions_principales.cols4 li { width: calc((100% / 4) - 6px); }
section.formule_table_horizon 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_table_horizon div.fonctions_principales li a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 19px; height: 19px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }

@media (max-width: 1199px) {
  section.formule_table_horizon div.table_horizon table thead tr th:nth-child(5),
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(5) { display: none; }
  section.formule_table_horizon div.table_horizon table thead tr th:last-of-type span { vertical-align: sub; }
  section.formule_table_horizon div.table_horizon table thead tr th,
  section.formule_table_horizon div.table_horizon table tbody tr td { padding: 10px; }
  section.formule_table_horizon div.onoffswitch { width: 40px; }
  section.formule_table_horizon .switch { width: 40px; height: 24px; }
  section.formule_table_horizon .slider:before { height: 22px; width: 22px; }
  section.formule_table_horizon input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); }
  section.formule_table_horizon div.fonctions_principales.cols4 li { width: calc((100% / 3) - 4px); }
  section.formule_table_horizon div.fonctions_principales.cols2_1200 li { width: calc((100% / 2) - 4px); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule_table_horizon div.table_horizon table thead tr th p:not(.gd-title) { display: none; }
  section.formule_table_horizon div.table_horizon table thead tr th:last-of-type span { font-size: var(--font-size-medium); }
  section.formule_table_horizon div.table_horizon table thead tr th:nth-child(2),
  section.formule_table_horizon div.table_horizon table thead tr th:nth-child(3),
  section.formule_table_horizon div.table_horizon table thead tr th:nth-child(4) { min-width: 120px; }
  section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo span.stroke { font-size: var(--font-size-medium); }
  section.formule_table_horizon div.table_horizon table tbody tr.promo td:last-of-type div.promo div.info_promo { font-size: var(--font-size-small); }
}

@media (max-width: 767px) {
  section.formule_table_horizon { padding: 50px 0 20px; }
  section.formule_table_horizon div.table_horizon table thead { display: none; }
  section.formule_table_horizon div.table_horizon table tbody tr { display: flex; flex-direction: column; margin-bottom: 20px; }
  section.formule_table_horizon div.table_horizon table thead tr th:nth-child(5),
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(5) { display: block; }
  section.formule_table_horizon div.table_horizon table tbody tr td { padding: 10px 20px; height: auto; border-top: 0; border-bottom: 0; border-left: 1px solid #C3C7D1; border-right: 1px solid #C3C7D1; }
  section.formule_table_horizon div.table_horizon table tbody tr.promo td { height: auto; }
  section.formule_table_horizon div.table_horizon table tbody tr.promo td div.promo { margin-bottom: 5px; }
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(2)::before { content: 'CPU : '; font-weight: var(--font-weight-semi); }
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(3)::before { content: 'RAM : '; font-weight: var(--font-weight-semi); }
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(4)::before { content: 'SSD : '; font-weight: var(--font-weight-semi); }
  section.formule_table_horizon div.table_horizon table tbody tr td:nth-child(5)::before { content: 'Infogérence : '; font-weight: var(--font-weight-semi); }
  section.formule_table_horizon div.table_horizon table tbody tr td:first-of-type { border-top: 1px solid #C3C7D1; padding: 20px 20px 10px; }
  section.formule_table_horizon div.table_horizon table tbody tr td:last-of-type { border-bottom: 1px solid #C3C7D1; padding: 10px 20px 20px; }
  section.formule_table_horizon div.table_horizon table tbody tr td:not(:last-of-type) p { display: inline-block; width: max-content; }
  section.formule_table_horizon div.table_horizon table tbody tr td p.strong { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); }
  section.formule_table_horizon div.table_horizon table tbody tr td p br { display: none; }
  section.formule_table_horizon div.fonctions_principales { display: none; }
}



/** Bloc Gauche - Droite **/
section.left-right { padding: var(--padding-section-base); /*4.375rem 0;*/ }
section.left-right.pt0 { padding: 0 0 2.5rem; }
section.left-right div.img { display: inline-block; width: 548px; height: auto; vertical-align: middle; }
section.left-right div.img img { width: 100%; }
section.left-right div.img img.b10 { border-radius: 10px; } 
section.left-right div.container_video { display: inline-block; width: 548px; vertical-align: middle; position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: auto; }
section.left-right div.container_video iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; border-radius: 10px; }
section.left-right div.text { display: inline-block; width: calc(100% - 553px); vertical-align: middle; }
section.left-right div.text h2,
section.left-right div.text h3 { font-size: 1.625rem; line-height: 2.25rem; font-weight: var(--font-weight-semi); color: var(--color-title); padding-bottom: 0.3125rem; }
section.left-right div.text p.gd-title,
section.left-right div.text h3.gd-title,
section.left-right div.text h4.gd-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-title); margin-top: 1.5625rem; padding-bottom: 0 !important; }
section.left-right div.text p.content,
section.left-right div.text h3.content { font-size: var(--font-size-base); line-height: 1.563rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 1.25rem; padding-bottom: 0; }
section.left-right div.text p.content.multibtn { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: left; }
section.left-right div.text p.content a { color: var(--color-lws-blue); text-decoration: underline; }
section.left-right div.text p.content.mt0 { margin-top: 0 !important; }
section.left-right div.text p.content a.video,
section.left-right div.text p.content a.demo-link { margin-left: 1.75rem; 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.link2 { margin-left: 16px; }
section.left-right div.text p.content a.btn-demo { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-title); padding: 0.3125rem 1.5625rem; background: var(--bg-color-white); border: 2px solid #0C2A6A; }
section.left-right div.text p.content a.btn.btn-orange { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); padding: 9px 30px; border-radius: 10px; border-bottom: 0; }
section.left-right div.text p.content a.btn-white { display: inline-flex; width: max-content; max-width: 100%; flex-direction: row; gap: 10px; align-items: center; justify-content: center; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-lws-blue); text-decoration: none; border: 2px solid #1e499b; border-radius: 10px; padding: 7px 20px; cursor: pointer; }
section.left-right div.text ul { margin-top: 1.875rem; list-style-image: none; }
section.left-right div.text ul.cols2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 30px; }
section.left-right div.text ul.cols2 li { margin-top: 0 !important; }
section.left-right div.text ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); position: relative; padding-left: 1.6875rem; text-align: left; }
section.left-right div.text ul li a { text-decoration: underline; }
section.left-right div.text ul li strong a { color: var(--color-lws-blue); text-decoration: underline; }
section.left-right div.text ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url("../images/theme2021/svg/check_vert.svg") no-repeat 50% 50% / contain; }
section.left-right div.text ul.dot li:before { content: '●' !important; background: none !important; top: 0 !important; }
section.left-right div.text ul li.cross:before { width: 15px; height: 15px; top: 6px; background: url("../images/theme2021/svg/croix_rouge.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: 66px/*4.375rem*/; }
section.left-right div.text.bloc-right { padding-left: 66px/*4.375rem*/; }
section.left-right div.text p.content.mt20 { margin-top: 1.25rem; }
section.left-right div.text ul.mt15 { margin-top: 0.9375rem; }
section.left-right div.wrapper > p.btn-link { width: max-content; width: -moz-max-content; max-width: 100%; margin: 70px auto 0; }
section.left-right div.wrapper > p.btn-link a.btn.btn-orange { font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); padding: 8px 30px; border-bottom: none; }
section.left-right div.wrapper.bis { margin-top: 70px; }
section.left-right div.wrapper.bis p { width: 100%; text-align: center; }
section.left-right div.wrapper.bis p a.btn.btn-orange { margin-top: 30px; font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 0.3125rem 1.875rem; border-radius: 10px; }
section.left-right div.wrapper.bis p a.video { margin-left: 1.75rem; position: relative; text-decoration: underline; }
section.left-right div.wrapper.bis p 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.left-right div.text p.content a.btn-cta { display: flex !important; flex-direction: row; gap: 20px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-white); text-decoration: none; background: #FF6500; border-radius: 30px; padding: 15px 40px; box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; margin-top: 30px; display: block; width: max-content; }
section.left-right div.text p.content a.btn-cta:hover { background: #EB4000; box-shadow: none; }

/* Gauche Droite  Premium */
.premium section.left-right div.text h2,
.premium section.left-right div.text h3,
.premium section.left-right div.text p.gd-title,
.premium section.left-right div.text h3.gd-title,
.premium section.left-right div.text h4.gd-title { color: var(--color-title); }
.premium section.left-right div.text p.content,
.premium section.left-right div.text h3.content,
.premium section.left-right div.text ul li { color: var(--color-text-base); }
.premium section.left-right div.text ul li:before { background: url("../images/theme2021/svg/check_clair.svg") no-repeat 50% 50% / contain; }

/* Animation sur IMG */
/*section.left-right div.img img { opacity: 0; transform: scale(0.85); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
section.left-right div.img.visible img { opacity: 1; transform: scale(1); }*/

@media (min-width: 1200px) {
  section.left-right div.container_video { padding-bottom: 0; height: 315px; }
  section.left-right div.wrapper > p.btn-link { margin: 50px auto 0; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.left-right { padding: 3.125rem 0; }
  section.left-right.pt0 { padding: 30px 0 3.125rem; }
  section.left-right div.img,
  section.left-right div.container_video { width: 450px; }
  section.left-right div.container_video iframe { top: 50%; transform:translateY(-50%); height: 275px; }
  section.left-right div.text { width: calc(100% - 455px); }
  section.left-right div.text.bloc-left { padding-right: 3.6875rem; }
  section.left-right div.text.bloc-right { padding-left: 3.6875rem; }
  section.left-right div.text h2,
  section.left-right div.text h3 { font-size: 1.625rem; line-height: 2.25rem; }
  section.left-right div.text p.gd-title,
  section.left-right div.text p.h3-title,
  section.left-right div.text h3.gd-title,
  section.left-right div.text h4.gd-title,
  section.left-right div.text p.content { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.left-right div.text p.content.mt20 { margin-top: 0.625rem; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.left-right { padding: 3.125rem 0; }
  section.left-right.pt0 { padding: 1.875rem 0 3.125rem; }
  section.left-right div.text h2,
  section.left-right div.text h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
  section.left-right div.text p.gd-title,
  section.left-right div.text h3.gd-title,
  section.left-right div.text h4.gd-title,
  section.left-right div.text p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); }
  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,
  section.left-right div.container_video { flex: 1; order: 2; width: 100%; margin-top: 1.875rem; }
  section.left-right div.img img { margin: auto; max-width: 600px; }
  section.left-right div.text ul.cols2,
  section.left-right div.text ul.tcenter { justify-content: center; width: max-content; max-width: 100%; margin: 1.875rem auto 0; }
  section.left-right div.text ul.cols2 li,
  section.left-right div.text ul.tcenter li { width: max-content; max-width: 100%; }
}

@media (max-width: 767px) {
  section.left-right { padding: 3.125rem 0; }
  section.left-right.pt0 { padding: 1.875rem 0 3.125rem; }
  section.left-right div.text h2,
  section.left-right div.text h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
  section.left-right div.text p.gd-title,
  section.left-right div.text h3.gd-title,
  section.left-right div.text h4.gd-title,
  section.left-right div.text p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); }
  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,
  section.left-right div.container_video { flex: 1; order: 2; width: 100%; margin-top: 1.875rem; }
  section.left-right div.img img { margin: auto; max-width: 600px; }
  section.left-right div.text ul { margin: 1.875rem auto 0; width: fit-content; }
  section.left-right div.text p.content a.btn-cta { max-width: 100%; margin: auto; }
  section.left-right div.text ul.cols2 { grid-template-columns: repeat(1, 1fr); justify-content: center; }
}

@media (max-width: 545px) {
  section.left-right div.text h2,
  section.left-right div.text h3 { font-size: 1.625rem; line-height: 2.25rem; }
  section.left-right div.text p.content a.link2 { display: block; margin-left: 0; }
}


/** Bloc 4 colonnes table **/
section.bloc4cols { text-align: center; padding: 70px 0; }
section.bloc4cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.bloc4cols p.sub-title { margin-top: 20; font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-text-base); }
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: var(--bg-color-blue2); color: var(--color-white); font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); padding: 30px 30px 20px; border-radius: 10px 10px 0 0; }
section.bloc4cols div.flex-container div.flex-element div.head span.little { font-weight: var(--font-weight-normal) !important; }
section.bloc4cols div.flex-container div.flex-element div.triangle { width: 100%; height: 20px; position: relative; background: #1E499B/*#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: var(--bg-color-blue); padding: 20px 20px 30px; border-radius: 0 0 10px 10px; }
section.bloc4cols div.flex-container div.flex-element div.content a { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-white); text-decoration: underline; }
section.bloc4cols div.flex-container div.flex-element div.content:before { border: 1px solid #fff; }
section.bloc4cols div.flex-container div.flex-element div.content:after { border: 1px solid #0C2A6A; }
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; }
}

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


/** Bloc 2 colonnes 3 by 9  **/
/**Colonne Gauche**/
section.bloc2cols_3_9 { padding: 50px 0; text-align: center; }
section.bloc2cols_3_9.cpad { padding: 50px 0 0; }
section.bloc2cols_3_9 div.wrapper div.col-3 { display: inline-block; width: 300px; margin-right: 15px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.listing { box-shadow: 2px 2px 25px #1E499B1A; }
section.bloc2cols_3_9.bg_grey 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: var(--bg-color-blue); border-radius: 10px 10px 0 0; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.title h2,
section.bloc2cols_3_9 div.wrapper div.col-3 div.title p { font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle,
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend { background: var(--bg-color-grey); font-size: var(--font-size-small); line-height: 1.3125rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); }
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: var(--bg-color-white); max-height: 1150px; overflow-y: auto; border-radius: 0 0 10px 10px; }
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: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); 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: var(--font-size-base); line-height: 1.5625rem; font-weight: var(--font-weight-semi); }
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: var(--color-text-base); float: left; margin-left: 10px; width: calc(100% - 90px); text-align: left; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { position: absolute; right: 85px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info span.stroke { position: relative; color: var(--color-text-base); font-weight: var(--font-weight-normal); }
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); top: 50%; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.price { color: var(--color-text-base); float: right; }
section.bloc2cols_3_9 div.wrapper div.col-3 p.link { margin-top: 15px; font-size: var(--font-size-small); line-height: 1.5rem; font-weight: var(--font-weight-normal); text-align: center; }
section.bloc2cols_3_9 div.wrapper div.col-3 p.link a { text-decoration: underline; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle img { top: -1px; position: relative; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle,
section.bloc2cols_3_9 div.wrapper div.col-3 div.legend,
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension { border-left: 2px solid #1E499B; border-right: 2px solid #1E499B; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension { border-bottom: 2px solid #1E499B; border-radius: 0 0 10px 10px; }
/** Scroll Bar **/
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar { width: 16px; background: #F3F4F8; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar-thumb { background: rgba(30, 73, 155, 0.2); border-radius: 8px; border: 5px solid transparent; background-clip: content-box; max-height: 300px; }
section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul::-webkit-scrollbar-track { background: #F3F4F8; border-radius: 0px; }
/**Colonne droite**/
section.bloc2cols_3_9 div.wrapper div.col-9 { display: inline-block; width: calc(75% - 15px); background: var(--bg-color-white); padding: 40px 30px; box-shadow: 2px 2px 25px #1E499B1A; }
section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2.pad0 { padding: 0px 15px 30px; }
section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.mp0 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.pt0 { padding-top: 0 !important; }
section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.mb70 { margin-bottom: 70px !important; }
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: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); width: 100%; }
section.bloc2cols_3_9 div.wrapper div.col-9 h2.mth2 { margin-top: 100px; }
section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title a { text-decoration: underline; display: block; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text { margin-top: 50px; text-align: left; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text > :first-child { margin-top: 0; } 
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text p { margin-top: 30px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text ul li { position: relative; padding-left: 1.6875rem; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text ul li:not(:first-of-type) { margin-top: 15px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container-text ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 5px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-black); }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content span.fw400 { font-weight: var(--font-weight-normal); }
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; border-radius: 10px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.container_video.hide { display: none; }
section.bloc2cols_3_9 div.wrapper div.col-3.tiny div.list-extension ul { max-height: 1012px; overflow-y: hidden; }
section.bloc2cols_3_9 div.wrapper div.col-3.tiny.of_true div.list-extension ul { max-height: 965px; overflow-y: auto; }
section.bloc2cols_3_9 div.wrapper div.col-3.tiny2 div.list-extension ul { max-height: 506px /*552px*/; overflow-y: hidden; }
section.bloc2cols_3_9 div.wrapper div.col-3.tiny3 div.list-extension ul { max-height: 874px /*552px*/; overflow-y: hidden; }
section.bloc2cols_3_9 div.wrapper div.col-3.tiny.of_true.top10 div.list-extension ul li:not(:nth-child(-n+10)) { display: none; }
section.bloc2cols_3_9 div.wrapper div.col-9.without_bg { width: calc(100% - 330px); height: 1168px; margin-left: 15px; background: transparent; padding: 0 0 40px; box-shadow: none; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: initial; gap: 50px 30px; }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element { flex-grow: inherit; width: 140px; min-width: auto; max-width: calc(100% / 5); }
section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element img { width: 50px; height: auto; }
section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 p.link { display: none; }

section.bloc2cols_3_9 div.wrapper.dflex { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
section.bloc2cols_3_9 div.wrapper div.col-9 h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-extra); }
section.bloc2cols_3_9 div.wrapper div.col-9 ul.inline { display: flex; flex-direction: row; gap: 0 55px; justify-content: center; margin-top: 20px; }
section.bloc2cols_3_9 div.wrapper div.col-9 ul.inline li { position: relative; font-size: 17px; line-height: var(--line-height-base); }
section.bloc2cols_3_9 div.wrapper div.col-9 ul.inline li:before { content: ""; position: absolute; width: 15px; height: 10px; left: -25px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.bloc2cols_3_9 div.wrapper div.col-9 .short_desc { font-size: var(--font-size-base); line-height: var(--line-height-base); margin-top: 50px; text-align: center; }

section.bloc2cols_3_9 div.wrapper div.assurance { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; font-size: var(--font-size-base); line-height: var(--line-height-small); margin-top: 50px; background: var(--bg-color-grey); padding: 30px; border-radius: 10px; }
section.bloc2cols_3_9 div.wrapper div.assurance .accroche { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-semi); }
section.bloc2cols_3_9 div.wrapper div.assurance img.star { width: 180px; height: auto; margin: 0 7px; }
section.bloc2cols_3_9 div.wrapper div.assurance img.logo_t { width: 100px; height: auto; }

@media (max-width: 767px) {
  section.bloc2cols_3_9 div.wrapper div.assurance { flex-wrap: wrap; justify-content: center; }
}



@media (min-width: 1201px) {
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2 { background: var(--bg-color-white); padding: 30px 15px; height: max-content; height: -moz-max-content; margin-bottom: 60px; }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2 div.flex-container.flex5_gris { gap: 50px 25px; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2 { background: var(--bg-color-white); padding: 30px 15px; height: max-content; height: -moz-max-content; margin-bottom: 180px; }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2.pad0 { padding: 0px 15px 30px; margin-bottom: 40px; }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2 div.flex-container.flex5_gris { gap: 50px 0; }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.mb70 { margin-bottom: 50px !important; }

  section.bloc2cols_3_9.dom_ext div.wrapper { flex-direction: column; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 { display: none; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9 { width: 100% !important; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc2cols_3_9 { padding: 30px 0 0; }
  section.bloc2cols_3_9.dom_ext { padding: 50px 0; }
  section.bloc2cols_3_9 div.wrapper div.col-3 { width: 250px; margin-right: 40px; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 { width: 275px; margin-right: 15px; }
  section.bloc2cols_3_9 div.wrapper div.col-9,
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg { width: calc(100% - 290px); margin-left: 0; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.title { padding: 8px 0 3px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.title h2 { font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.legend { padding: 9px 10px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 p.link a { font-size: var(--font-size-small); line-height: 1.5rem; }
  section.bloc2cols_3_9 div.wrapper div.col-3.tiny div.list-extension ul { overflow-y: hidden; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { right: 85px; }
  section.bloc2cols_3_9.small div.wrapper div.col-3 div.list-extension ul { max-height: 874px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris { margin-top: 40px; gap: 40px 30px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.container_video { margin-top: 50px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 span.tiny_txt,
  section.bloc2cols_3_9 div.wrapper div.col-3 span.tiny_more { display: none; }
  section.bloc2cols_3_9 div.wrapper div.col-9 h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.bloc2cols_3_9.cpad div.wrapper div.col-9 div.flex-container div.flex-element p.content br { display: none; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc2cols_3_9 div.wrapper div.col-3 { width: 270px; margin-right: 40px; }
  section.bloc2cols_3_9 div.wrapper div.col-9,
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg { width: calc(100% - 310px); margin-left: 0; }

  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3,
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9,
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9.without_bg { display: block; width: 100%; margin-left: 0; height: auto; float: unset; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9 { margin-top: 70px; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 div.listing { max-width: 600px; margin: auto; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle img { width: 100%; top: -1px; position: relative; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 div.legend div.fl { display: block; }
  

  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { right: 85px; }
  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.flex5_gris { margin-top: 40px; gap: 40px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element { width: 100%; min-width: auto; max-width: calc(50% - 20px); }
  section.bloc2cols_3_9.small div.wrapper div.col-3 div.list-extension ul,
  section.bloc2cols_3_9.small div.wrapper div.col-3.tiny div.list-extension ul { max-height: 874px; overflow-y: hidden; }
  section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title a { display: block; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element p.content { margin-top: 20px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.legend div.fl { display: none; }
  section.bloc2cols_3_9 div.wrapper div.col-3 span.tiny_more { display: none; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.title { padding: 13px 0 12px; }
  section.bloc2cols_3_9 div.wrapper > div.container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: auto; margin-top: 50px; }
  section.bloc2cols_3_9 div.wrapper > div.container_video iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

  section.bloc2cols_3_9.flex_txt div.wrapper { display: flex; }
  section.bloc2cols_3_9.flex_txt div.wrapper div.col-9.without_bg { height: auto; }
  section.bloc2cols_3_9.flex_txt div.wrapper div.col-9.without_bg.v2.pad0 { padding: 0 15px; }
  section.bloc2cols_3_9.flex_txt div.wrapper div.col-9.without_bg h2 { text-align: left; font-size: 2rem; line-height: 2.6rem; }
  section.bloc2cols_3_9.cpad.flex_txt div.wrapper div.col-9.without_bg h2 { text-align: center; }
  section.bloc2cols_3_9 div.wrapper div.col-3.tiny3 div.list-extension ul { max-height: 1517px; }

  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.mb70 { margin-bottom: 20px !important; }

  section.bloc2cols_3_9.dom_ext div.wrapper { flex-direction: column; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 { display: none; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9 { width: 100% !important; }
}

@media (max-width: 767px) {
  section.bloc2cols_3_9 { padding: 50px 0; }
  section.bloc2cols_3_9.cpad { padding: 50px 0 30px; }
  section.bloc2cols_3_9 div.wrapper div.col-3,
  section.bloc2cols_3_9 div.wrapper div.col-9,
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg { display: block; width: 100%; margin-left: 0; height: auto; float: unset; }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.v2.pad0 { margin-top: 50px; padding: 0 15px !important; }
  section.bloc2cols_3_9 div.wrapper div.col-9 h2.mth2 { margin-top: 50px; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.listing { width: 100%; max-width: 450px; margin: auto; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.triangle img { width: 100%; top: -1px; position: relative; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul,
  section.bloc2cols_3_9 div.wrapper div.col-3.tiny div.list-extension ul { max-height: 506px; overflow-y: hidden; }
  section.bloc2cols_3_9 div.wrapper div.col-3 div.list-extension ul li div.info { right: 85px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 { margin-top: 100px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title a { display: block; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris { justify-content: center; margin-top: 50px; }
  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,
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element { width: 100%; max-width: calc((100% - 60px) / 3); }
  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg { padding-bottom: 50px !important; }
  section.bloc2cols_3_9 div.wrapper > div.container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin: auto; margin-top: 0px; }
  section.bloc2cols_3_9 div.wrapper > div.container_video iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

  section.bloc2cols_3_9 div.wrapper div.col-9.without_bg.mb70 { margin-bottom: 0px !important; margin-top: 50px !important; }

  section.bloc2cols_3_9.dom_ext div.wrapper { flex-direction: column; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-3 { display: none; }
  section.bloc2cols_3_9.dom_ext div.wrapper div.col-9 { width: 100% !important; margin-top: 0; }
  section.bloc2cols_3_9 div.wrapper div.col-9 ul.inline { flex-direction: column; align-items: center; }
  section.bloc2cols_3_9 div.wrapper div.col-9 ul.inline li { width: max-content; max-width: 100%; }
  section.table_dom2 div.hide_table table.col1 tbody tr td:first-of-type { width: 200px; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.assurance { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 545px) {
  section.bloc2cols_3_9 div.wrapper div.col-9 h2 { font-size: 1.875rem; line-height: 2.5rem; }
  section.bloc2cols_3_9 div.wrapper div.col-9 p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container div.flex-element,
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element { width: 100%; max-width: calc((100% - 30px) / 2); }
}

@media (max-width: 410px) {
  section.bloc2cols_3_9 div.wrapper div.col-9 h2 { font-size: 1.625rem; line-height: 2.25rem; }
  section.bloc2cols_3_9 div.wrapper div.col-9 div.flex-container.flex5_gris div.flex-element { width: 100%; max-width: 100%; }
}


/** Bloc Garantie **/
section.new_garanti { padding: 0; position: relative; background: linear-gradient(to left, #001136 60%, #0C2A6A 60%); }
section.new_garanti div.wrapper div.bloc-left { display: inline-block; padding: 40px 20px 40px 0; width: 400px; vertical-align: middle; background: var(--bg-color-blue2); }
section.new_garanti div.wrapper div.bloc-left div.price-content div.price_element_stroke { display: inline-block; font-size: 22px; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); 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: var(--font-weight-semi); color: var(--color-yellow); 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: var(--font-weight-semi); color: var(--color-yellow); 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: var(--font-weight-semi); color: var(--color-yellow); 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: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); 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: var(--font-weight-semi); padding: 17px 5px; background: var(--bg-color-yellow); 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: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-white); font-weight: var(--font-weight-normal); margin-top: 10px; }
section.new_garanti div.wrapper div.bloc-left a.btn-garanti { font-size: 20px; line-height: 30px; color: var(--color-white); font-weight: var(--font-weight-semi); padding: 7px 30px; margin-top: 30px; }
section.new_garanti div.wrapper div.bloc-right { display: inline-block; padding: 40px 0 40px 30px; width: calc(100% - 405px); vertical-align: middle; background: var(--bg-color-blue3); }
section.new_garanti div.wrapper div.bloc-right img { display: inline-block; margin-left: 0; 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: var(--color-yellow); }
section.new_garanti div.wrapper div.bloc-right div.content p.accroche { font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-white); margin: 20px auto; }
section.new_garanti div.wrapper div.bloc-right div.content p.accroche a { color: var(--color-white); 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: var(--font-size-base); line-height: var(--line-height-small); vertical-align: middle; }

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

@media (max-width: 1200px) AND (min-width: 980px) {
  section.new_garanti { background: linear-gradient(to left, #001136 63%, #0C2A6A 63%); padding: 40px 0; }
  section.new_garanti div.wrapper { width: 100%; height: 279px; padding: 0 30px; position: relative; }
  section.new_garanti div.wrapper div.bloc-left { position: absolute; padding: 0; width: 320px; right: 65%; top: 50%; transform: translateY(-50%); }
  section.new_garanti div.wrapper div.bloc-right { position: absolute; padding: 0; width: 597px; left: 39%; 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: var(--bg-color-blue2); padding: 30px 0; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right { width: 100%; background: var(--bg-color-blue3); 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: var(--bg-color-blue2); padding: 30px 20px; text-align: center; }
  section.new_garanti div.wrapper div.bloc-right { width: 100%; background: var(--bg-color-blue3); 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.bg_grey { background: linear-gradient(-75deg,#1E499B 42%, #F4F5F8 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% - 678px); vertical-align: middle; }
section.conception div.text h2,
section.conception div.text h3 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.conception div.text p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 30px; }
section.conception div.text p.content a { color: var(--color-orange); text-decoration: underline; }
section.conception div.text p.content a.btn100 { width: max-content; width: -moz-max-content; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 9px 30px 5px; border-radius: 10px; }
section.conception div.text.bloc-left { padding-right: 60px; }
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% - 469px); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.conception { padding: 50px 0; background: var(--bg-color-white); }
  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: var(--bg-color-white); }
  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,
section.themes h3 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; background: transparent; }
section.themes p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); text-align: center; margin-top: 20px; }
section.themes div.slide { display: inline-block; margin-top: 50px; padding: 0 50px; }
section.themes.theme_mini div.slide { display: inline-block; margin-top: 50px; padding: 0; }
section.themes div.slide div.img-theme { display: inline-block; width: calc((100% - 110px) / 3); margin-right: 50px; vertical-align: top; }
section.themes.theme_mini div.slide div.img-theme { display: inline-block; width: calc((100% - 55px) / 2); 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: 90%; height: auto; margin: auto; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; border-radius: 10px; }
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: var(--font-size-large); line-height: var(--line-height-base); 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: var(--color-white); }
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: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); text-align: center; margin-top: 50px; }
section.themes p.lien { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; text-align: center; margin-top: 20px; }
section.themes p.lien a { color: var(--color-orange); 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: var(--font-weight-semi); padding: 10px 30px; border-radius: 10px; }

@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,
  section.themes.theme_mini 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: 4.375rem 0; }
section.avis_client h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.avis_client p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 1.25rem; }
section.avis_client p.sub-title a { color: var(--color-orange); text-decoration: underline; }
section.avis_client div.logo_avis_trust { margin-top: 3.125rem; }
section.avis_client div.logo_avis_trust img { height: 2.75rem; width: auto; margin: auto; }
section.avis_client div.slide { display: inline-block; margin-top: 2.5rem; }
section.avis_client div.slide div.bloc-avis { display: inline-block; width: 572px; padding: 30px; background-color: var(--color-white); box-shadow: 2px 2px 25px #1E499B29; vertical-align: top; border-radius: 10px; }
section.avis_client div.slide div.bloc-avis:first-child { margin-right: 1.25rem; }
section.avis_client div.slide div.bloc-avis div.note_avis { text-align: center; }
section.avis_client div.slide div.bloc-avis div.note_avis img { width: 26px; height: auto; display: inline-block; }
/*section.avis_client div.slide div.bloc-avis img { width: 150px; height: auto; margin: 0 auto; }*/
section.avis_client div.slide div.bloc-avis div.title { display: block; font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); text-align: center; margin-top: 10px; }
section.avis_client div.slide div.bloc-avis p.txt-avis { margin-top: 1.25rem; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.avis_client div.slide div.bloc-avis div.footer-avis { margin-top: 1.25rem; 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: 1.125rem; }
section.avis_client div.slide div.bloc-avis div.footer-avis div.letter { display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; margin-right: 20px; font-size: 1.563rem; line-height: var(--line-height-extra); text-align: center; text-transform: uppercase; }
section.avis_client div.slide div.bloc-avis div.footer-avis div.letter.pink { background: #EC407A; color: var(--color-white); }
section.avis_client div.slide div.bloc-avis div.footer-avis div.letter.yellow_light { background: #FFFBD6; color: #1C1C1C; }
section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { display: inline-block; vertical-align: middle; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text-base); width: 320px; }
section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule span.fw600 { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); }
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: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text-base); float: right; clear:right; }
section.avis_client div.indicators { margin-top: 3.125rem; }
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 5px; cursor: pointer; padding: 0.125rem; 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: var(--color-white); }
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; }

/** Avis client - Premium **/
.premium section.avis_client h2  { color: var(--color-title); }
.premium section.avis_client p.sub-title,
.premium section.avis_client p.sub-title a,
.premium section.avis_client div.slide div.bloc-avis p.txt-avis,
.premium section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule,
.premium section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis p { color: var(--color-text-base); }
.premium section.avis_client div.slide div.bloc-avis { background-color: #292A2D; }
.premium section.avis_client.bg_premium_1 div.slide div.bloc-avis { background-color: var(--bg-color-premium); box-shadow: 2px 2px 25px #1E499B29; }

/** Avis client Bloc Assurance **/
section.avis_client div.assu_trust { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; font-size: var(--font-size-base); line-height: var(--line-height-small); margin-top: 40px; }
section.avis_client div.assu_trust .accroche { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-semi); }
section.avis_client div.assu_trust img.star { width: 180px; height: auto; margin: 0 7px; }
section.avis_client div.assu_trust img.logo_t { width: 100px; height: auto; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.avis_client { padding: 2.5rem 0; }
  section.avis_client h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.avis_client p.sub-title { font-size: var(--font-size-base); }
  section.avis_client div.logo_avis_trust { margin-top: 2.5rem; }
  section.avis_client div.logo_avis_trust img { height: 2.4375rem; }
  section.avis_client div.slide div.bloc-avis:first-child { margin-right: 1.25rem; }
  section.avis_client div.slide div.bloc-avis { width: 462px; }
  section.avis_client div.slide div.bloc-avis p.txt-avis { font-size: 0.9375rem; line-height: var(--line-height-small); height: 156px; }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { width: 225px; font-size: 0.9375rem; }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule span.fw600 { font-size: 0.9375rem; }
  section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis p { font-size: 0.9375rem; }
  section.avis_client div.indicators { margin-top: 2.5rem; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.avis_client { padding: 2.5rem 0; }
  section.avis_client h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); }
  section.avis_client div.slide { margin-top: 3.125rem; }
  section.avis_client div.slide div.bloc-avis:first-child { margin-right: 1.25rem; }
  section.avis_client div.slide div.bloc-avis { width: 362px; }
  section.avis_client div.slide div.bloc-avis p.txt-avis { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule { width: 228px; font-size: 0.9375rem; }
  section.avis_client div.slide div.bloc-avis div.footer-avis p.site-formule span.fw600 { font-size: 0.9375rem; }
  section.avis_client div.slide div.bloc-avis div.footer-avis div.delay-avis { display: none; }
  section.avis_client div.slide div.bloc-avis div.footer-avis img { margin-right: 0.625rem; }
  section.avis_client div.slide div.bloc-avis div.footer-avis { padding-top: 1.25rem; }
  section.avis_client div.indicators { margin-top: 2.5rem; }
}

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


/** Bloc XP Press **/
section.xp_press { padding: 4.375rem 0; }
section.xp_press h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.xp_press p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 1.25rem; }
section.xp_press p.sub-title a { color: var(--color-orange); text-decoration: underline; }
section.xp_press div.dflex3 { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 30px; margin-top: 3.125rem; }
section.xp_press div.dflex3 div.flex-content { display: flex; flex-direction: column; gap: 30px; justify-content: flex-start; width: calc((100% - 60px) / 3); background-color: var(--color-white); box-shadow: 2px 2px 25px #1e499b29; padding: 30px; border-radius: 10px; }
section.xp_press div.flex-content div.info_xp > img { width: 80px; height: 80px; border-radius: 50%; }
section.xp_press div.flex-content div.info_xp { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 30px; }
section.xp_press div.flex-content div.info_xp.a_center { align-items: center; }
section.xp_press div.flex-content div.info_xp div.enseigne { font-size: var(--font-size-large); line-height: 1.5rem; font-weight: var(--font-weight-semi); }
section.xp_press div.flex-content div.info_xp div.activity { font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); }
section.xp_press div.flex-content div.info_xp.a_center div.enseigne { line-height: var(--line-height-base); }
section.xp_press div.flex-content div.info_xp div.activity.uline { text-decoration: underline; }
section.xp_press div.flex-content div.info_xp div.stars { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; margin-top: 6px; }
section.xp_press div.flex-content div.content { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); }
section.xp_press div.flex-content a.btn-transparent { font-size: var(--font-size-large); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-semi); height: 46px; padding: 0 30px; color: var(--color-text-base); border: 2px solid #f60; width: max-content; max-width: 100%; border-radius: 10px; }

/** Premium **/
.premium section.xp_press h2 { color: var(--color-title); }
.premium section.xp_press p.sub-title,
.premium section.xp_press p.sub-title a,
.premium section.xp_press div.flex-content a.btn-transparent,
.premium section.xp_press div.flex-content div.enseigne,
.premium section.xp_press div.flex-content div.activity,
.premium section.xp_press div.flex-content div.content,
.premium section.xp_press div.flex-content div.info_xp div.activity.uline a { color: var(--color-text-base); }
.premium section.xp_press div.dflex3 div.flex-content { background: var(--bg-color-premium); }
.premium section.xp_press.bg_premium_2 div.dflex3 div.flex-content { background: #343944; }
.premium section.xp_press div.flex-content a.btn-transparent { border-color: var(--color-white); }
.premium section.xp_press .tp_pro { margin: 40px auto; }
.premium section.xp_press .tp_pro img { display: block; margin: 0 auto; }

@media (max-width: 1200px) {
  section.xp_press div.flex-content div.info_xp { flex-direction: column; align-items: center; gap: 20px; }
  section.xp_press div.flex-content div.info_xp div.info { text-align: center; }
  section.xp_press div.flex-content div.info_xp div.stars { justify-content: center; }
}

@media (max-width: 979px) {
  section.xp_press div.dflex3 { flex-wrap: wrap; justify-content: center; }
  section.xp_press div.dflex3 div.flex-content { width: calc((100% - 30px) / 2); }
}

@media (max-width: 767px) {
  section.xp_press div.dflex3 div.flex-content { width: 100%; max-width: 450px; }
  section.xp_press div.flex-content div.content { text-align: center; }
  section.xp_press div.flex-content a.btn-transparent { margin: auto; }
}


/** Bloc Disponibilité Domaine **/
section.disponibilite_domaine { padding: 50px 0; }
section.disponibilite_domaine h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.disponibilite_domaine p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); text-align: center; margin-top: 20px; }
section.disponibilite_domaine div.content { margin-top: 50px; overflow: auto; }
section.disponibilite_domaine.no_of div.content { overflow: auto !important; }
section.disponibilite_domaine div.content div.col-3 { display: inline-block; width: 300px/*calc(25% - 15px)*/; margin-right: 30px; }
section.disponibilite_domaine div.content div.col-3 ul { margin-top: 106px; box-shadow: 2px 2px 25px #1E499B26; }
section.disponibilite_domaine div.content div.col-3 ul li { font-size: var(--font-size-base); line-height: var(--line-height-medium); color: var(--color-text-base); padding: 8px 20px; background: var(--bg-color-white); border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
section.disponibilite_domaine div.content div.col-3 ul.version_ndd li { padding: 0; }
section.disponibilite_domaine div.content div.col-3 ul li a { color: var(--color-text-base); }
section.disponibilite_domaine div.content div.col-3 ul.version_ndd li a { display: block; padding: 8px 20px; }
section.disponibilite_domaine div.content div.col-3 ul li:first-child { background: var(--bg-color-blue); font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); color: var(--color-white); text-align: center; padding: 12px 20px; }
section.disponibilite_domaine div.content div.col-3 ul li.active { position: relative; background: var(--bg-color-grey); font-weight: var(--font-weight-semi); color: var(--color-lws-blue); 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: var(--color-lws-blue); 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: var(--bg-color-grey); 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-3 ul li.select { display: none; }
section.disponibilite_domaine div.content div.col-9 { display: inline-block; width: calc(100% - 334px); margin-right: 4px; margin-bottom: 4px; }
section.disponibilite_domaine div.content div.search_dom { background: var(--bg-color-white); width: 100%; padding: 20px; box-shadow: 0px 0px 4px #1E499B26; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche { position: relative; display: inline-block; height: 46px; background: rgba(227, 231, 245, 0.5); border: 2px solid #E3E7F5; vertical-align: middle; width: calc(100% - 165px); }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:first-child { display: inline-block; font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-medium); padding: 7px 20px 8px; vertical-align: top; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:last-of-type { display: inline-block; font-size: var(--font-size-base); line-height: 46px; font-weight: var(--font-weight-normal); padding: 0 15px; vertical-align: top; width: max-content; width: -moz-max-content; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:last-of-type a { color: var(--color-text-base); }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:last-of-type:hover { cursor: pointer; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche img.btn-del { float: right; position: relative; width: 12px; height: auto; right: 15px; top: 53%; transform: translateY(-50%); }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche img.btn-del:hover,
section.disponibilite_domaine div.content div.search_dom button.btn-submit { cursor: pointer; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche div.input_dom { display: inline-block; width: 260px; background: var(--bg-color-white); height: 42px; vertical-align: top; }
section.disponibilite_domaine div.content div.search_dom div.barre_recherche div.input_dom input { width: 100%; height: 100%; padding: 0 20px; font-family: var(--font-family-base); font-size: 17px; line-height: 27px; }
section.disponibilite_domaine div.content div.search_dom button.btn-submit { display: inline-block; width: 160px; background: #FF6500; color: var(--color-white); padding: 5px 30px 6px; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); border: none; height: 46px; vertical-align: middle; }
section.disponibilite_domaine div.content div.search_dom button.btn-submit img.search_icon { width: 20px; height: 20px; }
section.disponibilite_domaine div.content div.col-9 table { opacity: 0; transition: all .6s ease-in; width: 100%; border: none; margin-right: 5px; box-shadow: 0px 0px 4px #1E499B1A; margin-top: 20px; }
section.disponibilite_domaine div.content div.col-9 table.in { opacity: 1; }
section.disponibilite_domaine div.content div.col-9 table thead tr th { text-align: center; font-size: var(--font-size-base); line-height: 30px; font-weight: var(--font-weight-semi); background-color: var(--color-lws-blue); color: var(--color-white); 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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); text-align: center; vertical-align: middle; border: none; padding: 18px 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: var(--color-white); }
section.disponibilite_domaine div.content div.col-9 table tbody tr:nth-child(2n) td { background-color: var(--bg-color-grey); }
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: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); }

section.disponibilite_domaine table#result_search_dom.dataTable { min-width: 100%; max-width: 100%; width: 100% !important; }
section.disponibilite_domaine .dataTables_length,
section.disponibilite_domaine .dataTables_filter,
section.disponibilite_domaine .dataTables_info { display: none; }

table#result_search_dom.dataTable thead tr th:not(:last-of-type):hover,
table#result_search_dom.dataTable thead tr th:last-of-type input:hover,
table#result_search_dom.dataTable tbody tr td:last-of-type input:hover { cursor: pointer; }
section.disponibilite_domaine div.content table#result_search_dom.dataTable thead th:nth-child(2) { width: 200px !important; }
section.disponibilite_domaine div.content table#result_search_dom.dataTable thead th:nth-child(3) { width: 160px !important; }
table#result_search_dom.dataTable thead tr th:not(:last-of-type) { position: relative; padding-right: 30px; }
table#result_search_dom.dataTable span.label { display: inline-block; }

table#result_search_dom.dataTable thead .sorting_asc:after,
table#result_search_dom.dataTable thead .sorting_desc:after,
table#result_search_dom.dataTable thead .sorting:after { position: absolute; content: ''; background-repeat: no-repeat; width: 11px; height: 17px; right: 10px; top: 50%; transform: translateY(-50%); }

table#result_search_dom.dataTable:before { top: 15px; left: 0; width: 100%; height: 130px; border-radius: 12px / 65px; box-shadow: 0 0 16px rgb(0 0 0 / 70%); }

section.disponibilite_domaine table#result_search_dom.dataTable thead .sorting:after { background-image: url(../images/theme2021/svg/chevron_select_aucun.svg)!important; }
section.disponibilite_domaine table#result_search_dom.dataTable thead .sorting_asc:after { background-image: url(../images/theme2021/svg/chevron_select_haut.svg)!important; }
section.disponibilite_domaine table#result_search_dom.dataTable thead .sorting_desc:after { background-image: url(../images/theme2021/svg/chevron_select_bas.svg)!important; }

/*section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers { margin-top: 35px; text-align: center; height: 30px; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button { height: 38px !important; font-size: var(--font-size-small) !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: var(--font-weight-semi); background-color: var(--color-white); 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: var(--font-weight-semi); margin-right: 0px; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers a.paginate_button.next:after { content: ">"; color: #1e49bc; font-weight: var(--font-weight-semi); 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: var(--font-weight-semi); background-color: var(--color-white); 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: var(--bg-color-white); color:#464f57 !important; border: 1px solid #ccc; }
section.disponibilite_domaine div.dataTables_paginate.paging_simple_numbers span.ellipsis { color: #464f57 !important; font-weight: var(--font-weight-semi); background-color: var(--color-white); border: 1px solid #ccc !important; border-left: none !important; border-radius: 0; margin-left: 0; height: 38px !important; font-size: var(--font-size-small) !important; line-height: 14px !important; padding: 9px 1em 8px !important; }*/

section.disponibilite_domaine .dataTables_paginate { float: right; margin-top: 20px; }
section.disponibilite_domaine .dataTables_paginate a:hover { cursor: pointer; }
section.disponibilite_domaine .dataTables_paginate .paginate_button.previous { margin-right: 10px; color: var(--color-text-base); }
section.disponibilite_domaine .dataTables_paginate .paginate_button.next { margin-left: 10px; color: var(--color-text-base); }
section.disponibilite_domaine .dataTables_paginate .paginate_button,
section.disponibilite_domaine .dataTables_paginate span.ellipsis { font-size: var(--font-size-base); line-height: var(--line-height-small); color: rgba(77, 81, 99, 0.6); padding: 0 5px; }
section.disponibilite_domaine .dataTables_paginate .paginate_button:not(:last-child) { margin-right: 10px; }
section.disponibilite_domaine .dataTables_paginate span.ellipsis { margin-right: 10px; }
section.disponibilite_domaine .dataTables_paginate .paginate_button.current { font-weight: var(--font-weight-semi); color: var(--color-lws-blue); padding: 0 5px; }
section.disponibilite_domaine .dataTables_paginate .paginate_button.previous.disabled,
section.disponibilite_domaine .dataTables_paginate .paginate_button.next.disabled { display: none; }

/** NDD FORM **/
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form { background: transparent; padding: 0; box-shadow: none; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form label { display: block; font-size: 22px; line-height: 31px; color: var(--color-black); margin-bottom: 10px; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form input[type="text"] { width: calc(100% - 50px); height: 50px; padding: 0 15px; font-size: 17px; line-height: var(--line-height-extra); background: var(--bg-color-white); border: 1px solid #8295B9; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form button { width: 50px; height: 50px; margin-left: -5px; background: #2A9A2A; border: 0; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form input,
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form button { vertical-align: middle; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form button:hover { cursor: pointer; }
section.disponibilite_domaine div.content div.search_dom.bloc_ndd_form button img { display:block; margin: auto; }
section.disponibilite_domaine div.content div.block_ndd_tab:not(.active) { display: none; }
section.disponibilite_domaine div.content table#result_search { opacity: 1; margin-bottom: 20px; }
section.disponibilite_domaine div.content table#result_search thead tr th { font-size: var(--font-size-large); line-height: 45px; font-weight: var(--font-weight-semi); padding: 0 20px; }
section.disponibilite_domaine div.content table#result_search thead tr th:first-child { width: auto; }
section.disponibilite_domaine div.content table#result_search tbody tr td { padding: 15px 20px; font-size: var(--font-size-base); line-height: var(--line-height-small); color: var(--color-black); text-align: center; }
section.disponibilite_domaine div.content table#result_search tbody tr td:first-of-type { text-align: left; width: auto; }
section.disponibilite_domaine div.content table#result_search tbody tr td:nth-child(2) { white-space: nowrap; }
section.disponibilite_domaine div.content table#result_search tbody tr td:last-of-type { padding: 5px 15px; width: 260px; }
section.disponibilite_domaine div.content table#result_search tbody tr td > img { width: 24px; height: 24px; margin: auto; }
section.disponibilite_domaine div.content table#result_search tbody tr td span.stroke { color: #7E818D; position: relative; margin-right: 5px; }
section.disponibilite_domaine div.content table#result_search tbody tr td span.stroke:after { content: ""; position: absolute; height: 1px; background: #7E818D; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.disponibilite_domaine div.content table#result_search tbody tr td .btn { font-size: var(--font-size-base); line-height: 43px; font-weight: var(--font-weight-semi); height: 43px; padding: 0; width: 230px; border: none; }
section.disponibilite_domaine div.content table#result_search tbody tr td .btn:not(.btn_error):hover { cursor: pointer; } 
.btn_transfert { background: #FF6500; color: var(--color-white); }
.btn_transfert:before { position: relative; display: inline-block; top: 5px; margin-right: 10px; content: url(../images/theme2021/svg/transfert.svg); width: 24px; height: 20px; }
.btn_renew { background: #5694d3; color: var(--color-white); }
.btn_renew:before { position: relative; display: inline-block; top: 5px; margin-right: 10px; content: url(../images/theme2021/svg/renouveler.svg); width: 24px; height: 20px; }
.btn_addcart { background: #2A9A2A; color: var(--color-white); }
.btn_addcart:before { position: relative; display: inline-block; top: 5px; margin-right: 10px; content: url(../images/theme2021/svg/panier_ajouter.svg); width: 20px; height: 20px; }
.btn_incart { background: var(--bg-color-white); border: 2px solid #2A9A2A !important; color: #2A9A2A; line-height: 41px !important; }
.btn_outcart, .btn_reload { background: #DD1B24; color: var(--color-white); }
.btn_outcart:before { position: relative; display: inline-block; top: 5px; margin-right: 10px; content: url(../images/theme2021/svg/panier_retirer.svg); width: 20px; height: 20px; }
.btn_error { background: #D4D5D9; color: var(--color-black); }
.btn_error.reserved:before { position: relative; display: inline-block; top: 5px; margin-right: 10px; content: url(../images/theme2021/svg/cadenas_dom.svg); width: 15px; height: 20px; }
.btn_error:hover { cursor: not-allowed; }
section.disponibilite_domaine div.content .btn_under_table .btn { font-size: var(--font-size-base); line-height: 46px; font-weight: var(--font-weight-semi); height: 46px; padding: 0 20px; width: auto; border: none; }
section.disponibilite_domaine div.content .btn_under_table .btn:hover { cursor: pointer; }
section.disponibilite_domaine div.content .btn_under_table .btn_return { background: var(--bg-color-white); color: var(--color-lws-blue); }
section.disponibilite_domaine div.content .btn_under_table .btn_return img { display: inline-block; width: 14px; height: 16px; position: relative; top: 3px; margin-right: 11px; transform: rotate(180deg); }
section.disponibilite_domaine div.content .btn_under_table .btn_select_all { background: #2B9333; color: var(--color-white); }
section.disponibilite_domaine div.content .btn_under_table .btn_cmde { background: #FF6500; color: var(--color-white); }
section.disponibilite_domaine div.content .btn_under_table .btn_cmde:disabled { opacity: 0.5; cursor: not-allowed; }
section.disponibilite_domaine div.content .btn_under_table .btn_cmde img { display: inline-block; width: 14px; height: 16px; position: relative; top: 3px; margin-left: 11px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.disponibilite_domaine div.content div.col-3 { width: 200px; margin-right: 15px; }
  section.disponibilite_domaine div.content div.col-3.ndd_page { width: 200px; margin-right: 25px; }
  section.disponibilite_domaine div.content div.col-3 ul { margin-top: 96px; }
  section.disponibilite_domaine div.content div.col-3 ul li:first-child { font-size: var(--font-size-base); line-height: var(--line-height-base); padding: 10px 5px; }
  section.disponibilite_domaine div.content div.col-3 ul li { font-size: var(--font-size-medium); line-height: var(--line-height-small); padding: 8px 15px; }
  section.disponibilite_domaine div.content div.col-3 ul.version_ndd li a { display: block; padding: 7px 10px; }
  section.disponibilite_domaine div.content div.col-3 ul.version_ndd li img { margin-right: 4px; }
  section.disponibilite_domaine div.content div.col-9 { width: calc(100% - 219px); }
  section.disponibilite_domaine div.content div.col-9.ndd_page  { width: calc(100% - 229px); }
  section.disponibilite_domaine div.content div.search_dom { padding: 15px; }
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:first-child { padding: 7px 15px 8px; }
  section.disponibilite_domaine div.content div.col-3 ul li.active { border-right: 1px solid; }
  section.disponibilite_domaine div.content div.col-3 ul:not(.version_ndd) li.active::before,
  section.disponibilite_domaine div.content div.col-3 ul:not(.version_ndd) li.active::after { display: none; }

  table#result_search_dom.dataTable thead tr th,
  table#result_search_dom.dataTable thead tr th:not(:last-of-type) { position: relative; padding: 10px; }
  table#result_search_dom.dataTable thead .sorting_asc:after,
  table#result_search_dom.dataTable thead .sorting_desc:after,
  table#result_search_dom.dataTable thead .sorting:after { display: none; }
}

@media (max-width: 979px) {
  /* Big taf dans cette taille */
  section.disponibilite_domaine div.content div.col-3,
  section.disponibilite_domaine div.content div.col-9 { width: 100%; display: block; margin: 0 2px; }
  section.disponibilite_domaine div.content { display: flex; flex-wrap: wrap; margin-top: 40px; }
  section.disponibilite_domaine div.content div.col-3 ul { margin-top: 20px; box-shadow: 0px 0px 4px #1e499b26; }
  section.disponibilite_domaine div.content div.col-3 ul li.active { border: none; border-bottom: 1px solid rgba(30, 73, 155, 0.3); color: var(--color-text-base); background: var(--bg-color-white); font-weight: var(--font-weight-normal); }
  section.disponibilite_domaine div.content div.col-3 ul li.active::before,
  section.disponibilite_domaine div.content div.col-3 ul li.active::after { display: none; }
  section.disponibilite_domaine div.content div.col-3 ul li.head { display: none; }
  section.disponibilite_domaine div.content div.col-3 ul li.select { display: block; font-weight: var(--font-weight-semi); color: var(--color-lws-blue); text-align: center; border: 1px solid #1E499B; }
  section.disponibilite_domaine div.content div.col-3 ul li.select img.chevron { margin-left: 10px; }
  section.disponibilite_domaine div.content div.col-3 ul li:not(.select) { display: none; }
  section.disponibilite_domaine div.content div.col-3 ul.open li:not(.select):not(.head) { display: block; }

  section.disponibilite_domaine div.content div.col-9 table { margin-top: 0; margin-bottom: 4px; }
  section.disponibilite_domaine div.content div.col-9 table#result_search { margin-top: 20px; }
  table#result_search_dom.dataTable thead tr th,
  table#result_search_dom.dataTable thead tr th:not(:last-of-type) { position: relative; padding: 10px; }
  table#result_search_dom.dataTable thead tr th:nth-child(1),
  table#result_search_dom.dataTable tbody tr td:nth-child(1) { padding: 10px 15px; }
  table#result_search_dom.dataTable thead .sorting_asc:after,
  table#result_search_dom.dataTable thead .sorting_desc:after,
  table#result_search_dom.dataTable thead .sorting:after { display: none; }
}

@media (max-width: 767px) {
  section.disponibilite_domaine div.content div.col-3,
  section.disponibilite_domaine div.content div.col-9 { width: calc(100% - 4px); margin: 0 2px; }
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:first-child,
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche p:last-of-type,
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche img.btn-del { display: none; }
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche div.input_dom { width: 100%; }
  section.disponibilite_domaine div.content table#result_search thead tr th,
  section.disponibilite_domaine div.content table#result_search tbody tr td { font-size: var(--font-size-small); line-height: 20px; padding: 15px; }
  section.disponibilite_domaine div.content table#result_search tbody tr td:nth-child(3) { width: 80px; }
  section.disponibilite_domaine div.content table#result_search tbody tr td:last-child { max-width: fit-content; }
  section.disponibilite_domaine div.content table#result_search tbody tr td .btn { font-size: var(--font-size-small); width: 100%; padding: 0 10px; white-space: nowrap; }
  section.disponibilite_domaine div.content table#result_search tbody tr td .btn:before { display: none !important; }
  section.disponibilite_domaine div.content table#result_search tbody tr td:first-of-type { width: auto; }
  table#result_search_dom.dataTable thead tr th:nth-child(3),
  table#result_search_dom.dataTable tbody tr td:nth-child(3) { display: none; }
  table#result_search_dom.dataTable thead tr th,
  table#result_search_dom.dataTable tbody tr td { width: auto !important; }
  table#result_search_dom.dataTable thead tr th:nth-child(5),
  table#result_search_dom.dataTable tbody tr td:nth-child(5) { width: 45px !important; text-align: center; }
  section.disponibilite_domaine div.content table#result_search_dom.dataTable thead th:nth-child(5),
  section.disponibilite_domaine div.content table#result_search_dom.dataTable tbody tr td:nth-child(5) { padding: 0; }
}

@media (max-width: 650px) {
  section.disponibilite_domaine div.content table#result_search thead tr th:nth-child(2),
  section.disponibilite_domaine div.content table#result_search tbody tr td:nth-child(2) { display: none; }
}

@media (max-width: 545px) {
  /*table#result_search_dom.dataTable thead tr th:nth-child(1) { padding: 10px; }
  table#result_search_dom.dataTable thead tr th:nth-child(1) { width: 180px !important; }
  table#result_search_dom.dataTable thead tr th:nth-child(2) { display: none; }
  table#result_search_dom.dataTable tbody tr td:nth-child(1),
  table#result_search_dom.dataTable tbody tr td:nth-child(2) { display: block; text-align: left; width: 180px !important; }
  table#result_search_dom.dataTable tbody tr td:nth-child(1) { padding: 18px 12px 5px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(2) { padding: 5px 12px 18px; }
  section.disponibilite_domaine div.content table#result_search_dom.dataTable thead th:nth-child(3),
  section.disponibilite_domaine div.content table#result_search_dom.dataTable tbody tr td:nth-child(3) { width: calc(100% - 225px) !important; padding: 18px 12px; }
  section.disponibilite_domaine div.content div.search_dom button.btn-submit { width: 46px; padding: 5px 13px 6px; }
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche { width: calc(100% - 46px); margin-right: -5px; }*/

  table#result_search_dom.dataTable thead tr th:nth-child(1) { padding: 10px; }
  table#result_search_dom.dataTable thead tr th:nth-child(1) { width: calc(100% - 45px) !important; }
  table#result_search_dom.dataTable thead tr th:nth-child(2),
  table#result_search_dom.dataTable thead tr th:nth-child(4) { display: none; }
  table#result_search_dom.dataTable tbody tr td:nth-child(1),
  table#result_search_dom.dataTable tbody tr td:nth-child(2),
  table#result_search_dom.dataTable tbody tr td:nth-child(4) { display: block; text-align: left; width: 100% !important; }
  table#result_search_dom.dataTable tbody tr td:nth-child(1) { padding: 18px 12px 9px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(2) { padding: 5px 12px 9px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(4) { padding: 5px 12px 18px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(1):before { content: "Extension"; font-weight: 600; display: block; margin-bottom: 5px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(2):before { content: "Prix d'achat"; font-weight: 600; display: block; margin-bottom: 5px; }
  table#result_search_dom.dataTable tbody tr td:nth-child(4):before { content: "Prix renouvellement"; font-weight: 600; display: block; margin-bottom: 5px; }
  section.disponibilite_domaine div.content table#result_search_dom.dataTable thead th:nth-child(3),
  section.disponibilite_domaine div.content table#result_search_dom.dataTable tbody tr td:nth-child(3) { width: calc(100% - 225px) !important; padding: 18px 12px; }
  section.disponibilite_domaine div.content div.search_dom button.btn-submit { width: 46px; padding: 5px 13px 6px; }
  section.disponibilite_domaine div.content div.search_dom div.barre_recherche { width: calc(100% - 46px); margin-right: -5px; }
}

/* Disponibilite Domaine V2 */
section.disponibilite_domaine.v2 div.search_dom { width: 100%; margin-top: 40px; }
section.disponibilite_domaine.v2 div.search_dom { background: var(--bg-color-white); width: 100%; padding: 20px; border-radius: 10px; }
section.disponibilite_domaine.v2.bg_white div.search_dom { box-shadow: 0px 0px 4px #1E499B26; }
section.disponibilite_domaine.v2 div.search_dom form { display: flex; flex-direction: row; gap: 0; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche { display: flex; flex-direction: row; gap: 0; align-items: center; position: relative; height: 46px; background: rgba(227, 231, 245, 0.5); border: 1px solid #C5C6CF; vertical-align: middle; width: 100%; border-radius: 10px 0 0 10px; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:first-child { display: inline-block; width: 90px; font-size: var(--font-size-large); line-height: 27px; font-weight: var(--font-weight-medium); padding: 7px 20px 8px; vertical-align: top; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:last-of-type { display: inline-block; font-size: var(--font-size-base); line-height: 46px; font-weight: var(--font-weight-normal); padding: 0 15px; vertical-align: top; width: 280px; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:last-of-type a { color: var(--color-text-base); }
/*section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:last-of-type:hover { cursor: pointer; }*/
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche img.btn-del { float: right; position: relative; width: 12px; height: auto; right: 15px; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche img.btn-del:hover,
section.disponibilite_domaine.v2 div.search_dom button.btn-submit { cursor: pointer; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche div.input_dom { display: inline-block; width: calc(100% - 370px); background: var(--bg-color-white); height: 42px; vertical-align: top; }
section.disponibilite_domaine.v2 div.search_dom div.barre_recherche div.input_dom input { width: 100%; height: 100%; padding: 0 20px; font-family: var(--font-family-base); font-size: 17px; line-height: 27px; }
section.disponibilite_domaine.v2 div.search_dom button.btn-submit { display: inline-block; width: 160px; background: #FF6500; color: var(--color-white); padding: 5px 30px 6px; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); border: none; height: 46px; vertical-align: middle; border-radius: 0 10px 10px 0; }
section.disponibilite_domaine.v2 div.search_dom button.btn-submit img.search_icon { width: 20px; height: 20px; }
section.disponibilite_domaine.v2 .dataTables_filter { display: block; text-align: right; }
section.disponibilite_domaine.v2 .dataTables_paginate { display: block; }
section.disponibilite_domaine.v2 .dataTables_filter label input { background: #fff; padding: 8px 15px; border: 1px solid #C5C6CF; border-radius: 10px; font-size: 16px; line-height: 25px; font-weight: 400; color: #4D5163; margin-left: 10px; }
section.disponibilite_domaine.v2 div.content { margin-top: 15px; }
section.disponibilite_domaine.v2 div.content div.col-3 ul { margin-top: 62px; border-radius: 0 0 10px 10px; }
section.disponibilite_domaine.v2 div.content div.col-3 ul li:first-child { font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; padding: 8px 20px 6px; border-radius: 10px 10px 0 0; }
section.disponibilite_domaine.v2 div.content div.col-3 ul li { padding: 7px 20px 6px; }
section.disponibilite_domaine.v2 div.content div.col-3 ul li.active::before { border-top-width: 20px; border-right-width: 11px; border-bottom-width: 20px; border-left-width: 11px; top: -1px; right: -22px; }
section.disponibilite_domaine.v2 div.content div.col-3 ul li.active::after { border-top-width: 20px; border-right-width: 10px; border-bottom-width: 20px; border-left-width: 10px; top: -1px; right: -19px; }
section.disponibilite_domaine.v2 div.content div.col-3 ul li:last-of-type { border-radius: 0 0 10px 10px; } 
section.disponibilite_domaine.v2 div.content div.col-9 table thead tr th { font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; padding: 8px 20px 7px; }
section.disponibilite_domaine.v2 div.content div.col-9 table thead tr th:first-of-type { border-radius: 10px 0 0 0; }
section.disponibilite_domaine.v2 div.content div.col-9 table thead tr th:last-of-type { border-radius: 0 10px 0 0; }
section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr td { padding: 8px 20px 9px; }
section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.disponibilite_domaine.v2 div.content div.col-9 table { border-radius: 0 0 10px 10px; }
section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr td span.stroke { position: relative; font-size: 12px; line-height: 20px; margin-right: 10px; color: #727585; }
section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr td span.stroke:after { content: ""; position: absolute; height: 1px; background: #727585; left: -1px; right: -1px; transform: rotate(-25deg); top: 50%; }

@media (max-width: 1200px) {
  section.disponibilite_domaine.v2 div.content div.col-9 table tbody tr td span.stroke { font-size: 13px; }
  section.disponibilite_domaine.v2 div.content div.col-9 table thead tr th:first-of-type { padding-left: 20px !important; }
}

@media (max-width: 979px) {
  section.disponibilite_domaine.v2 div.content div.col-3 ul { margin-top: 20px; margin-bottom: 20px; }
  section.disponibilite_domaine.v2 .dataTables_filter { text-align: center; margin-bottom: 20px; }
  section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:last-of-type,
  section.disponibilite_domaine.v2 div.search_dom div.barre_recherche img.btn-del { display: none; }
  section.disponibilite_domaine.v2 div.search_dom div.barre_recherche div.input_dom { width: 100%; }
}

@media (max-width: 767px) {
  section.disponibilite_domaine.v2 div.search_dom div.barre_recherche p:first-child { display: none; }
}

@media (max-width: 545px) {
  section.disponibilite_domaine.v2 div.search_dom button.btn-submit { position: relative; width: 60px; }
  section.disponibilite_domaine.v2 div.search_dom button.btn-submit img.search_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}

/** Bloc tarif Domaine **/
section.tarif_dom { padding: 70px 0; }
section.tarif_dom h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.tarif_dom p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); 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; display:table; width: 100%; max-width: calc((100% - 80px) / 5); box-shadow: 2px 2px 20px #1E499B1A; background: var(--bg-color-white); }
section.tarif_dom div.flex-container div.flex-element p { display: table-cell; vertical-align: middle; height: 100%; background: var(--bg-color-white); padding: 10px 5px; text-align:center; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-text-base); }
section.tarif_dom div.flex-container div.flex-element p.active { background: var(--bg-color-blue); color: var(--color-white); }
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: var(--bg-color-blue); }
section.tarif_dom div#load_table { margin-top: 70px; border-radius: 0 !important; width: 100%; min-width: 100%; }
section.tarif_dom div#load_table div.content table { width: 100%; min-width: 100%; border: none; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 10px; }
section.tarif_dom div#load_table div.content table thead tr th { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); background-color: var(--color-lws-blue); color: var(--color-white); border: none; padding: 10px 20px; border-radius: 0; }
/*section.tarif_dom div#load_table div.content table thead tr th:last-child { width: max-content; width: -moz-max-content; }*/
section.tarif_dom div#load_table div.content table thead tr th:nth-child(5) { width: 215px !important; }/*234*/
section.tarif_dom div#load_table div.content table thead tr th:first-child { width: 205px !important;  border-radius: 10px 0 0 0; }/*260*/
section.tarif_dom div#load_table div.content table thead tr th:last-child { border-radius: 0 10px 0 0; }
section.tarif_dom div#load_table div.content table thead tr th.sorting:first-child { width: 225px !important; }
section.tarif_dom div#load_table div.content table thead tr th:nth-child(2),
section.tarif_dom div#load_table div.content table thead tr th:nth-child(3),
section.tarif_dom div#load_table div.content table thead tr th:nth-child(4) { width: 233px !important; }
section.tarif_dom div#load_table div.content table thead tr th.sorting:nth-child(5) { width: 200px !important; }
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 thead tr th:not(:last-child):hover { cursor: pointer; }
section.tarif_dom div#load_table div.content table tbody tr td { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); vertical-align: middle; border: none; padding: 15px 20px; }
section.tarif_dom div#load_table div.content table tbody tr:nth-child(2n+1) td { background-color: var(--color-white); }
section.tarif_dom div#load_table div.content table tbody tr:nth-child(2n) td { background-color: var(--bg-color-grey); }
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: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); border-radius: 10px; }
section.tarif_dom div#load_table div.content table tbody tr td span.htan { font-size: 13px;/*display: none;*/ }
section.tarif_dom div#load_table div.content table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.tarif_dom div#load_table div.content table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.tarif_dom div#load_table div.content table center { width: max-content; width: -moz-max-content; margin: auto; }

section.tarif_dom .dataTables_length { float: left; margin-bottom: 20px; }
section.tarif_dom .dataTables_length select { background: var(--bg-color-white); border: 1px solid #9498AA; width: 100px; height: 35px; font-size: var(--font-size-base); 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: var(--bg-color-white); border: 1px solid #9498AA; width: 220px; height: 35px; font-size: var(--font-size-base); line-height: 35px; margin-left: 10px; padding: 5px 10px; }
section.tarif_dom .dataTables_info { float: left; margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-small); color: rgba(77, 81, 99, 0.6); }
section.tarif_dom .dataTables_paginate { float: right; margin-top: 20px; }
section.tarif_dom .dataTables_paginate a:hover { cursor: pointer; }
section.tarif_dom .dataTables_paginate .paginate_button.previous { margin-right: 20px; color: var(--color-text-base); }
section.tarif_dom .dataTables_paginate .paginate_button.next { margin-left: 20px; color: var(--color-text-base); }
section.tarif_dom .dataTables_paginate .paginate_button,
section.tarif_dom .dataTables_paginate span.ellipsis { font-size: var(--font-size-base); line-height: var(--line-height-small); 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: var(--font-weight-semi); color: var(--color-lws-blue); }
section.tarif_dom .dataTables_paginate .paginate_button.previous.disabled,
section.tarif_dom .dataTables_paginate .paginate_button.next.disabled { display: none; }

section.tarif_dom table thead th.sorting_asc:after,
section.tarif_dom table thead th.sorting_desc:after,
section.tarif_dom table thead th.sorting:after { position: absolute; content: ''; background-repeat: no-repeat; width: 11px; height: 17px; right: 10px; top: 50%; transform: translateY(-50%); }
section.tarif_dom table thead th.sorting:after { background-image: url(../images/theme2021/svg/chevron_select_aucun.svg)!important; }
section.tarif_dom table thead th.sorting_asc:after { background-image: url(../images/theme2021/svg/chevron_select_haut.svg)!important; }
section.tarif_dom table thead th.sorting_desc:after { background-image: url(../images/theme2021/svg/chevron_select_bas.svg)!important; }

/* Whois Table */
section.tarif_dom.whois-table table thead tr th { width: max-content; width: -moz-max-content; }
section.tarif_dom.whois-table div#load_table div.content table thead tr th:nth-child(1) { min-width: 219px; }
section.tarif_dom.whois-table table thead tr th:nth-child(2) { width: 160px; }
section.tarif_dom.whois-table.colauto table thead th,
section.tarif_dom.whois-table.colauto table tbody td { width: auto; text-align: center; vertical-align: middle; }
section.tarif_dom.whois-table.colauto table thead th:first-child,
section.tarif_dom.whois-table.colauto table tbody td:first-child { text-align: left; }
section.tarif_dom.whois-table.colauto table tbody td:first-child a { text-decoration: underline; }
section.tarif_dom table tbody tr td span[class^="icon-"] { position: relative; }
section.tarif_dom table tbody tr td span.icon-checked::before { content: ''; background-image: url(../images/theme2021/svg/check_vert.svg); position: absolute; width: 21px !important; height: 17px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.tarif_dom table tbody tr td span.icon-cross::before { content: ''; background-image:url(../images/theme2021/svg/croix_rouge.svg); position: absolute; width: 17px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.tarif_dom.whois-table div.flex-container div.flex-element { max-width: calc((100% - 60px) / 4); }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(1) { min-width: 210px; }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(2) { min-width: 170px; }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(3) { min-width: 190px; }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(4) { min-width: 172px; }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(5) { min-width: 190px; }
  section.tarif_dom table thead th:not(:first-of-type).sorting_asc:after,
  section.tarif_dom table thead th:not(:first-of-type).sorting_desc:after,
  section.tarif_dom table thead th:not(:first-of-type).sorting:after { display: none; }
  section.tarif_dom div#load_table div.content table tbody tr td span.htan { display: none; }
}

@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; }
  section.tarif_dom .dataTables_length label { font-size: 0; }
  section.tarif_dom table thead th:not(:first-of-type).sorting_asc:after,
  section.tarif_dom table thead th:not(:first-of-type).sorting_desc:after,
  section.tarif_dom table thead th:not(:first-of-type).sorting:after { display: none; }
  section.tarif_dom div#load_table div.content table tbody tr td s { display: block; }
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(2),
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(3),
  section.tarif_dom:not(.colauto) div#load_table div.content table thead tr th:nth-child(4) { max-width: 125px; }
  section.tarif_dom div#load_table div.content table thead tr th center { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  section.tarif_dom div#load_table div.content table tbody tr td span.htan { display: none; }
}

@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-right: 0; 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; border-left: 1px solid rgba(30, 73, 155, 0.3); border-right: 1px solid rgba(30, 73, 155, 0.3) !important; }
  section.tarif_dom div#load_table div.content table tbody tr td:first-child { padding-top: 20px; }
  section.tarif_dom div#load_table div.content table tbody tr td:last-child { padding-bottom: 20px; }
  section.tarif_dom div#load_table div.content table tbody tr td center { width: max-content; width: -moz-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: var(--font-weight-semi); 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: var(--font-weight-semi); 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: var(--font-weight-semi); margin-right: 10px; }
  section.tarif_dom.whois-table.colauto div#load_table div.content table tbody tr td:nth-child(3)::before { content: "Eligibilité : "; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(4)::before { content: "Renouvellement :"; display: inline-table; font-weight: var(--font-weight-semi); margin-right: 10px; }
  section.tarif_dom.whois-table.colauto div#load_table div.content table tbody tr td:nth-child(4)::before { content: ""; }
  section.tarif_dom div#load_table div.content table tbody tr td:nth-child(5) { padding: 10px 20px 20px; border-bottom: 1px solid rgba(30, 73, 155, 0.3); }
  section.tarif_dom.whois-table.colauto div#load_table div.content table tbody tr td span[class^="icon-"]::before { left: 0px; transform: translateY(-50%); }

  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: 200px; }
  section.tarif_dom table thead th.sorting_asc:after,
  section.tarif_dom table thead th.sorting_desc:after,
  section.tarif_dom table thead th.sorting:after { display: none; }
}

@media (max-width: 500px) {
  section.tarif_dom .dataTables_filter input[type="search"] { display: block; margin-top: 10px; margin-left: 0; width: 100%; }
}

@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%; }
}


/** Tarif Dom 2 **/
section.tarif_dom2 { padding: 50px 0 100px; }
section.tarif_dom2 h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center;}
section.tarif_dom2 p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 20px;}
section.tarif_dom2 p.sub-title a { text-decoration: underline; }
#list_dom_tarif_wrapper { margin-top: 50px; }
#list_dom_tarif { width: 100% !important; box-shadow: 2px 2px 25px #1e499b40; }
#list_dom_tarif th { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-blue); padding: 10px 20px; border-right: 1px solid #fff; }
#list_dom_tarif th:not(.sorting_disabled) { cursor: pointer; }
#list_dom_tarif tr th:last-of-type { border-right: none; }
#list_dom_tarif td { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); padding: 20px; background: var(--bg-color-white); border-right: 1px solid rgba(30, 73, 155, .3); }
#list_dom_tarif tr td:last-of-type { border-right: none; }
#list_dom_tarif tr:nth-child(2n) td { background: var(--bg-color-grey); }
#list_dom_tarif th,
#list_dom_tarif td { text-align: center; position: relative; width: 190px; vertical-align: middle; }
#list_dom_tarif th:first-of-type,
#list_dom_tarif td:first-of-type { width: auto; }
#list_dom_tarif th:last-of-type,
#list_dom_tarif td:last-of-type { width: 280px; }
#list_dom_tarif th:first-of-type,
#list_dom_tarif td:first-of-type { text-align: left; }
#list_dom_tarif td span.stroke { position: relative; margin-right: 10px; }
#list_dom_tarif td span.stroke:after { content: ""; position: absolute; height: 1px; background: #4d5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
#list_dom_tarif td a.btn-orange { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-white); background: #f60; border-bottom: 0; padding: 10px 15px; }
#list_dom_tarif td:first-of-type a { text-decoration: underline; }

section.tarif_dom2 .dataTables_length { float: left; margin-bottom: 20px; }
section.tarif_dom2 .dataTables_length select { background: var(--bg-color-white); border: 1px solid #9498AA; width: 100px; height: 35px; font-size: var(--font-size-base); line-height: 35px; margin-right: 10px; padding: 5px 10px; }
section.tarif_dom2 .dataTables_filter { float: right; margin-bottom: 20px; }
section.tarif_dom2 .dataTables_filter input[type="search"] { background: var(--bg-color-white); border: 1px solid #9498AA; width: 220px; height: 35px; font-size: var(--font-size-base); line-height: 35px; margin-left: 10px; padding: 5px 10px; }
section.tarif_dom2 .dataTables_info { float: left; margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-small); color: rgba(77, 81, 99, 0.6); }
section.tarif_dom2 .dataTables_paginate { float: right; margin-top: 20px; }
section.tarif_dom2 .dataTables_paginate a:hover { cursor: pointer; }
section.tarif_dom2 .dataTables_paginate .paginate_button.previous { margin-right: 20px; color: var(--color-text-base); }
section.tarif_dom2 .dataTables_paginate .paginate_button.next { margin-left: 20px; color: var(--color-text-base); }
section.tarif_dom2 .dataTables_paginate .paginate_button,
section.tarif_dom2 .dataTables_paginate span.ellipsis { font-size: var(--font-size-base); line-height: var(--line-height-small); color: rgba(77, 81, 99, 0.6); }
section.tarif_dom2 .dataTables_paginate .paginate_button:not(:last-child) { margin-right: 20px; }
section.tarif_dom2 .dataTables_paginate span.ellipsis { margin-right: 20px; }
section.tarif_dom2 .dataTables_paginate .paginate_button.current { font-weight: var(--font-weight-semi); color: var(--color-lws-blue); }
section.tarif_dom2 .dataTables_paginate .paginate_button.previous.disabled,
section.tarif_dom2 .dataTables_paginate .paginate_button.next.disabled { display: none; }

section.tarif_dom2 table thead th.sorting_asc:after,
section.tarif_dom2 table thead th.sorting_desc:after,
section.tarif_dom2 table thead th.sorting:after { position: absolute; content: ''; background-repeat: no-repeat; width: 11px; height: 17px; right: 10px; top: 50%; transform: translateY(-50%); }
section.tarif_dom2 table thead th.sorting:after { background-image: url(../images/theme2021/svg/chevron_select_aucun.svg)!important; }
section.tarif_dom2 table thead th.sorting_asc:after { background-image: url(../images/theme2021/svg/chevron_select_haut.svg)!important; }
section.tarif_dom2 table thead th.sorting_desc:after { background-image: url(../images/theme2021/svg/chevron_select_bas.svg)!important; }

@media (max-width: 1200px) AND (min-width: 980px) {
  #list_dom_tarif th { font-size: var(--font-size-small); line-height: 24px; }
  #list_dom_tarif td { width: 170px; }
  #list_dom_tarif th:first-of-type,
  #list_dom_tarif td:first-of-type { width: auto; }
  #list_dom_tarif th:last-of-type,
  #list_dom_tarif td:last-of-type { width: 200px; }
}

@media (max-width: 979px) {
  section.tarif_dom2 { padding: 50px 0; }
  section.tarif_dom2 .dataTables_filter, section.tarif_dom2 .dataTables_paginate { float: unset; text-align: center; }
  section.tarif_dom2 .dataTables_length, section.tarif_dom2 .dataTables_info { display: none; }
  section.tarif_dom2 #list_dom_tarif { width: 100% !important; }
  section.tarif_dom2 #list_dom_tarif thead tr th:not(:first-of-type) { display: none; }
  section.tarif_dom2 #list_dom_tarif thead tr th:first-of-type { text-align: center; }
  section.tarif_dom2 #list_dom_tarif tbody tr td { float: left; width: 100%; border-right: none !important; text-align: center; padding: 10px 20px; border-left: 1px solid rgba(30, 73, 155, .3); border-right: 1px solid rgba(30, 73, 155, .3) !important; }
  section.tarif_dom2 #list_dom_tarif tbody tr td:nth-child(5) { padding: 10px 20px 20px; border-bottom: 1px solid rgba(30, 73, 155, .3); }
  section.tarif_dom2 #list_dom_tarif tbody tr td:nth-child(1)::before { content: "Extension :"; display: inline-table; font-weight: var(--font-weight-semi); margin-right: 10px; }
  section.tarif_dom2 #list_dom_tarif tbody tr td:nth-child(2)::before { content: "Création :"; display: inline-table; font-weight: var(--font-weight-semi); margin-right: 10px; }
  section.tarif_dom2 #list_dom_tarif tbody tr td:nth-child(3)::before { content: "Transfert :"; display: inline-table; font-weight: var(--font-weight-semi); margin-right: 10px; }
  section.tarif_dom2 #list_dom_tarif tbody tr td:nth-child(4)::before { content: "Renouvellement :"; display: inline-table; font-weight: var(--font-weight-semi); margin-right: 10px; }
  #list_dom_tarif td a.btn-orange { font-size: var(--font-size-small); line-height: 22px; }
  section.tarif_dom2 table thead th.sorting:after { display: none; }
}


/** Bloc Confiance **/
section.confiance { padding: 70px 0; }
section.confiance h2,
section.confiance h4 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.confiance p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); 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: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-orange); 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,
section.confiance2 h4 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; padding: 0 20px; }
section.confiance2 p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); text-align: center; margin-top: 20px; }
section.confiance2 p.sub-title.tiny { font-size: var(--font-size-base); }
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; }
}

@media (max-width: 545px) {
  section.confiance2 h2, section.confiance2 h4 { font-size: 1.875rem; line-height: 2.5rem; }
}


/** Bloc Promotion (fin de page) **/
section.promotion_details { padding: 20px 0; }
section.promotion_details div.wrapper p { font-size: var(--font-size-small); line-height: 1.5rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.promotion_details div.wrapper p.f18 { font-size: var(--font-size-large); line-height: var(--line-height-base); }
section.promotion_details div.wrapper p a { text-decoration: underline; }


/** FAQ **/
section.new_faq { padding: 4.375rem 0; }
section.new_faq.pt0 { padding-top: 1px; }
section.new_faq div.wrapper h2 { font-size: 2.25rem; line-height: var(--line-height-extra); font-weight: var(--font-weight-medium); color: var(--color-title); text-align: center; }
section.new_faq p.sub-title { margin-top: 1.25rem; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.new_faq div.wrapper div.bloc_faq { margin-top: 1.875rem; padding: 1.875rem; box-shadow: 0 0 10px 2px rgba(0,0,0,.1); background: var(--bg-color-white); border-radius: 10px; }
section.new_faq div.wrapper div.bloc_faq:first-of-type { margin-top: 50px; }
section.new_faq.pt0 div.wrapper div.bloc_faq:first-of-type { margin-top: 0; }
section.new_faq div.wrapper div.bloc_faq h3 { font-size: 1.25rem; line-height: 1.813rem; color: var(--color-black); font-weight: var(--font-weight-semi); 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; transform: rotate(180deg); }
section.new_faq div.wrapper div.bloc_faq h3 img.rotate180 { transform: rotate(0deg); }
section.new_faq div.wrapper div.bloc_faq div.content_faq { display: none; font-size: var(--font-size-base) !important; line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 1.25rem; }
section.new_faq div.wrapper div.bloc_faq div.content_faq p { margin-top: 1.25rem; }
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 p.title { margin-top: 30px; font-weight: var(--font-weight-semi); }
section.new_faq div.wrapper div.bloc_faq div.content_faq p.title.f18 { margin-top: 20px !important; font-size: var(--font-size-large); line-height: 30px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul { Margin-top: 1.25rem; list-style: none; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ol { Margin-top: 1.25rem; margin-left: 15px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul li { margin-bottom: 0.938rem; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ol li { margin-bottom: 0.938rem; padding-left: 5px; list-style: decimal; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ul li::before { content: "\2022"; color: var(--color-text-base); font-weight: var(--font-weight-semi); display: inline-block; width: 1em; margin-right: 5px; }
section.new_faq div.wrapper div.bloc_faq div.content_faq ol li::marker { font-weight: 600; content: counter(list-item) ". "; }
section.new_faq div.wrapper div.bloc_faq div.content_faq a { text-decoration: underline; }

section.new_faq .desc_faq { padding: 30px 0; }
section.new_faq .desc_faq p { margin-bottom: 10px; }
section.new_faq .desc_faq h3 { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-medium); margin: 20px 0; }
section.new_faq .desc_faq ul li { position: relative; margin-left: 20px; }
section.new_faq .desc_faq ul li:before { position: absolute; content: '●'; left: -20px; top: 0; }
section.new_faq .desc_faq ul li:not(:last-of-type) { margin-bottom: 5px; }

section.new_faq.v2k24 { padding: 2.5rem 0; }
section.new_faq.v2k24 div.wrapper h2 { font-size: 30px; line-height: 40px; font-weight: var(--font-weight-semi); color: var(--color-title); margin-bottom: 40px; }
section.new_faq.v2k24 p.sub-title { margin: -20px 0 40px; }
section.new_faq.v2k24 div.wrapper div.bloc_faq { background: transparent; box-shadow: none; border-bottom: 2px solid #C1CFE1; padding: 0 40px 20px 0; max-width: 830px; margin: 0 auto 20px; border-radius: 0; }
.premium section.new_faq.v2k24 div.wrapper div.bloc_faq { border-bottom: 2px solid rgba(255, 255, 255, 0.4); }
section.new_faq.v2k24 div.wrapper div.bloc_faq:last-of-type { margin-bottom: 0; }
section.new_faq.v2k24 div.wrapper div.bloc_faq h3 { position: relative; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-title); width: 100%; }
section.new_faq.v2k24 div.wrapper div.bloc_faq h3 img { position: absolute; top: 6px; right: -40px; width: 20px; height: 20px; }
section.new_faq.v2k24 div.wrapper div.bloc_faq h3 img.rotate180 { transform: none; }
section.new_faq.v2k24 div.wrapper div.bloc_faq div.content_faq a { color: var(--color-lws-blue); }

/* FAQ Premium */
.premium section.new_faq div.wrapper h2 { color: var(--color-title); }
.premium section.new_faq p.sub-title,
.premium section.new_faq div.wrapper div.bloc_faq h3,
.premium section.new_faq div.wrapper div.bloc_faq div.content_faq,
.premium section.new_faq div.wrapper div.bloc_faq div.content_faq ul li::before { color: var(--color-text-base); }
.premium section.new_faq div.wrapper div.bloc_faq { box-shadow: none; background: var(--bg-color-premium); }
.premium section.new_faq.bg_premium_1 div.wrapper div.bloc_faq { background: transparent; }
.premium section.new_faq div.wrapper div.bloc_faq div.content_faq a { color: var(--color-white); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.new_faq { padding: 2.5rem 0; }
  section.new_faq div.wrapper h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); margin-bottom: 2.5rem; }
  section.new_faq p.sub-title { font-size: var(--font-size-base); }
  section.new_faq div.wrapper div.bloc_faq h3 { font-size: 1.25rem; }
  section.new_faq div.wrapper div.bloc_faq div.content_faq { font-size: 0.9375rem; line-height: var(--line-height-small); }
}

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

@media (max-width: 767px) {
  section.new_faq div.wrapper h2 { font-size: 30px; line-height: 40px; }
  section.new_faq { display: none; }
  section.new_faq.no_hide { display: block; }
  section.new_faq p.sub-title { font-size: var(--font-size-large); line-height: 1.875rem; }
}

@media (max-width: 450px) {
  section.new_faq.no_hide { display: none; }
}


/** Bloc Header-dom - Acceuil **/
section.header_dom { color: var(--color-white); padding: 30px 0; }
section.header_dom p.title { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-bottom: 20px; text-align: center; }
section.header_dom p.title span.exclu { font-weight: var(--font-weight-semi); text-transform: uppercase; }
section.header_dom p.title a { color: var(--color-white); 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: var(--font-weight-semi);  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: var(--font-size-large); line-height: 24px; font-weight: var(--font-weight-semi); text-align: center; margin-top: 32px; }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price span.stroke { position: relative; font-size: var(--font-size-small); 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: var(--bg-color-white); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.header_dom .wrapper .flex-domain .domain_extension .ht_price span.ht { font-size: var(--font-size-small); line-height: 24px; }
section.header_dom .wrapper .flex-domain .domain_extension .ttc_price { font-size: var(--font-size-small); line-height: 24px; font-weight: var(--font-weight-normal); 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 h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin-bottom: 50px; }
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: var(--bg-color-blue2); color: var(--color-white); padding: 30px 8px 10px; border-radius: 10px 10px 0 0; }
section.bloc4_services.contact_page div.flex-container div.flex-element div.head { padding: 30px 30px 20px !important; }
section.bloc4_services div.flex-container div.flex-element div.head p.title,
section.bloc4_services div.flex-container div.flex-element div.head h2.title { font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); text-transform: uppercase; color: var(--color-white); margin-bottom: 0; }
section.bloc4_services div.flex-container div.flex-element div.head p.content { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); text-align: center; }
section.bloc4_services div.flex-container div.flex-element div.head p.content.no_mt { margin-top: 0; }
section.bloc4_services div.flex-container div.flex-element div.head ul { width: max-content; width: -moz-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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); padding-left: 20px; }
section.bloc4_services div.flex-container div.flex-element div.head ul li::before { content: ""; position: absolute; width: 14px; 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: var(--font-size-large); line-height: 20px; font-weight: var(--font-weight-normal); color: var(--color-white); 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: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-normal); 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: var(--bg-color-white); left: -5px; right: -5px; 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: 2.8125rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
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: 2.8125rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_main div.price_element_decimal { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); }
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: 0.75rem; line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-white); top: 4px; position: relative; }
section.bloc4_services div.flex-container div.flex-element div.head div.content-price div.price_element_ttc { font-size: 0.75rem; line-height: var(--line-height-small); font-weight: var(--font-weight-normal); margin-top: 5px; }
section.bloc4_services div.flex-container div.flex-element div.triangle { width: 100%; height: 20px; position: relative; background: var(--bg-color-blue); }/*#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: var(--bg-color-blue); padding: 12px 20px 20px; border-radius: 0 0 10px 10px; }
section.bloc4_services div.flex-container div.flex-element div.content a.link { font-size: var(--font-size-large); line-height: var(--line-height-base); color: var(--color-white); text-decoration: underline; }
section.bloc4_services div.flex-container div.flex-element div.content a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-white); text-decoration: underline; padding: 7px 30px; border-radius: 10px; }
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; }

/*DPI*/
@media (min--moz-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (-webkit-min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-resolution: 1.25dppx) AND (min-width: 1201px) {
      section.bloc4_services .wrapper { width: 1140px !important; }
}

/* 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 (max-width: 1200px) AND (min-width: 980px) {
  section.bloc4_services { padding: 40px 0; }
  section.bloc4_services h2 { font-size: 30px; line-height: 40px; }
  section.bloc4_services div.flex-container div.flex-element div.head { padding: 30px 0 10px; }
  section.bloc4_services div.flex-container div.flex-element div.head p.title,
  section.bloc4_services div.flex-container div.flex-element div.head h2.title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  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%; padding-left: 15px; padding-right: 15px; }
  section.bloc4_services div.flex-container div.flex-element div.head ul li { font-size: var(--font-size-small); line-height: 1.25rem; max-width: 190px; margin-bottom: 8px; }
  section.bloc4_services div.flex-container div.flex-element div.head ul li:last-of-type { margin-bottom: 0; }
  section.bloc4_services div.flex-container div.flex-element div.head ul li::before { top: 4px; transform: none; }
  section.bloc4_services div.flex-container div.flex-element div.head div.content-price { padding: 0 10px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.bloc4_services { padding: 40px 0; }
  section.bloc4_services h2 { font-size: 30px; line-height: 40px; }
  section.bloc4_services div.flex-container div.flex-element div.head { padding: 30px 15px 0; }
  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; }
  section.bloc4_services div.flex-container div.flex-element div.head div.content-price { padding: 0 10px; }
  section.bloc4_services div.flex-container div.flex-element div.content { padding: 20px; }
}

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


/** Bloc 3 Services (format colonne) **/
section.bloc3_services { text-align: center; padding: 3.125rem 0; }/*50 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; border-radius: 10px; }
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: 220px; background-color: var(--color-lws-blue); color: var(--color-white); padding: 20px 30px 0px 30px; text-align: left; border-radius: 10px 10px 0 0; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head { background-color: var(--bg-color-grey); color: var(--color-title); 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% 35%; 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% 35%; 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% 35%; 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,
section.bloc3_services div.flex-container div.flex-element div.head h2.title { font-size: 1.375rem; line-height: 2rem; font-weight: var(--font-weight-semi); max-width: 210px; }/*20 26*/
section.bloc3_services div.flex-container div.flex-element div.head p.sub_title,
section.bloc3_services div.flex-container div.flex-element div.head h6.sub_title { margin-top: 10px; font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-medium); max-width: 220px; }
section.bloc3_services.white-version div.flex-container div.flex-element div.head p.sub_title { color: var(--color-black); }
section.bloc3_services div.flex-container div.flex-element div.head div.special_offer { margin-top: 0; color: var(--color-yellow); font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-medium); }/*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: var(--color-white); }
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; width: -moz-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: var(--color-title); }
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: var(--bg-color-blue2); }
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: var(--font-size-large); line-height: 20px; font-weight: var(--font-weight-normal); 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: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-normal); 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: var(--bg-color-white); left: -5px; right: -5px; 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: 2.8125rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); }
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: 2.8125rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); }
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: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); }
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: 0.75rem; line-height: var(--line-height-small); font-weight: var(--font-weight-normal); 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: var(--line-height-small); font-weight: var(--font-weight-normal); 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: var(--bg-color-white); }/*0C2A6A*/
section.bloc3_services div.flex-container div.flex-element div.triangle img { width: 100%; }
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: var(--bg-color-white); padding: 20px 20px 30px; border-radius: 0 0 10px 10px; }
section.bloc3_services div.flex-container div.flex-element div.content ul { width: max-content; width: -moz-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: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); 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/theme2021/svg/check_vert.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: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-white); text-decoration: underline; padding: 7px 30px; border-radius: 10px; }
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; }

/*DPI*/
@media (min--moz-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (-webkit-min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-resolution: 1.25dppx) AND (min-width: 1201px) {
      section.bloc3_services .wrapper { width: 1140px !important; }
      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 { padding: 20px 90px 0px 20px !important; background-position: 100% 10%; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.bloc3_services { padding: 2.5rem 0; }
  section.bloc3_services div.flex-container div.flex-element div.head p.title,
  section.bloc3_services div.flex-container div.flex-element div.head h4.title { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); }
  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-size: auto 225px; background-position: 74% 0%; }
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 20px 30px 0px 30px; }/*20 65 0 15*/
  section.bloc3_services div.flex-container div.flex-element div.content { padding: 20px 15px 30px; }
  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: 251px; }
  section.bloc3_services div.flex-container div.flex-element div.head p.title,
  section.bloc3_services div.flex-container div.flex-element div.head h2.title { font-size: 1.375rem; line-height: 2rem; font-weight: var(--font-weight-semi); }
  section.bloc3_services div.flex-container div.flex-element div.head p.title,
  section.bloc3_services div.flex-container div.flex-element div.head h2.title,
  section.bloc3_services div.flex-container div.flex-element div.head p.sub_title,
  section.bloc3_services div.flex-container div.flex-element div.head h6.sub_title { z-index: 2; 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 { 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 { position: relative; text-align: center; background-size: auto 251px; background-position: 100% 0%; }
  section.bloc3_services div.flex-container div.flex-element div.head.bg-mutu::before,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-crea::before,
  section.bloc3_services div.flex-container div.flex-element div.head.bg-vps::before { z-index: 1; content: ''; background-color: var(--color-lws-blue); opacity: 0.5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  section.bloc3_services div.flex-container div.flex-element div.head { padding: 20px 28px 0px; }
  section.bloc3_services div.flex-container div.flex-element div.head div.content-price { z-index: 2; padding: 5px 0px 0; }
  section.bloc3_services div.flex-container div.flex-element div.head div.content-price .price_element_main { width: 100%; text-align: center; }
  section.bloc3_services div.flex-container div.flex-element div.head div.content-price div.special_offer { left: 10px; }
  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 { min-height: 52px; }
  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; }
  section.bloc3_services div.flex-container div.flex-element div.head p.sub_title,
  section.bloc3_services div.flex-container div.flex-element div.head h6.sub_title { max-width: 220px; }
  section.bloc3_services div.flex-container div.flex-element div.head { height: 225px; }
}

@media (max-width: 545px) {
  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% 50%; }
  section.bloc3_services div.flex-container div.flex-element { width: 100%; max-width: 376px; margin: 0 auto 30px; }
}

@media (max-width: 375px) {
  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: 80% 50%; }
}

@media (max-width: 767px) and (min-width: 450px){
  section.bloc3_services div.flex-container div.flex-element div.content ul { width: max-content; width: -moz-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: 0; position: relative; background: linear-gradient(to left, #0C2A6A 80%, #001136 80%); }
section.new_garanti_without_price div.wrapper div.bloc-left { display: inline-block; padding: 3.125rem 1.875rem 3.125rem 0; width: 240px; height:312px; vertical-align: middle; background: var(--bg-color-blue3); }
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; padding: 3.125rem 0 3.125rem 1.875rem; width: calc(100% - 245px); vertical-align: middle; background: var(--bg-color-blue2); }
section.new_garanti_without_price div.wrapper div.bloc-right div.content { display: inline-block; width: 100%; margin-left: 3.125rem; vertical-align: middle; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-yellow); }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 0.9375rem; max-width: 801px; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche.mt10 { margin-top: 0.625rem; }
section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche a { color: var(--color-white); 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: 1.25rem; font-size: var(--font-size-base); line-height: var(--line-height-small); vertical-align: middle; }

/* If Lato + Grille Normal */
@media (min-width: 1921px) {
  section.new_garanti_without_price { background: #0C2A6A !important; }
}
@media (max-width: 1920px) AND (min-width: 1650px) {
  section.new_garanti_without_price { background: linear-gradient(to right, #001136 20%, #0C2A6A 20%); }
  section.new_garanti_without_price div.wrapper { position: unset; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: 240px; }
  section.new_garanti_without_price div.wrapper div.bloc-right { /*position: absolute; left: 30%; top: 50%; transform: translateY(-50%); padding-left: 115px;*/ width: calc(100% - 245px); text-align: left; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 3.5rem; width: 100%; }
}
@media (max-width: 1649px) AND (min-width: 1400px) {
  section.new_garanti_without_price { background: linear-gradient(to right, #001136 26%, #0C2A6A 26%); }
  section.new_garanti_without_price div.wrapper { position: unset; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: 240px; }
  section.new_garanti_without_price div.wrapper div.bloc-right { /*position: absolute; left: 30%; top: 50%; transform: translateY(-50%); padding-left: 0;*/ width: calc(100% - 245px); text-align: left; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 3.5rem; width: 100%; }
}

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.new_garanti_without_price { background: linear-gradient(to left, #0C2A6A 80%, #001136 80%); }
  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: 30%; width: calc((100% - 30%) - ((100% - 1170px) / 2)); top: 50%; transform: translateY(-50%); padding-left: 90px;*/ text-align: left; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 3.5rem; width: auto; }/*100%*/
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.new_garanti_without_price { background: linear-gradient(to left, #0C2A6A 80%, #001136 80%); }
  section.new_garanti_without_price div.wrapper { text-align: center; }
  section.new_garanti_without_price div.wrapper div.bloc-left { width: auto; padding: 3.125rem 3.75rem 3.125rem 0; }
  section.new_garanti_without_price div.wrapper div.bloc-right { text-align: left; width: calc(100% - 275px); }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 0.625rem; width: 640px; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { font-size: 1.875rem; line-height: 2.5rem; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche { font-size: 0.9375rem; line-height: var(--line-height-small); }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.accroche a { font-size: var(--font-size-base); line-height: var(--line-height-small); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.new_garanti_without_price { background: var(--bg-color-blue2); padding: 2.1875rem 0; }
  section.new_garanti_without_price div.wrapper div.bloc-left { padding: 0; width: 205px; background: transparent; height: auto; margin-right: 3.125rem; }
  section.new_garanti_without_price div.wrapper div.bloc-right { padding: 0; text-align: left; width: calc(100% - 255px); margin-left: -0.3125rem; }
  section.new_garanti_without_price div.wrapper div.bloc-right div.content { margin-left: 0; }
}

@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: var(--bg-color-blue2); padding: 2.5rem 2.1875rem 0; text-align: center; margin-bottom: -0.0625rem; height: auto; }
  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: var(--bg-color-blue2); padding: 0 2.1875rem 2.5rem; 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: 2.1875rem; }
  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: 0.3125rem;}
}

@media (max-width: 545px) {
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { font-size: 1.875rem; line-height: 2.5rem; }
  section.new_garanti_without_price div.wrapper div.bloc-right { padding: 0 1.5625rem 2.5rem; }
}

@media (max-width: 375px) {
  section.new_garanti_without_price div.wrapper div.bloc-right div.content p.txt-yellow { font-size: 1.625rem; line-height: 2.25rem; }
}


/** Bloc Blue Search - Accueil **/
section.blue_search { background: transparent linear-gradient(90deg, #1E499B 0%, #0C2A6A 100%) 0% 0% no-repeat padding-box; padding: 15px 0 20px; }
section.blue_search p.title { margin-bottom: 10px; color: var(--color-white); font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); text-align: center; }
section.blue_search p.lien { margin-top: 15px; font-size: var(--font-size-base); line-height: 1rem; font-weight: var(--font-weight-normal); text-align: center; }
section.blue_search p.link_under_search_form { margin-top: 15px; line-height: 0; }
section.blue_search p.link_under_search_form a { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-white); text-decoration: underline; }
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: var(--color-white); 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; border-radius: 10px; }
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-family: var(--font-family-base); font-size: 1.375rem; line-height: 22px; font-weight: var(--font-weight-semi); padding: 16px 0; width: 96px; background: #E3E7F5; text-transform: lowercase; border-radius: 10px 0 0 10px; }
section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { width: 100%; max-width: calc(100% - 465px); 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; font-family: var(--font-family-base); font-size: var(--font-size-large); line-height: 1.6875rem; font-weight: var(--font-weight-medium); }
section.blue_search div.check div.checkBlock div.checkBlock1 div.formField input::placeholder { color: rgba(0, 17, 54, 0.5); }
section.blue_search div.check div.checkBlock div.checkBlock1 div.selectField { width: max-content; width: -moz-max-content; float: right; text-align: center; background: #E3E7F5;  margin-top: 4px; padding: 4px 20px 4px; }/*margin-top: 0; padding: 10px 20px 2px;*/
section.blue_search div.check div.checkBlock div.checkBlock1 div.selectField span { float: none; font-size: 1.375rem; line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); }
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; border-radius: 0 10px 10px 0; }
section.blue_search div.check div.checkBlock div.searchButton button { font-family: var(--font-family-base); height: 46px; font-size: var(--font-size-large); line-height: 2.875rem; font-weight: var(--font-weight-semi); border-bottom: none; border-radius: 0 10px 10px 0; }
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; width: -moz-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: var(--font-size-base); line-height: var(--line-height-xxlarge); 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 (min--moz-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (-webkit-min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-device-pixel-ratio: 1.25) AND (min-width: 1201px),
    (min-resolution: 1.25dppx) AND (min-width: 1201px) {
      section.blue_search .wrapper { width: 1140px !important; }
}

@media only screen and (min-width: 1201px) and (min-resolution: 1.5dppx) {
  section.blue_search { background-color: var(--color-title); padding: 15px 0 20px; }
  section.blue_search p.title { margin-bottom: 10px; /*display: none;*/ }
}

@media (min-width: 1201px) {
  section.blue_search .wrapper { width: 1000px !important; }
}

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

@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: 15px 0 20px; }
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { max-width: calc(100% - 174px); }
  section.blue_search div.check div.checkBlock div.searchButton { float: right; clear: none; }
  section.blue_search p.lien { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 0; }
}

@media (max-width: 545px){
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField input { font-size: var(--font-size-base); line-height: 1.5625rem; }
}

@media (max-width: 475px) {
  section.blue_search div.check div.checkBlock div.checkBlock1 div.formField { max-width: calc(100% - 118px); }
  section.blue_search div.check div.checkBlock div.searchButton { width: 110px; }
}

@media (max-width: 455px) {
  section.blue_search p.title span.hide455 { display: none; }
  section.blue_search p.lien { text-align: center; }
}


/** Bloc Bulk Research Domaine - Transfert Domaine **/
section.blue_search_bulk { background-color: var(--color-title); padding: 30px 0; }
section.blue_search_bulk form { text-align: center; }
section.blue_search_bulk p.title { margin-bottom: 20px; color: var(--color-white); font-size: 20px; line-height: 20px; font-weight: var(--font-weight-semi); text-align: center; }
section.blue_search_bulk .checkBlock { width: 100%; background: none; }
section.blue_search_bulk textarea { border-radius: 10px; padding: 15px 20px; width: 100%; max-width: 900px; height: 185px; font-size: var(--font-size-base); line-height: 1.5625rem; font-family: var(--font-family-base); }
section.blue_search_bulk .block100 { width: 100%; margin-bottom: -15px; }
section.blue_search_bulk button { border-radius: 10px; cursor: pointer; background: #FF6500; color: var(--color-white); font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); padding: 10px 30px; border: none; margin-top: 15px;box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; }
section.blue_search_bulk button:hover { background: #EB4000; box-shadow: none; }


/** Bloc Bulk Research Domaine - Want Extension **/
section.blue_search .form_mail_ext form input { width: 100%; background: var(--bg-color-white); color: #000000; font-family: var(--font-family-base); font-size: var(--font-size-large); line-height: 54px; font-weight: var(--font-weight-medium); height: 54px; padding: 0 150px 0 20px; }
section.blue_search .form_mail_ext form { position: relative; }
section.blue_search .form_mail_ext form button.FormButton1 { font-family: var(--font-family-base); height: 46px; font-size: var(--font-size-large); line-height: 2.875rem; font-weight: var(--font-weight-semi); border-bottom: none; color: var(--color-white) !important; background: #ff6600; border: none; cursor: pointer; padding: 0 40px; width: auto; position: absolute; top: 4px; right: 4px; }

section#want_dom { padding: 15px 0; }
section#want_dom p.title { margin-bottom: 0; }
section#want_dom p.title a { color: var(--color-white); text-decoration: underline; }

@media (max-width: 549px) {
  section.blue_search .form_mail_ext form input { padding: 0 20px; }
  section.blue_search .form_mail_ext form button.FormButton1 { position: relative; top: unset; right: unset; display: block; margin: 15px auto 0; max-width: 100%; }
}


/** Section Besoin **/
section.more_besoin { padding: var(--padding-section-base); height: 178px; }
section.more_besoin.free.minecraft { height: unset; padding: 30px 0; }
section.more_besoin div.wrapper.flex3 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
section.more_besoin.free { padding: 27px 0; height: 154px; }
section.more_besoin.vps { background-image: url(../images/theme2021/vps.jpg); background-position: right -53px top -38px; background-repeat: no-repeat; background-color: var(--color-lws-blue); }
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: var(--color-white); }
section.more_besoin div[class^="col_"] { display: inline-block; vertical-align: middle; }
section.more_besoin div.col_left p.mini,
section.more_besoin div.col_left h3.mini { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-bold); color: var(--color-white); text-transform: uppercase; }
section.more_besoin div.col_left p,
section.more_besoin div.col_left h4 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-white); max-width: 630px; }
section.more_besoin div.col_left h4.light { margin-top: 5px; font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }
section.more_besoin div.col_left h4 strong { color: var(--color-yellow); }
section.more_besoin div.col_middle { padding-left: 45px; }
section.more_besoin.free div.col_middle { padding-left: 100px; }
section.more_besoin div.wrapper.flex3 div.col_middle { padding-left: 0; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_stroke { font-size: 2rem; line-height: 2rem; font-weight: var(--font-weight-semi); }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_price { color: var(--color-white); font-size: 4.6875rem; line-height: 2.0625rem; font-weight: var(--font-weight-semi); }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_decimal { color: var(--color-white); font-size: 3.0625rem; line-height: 2.125rem; font-weight: var(--font-weight-semi); top: -20px; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_devise { color: var(--color-white); font-size: var(--font-size-large); line-height: 2.125rem; font-weight: var(--font-weight-normal); margin-left: -55px; }
section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_ht { color: var(--color-white); font-size: var(--font-size-large); line-height: 2.125rem; font-weight: var(--font-weight-normal); margin-left: -5px; }
section.more_besoin div.col_middle div.content-price div.price_element_ttc { color: var(--color-white); font-size: 1.0625rem; line-height: 2.125rem; font-weight: var(--font-weight-normal); }
section.more_besoin.free div.col_middle div.content-price div.price_element_main div.price_element_price,
section.more_besoin.free div.col_middle div.content-price div.price_element_main div.price_element_decimal { color: var(--color-yellow); }
section.more_besoin.free div.col_middle div.content-price div.price_element_ttc { font-size: var(--font-size-medium); line-height: var(--line-height-small); }
section.more_besoin div.wrapper.flex3 div.col_right { position: relative; top: unset; right: unset; transform: none; }
section.more_besoin div.col_right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
section.more_besoin div.col_right a { font-size: 1.25rem; line-height: 2.25rem; font-weight: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-blue); border: 2px solid #fff; padding: 12px 30px; border-radius: 10px; }
section.more_besoin.vps_clair div.col_right a { color: var(--color-title); background: var(--bg-color-white); border: 2px solid #0C2A6A; }
section.more_besoin.free div.col_right a { color: var(--color-lws-blue); background: var(--bg-color-white); border: 0; }
section.more_besoin.free div.col_right a:hover { background: rgba(221, 230, 248, 1); }
section.more_besoin.vps_clair div.col_left p.mini,
section.more_besoin.vps_clair div.col_left h3.mini,
section.more_besoin.vps_clair div.col_left p,
section.more_besoin.vps_clair div.col_left h4,
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: var(--color-title); }
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: var(--bg-color-blue2); }

section.more_besoin.white  { padding: 30px 0 20px; height: unset; }
section.more_besoin.white.grey { background: var(--bg-color-grey); }
section.more_besoin.white .wrapper .col_left p.title { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-black); max-width: 600px; }
section.more_besoin.white .wrapper .col_left p.title strong { font-weight: var(--font-weight-bold); color: var(--color-orange); }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_price,
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_decimal,
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_devise,
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_ht { color: var(--color-black) !important; }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_stroke { top: -35px; font-size: 20px; line-height: 30px; color: #4D5163; }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_stroke::after { background: #4D5163; }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_devise { position: relative; top: 2px; margin-left: -50px !important; }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_ht { position: relative; top: 2px; }
section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.promo { position: relative; top: -38px; right: 60px; font-size: 16px; line-height: 20px; font-weight: 500; color: #007E11; padding: 7px 10px 6px; background: #D2F9D7; border-radius: 18px; }
section.more_besoin.white .wrapper .col_right a { font-size: var(--font-size-large); line-height: 30px; background: #F60; padding: 9px 30px; max-width: 175px; display: block; text-align: center; }

@media (max-width: 1200px) and (min-width: 980px) {
  section.more_besoin.white { height: unset; }
  section.more_besoin.white .wrapper .col_left p.title { font-size: 23px; line-height: 33px; }
  section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_devise { margin-left: -30px !important; }
  section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.price_element_stroke { top: -20px; font-size: 14px; line-height: 20px; }
  section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.promo { top: -25px; right: 35px; font-size: 13px; line-height: 18px; }
}

@media (max-width: 979px) {
  section.more_besoin.white { height: unset; }
  section.more_besoin.white .wrapper .col_left,
  section.more_besoin.white .wrapper .col_middle { padding: 0 0 30px; }
  section.more_besoin.white .wrapper .col_left p.title { max-width: 100%; }
  section.more_besoin.white .wrapper .col_middle,
  section.more_besoin.white .wrapper .col_right { width: 100% !important; margin-left: 0 !important; }
}

@media (max-width: 767px) {
  section.more_besoin.white { background-image: none !important; }
}

@media (max-width: 450px) {
  section.more_besoin.white:not(.grey) .wrapper .col_middle div.content-price div.price_element_main div.price_element_stroke { color: #FFF;; }
  section.more_besoin.white:not(.grey) .wrapper .col_middle div.content-price div.price_element_main div.price_element_stroke:after { background: #FFF; }
}

@media (max-width: 370px) {
  section.more_besoin.white .wrapper .col_middle div.content-price div.price_element_main div.promo { display: none; }
}

/* 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: 45px !important; }/*160*/
  section.more_besoin div.wrapper.flex3 div.col_middle { padding-left: 0 !important; }
}
/* Fin if lato + grille normal */

@media (max-width: 1399px) AND (min-width: 1201px) {
  section.more_besoin div.col_middle { padding-left: 45px; }
  section.more_besoin.free div.col_middle { padding-left: 100px !important; }
  section.more_besoin div.wrapper.flex3 div.col_middle { padding-left: 0 !important; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.more_besoin { padding: 30px 0; height: 132px; background-size: auto 165px; background-position: right -7px top -19px !important; }
  section.more_besoin div.col_left { max-width: 455px; }
  section.more_besoin div.col_middle { padding-left: 45px; }
  section.more_besoin div.col_left p.mini,
  section.more_besoin div.col_left h3.mini { font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.more_besoin div.col_left p,
  section.more_besoin div.col_left h4 { font-size: 1.625rem; line-height: 2.25rem; }
  section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_stroke { font-size: 1.25rem; line-height: 1.25rem; }
  section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_price { font-size: 2.8125rem; line-height: 1.25rem; }
  section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_decimal { font-size: 1.8125rem; line-height: 1.25rem; top: -13px; left: 4px; }
  section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_devise { font-size: 0.6875rem; line-height: 1.375rem; margin-left: -29px !important; }
  section.more_besoin div.col_middle div.content-price div.price_element_main div.price_element_ht { font-size: 0.6875rem; line-height: 1.375rem; margin-left: -5px; }
  section.more_besoin div.col_middle div.content-price div.price_element_ttc { font-size: 0.6875rem; line-height: 1.375rem; }

  section.more_besoin.free { padding: 27px 0; height: auto; }
  section.more_besoin.free div.wrapper { display: flex; flex-direction: row; gap: 0 20px; justify-content: space-between; align-items: center; }
  section.more_besoin.free div.col_middle { padding-left: 0 !important; }
  section.more_besoin.free div.col_right { position: relative; top: 0; transform: none; }

  section.more_besoin div.wrapper.flex3 { flex-direction: column; }
  section.more_besoin div.wrapper.flex3 > div { width: 100%; max-width: 100%; }
  section.more_besoin div.wrapper.flex3 h3,
  section.more_besoin div.wrapper.flex3 h4 { text-align: center; max-width: 100%; }
  section.more_besoin div.wrapper.flex3 h4 { margin: 20px auto; }
  section.more_besoin.free div.col_right a { display: block; width: max-content; margin: 20px auto 0; }
}

@media (max-width: 979px) {
  section.more_besoin { background-position: center top !important; background-size: cover; padding: 0 0 25px; height: max-content; height: -moz-max-content; }
  section.more_besoin div.col_left { display: block; width: 100%; margin: auto; padding: 30px 0; }
  section.more_besoin div.col_left p.mini,
  section.more_besoin div.col_left h3.mini { text-align: center; font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.more_besoin div.col_left p,
  section.more_besoin div.col_left h4 { text-align: center; font-size: var(--font-size-xxlarge); line-height: var(--line-height-extra); margin-top: 5px; }
  section.more_besoin div.col_middle { width: max-content; width: -moz-max-content; padding-left: 111.345px; }
  section.more_besoin div.col_right { margin-left: 36px; position: relative; width: max-content; width: -moz-max-content; top: 0; right: 0; transform: none; text-align: center; }

  section.more_besoin.free { padding: 0 0 30px; height: auto; background-image: none !important;; }
  section.more_besoin.free div.wrapper { display: flex; flex-direction: column; gap: 0 20px; justify-content: center; align-items: center; }
  section.more_besoin.free div.col_left { padding-bottom: 20px; }
  section.more_besoin.free div.col_middle { padding-left: 0 !important; }
  section.more_besoin.free div.col_right { margin-left: 0; margin-top: 30px; }

  section.more_besoin div.wrapper.flex3 h4 { margin: 20px auto; max-width: 100%; }
}

@media (max-width: 767px) {
  section.more_besoin { background-image: url(../images/theme2021/vps_tablette_mobile.webp) !important; }
  section.more_besoin div.col_middle { padding-left: calc((100% - 527.31px) / 2); }
}

@media (max-width: 599px) {
  section.more_besoin { padding: 0 0 35px; }
  section.more_besoin div.col_left p,
  section.more_besoin div.col_left h4 { font-size: 1.625rem; line-height: 2.25rem; }
  section.more_besoin div.col_middle { display: block; margin: auto; }
  section.more_besoin:not(.free) div.col_right { display: block; margin: 20px auto 0; }
}
/** Fin Bloc Besoin **/


/** Bloc Code Example API **/
section.coding_example { padding: 70px 0; }
section.coding_example h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.coding_example div.content { margin-top: 70px; }
section.coding_example div.content p.title { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.coding_example div.content div.content_code { margin-top: 30px; box-shadow: 2px 2px 25px #1E499B40; }
section.coding_example div.content div.content_code div.bloc_code { display: inline-block; width: 50%; padding: 15px; background: var(--bg-color-white); }
section.coding_example div.content div.content_code div.bloc_code:last-of-type { border-left: 1px solid rgba(30, 73, 155, 0.3); margin-left: -5px; }
section.coding_example div.content div.content_code div.bloc_code p { font-size: var(--font-size-base); line-height: 36px; color: var(--color-text-base); }
section.coding_example div.content div.content_code div.bloc_code p img { display: inline-block; position: relative; top: 1px; width: 20px; height: auto; margin-right: 10px; }
/** Fin Bloc Code Example API **/


/** Bloc reference Site Client **/
section.ref_site_client { padding: 70px 0 50px; text-align: center; }
section.ref_site_client h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.ref_site_client p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
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 { position: relative; flex-grow: 1; width: 100%; max-width: calc((100% - 60px) / 3); padding: 30px; background: var(--bg-color-white); box-shadow: 2px 2px 25px #1E499B40; margin-bottom: 30px; border-radius: 10px; }
section.ref_site_client div.flex-container div.flex-element img { width: 100%; height: auto;/*217*/ margin: auto; }
section.ref_site_client.img_size_auto div.flex-container div.flex-element img { width: 100%; height: auto; margin: auto; }
section.ref_site_client div.flex-container div.flex-element p.site { margin-top: 20px; font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.ref_site_client div.flex-container div.flex-element p.content { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.ref_site_client div.flex-container div.flex-element p.content a { text-decoration: underline;}

section.ref_site_client div.flex-container div.flex-element.ref_wp::before { position: absolute; content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 100px solid #15658A; border-left: 100px solid transparent; border-radius: 0 10px 0 0; }
section.ref_site_client div.flex-container div.flex-element.ref_wp::after { position: absolute; content: ''; top: 8px; right: 8px; width: 40px; height: 40px; background: url("../images/theme2021/svg/reference_wordpress.svg") no-repeat; }
section.ref_site_client div.flex-container div.flex-element.ref_joomla::before { position: absolute; content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 100px solid #E4352F; border-left: 100px solid transparent; border-radius: 0 10px 0 0; }
section.ref_site_client div.flex-container div.flex-element.ref_joomla::after { position: absolute; content: ''; top: 8px; right: 8px; width: 40px; height: 40px; background: url("../images/theme2021/svg/reference_joomla.svg") no-repeat; }
section.ref_site_client div.flex-container div.flex-element.ref_drupal::before { position: absolute; content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 100px solid #2AA9DF; border-left: 100px solid transparent; border-radius: 0 10px 0 0; }
section.ref_site_client div.flex-container div.flex-element.ref_drupal::after { position: absolute; content: ''; top: 8px; right: 8px; width: 40px; height: 40px; background: url("../images/theme2021/svg/reference_drupal.svg") no-repeat; }
section.ref_site_client div.flex-container div.flex-element.ref_prestashop::before { position: absolute; content: ''; top: 0; right: 0; width: 0; height: 0; border-top: 100px solid #DE006E; border-left: 100px solid transparent; border-radius: 0 10px 0 0; }
section.ref_site_client div.flex-container div.flex-element.ref_prestashop::after { position: absolute; content: ''; top: 8px; right: 8px; width: 40px; height: 40px; background: url("../images/theme2021/svg/reference_prestashop.svg") no-repeat; }
section.ref_site_client a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 0.3125rem 1.875rem; border-bottom: none; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.ref_site_client { padding: 40px 0; }
  section.ref_site_client h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.ref_site_client p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.ref_site_client div.flex-container { margin-top: 40px; }
  section.ref_site_client div.flex-container div.flex-element p.content { font-size: 0.9375rem; line-height: var(--line-height-small); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.ref_site_client { padding: 40px 0; }
  section.ref_site_client div.flex-container { margin-top: 40px; }
  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: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); }
section.list_theme p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.list_theme p.url { margin-top: 10px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-orange); 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: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-black); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.list_theme { padding: 40px 0; }
  section.list_theme h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
  section.list_theme p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.list_theme div.flex-container { margin-top: 40px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.list_theme { padding: 40px 0; }
  section.list_theme div.flex-container { margin-top: 40px; }
  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; }
}


/* Section api_code */
section.api_code { padding: 70px 0; }
section.api_code h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin-bottom: 70px; }
section.api_code p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); margin: 20px 0; }
section.api_code p.content.link { text-align: center; margin: 30px 0 0; }
section.api_code p.content.link a.btn.btn-orange { font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); padding: 0.3125rem 1.875rem; }
section.api_code pre { color: var(--color-text-base); background: rgba(12, 42, 106, 0.1); padding: 15px 20px; margin-top: 20px; white-space: pre-wrap; overflow-wrap: break-word; }
section.api_code ul li { margin-top: 10px; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.api_code { padding: 40px 0; }
  section.api_code h2 { font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.api_code { padding: 40px 0; }
}


/** Bloc support_reactif **/
section.support_reactif { padding: 70px 0; }
section.support_reactif h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.support_reactif p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 20px; }
section.support_reactif div.flex-container { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 40px; justify-content: center; align-items: center; margin-top: 50px; }
section.support_reactif div.flex-container div.flex-element { flex: 1 1 0; width: 0; text-align: center; color: var(--color-white); }
section.support_reactif div.flex-container div.flex-element div.top_info { padding: 30px 20px 25px; background: var(--color-title); border-radius: 10px 10px 0 0; }
section.support_reactif div.flex-container div.flex-element div.top_info img { display: block; width: 60px; height: auto; margin: auto; }
section.support_reactif div.flex-container div.flex-element div.top_info p.title { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); margin-top: 15px; }
section.support_reactif div.flex-container div.flex-element div.top_info p.time { font-size: var(--font-size-large); line-height: var(--line-height-base); margin-top: 20px; }
section.support_reactif div.flex-container div.flex-element.mail div.top_info p.time { color: #9FD8FF; }
section.support_reactif div.flex-container div.flex-element.phone div.top_info p.time { color: #95EBCB; }
section.support_reactif div.flex-container div.flex-element.tchat div.top_info p.time { color: #F2B4FF; }
section.support_reactif div.flex-container div.flex-element div.top_info p.time span.number { font-size: 50px; line-height: 60px; font-weight: var(--font-weight-semi); }
section.support_reactif div.flex-container div.flex-element div.top_info p.sub_time { font-size: var(--font-size-medium); line-height: 24px; }
section.support_reactif div.flex-container div.flex-element div.bottom_info { font-size: var(--font-size-medium); line-height: 24px; padding: 15px 20px; background: var(--bg-color-premium); border-radius: 0 0 10px 10px; }
section.support_reactif div.flex-container div.flex-element div.bottom_info span.forte { font-weight: var(--font-weight-bold); }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.support_reactif div.flex-container div.flex-element div.bottom_info { font-size: var(--font-size-small); }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.support_reactif div.flex-container { flex-wrap: wrap; gap: 40px;  }
  section.support_reactif div.flex-container div.flex-element { max-width: 363px; flex: content; }
}

@media (max-width: 767px) {
  section.support_reactif div.flex-container { flex-direction: column; gap: 40px 0; }
  section.support_reactif div.flex-container div.flex-element { max-width: 363px; width: 100%; }
}


/** Bloc OS Liste **/
section.os_liste { padding: 70px 0; }
section.os_liste h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.os_liste p.subtitle { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.os_liste div.content_liste { font-size: var(--font-size-base); line-height: var(--line-height-medium); margin-top: 30px; padding: 30px 40px; box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%); background: var(--bg-color-white); border-radius: 10px; }
section.os_liste div.content_liste:first-of-type { margin-top: 70px; }
section.os_liste div.content_liste div.head { width: 100%; line-height: var(--font-size-base); height: 28px; }
section.os_liste div.content_liste div.head p.title,
section.os_liste div.content_liste div.head h3.title { float: left; font-size: 20px; line-height: var(--line-height-base); font-weight: var(--font-weight-bold); color: var(--color-black); max-width: 745px; }
section.os_liste div.content_liste div.head .title span { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); }
section.os_liste div.content_liste div.head .title img { display: inline-block; position: relative; top: 0px; width: 15px; height: 15px; }
section.os_liste div.content_liste div.head .title > img:last-child { margin-right: 5px; }
section.os_liste div.content_liste div.head .star { float: right; font-weight: var(--font-weight-semi); position: relative; top: 5px; }
section.os_liste div.content_liste div.head .star img { display: inline-block; position: relative; top: 2px; width: 15px; height: 15px; }
section.os_liste div.content_liste div.head .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 p span.text-orange { color: var(--color-orange); }
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,
section.os_liste div.content_liste div.head h3.title { max-width: 65%; }
  section.os_liste div.content_liste div.head .title span { display: block; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.os_liste div.content_liste div.head p.title,
section.os_liste div.content_liste div.head h3.title { max-width: 60%; }
  section.os_liste div.content_liste div.head .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 h3.title,
  section.os_liste div.content_liste div.head .star { float: none; display: block; }
  section.os_liste div.content_liste div.head .star { margin-top: 15px; }
}


/** Bloc table compa 2 cols **/
section.table2cols { padding: 70px 0; }
section.table2cols h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.table2cols p.subtitle { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); 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: var(--line-height-small); padding: 20px; color: var(--color-white); }
section.table2cols table thead tr th:nth-child(2) { background: #0D2A6B; }
section.table2cols table thead tr th:nth-child(3) { background: var(--bg-color-blue); 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: var(--font-size-base); }
section.table2cols table thead tr th:first-child { width: calc(100% - (335px * 2)); }
section.table2cols table tbody { box-shadow: 2px 2px 25px #1e499b40; }
section.table2cols table tbody tr:nth-child(2n+1) td { background: var(--bg-color-white); }
section.table2cols table tbody tr:nth-child(2n) td { background: var(--bg-color-grey); }
section.table2cols table tbody tr td { font-size: var(--font-size-base); line-height: var(--line-height-small); color: var(--color-text-base); 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: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.inline-list-custom p.subtitle { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); 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; width: -moz-max-content; max-width: 100%; }
  section.inline-list-custom ul li { display: block; width: 100%; padding-left: 20px; }
}



/** Bloc Choix Config VPS **/
section.choix_config_serveur { padding: 50px 0; }
section.choix_config_serveur h2 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.choix_config_serveur p.sub-title { margin-top: 20px; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.choix_config_serveur p.sub-title a { text-decoration: underline; color: var(--color-lws-blue); }
section.choix_config_serveur ul.config_li { text-align: center; margin-top: 50px; }
section.choix_config_serveur ul.config_li li { display: inline-block; position: relative; padding: 12px 15px; background: var(--bg-color-blue); color: white; font-weight: bold; font-size: 20px; width: auto; text-align: center; margin-right: 15px; top: 2px; border-radius: 10px 10px 0 0; }
section.choix_config_serveur ul.config_li li.active { background: white; color: var(--color-lws-blue); border: 2px solid #1e499b; border-bottom: 2px solid white; }
section.choix_config_serveur ul.config_li li div.best_seller { width: fit-content; height: 38px; background: #f60; padding: 8px 30px; margin: auto; font-size: var(--font-size-medium); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-white); position: absolute; left: 50%; transform: translateX(-50%); top: -46px; box-shadow: 2px 2px 25px #1e499b29; }
section.choix_config_serveur ul.config_li li 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 #f60; top: 36px; left: 50%; box-shadow: 2px 2px 25px #1e499b29; }
section.choix_config_serveur .box_config { display: none; }
section.choix_config_serveur .box_config.active { display: block; }
section.choix_config_serveur .box_config h4 { margin-top: 15px; }
section.choix_config_serveur .box_config div.link_box { margin-top: 20px; text-align: center; }
section.choix_config_serveur .box_config div.link_box a.video { margin-left: 28px; position: relative; text-decoration: underline; }
section.choix_config_serveur .box_config div.link_box 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.choix_config_serveur .pop_config { margin-top: 15px; text-align: center; }
section.choix_config_serveur .pop_config a { text-decoration: underline; color: var(--color-lws-blue); }
section.choix_config_serveur .pop_config a:hover { text-decoration: underline; color: var(--color-lws-blue); }

section.choix_config_serveur input[type=radio] { display: none; }
section.choix_config_serveur .config_li input[type=radio] + label:before { background: #e9eef5; border: 1px solid #1e499b; margin-top: -3px; margin-right: 6px; display: inline-block; vertical-align: middle; content: ''; width: 20px; height: 20px; line-height:20px; }
section.choix_config_serveur .config_li input[type=radio]:checked + label:before { background: var(--bg-color-blue); border-color: var(--color-lws-blue); content: '\2713'; color: var(--color-white); font-family: Flaticon; font-size: var(--font-size-medium); font-weight: var(--font-weight-bold); width: 20px; height: 20px; }
section.choix_config_serveur .element { margin-bottom:14px; }
section.choix_config_serveur label { cursor:pointer; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); }
section.choix_config_serveur .config_cloud { background: white; padding: 30px; border: 2px solid #1e499b; color: var(--color-text-base); font-size: var(--font-size-base); line-height: var(--line-height-base); border-radius: 10px; }
section.choix_config_serveur .config_cloud p.orange { color: var(--color-orange); font-weight: bold; font-size: var(--font-size-large); }
section.choix_config_serveur .config_cloud select { margin-top: 10px; }
section.choix_config_serveur .styled-select { background-color: #E9EEF5; height: 40px; overflow: hidden; width: 280px; border: 1px solid #a5b6d7; position: relative; margin-top: 15px; color: var(--color-lws-blue); }
section.choix_config_serveur .styled-select:after { content: '\25bc'; position: absolute; right: 4px; top: 1px; font-stretch: ultra-expanded; }
section.choix_config_serveur .styled-select select { background: transparent; border: none; font-size: var(--font-size-large); color: var(--color-lws-blue); font-weight: bold; height: 40px; line-height: 40px; padding-left: 5px; width: 300px; margin-left: 0px; margin-top: 0px; }

@media all AND (max-width: 1399px) AND (min-width: 1200px) {
  section.choix_config_serveur label { font-size: var(--font-size-large); }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.choix_config_serveur label { font-size: var(--font-size-base); }
  section.choix_config_serveur ul.config_li li { width: auto; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.choix_config_serveur label { font-size: var(--font-size-small); }
  section.choix_config_serveur ul.config_li li { width: auto; margin-right: 5px; }
  section.choix_config_serveur ul.config_li li .hmd { display: none; }
  section.choix_config_serveur ul.config_li li:last-child { margin-right: 0; }
}

@media (max-width: 767px) {
  section.choix_config_serveur ul.config_li { display: flex; flex-direction: column; }
  section.choix_config_serveur ul.config_li li { width: 100%; border-bottom: 2px solid #1e499b !important; border-radius: 0; }
  section.choix_config_serveur ul.config_li li:first-of-type { border-radius: 10px 10px 0 0; }
  section.choix_config_serveur .config_cloud { border-radius: 0 0 10px 10px; }
  section.formule_table_horizon div.table_horizon table tbody tr td p.tiny { display: none; }
}


/** Bloc Tableau Prix Serveur Cloud **/
section.formule_cloud { padding: 70px 0; }
section.formule_cloud h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.formule_cloud h2 span.categorie_vps { color: var(--color-orange); }
section.formule_cloud p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.formule_cloud p.sub-title a { text-decoration: underline; }
section.formule_cloud table { border: 0px; margin-bottom: 10px; padding-left: 0px; padding-right: 0px; margin-top: 70px; width: 100%; }
section.formule_cloud table.formule-cloud { margin-bottom: 0 !important; }
section.formule_cloud table tr td { height: 127px; width: calc(100% / 6); }
section.formule_cloud table tr td:last-child { min-width: 222px; }
section.formule_cloud table tr td:not(:first-child) { padding: 0 5px; }
section.formule_cloud table tr:first-child td { height: 53px; }
section.formule_cloud table tr:first-child td { background-color: var(--color-lws-blue); color: var(--color-white); font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); }
section.formule_cloud table tr:first-child td:first-child,
section.formule_cloud table tr:first-child td:last-child { background-color: transparent; color: var(--color-text-base); }
section.formule_cloud table tr:first-child td:first-child { text-align: left; }
section.formule_cloud table tr:first-child td:last-child span,
section.formule_cloud table tr:first-child td:last-child div { vertical-align: middle; }
section.formule_cloud table tr:first-child td:last-child div { top: 12px; position: relative; }
section.formule_cloud table tr td { vertical-align: middle; text-align: center; background-color: var(--color-white); }
section.formule_cloud table tr:not(:first-child) td:first-child { font-size: var(--font-size-xlarge); line-height: 42px; font-weight: var(--font-weight-medium); white-space: nowrap; }
section.formule_cloud table tr:not(:first-child) td.txt_offer:first-child { vertical-align: top; }
section.formule_cloud table tr:not(:first-child) td:first-child span { padding: 0 5px; }
section.formule_cloud table tr:not(:first-child) td:first-child div.best1,
section.formule_cloud table tr:not(:first-child) td:first-child div.best2 { font-size: var(--font-size-large); line-height: 21px; font-weight: var(--font-weight-semi); background-color: var(--color-orange); color: var(--color-white); margin-bottom: 20px; }
section.formule_cloud table tr:not(:first-child) td { border-bottom: 10px solid #1E499B33; }
section.formule_cloud table tr:not(:first-child) { box-shadow: 2px 10px 25px #1E499B33; }
section.formule_cloud table tr:last-child td { border-bottom: none; }
section.formule_cloud table tr:not(:first-child) td:not(:first-child) { border-left: 5px solid #1E499B33; }
section.formule_cloud table tr:first-child td:not(:first-child) { border-left: 5px solid #F4F5F8; }
section.formule_cloud table tr:not(:first-child) td p { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
section.formule_cloud table tr:not(:first-child) td p strong { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); }
section.formule_cloud table tr:not(:first-child) td:last-child div.button_container a { margin-top: 10px; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-semi); padding: 7px 30px 6px; }
section.formule_cloud table tr:not(:first-child) td:last-child div.price p span { vertical-align: middle; }
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.stroke { margin-right: 5px; position: relative; }
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.ht { margin-left: 5px; position: relative; }
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.stroke::after { content: ""; position: absolute; height: 1px; background: var(--bg-color-blue3); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.important,
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.devise { font-size: 22px; line-height: 33px; font-weight: var(--font-weight-semi); }
section.formule_cloud table tr:not(:first-child) td:last-child div.price span.ml3 { margin-left: -3px; }

/* Switch tableau */
span.switch_title, span.switch_title2 { color: var(--color-text-base); font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
.onoffswitch { position: relative; width: 60px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; margin: 0 2px; top: 5px; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #a5b6d7; border-radius: 0px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 16px; font-size: var(--font-size-base); color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; border: none; background-clip: padding-box; }
.onoffswitch-inner:before { content: ""; padding-left: 10px; background-color: var(--color-white); color: var(--color-white); }
.onoffswitch-inner:after { content: ""; padding-right: 10px; background-color: var(--color-white); color: var(--color-white); text-align: right; }
.onoffswitch-switch { display: block; width: 30px; height:28px; margin: 0px; background: var(--bg-color-blue); position: absolute; top: -3px; bottom: 0; right: 30px; transition: all 0.3s ease-in 0s; }
.onoffswitch-switch:after { content:"| | |"; color: white; font-size: 12px; font-weight: var(--font-weight-bold); line-height: var(--line-height-small); }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

/* Mobile */
.formule-cloud-mobile { margin-bottom: 30px !important; }
.fonction_table .formule-cloud-mobile td { text-align: center !important; vertical-align: middle !important; position: relative !important; }
.fonction_table .formule-cloud-mobile tr:last-child td { padding-bottom: 80px !important; }
.formule-cloud-mobile tr:nth-child(3) td { border-bottom: 2px solid #E9EEF5 !important; }

@media all AND (max-width: 1399px) AND (min-width: 1200px) {
  section.formule_cloud table tr td:last-child { padding: 0; }
  section.formule_cloud table tr:not(:first-child) td:last-child div.price span.stroke { margin-right: 0; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.formule_cloud table tr:not(:first-child) td:first-child { font-size: 22px; line-height: 34px; }
  section.formule_cloud table tr td:last-child { padding: 0; }
  section.formule_cloud table tr:not(:first-child) td:last-child div.price span.stroke { margin-right: 0; }
  section.formule_cloud table tbody tr td:nth-child(2) { white-space: nowrap; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.formule_cloud table tr:not(:first-child) td:last-child div.price span.stroke { display: block; margin-right: 0; width: max-content; width: -moz-max-content; margin: auto; }
  section.formule_cloud table tr:not(:first-child) td:last-child div.button_container a { margin-top: 0; padding: 7px 15px 6px; }
  section.formule_cloud table tbody tr td:nth-child(3),
  section.formule_cloud table tbody tr td:nth-child(4) { white-space: nowrap; }
  section.formule_cloud table tr:not(:first-child) td:first-child span,
  section.formule_cloud table tr:first-child td:nth-child(3) strong { white-space: break-spaces; }
  section.formule_cloud table tr:first-child td p strong span { display: block; }
  section.formule_cloud table tr td:last-child { padding: 0; }
}

@media all AND (min-width: 768px) {
  #table_formule { display: block; }
  #table_mobile, #table_mobile_cPanel { display: none; }
  #carac_cloud { display: block; }
}
@media all AND (max-width: 767px) {
  #table_formule, #table_formule_cPanel { display: none; }
  #table_mobile { display: block; padding-bottom: 1px; }
  #carac_cloud { display: none; }
}

@media all AND (max-width: 1304px) AND (min-width: 1200px) {
  .formule-cloud .switch_title { font-size: 85% !important; }
}
@media all AND (min-width: 1200px) {
  .formule-cloud .switch_title2 { display: none !important; }
}
@media all AND (max-width: 1199px) {
  .formule-cloud .switch_title { display: none !important; }
  .formule-cloud .switch_title2 { display: visible !important; }
  .onoffswitch { margin-bottom: 10px; }
}
@media all AND (max-width: 884px) {
  .formule-cloud .switch_title2 { font-size: 85% !important; }
}


/* Sous menu */
section.ss_menu_page { min-height: 48px; background: var(--bg-color-grey); }
section.ss_menu_page div.flex { display: flex; flex-wrap: nowrap; justify-content: space-between; }
section.ss_menu_page div.flex a img { width: 20px; height: auto; display: inline-block; vertical-align: middle; margin-right: 6px; }
section.ss_menu_page div.flex a span { display: inline-block; vertical-align: middle; font-size: var(--font-size-medium); line-height: 48px; font-weight: var(--font-weight-normal); color: var(--color-title); }
section.ss_menu_page div.flex a.active span { font-weight: var(--font-weight-semi); }
section.ss_menu_page div.flex a span:hover { text-decoration: underline; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.ss_menu_page div.flex { flex-wrap: wrap; justify-content: center; }
  section.ss_menu_page div.flex div.flex-container { width: 25%; text-align: center; }
  section.ss_menu_page div.flex a span.hide1200 { display: none; }
}

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

/* Bloc Points Forts - Cloud */
section#points-forts { padding: 70px 0; }
section#points-forts h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section#points-forts p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section#points-forts p.sub-title a { text-decoration: underline; }
section#points-forts .titre-backup { padding-top: 75px; }
section#points-forts .slider-cloud-strong { margin-top: 70px; }
section#points-forts .slider-cloud-strong .slider-container { margin: 0 auto; position: relative; z-index: 0; }
section#points-forts .slider-cloud-strong .slider-element .slider-content .slider-content-inner { padding: 30px 40px; background: var(--bg-color-grey); }
section#points-forts .slider-cloud-strong .indicators { margin-top: 50px; text-align: center; position: relative; }
section#points-forts .slider-content-inner h3 { font-size: 20px; color: var(--color-lws-blue); font-weight: var(--font-weight-semi); line-height: var(--line-height-xlarge); }
section#points-forts .slider-content-inner p { font-size: var(--font-size-base); color: var(--color-text-base); font-weight: var(--font-weight-normal); line-height: var(--line-height-small); }
section#points-forts .slider-content-inner p.subtitle3 { margin-top: 10px; margin-bottom: 20px; font-weight: var(--font-weight-semi); }
.blue-circle { display: block; height: 60px; width: 60px; border-radius: 100%; margin: 0 auto; background: #819dcd; color: white; line-height: 65px; transition: all .2s ease-in; }
.blue-circle img { margin: auto; padding-top: 14px; }
.slider-cloud-strong .indicators ol { display: inline-block; }
.slider-cloud-strong .indicators ol li { font-size: var(--font-size-base); line-height: 24px; display: inline-block; text-align: center; width: 140px; vertical-align: top; color: #819dcd; cursor: pointer; transition: all .2s ease-in; }
.slider-cloud-strong .indicators a.prev { position: absolute; left: 0; top: 35%; width: 40px; height: 40px; background: url(../images/prev.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px; font-size: 0px; z-index: 999; }
.slider-cloud-strong .indicators a.next { position: absolute; right: 0; top: 35%; width: 40px; height: 40px; background: url(../images/next.png) center center no-repeat #17378b; border: none; box-shadow: none; outline: none; border-radius: 50%; margin-top: -20px; font-size: 0px; z-index: 999; }
.slider-cloud-strong .indicators ol li span[class^="blue-circle"]{ display: block; height: 65px; width: 65px; border-radius: 100%; margin: 0 auto; margin-bottom: 5px; background: #819dcd; color: white; line-height: 65px; transition: all .2s ease-in; }
.slider-cloud-strong .indicators ol li.active span[class^="blue-circle"], .slider-cloud-strong .indicators ol li:hover span[class^="blue-circle"] { background:#0033a0; }
.slider-cloud-strong .indicators ol li.active, .slider-cloud-strong .indicators ol li:hover { color: var(--color-lws-blue); font-weight: var(--font-weight-medium); }
.slider-cloud-strong .indicators ol li span[class^="blue-circle"]:before{ font-size: 40px; }
.slider-cloud-strong .slider-element { display: none; position: relative; z-index: 0; }
.slider-cloud-strong .slider-image { position: relative; width:44%; min-width: 250px; margin-left: -25px; }
.slider-cloud-strong .slider-element .slider-content { width: 75%; position:relative; z-index: 1; left: 0px; top: 5px; font-size: var(--font-size-medium) !important; color: var(--color-lws-blue); }
.slider-cloud-strong .slider-element.active { display: flex; }

@media all AND (max-width: 1200px) AND (min-width: 980px) {
  #points-fort .slider-cloud-strong .slider-element .slider-content .slider-content-inner p { font-size: var(--font-size-base) !important; }
}
@media all AND (max-width: 1200px) and (min-width: 980px) {
  .slider-cloud-strong .indicators ol li{ width: 120px; }
}
@media all AND (max-width: 979px) and (min-width: 825px) {
  .slider-cloud-strong .indicators a.prev { left: -20px; }
  .slider-cloud-strong .indicators a.next { right: -20px; }
}
@media all AND (max-width: 979px) and (min-width: 768px) {
  .slider-cloud-strong .slider-element.active { display: block; }
  .slider-cloud-strong .slider-element .slider-content { width: 100%; }
  .slider-cloud-strong .slider-image { width: auto; min-width: auto; margin-left: 0; }
  .slider-cloud-strong .slider-image img { margin: auto; }
  .slider-cloud-strong .indicators ol li { width: 90px; }
}
@media all AND (max-width: 767px) {
  .slider-cloud-strong .indicators a.prev { display: none; }
  .slider-cloud-strong .indicators a.next { display: none; }
  #points-forts { max-height: none; }
  .slider-cloud-strong .indicators { margin-bottom: 0px; }
  #points-forts .slider-image { display: none; }
  #points-forts .slider-content{ width: 100%; }
  section#points-forts .slider-cloud-strong { margin-top: 30px; }
}
/* Fin Bloc Point fort */


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

.contact1 { padding: 2.5rem 0 2.1875rem; }
.contact1 .wrapper p { padding: 0; }
.contact1 p { font-size: 1.625rem; line-height: 2.125rem; font-weight: var(--font-weight-semi); }
.contact1 .wrapper span { font-size: var(--font-size-base); font-weight: var(--font-weight-normal); font-style: normal; line-height: 1.5625rem; margin-top: 0.9375rem; }

@media (max-width: 1200px) {
  .contact1 { padding: 1.875rem 0 1.5625rem; }
  .contact1 p { font-size: 1.5rem; line-height: 2.125rem; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  .contact1 p { font-size: 1.375rem; }
  .contact1 p br.onlyMobile,
  .contact1 span br.onlyMobile { display: none !important; }
}

@media (max-width: 767px) AND (min-width: 546px) {
  .contact1 p { font-size: 1.5rem; line-height: 2.125rem; }
}

@media (max-width: 545px) {
  .contact1 p object,
  .contact1 span object { white-space: nowrap; }
}


/**************************/
/**  Bloc Bleu Contact2  **/
/**************************/
section.contact2 { padding: var(--padding-section-base); background: var(--bg-color-blue2); }
section.contact2 div.flex { display: flex; flex-wrap: nowrap; justify-content: left; align-items: center; }
section.contact2 div.flex-container { width: auto; }
section.contact2 div.flex-container.img_rounded img { width: 142px; height: 142px; border-radius: 50%; }
section.contact2 div.flex-container.content_block { margin-left: 50px; }
section.contact2 div.flex-container.content_block h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); color: var(--color-white); }
section.contact2 div.flex-container.content_block p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 20px; }
section.contact2 div.flex-container.content_block p.content a { font-weight: var(--font-weight-normal); color: var(--color-white); text-decoration: underline; }
section.contact2 div.flex-container.content_block div.type_contact { display: flex; flex-wrap: nowrap; justify-content: left; align-items: center; margin-top: 20px; gap: 0 40px; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.rounded { background: var(--bg-color-blue); width: 40px; height: 40px; border-radius: 50%; display: inline-block; vertical-align: middle; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.rounded img { width: 24px; height: auto; position: relative; top: 50%; transform: translateY(-50%); margin: auto; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content { display: inline-block; vertical-align: middle; margin-left: 15px; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-white); }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny { font-size: var(--font-size-small); line-height: 22px; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny a { color: var(--color-white); text-decoration: underline; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny a.pop { margin-left: 5px; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny a:hover { cursor: pointer; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny div.popover h3 { font-size: var(--font-size-base); line-height: 24px; font-weight: var(--font-weight-semi); color: var(--color-text-base) !important; text-align: left; }
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny div.popover-content,
section.contact2 div.flex-container.content_block div.type_contact div.contact div.content p.tiny div.popover-content p { color: var(--color-text-base) !important; text-align: left; }

@media all AND (max-width: 1200px) AND (min-width: 980px) {
  section.contact2 div.flex-container.content_block { margin-left: 30px; }
  section.contact2 div.flex-container.content_block div.type_contact { gap: 0 30px; }
}

@media (max-width: 979px) AND (min-width: 768px) {
  section.contact2 div.flex-container.img_rounded img { max-width: 175px; }
  section.contact2 div.flex-container.content_block div.type_contact { flex-wrap: wrap; gap: 30px 0; }
  section.contact2 div.flex-container.content_block div.type_contact div.contact { display: block; width: 100%; }
}

@media (max-width: 767px) {
  section.contact2 div.flex { flex-wrap: wrap; gap: 30px 0; }
  section.contact2 div.flex-container.img_rounded { width: 100%; }
  section.contact2 div.flex-container.img_rounded img { max-width: 175px; margin: auto; }
  section.contact2 div.flex-container.content_block { margin-left: 0; }
  section.contact2 div.flex-container.content_block h3,
  section.contact2 div.flex-container.content_block p.content { text-align: center; }
  section.contact2 div.flex-container.content_block div.type_contact { flex-wrap: wrap; gap: 30px 0; align-items: flex-start; flex-direction: column; width: max-content; width: -moz-max-content; max-width: 100%; margin: 30px auto 0; }
  section.contact2 div.flex-container.content_block div.type_contact div.contact { display: block; }
}


/* Bloc Tiny Trustpilot */
section.tiny_trustpilot { padding: 15px 0; }
section.tiny_trustpilot p { font-size: 17px; line-height: var(--line-height-base); display: inline-block; vertical-align: middle; }
section.tiny_trustpilot p a { text-decoration: underline; }
section.tiny_trustpilot img { float: right; height: 30px; width: auto; display: inline-block; vertical-align: middle; }

@media (max-width: 979px) {
  section.tiny_trustpilot div.wrapper { display: flex; flex-direction: column; gap: 20px 0; }
  section.tiny_trustpilot img { order: 1; float: unset; margin: auto; }
  section.tiny_trustpilot p { order: 2; width: max-content; width: -moz-max-content; max-width: 100%; margin: auto; text-align: center; }
}


/* Bloc Multi Logos */
section.multi_logos { padding: var(--padding-section-base); }
section.multi_logos div.flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 50px; }
section.multi_logos div.flex img { width: auto; height: auto; opacity: 0.7; transition: opacity 0.5s; }
section.multi_logos div.flex img:hover { opacity: 1; }

@media all AND (max-width: 1200px) {
  section.multi_logos div.flex { justify-content: space-evenly; }
}

@media all AND (max-width: 450px) {
  section.multi_logos div.flex { gap: 20px; }
  /*section.multi_logos div.flex { flex-direction: column; justify-content: center; }*/
}


/* BLOCK One Clic */
section.one-clic { min-height: 275px; color: var(--color-text-base); z-index:499; }
section.one-clic .flex-container { display: flex; flex-wrap: wrap; }
section.one-clic .one-clic-left { background-color: white; padding: 60px 135px 60px 60px; position: relative; }
section.one-clic .one-clic-left.flex-60 { flex-grow: 1; width: 1000px; }
section.one-clic h2 { font-size: var(--font-size-xlarge); font-weight: var(--font-weight-bold); line-height: var(--line-height-xlarge); color: var(--color-black); }

section.one-clic p { font-size: var(--font-size-base); margin-top: 30px; line-height: var(--line-height-base); text-align: left; }
section.one-clic .slideshow { width: calc(100% - 1000px); height: 300px; max-width: 40%; max-height: 300px; overflow: hidden; background: url(../images/cloud-serveur/applications_ban_defilante.jpg) repeat-x; background-size: 868px 300px; animation: clouds 100000s linear infinite; }

@keyframes clouds {
  0% {
    background-position: 10000000px 0;
  }
  100% {
    background-position: 0 0;
  }
}

@media all AND (max-width: 1399px) AND (min-width: 1200px) {
  section.one-clic .one-clic-left { padding: 60px 40px; }
  section.one-clic .one-clic-left.flex-60 { flex-grow: 1; width: 830px; }
  section.one-clic .slideshow { width: calc(100% - 830px); }
}

@media all AND (max-width: 1200px) AND (min-width: 980px) {
  section.one-clic .one-clic-left { padding: 60px 40px; }
  section.one-clic .one-clic-left.flex-60 { flex-grow: 1; width: 600px; }
  section.one-clic .slideshow { width: calc(100% - 600px); height: 394px; max-height: 394px; background-size: auto 394px; }
}

@media all AND (max-width: 979px) and (min-width: 768px) {
  section.one-clic .one-clic-left { padding: 60px; }
  section.one-clic .one-clic-left.flex-60 { flex-grow: 1; width: 100%; }
  section.one-clic .slideshow { width: 100%; min-width: 100%; height: 300px; max-height: 300px; background-size: auto 300px; }
}

@media all AND (min-width: 768px) {
  #applications_cloud { display: visible; }
}
@media all AND (max-width: 767px) {
  #applications_cloud { display: none; }
}
/* Fin Bloc One Clic */


/* BLOCK Confiance */
.cloud-confiance { background-image: url('../images/cloud-serveur/ban_confiance.jpg') !important; background-size: cover; text-align: justify; border-top: 1px solid grey; }
.cloud-confiance br { content: ""; display: block; font-size: 24%; }
.cloud-confiance p { font-size: var(--font-size-base); }
.cloud-confiance .flex-container { padding-bottom: 15px; }
#why-lws .flex-element.flex-30 { max-width: 29%; }
.titre-confiance-1 { font-size: 32px; font-weight: normal; padding-top: 70px; padding-bottom: 60px; text-align: center; }
.titre-confiance-2 { font-size: var(--font-size-large) !important; font-weight: bold; padding-top: 20px; padding-bottom: 12px; text-align: center; line-height: 20px; }
.little { font-size: var(--font-size-base) !important; }
.confiance-elt { margin-bottom: 45px; position: relative; }
.confiance-elt:last-child { margin-bottom: 70px; }
.confiance-elt img { margin: auto; }

/* Responsive */
@media all AND (max-width: 1200px) {
  .cloud-confiance { height: auto !important; max-height: none; }
  .cloud-confiance .flex-container { margin-bottom: 0px; }
}

@media all AND (max-width: 978px) AND (min-width: 525px) {
  .confiance-elt { max-width: 46% !important; }
  .titre-confiance-1 { font-size: var(--font-size-xlarge); }
}
@media all AND (max-width: 524px) {
  .confiance-elt { max-width: 100% !important; }
  .titre-confiance-1 { font-size: 24px; }
}
@media all AND (max-width: 978px) {
  .cloud-confiance h3 { text-align: center; }
}  
/* Fin Bloc Confiance */


/* Bloc Cas d'usage */
section.use_cases { padding: 4.375rem 0; }
section.use_cases h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.use_cases p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 1.25rem; }
section.use_cases p.sub-title a { color: var(--color-orange); text-decoration: underline; }
section.use_cases div.flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 3.125rem; }
section.use_cases div.flex-container div.flex-element { display: flex; flex-direction: column; gap: 0; justify-content: flex-start; width: calc((100% - 60px) / 3); background-color: #F6F6F6; border: 1px solid; }
section.use_cases div.flex-container div.flex-element.green { border-color: #477652; }
section.use_cases div.flex-container div.flex-element.blue { border-color: #0080E4; }
section.use_cases div.flex-container div.flex-element.pink { border-color: #FA8072; }
section.use_cases div.flex-container div.flex-element div.image { position: relative; height: 190px; }
section.use_cases div.flex-container div.flex-element.green div.image { background: #477652; }
section.use_cases div.flex-container div.flex-element.blue div.image { background: #0080E4; }
section.use_cases div.flex-container div.flex-element.pink div.image { background: #FA8072; }
section.use_cases div.flex-container div.flex-element div.image img { display: block; width: 250px; height: 170px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
section.use_cases div.flex-container div.flex-element div.content { padding: 30px 28px; }
section.use_cases div.flex-container div.flex-element div.content p.titre { font-size: 1.25rem; line-height: 1.875rem; font-weight: var(--font-weight-semi); text-align: center; margin-bottom: 15px; }
section.use_cases div.flex-container div.flex-element div.content p.text { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); text-align: center; }
section.use_cases div.flex-container div.flex-element div.content p.text a:hover { text-decoration: underline; }

@media all AND (max-width: 1200px) {
  section.use_cases div.flex-container div.flex-element { width: 400px; }
}

@media all AND (max-width: 979px) {
  section.use_cases div.flex-container div.flex-element { width: 358px; }
}

@media all AND (max-width: 767px) {
  section.use_cases div.flex-container div.flex-element { width: 400px; max-width: 100%; }
}

/* Fin bloc cas d'usage */


/* Section Widget */
section.widget { padding: 50px 0 30px; }
section.widget h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.widget p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.widget p.sub-title a { text-decoration: underline; }

/* Section Fil d'arianne */
section.breadcrumb { background: #F1F7FF; padding: 10px 0; border-top: 2px solid #1E499B; }
section.breadcrumb div.content a.parent_cat { display: inline-block; position: relative; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-orange); font-weight: var(--font-weight-normal); text-decoration: underline; vertical-align: middle; }
section.breadcrumb div.content a.parent_cat::after { position: absolute; content:''; width: 10px; height: 15px; top: 50%; right: -22px; transform: translateY(-50%); border-top : 8px solid transparent; border-bottom : 7px solid transparent; border-left : 10px solid #f60; }
section.breadcrumb div.content p { display: inline-block; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text-base); vertical-align: middle; margin-left: 28px; }
@media all AND (max-width: 767px) { section.breadcrumb { display: none; } }

/* Section Gallery */
section.gallery { padding: 70px 0; }
section.gallery h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.gallery div.flex-container { margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
section.gallery div.flex-container div.flex-element { flex-grow: 1; width: 100%; max-width: calc((100% - 120px) / 5); }
section.gallery div.flex-container div.flex-element img { width: 100%; height: 100%; margin: auto; border-radius: 10px; }

/* Lyte Youtube */
.youtube-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: var(--bg-color-premium); }
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-player img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; transition: 0.4s all; }
.youtube-player .play { height: 50px; width: 85px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; background: url('../images/theme2021/svg/yt_red.svg') no-repeat; cursor: pointer; }

/* Modal Youtube */
.grtyoutube-popup { position:fixed;	top:0; left:0; right:0;	bottom:0;	z-index:99999; }
.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: var(--color-white);	font-size:25px;	width:17px;	height:17px; cursor:pointer; }
.grtyoutube-iframe { width:100%; height:480px; }
.grtyoutube-dark-theme{ background: rgba(0,0,0, 0.85); }
.grtyoutube-dark-theme .grtyoutube-popup-content { 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 {	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; }
@media (max-width:767px) {.grtyoutube-iframe { width:100%; height:350px; } }

/* Recherche domaine accent */
select#ext_dom { height: 44px; width: 100px; font-size: 1.375rem; line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); border: none; background: #E3E7F5; }
select#ext_dom option { margin: 10px; background: rgba(255, 255, 255, 1); color: #000; }
select#ext_dom:focus-visible { outline: none; }


/* BLOCK Compare Table */
section.bloc_compare_table { padding: 70px 0; }
section.bloc_compare_table h2 { font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.bloc_compare_table p.sub-title { margin-top: 20px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.bloc_compare_table div.table-compare { margin-top: 70px; }
section.bloc_compare_table div.table-compare table { font-size: var(--font-size-base); line-height: 32px; border: none; width: 100%; }
section.bloc_compare_table div.table-compare table thead tr th { font-weight: var(--font-weight-semi); padding: 20px; }
section.bloc_compare_table div.table-compare table tbody { box-shadow: 2px 2px 25px #1E499B40; }
section.bloc_compare_table div.table-compare table tbody tr { background: var(--bg-color-white); }
section.bloc_compare_table div.table-compare table tbody tr td { padding: 20px; }
section.bloc_compare_table div.table-compare table tbody tr.top td { font-weight: var(--font-weight-semi); color: #00A716; } 
section.bloc_compare_table div.table-compare table tbody tr td:not(:first-child) { text-align: center; }
section.bloc_compare_table div.table-compare table tbody tr:not(:first-child) td { border-top: 1px solid rgba(30, 73, 155, 0.3); } 
section.bloc_compare_table div.table-compare p.legend { margin-top: 30px; font-size: var(--font-size-small); line-height: 24px; }

@media (max-width: 767px) {
  section.bloc_compare_table div.table-compare table thead { display: none; }
  section.bloc_compare_table div.table-compare table tbody tr td { display: block; width: 100%; text-align: center; padding: 10px 20px; }
  section.bloc_compare_table div.table-compare table tbody tr td:first-child { padding: 20px 20px 10px; }
  section.bloc_compare_table div.table-compare table tbody tr td:last-child { padding: 10px 20px 20px; }
  section.bloc_compare_table div.table-compare table tbody tr td:not(:first-child)::before { content: attr(data-title)' :'; font-weight: var(--font-weight-semi); margin-right: 5px; }
  section.bloc_compare_table div.table-compare table tbody tr td:not(:first-child) { border: none; }
  section.bloc_compare_table div.table-compare table tbody tr.top td { color: var(--color-text-base); font-weight: var(--font-weight-normal); background: rgba(0, 167, 22, 0.15); }
  section.bloc_compare_table div.table-compare p.legend { text-align: center; }
}
/* Fin Block Compare Table */


/** Bloc Offre Emploi **/
section.offre_emploi { padding: 70px 0; }
section.offre_emploi h2 { font-size: 32px; line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.offre_emploi p.sub-title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: normal; color: var(--color-text-base); text-align: center; margin-top: 20px; }
section.offre_emploi .jobs { margin-top: 50px; background: var(--bg-color-white); padding: 30px 30px 0; box-shadow: 2px 2px 25px #1E499B33; }
section.offre_emploi .jobs h3 { font-size: 22px; line-height: 33px; font-weight: var(--font-weight-semi); }
section.offre_emploi .jobs p.localisation { margin-left: 20px; margin-top: 10px; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-lws-blue); position: relative; }
section.offre_emploi .jobs p.localisation:before { position: absolute; left: -25px; top: 2px; content: ''; background: url(../images/theme2021/svg/localisation_offre.svg); background-size: 20px; width: 20px; height: 20px; }
section.offre_emploi .jobs .description_poste { margin-top: 30px; }
section.offre_emploi .jobs .description_poste p.content { font-size: var(--font-size-base); line-height: var(--line-height-base); margin-bottom: 10px; }
section.offre_emploi .jobs .description_poste p.content:last-of-type { margin-bottom: 0; }
section.offre_emploi .jobs .flex_jobs { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 60px; align-items: flex-start; }
section.offre_emploi .jobs .flex_jobs > * { flex: 50%; }
section.offre_emploi .jobs .flex_jobs.no_title { margin-top: 10px; }
section.offre_emploi .jobs .flex_jobs .competences h3 { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); }
section.offre_emploi .jobs .flex_jobs ul { margin-top: 20px; }
section.offre_emploi .jobs .flex_jobs ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); position: relative; padding-left: 1.6875rem; text-align: left; }
section.offre_emploi .jobs .flex_jobs ul li:not(:first-child) { margin-top: 15px; }
section.offre_emploi .jobs .flex_jobs ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.offre_emploi .jobs .flex_jobs .infos_contrat { padding: 20px; background: var(--bg-color-grey); }
section.offre_emploi .jobs .flex_jobs .infos_contrat p.title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-text-base); }
section.offre_emploi .jobs .flex_jobs .infos_contrat ul li[class^="contrat_"]:before { width: 15px; height: 15px; top: 5px; }
section.offre_emploi .jobs .flex_jobs .infos_contrat ul li.contrat_type:before { background: url(../images/theme2021/svg/contrat.svg) no-repeat 50% 50% / contain; }
section.offre_emploi .jobs .flex_jobs .infos_contrat ul li.contrat_horaire:before { background: url(../images/theme2021/svg/horaires.svg) no-repeat 50% 50% / contain; }
section.offre_emploi .jobs .flex_jobs .infos_contrat ul li.contrat_salaire:before { background: url(../images/theme2021/svg/salaire.svg) no-repeat 50% 50% / contain; }
section.offre_emploi .jobs .contact_contrat { margin: 30px -30px 0; padding: 30px; background-color: #ECF4FF; text-align: center; }
section.offre_emploi .jobs .contact_contrat p.title { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); }
section.offre_emploi .jobs .contact_contrat p.content { margin-top: 15px; font-size: var(--font-size-base); line-height: var(--line-height-base); }

@media (max-width: 979px) {
  section.offre_emploi .jobs .flex_jobs { flex-direction : column; gap: 40px 0; }
  section.offre_emploi .jobs .flex_jobs > * { flex: 100%; width: 100%; }
}

@media (max-width: 767px) {
  section.offre_emploi { padding: 50px 0; }
  section.offre_emploi h2 { font-size: 1.875rem; line-height: 2.875rem; }
  section.offre_emploi .jobs h3 { font-size: 20px; line-height: 30px; }
}


/*** Banner price slide ***/
.banner_price_slide { padding: var(--padding-section-base); background: transparent linear-gradient(180deg,#0C2A6A 0%,#1E499B 100%) 0% 0% no-repeat padding-box; }
.banner_price_slide .wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.banner_price_slide .wrapper .bloc_info { width: 600px; }
.banner_price_slide .wrapper .bloc_info h1 { display: inline-block; position: relative; font-size: var(--font-size-xxlarge); line-height: var(--line-height-xxlarge); font-weight: var(--font-weight-bold); margin-left: 0; width: max-content; max-width: 100%; }
.banner_price_slide .wrapper .bloc_info img.fl-r { position: relative; display: inline-block; width: 192px; height: auto; top: 5px; margin-left: 20px; }
.banner_price_slide .wrapper .bloc_info .ss_title { font-size: 1.625rem; line-height: 2.25rem; font-weight: var(--font-weight-normal); color: var(--color-white); margin-top: 0.625rem; }
.banner_price_slide .wrapper .bloc_info ul { margin-top: 1.25rem; list-style-image: none; }
.banner_price_slide .wrapper .bloc_info ul li { font-size: 1.0625rem; line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-top: 7px; position: relative; padding-left: 27px; }
.banner_price_slide .wrapper .bloc_info ul li:before { content: ""; position: absolute; width: 15px; height: 10px; left: 0; top: 9px; background: url(../images/theme2021/svg/check_clair.svg) no-repeat 50% 50%/contain; }
.banner_price_slide .wrapper .bloc_info p.garantie { background-color: rgba(255,255,255,.8); padding: 6px 10px 4px; font-size: var(--font-size-base); line-height: 1.5rem; font-weight: var(--font-weight-normal); max-width: 310px; margin-top: 30px; }
.banner_price_slide .wrapper .bloc_info p.garantie img { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: sub; }
.banner_price_slide .wrapper .bloc_price { width: 500px; border: 2px solid #37C1FF; background: var(--bg-color-premium2); padding: 30px; }
.banner_price_slide .wrapper .bloc_price p.formule { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); text-align: center; }
.banner_price_slide .wrapper .bloc_price div.interactive_slider_size { margin-top: 10px; text-align: center; }
.banner_price_slide .wrapper .bloc_price div.interactive_user_amount { width: max-content; margin: 15px auto 0; }
.banner_price_slide .wrapper .bloc_price div.interactive_slider.small { width: max-content; margin: 20px auto 10px; }
.banner_price_slide .wrapper .bloc_price div.interactive_price { text-align: center; }

.banner_price_slide .wrapper .bloc_price a.btn { display: block; width: max-content; max-width: 100%; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); padding: 17px 50px 18px; border-bottom: 0; margin: 10px auto 0; }
.banner_price_slide .wrapper .bloc_price a.btn img { display: inline-block; margin-left: var(--font-size-base); }

.premium .banner_price_slide { background: var(--bg-color-premium); }
.premium .banner_price_slide .wrapper .bloc_info * { color: var(--color-white) !important; }
.banner_price_slide .wrapper .bloc_price * { color: var(--color-white); }
.premium .banner_price_slide .wrapper .bloc_info p.garantie { background-color: var(--bg-color-premium2); }

@media (max-width: 979px) {
  .banner_price_slide .wrapper { flex-direction: column; gap: 40px; }
  .banner_price_slide .wrapper .bloc_info,
  .banner_price_slide .wrapper .bloc_price { width: 100%; max-width: 600px; text-align: center; }
  .banner_price_slide .wrapper .bloc_info h1,
  .banner_price_slide .wrapper .bloc_info .ss_title { text-align: center; }
  .banner_price_slide .wrapper .bloc_info ul { margin: 1.25rem auto 0; width: max-content; max-width: 100%; }
  .banner_price_slide .wrapper .bloc_info ul li { width: 410px; max-width: 100%; text-align: left; }
  .banner_price_slide .wrapper .bloc_info p.garantie { margin: 30px auto 0; }
}

@media (max-width: 500px) {
  .banner_price_slide .wrapper .bloc_price a.btn { padding: 9px 30px 10px; font-size: var(--font-size-base); }
  .banner_price_slide .wrapper .bloc_price a.btn img { display: none; }
  .banner_price_slide .wrapper .bloc_price div#annually_price span::before { content: "-10% année"; }
}

@media (max-width: 420px) {
  .banner_price_slide .wrapper .bloc_price div#interactive_user_amount_type_professional { max-width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; }
  .banner_price_slide .wrapper .bloc_price div#interactive_user_amount_type_professional > span { width: 100%; }
}

@media (max-width: 380px) {
  .banner_price_slide .wrapper .bloc_price div#annually_price > span::before { content: "-10% an"; }
}

/* INTERACTIVE */
.interactive_slider { display: flex; align-items: center; border-radius: 23px; gap: 10px; align-self: center; background-color: var(--lighter_blue); margin-bottom: 20px; }
div.interactive_slider_trigger { padding: 7px 20px 8px 20px; }
div.interactive_slider_trigger.highlighted { box-shadow: 2px 2px 10px #000D4126; border-radius: 23px; background-color: var(--bg-color-premium); color: #5BE16C !important; font-weight: var(--font-weight-semi); line-height: 30px; font-size: 0.94em; padding: 7px 30px 8px 30px; }
.interactive_block { background-color: var(--color-white); border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 30px; }
h2.interactive_title { color: var(--special_dark); margin: 0; font-size: 1.55em; line-height: var(--line-height-xlarge); font-weight: bold; }
.interactive_slider_size { display: flex; align-items: center; color: var(--special_grey); width: 100%; justify-items: stretch; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap: 15px; }
span.min_range_slider { color: var(--special_grey); font-size: 0.95em; width: fit-content; }
span.max_range_slider { width: fit-content; }
input.interactive_slider_item { margin: 0; width: 100%; cursor: pointer; -webkit-appearance: none; appearance: none; background: transparent; }
.interactive_slider_item_label { margin: 0; flex: 55%; grid-area: b; }
input.interactive_slider_item::-webkit-slider-runnable-track { background-color: #6B6D73; height: 9px; border-radius: 21px; }
input.interactive_slider_item::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: var(--color-white); height: 20px; width: 20px; margin-top: -5.5px; border-radius: 100%; }    
input.interactive_slider_item::-moz-range-track { background-color: #6B6D73; height: 9px; border-radius: 21px; }
input.interactive_slider_item::-moz-range-thumb { border: none; border-radius: 0; background-color: var(--color-white); height: 20px; width: 20px; margin-top: -5.5px; border-radius: 100%; }
input.interactive_slider_item::-moz-range-progress { background-color: #37C1FF; height: 9px; border-radius: 21px; }
.interactive_user_amount { color: var(--special_dark); font-weight: var(--font-weight-semi); line-height: 30px; font-size: 1.11em; margin-top: 15px; }
div#interactive_user_amount_type_professional { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.user_amount_selector { background-color: #4C4D50; padding: 7px 12px 6px; display: flex; flex-direction: row; align-items: center; gap: 12px; }
.user_amount_selector > span:first-child,
.user_amount_selector > span:last-child { cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.interactive_slider.small { border-radius: 17px; margin-top: 20px; gap: 10px; background-color: rgba(0, 0, 0, 0.4);}
div#annually_price > span::before { content: "-10% annuellement"; }
.interactive_slider_trigger { cursor: pointer; }
.interactive_slider_trigger.small { padding: 4px 20px 5px 20px; color: var(--special_grey); font-size: 0.94em; line-height: var(--line-height-small); }
.price_green { color: #5BE16C !important; }
.interactive_slider_trigger.small.highlighted { box-shadow: 2px 2px 10px #000D4126; border-radius: 15px; background-color: var(--bg-color-premium); font-weight: var(--font-weight-semi); line-height: var(--line-height-small); font-size: 0.94em; padding: 2px 20px; margin: 2px 2px 2px 0px; }
.interactive_price { color: var(--special_dark); position: relative; }
span.integer_price { font-weight: bold; font-size: 3.05em; line-height: 65px; position: relative; display: inline-block; }
span.decimal_price { font-weight: bold; font-size: 1.69em; line-height: 40px; position: relative; top: -20px; display: inline-block; margin-left: -15px; }
span.letter_price { font-weight: var(--font-weight-semi); font-size: 1.1em; line-height: 30px; display: inline-block; position: relative; margin-left: -45px; }
a.buy_now_button { font-weight: var(--font-weight-semi); color: var(--color-white); background-color: var(--order_button_background); box-shadow: var(--order_button_box_shadow); padding: 17px 50px 18px 50px; border-radius: 30px; text-decoration: none; display: flex; align-items: center; gap: 20px; margin-top: 5px; }    
a.buy_now_button::before { content: "Commander maintenant"; }
.grid_available_options { display: grid; grid-template-areas: "a b" "c d"; align-items: center; justify-items: stretch; column-gap: 40px; font-size: 0.9em; line-height: 24px; margin-top: 30px; width: max-content; }
.available_option { display: flex; flex-direction: row; justify-content: space-between; color: var(--special_grey); gap: 18px; align-items: center; }
.available_option:nth-child(1),
.available_option:nth-child(2) { border-bottom: 1px solid #CDDBEC; padding-bottom: 10px; }
.available_option:nth-child(3),
.available_option:nth-child(4) { padding-top: 10px; }
.available_options_left { display: flex; align-items: center; gap: 10px; }
.available_options_right { display: flex; align-items: center; }


/*** Modal Démo Stockage Cloud ***/
html.ofblock { overflow: hidden; }
#modal_demo_nextcloud { display: none; visibility: hidden; background: rgba(0,0,0,0.6); opacity: 0; width: 100%; height: 100vh; transition: opacity 0.5s ease-in-out; }
body.demo_nextcloud_open #modal_demo_nextcloud { display: block; visibility: visible; opacity: 1; position: fixed; z-index: 99; }
#modal_demo_nextcloud div.content { position: relative; padding: 60px; width: 800px; max-height: 450px; background: var(--bg-color-white); top: 50%; left: 50%; transform: translate(-50%, -50%); }
#modal_demo_nextcloud div.content div.exit_modal { position: absolute; top: 30px; right: 30px; }
#modal_demo_nextcloud div.content div.exit_modal:hover { cursor: pointer; }
#modal_demo_nextcloud div.content p.title { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); }
#modal_demo_nextcloud div.content p.desc { margin-top: 30px; font-size: var(--font-size-large); line-height: 30px; }
#modal_demo_nextcloud div.content div.wait { margin-top: 30px; font-size: var(--font-size-large); line-height: 30px; }
#modal_demo_nextcloud div.content div.wait div#dots { display: inline-block; }
#modal_demo_nextcloud div.content form#send_demo { margin-top: 40px; }
#modal_demo_nextcloud div.content form#send_demo.desactived { display: none; }
#modal_demo_nextcloud div.content form#send_demo div.field { margin: auto; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0; padding: 4px; background: var(--bg-color-grey); border: 1px solid #C2C6D1; width: max-content; }
#modal_demo_nextcloud div.content form#send_demo div.field.error-field { background-color: #f8d7da; border-color: #f5c6cb; }
#modal_demo_nextcloud div.content form#send_demo div.field input[type="email"] { width: 359px; height: 46px; background: var(--bg-color-grey); padding: 0 25px; }
#modal_demo_nextcloud div.content form#send_demo div.field input[type="email"],
#modal_demo_nextcloud div.content form#send_demo div.field input[type="email"]::placeholder { font-size: var(--font-size-large); line-height: 46px; }
#modal_demo_nextcloud div.content form#send_demo div.field.error-field input[type="email"] { background-color: #f8d7da; }
#modal_demo_nextcloud div.content form#send_demo div.field input[type="button"] { background: #FF6500; color: var(--color-white); padding: 0 30px; font-size: var(--font-size-large); line-height: 46px; font-weight: var(--font-weight-semi); }
#modal_demo_nextcloud div.content form#send_demo div.field input[type="button"]:hover { cursor: pointer; }
#modal_demo_nextcloud div.content form#send_demo div.error_txt { margin-bottom: 10px; text-align: center; color: #d00a2d; }
/*#modal_demo_nextcloud div.content div.result { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-top: 30px; font-size: var(--font-size-large); line-height: 30px; }
#modal_demo_nextcloud div.content div.result.error_result:before { display: block; position: relative; content: ''; margin-right: 15px; width: 15px; height: 15px; background: url(/_ui/images/theme2021/svg/croix.svg); }
#modal_demo_nextcloud div.content div.result.success_result:before { display: block; position: relative; content: ''; margin-right: 15px; width: 15px; height: 15px; background: url(/_ui/images/theme2021/svg/check.svg); }*/
#modal_demo_nextcloud .success-animation { margin: 10px auto 30px; }
#modal_demo_nextcloud .checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position:relative; top: 5px; right: 5px; margin: 0 auto !important; }
#modal_demo_nextcloud .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #fff; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
#modal_demo_nextcloud .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
#modal_demo_nextcloud .error-animation { display:inline-block; position: relative; width:150px; }
#modal_demo_nextcloud .red-stroke { stroke: #FF6245; }
#modal_demo_nextcloud .yellow-stroke { stroke: #FFC107; }
#modal_demo_nextcloud .circular circle.path { stroke-dasharray: 330; stroke-dashoffset: 0; stroke-linecap: round; opacity: 0.4; animation: 0.7s draw-circle ease-out; }
#modal_demo_nextcloud .cross { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 54px; left: 54px; width: 40px; height: 40px; }
#modal_demo_nextcloud .cross .first-line { animation: 0.7s draw-first-line ease-out; animation-delay: -0.25s; }
#modal_demo_nextcloud .cross .second-line { animation: 0.7s draw-second-line ease-out; }
#modal_demo_nextcloud .alert-sign { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 40px; left: 68px; width: 15px; height: 70px; animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 0.15s; }
#modal_demo_nextcloud .alert-sign .dot { stroke:none; fill: #FFC107; }
#modal_demo_nextcloud .step2 { display: none; }
#modal_demo_nextcloud .step2[data-result='success'],
#modal_demo_nextcloud .step2[data-result='error'] { display: flex; flex-direction: column; align-items: center; }
#modal_demo_nextcloud .step2[data-result='success'] .error-animation { display: none; }
#modal_demo_nextcloud .step2[data-result='error'] .success-animation { display: none; }
#modal_demo_nextcloud div.content .step2 div.result { font-size: var(--font-size-large); line-height: var(--line-height-small); text-align: center; }
#modal_demo_nextcloud div.content .step2 div.result p:not(:last-of-type) { margin-bottom: 15px; }

@media (max-width: 1199px) {
  #modal_demo_nextcloud div.content { max-width: 95%; }
}

@media (max-width: 979px) {
  #modal_demo_nextcloud div.content { padding: 40px 20px !important; max-height: 90vh; }
  #modal_demo_nextcloud div.content div.exit_modal { top: 15px; right: 15px; }
  #modal_demo_nextcloud div.content form#send_demo div.field { max-width: 100%; }
}

@media (max-width: 767px) {
  #modal_demo_nextcloud div.content * { text-align: center; }
  #modal_demo_nextcloud div.content p.title { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-bold); }
  #modal_demo_nextcloud div.content p.desc { margin-top: 15px; font-size: var(--font-size-base); line-height: var(--line-height-small); }
  #modal_demo_nextcloud div.content form#send_demo { margin-top: 20px; }
  #modal_demo_nextcloud div.content form#send_demo div.field { flex-direction: column; gap: 20px; border: 0; padding: 0px; background: var(--bg-color-white); }
  #modal_demo_nextcloud div.content form#send_demo div.field input[type="email"] { border: 1px solid #C2C6D1; max-width: 100%; }
  #modal_demo_nextcloud div.content form#send_demo div.field input[type="button"] { width: max-content; max-width: 100%; margin: auto; }
  #modal_demo_nextcloud div.content .step2 div.result { font-size: var(--font-size-base); line-height: 22px; }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

@keyframes draw-first-line {
    0% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 56,330;
        stroke-dashoffset: 0;
    }
}

@keyframes draw-second-line {
    0% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    50% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    100% {
        stroke-dasharray: 55,0;
        stroke-dashoffset: 70;
    }
}

@keyframes alert-sign-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}


/************************************/
/*** landing Hebergement Web 2k24 ***/
/************************************/

/* Banner */
section.banner_landing3 { padding: 30px 0; color: var(--color-black); }
section.banner_landing3.premium { background: var(--bg-color-premium); }
section.banner_landing3.blue { background: url(../images/theme2021/bannieres/motif/motif_banniere_sombre.svg), linear-gradient(#0C2A6A, #1E63D5); }
section.banner_landing3.blue *,
section.banner_landing3.premium * { color: var(--color-white) !important; }
section.banner_landing3.light { background: url(../images/theme2021/bannieres/motif/motif_banniere_claire.svg), linear-gradient(#D2E1EF, #EDF5FC); }
section.banner_landing3.light.afnic { background: url(../images/theme2021/bannieres/motif/fond_banniere_bleue_fr_afnic.svg); background-size: cover; }
section.banner_landing3 .banner_promo.with_meter { margin-bottom: 10px }
section.banner_landing3 .content-flex { display: flex; width: 100%; flex-direction: row; gap: 70px; align-items: center; justify-content: space-between; }
section.banner_landing3 .content-flex .content-left h1 { display: inline-block; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); }
section.banner_landing3 .content-flex .content-left div.title-tiny h1 { font-size: 34px; line-height: 44px; }
section.banner_landing3 .content-flex .content-left .title img { display: inline-block; position: relative; width: 40px; height: 26px; top: 2px; margin-left: 8px; }
section.banner_landing3 .content-flex .content-left .ss_title { margin-top: 20px; }
section.banner_landing3 .content-flex .content-left .ss_title span { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-normal); }
section.banner_landing3 .content-flex .content-left .ss_title.ver2 p { font-size: 18px; line-height: 28px; color: var(--color-black); margin-top: 20px; }
section.banner_landing3 .content-flex .content-left .ss_title a img { position: relative; top: -1px; }
section.banner_landing3 .content-flex .content-left ul { list-style: none; margin-top: 20px; }/*30*/
section.banner_landing3 .content-flex .content-left ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); margin-left: 29px; }
section.banner_landing3 .content-flex .content-left ul li:before { position: absolute; top: 5px; left: -29px; content: ''; width: 19px; height: 15px; }
section.banner_landing3.light .content-flex .content-left ul li:before { background: url(../images/theme2021/svg/check_gras.svg); }
section.banner_landing3.blue .content-flex .content-left ul li:before,
section.banner_landing3.premium .content-flex .content-left ul li:before { background: url(../images/theme2021/svg/check_gras_clair.svg); }
section.banner_landing3 .content-flex .content-left ul li:not(:last-of-type) { margin-bottom: 12px; } /*20px*/
section.banner_landing3 .content-flex .content-left ul li strong { color: #f60; }
section.banner_landing3 .content-flex .content-left ul li strong.color_base { color: inherit; }
section.banner_landing3 .content-flex .content-left .call_to_action { display: flex; flex-direction: row; align-items: center; gap: 30px; margin-top: 30px; }
section.banner_landing3 .content-flex .content-left .call_to_action.jcsb { justify-content: space-between; gap: 0; }
section.banner_landing3 .content-flex .content-left .call_to_action.timeBtn { gap: 15px; }
section.banner_landing3 .content-flex .content-left .call_to_action div.price.frow { display: flex; flex-direction: row; gap: 10px; align-items: top; justify-content: left; height: 55px; padding-top: 18px; }
section.banner_landing3 .content-flex .content-left .call_to_action a.btn-cta { position: relative; z-index: 1; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-white); background: #FF6500; border-radius: 10px; padding: 15px 40px; box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; }
section.banner_landing3 .content-flex .content-left .call_to_action a.btn-cta:hover { background: #EB4000; box-shadow: none; }
section.banner_landing3 .content-flex .content-left .call_to_action a.compteur { background: rgba(255, 255, 255, 0.2); font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); padding: 14px 20px 13px; border-radius: 10px; }
section.banner_landing3 .content-flex .content-left .call_to_action a.btn-tiny { white-space: nowrap; padding: 10px 30px; }
section.banner_landing3 .content-flex .content-left .call_to_action a.btn-white { white-space: nowrap; background: #fff; color: #1E499B; border: 2px solid #1E499B; padding: 8px 30px; box-shadow: none; }
section.banner_landing3 .content-flex .content-left .call_to_action a.btn-white:hover { background: #f2f2f2; }
/*section.banner_landing3 .content-flex .content-left .call_to_action a { position: relative; }
section.banner_landing3 .content-flex .content-left .call_to_action a > .under-btn { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; font-size: var(--font-size-medium); color: var(--color-black); line-height: 24px; font-weight: var(--font-weight-normal); text-align: center; background: #FFE6D6; border-radius: 30px; padding: 55px 40px 10px; white-space: nowrap; }
section.banner_landing3 .content-flex .content-left .call_to_action a > .under-btn span#packs { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-orange); }*/
section.banner_landing3 .content-flex .content-left .call_to_action .btn-container { position: relative; display: inline-block; }
section.banner_landing3 .content-flex .content-left .call_to_action .btn-container .under-btn { position: relative; left: 0; top: 100%; width: 100%; z-index: 0; font-size: var(--font-size-medium); color: var(--color-black); line-height: 24px; font-weight: var(--font-weight-normal); text-align: center; background: #FFE6D6; border-radius: 10px; padding: 20px 40px 10px; white-space: nowrap; }
section.banner_landing3 .content-flex .content-left .call_to_action .btn-container .under-btn span#packs { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-orange); }

section.banner_landing3 .content-flex .content-left .call_to_action .price .from,
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); }
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month .big { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); }
section.banner_landing3 .content-flex .content-left .call_to_action .price .from .stroke { position: relative; top: -15px; }
section.banner_landing3 .content-flex .content-left .call_to_action .price.big .from .stroke { top: -25px; font-size: 1.125rem; }
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month.separate_price { position: relative; }
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month.separate_price .integer { font-size: 3.125rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); }
section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .integer { font-size: 5rem; }
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month.separate_price .fractional { position: relative; top: -20px; left: 20px; font-size: 1.625rem; line-height: 1.25rem; font-weight: var(--font-weight-semi); margin-left: -35px; }
section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .fractional { font-size: 2.75rem; top: -28px; left: 12px; }
section.banner_landing3 .content-flex .content-left .call_to_action .price .price_by_month.separate_price .devise { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .devise { font-size: 1.125rem; margin-left: -25px; }
section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .devise span { font-size: 1.875rem; font-weight: 600; }

@media (max-width: 1200px) {
  section.banner_landing3 .content-flex .content-left .call_to_action .price.big .from .stroke { top: -15px; font-size: 100%; }
  section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .integer { font-size: 3.125rem; }
  section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .fractional { font-size: 1.625rem; top: -20px; left: 20px; }
  section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .devise { font-size: var(--font-size-base); margin-left: -5px; }
  section.banner_landing3 .content-flex .content-left .call_to_action .price.big .price_by_month.separate_price .devise span { font-size: inherit; font-weight: inherit; }
}

@media (max-width: 979px) {
  section.banner_landing3 .content-flex .content-left .call_to_action.jcsb { justify-content: center; gap: 20px; }
}

section.banner_landing3 .content-flex { position: relative; }
section.banner_landing3 .content-flex .content-left .call_to_action .price .from .stroke:after { content: ""; position: absolute; height: 1px; background: var(--bg-color-blue3); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.banner_landing3 .content-flex .content-left .call_to_action + div.refund { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: left; align-items: center; }
section.banner_landing3 .content-flex .content-left .call_to_action + div.refund > div { font-size: var(--font-size-base); line-height: 24px; font-weight: var(--font-weight-normal); color: var(--color-white); }
section.banner_landing3 .content-flex .content-left .content-txt { margin-top: 20px; }
section.banner_landing3 .content-flex .content-left .content-txt p { font-size: var(--font-size-base); line-height: 1.623rem; font-weight: var(--font-weight-normal); margin-top: 20px; }
section.banner_landing3 .content-flex .content-left .content-txt p:first-of-type { margin-top: 0; }
section.banner_landing3.premium .content-flex .content-left .call_to_action .price .from .stroke:after { background: var(--bg-color-white); }
section.banner_landing3.blue .content-flex .content-left .call_to_action .price .from .stroke:after { background: var(--bg-color-white); }
section.banner_landing3 .content-flex > img { width: 600px; height: auto; }
section.banner_landing3 .content-flex img.player { position: absolute; top: 50%; right: 225px; transform: translateY(-50%); width: 150px; height: 150px; cursor: pointer; }
section.banner_landing3 .content-flex .content-left .ss_title2 { font-size: var(--font-size-large); line-height: var(--line-height-base); margin-top: 30px; }

#video-modal-banner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; }
#video-modal-banner .modal-content { position: relative; background: #fff; padding: 0; margin: 0; border-radius: 10px; max-width: 800px; width: 90%; overflow: hidden; }
#video-modal-banner .close { position: absolute; top: 10px; right: 10px; font-size: 1.5rem; cursor: pointer; color: #333; }
#video-modal-banner .iframe-container { position: relative; width: 100%; padding-top: 56.25%; }
#video-modal-banner iframe { width: 100%; height: 100%; border-radius: 10px; display: block; border: none; position: absolute; top: 0; left: 0; }

/*** Animation Img Banner ***/
section.banner_landing3 .content-flex > img { animation: floatY 5s ease-in-out infinite; }
@keyframes floatY {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

/*** Animation Bloc left Banner ***/
section.banner_landing3 .content-flex .content-left { opacity: 0; transform: translateX(-15px); animation: slideIn 0.8s ease-out forwards; }
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-15px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/*** Big left ***/
section.banner_landing3.bigleft .content-flex .content-left h1 { font-size: 34px; line-height: 44px; }
section.banner_landing3.bigleft .content-flex .content-left .ss_title { margin-top: 10px; }
section.banner_landing3.bigleft .content-flex > img,
section.banner_landing3.bigleft .content-flex > svg { width: 470px; max-width: 100%; height: auto; }
section.banner_landing3.bigleft .content-flex .content-left ul.duo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: none; padding: 0; margin: 20px 0 0; }
section.banner_landing3.bigleft .content-flex .content-left ul.duo li { margin-bottom: 0; font-size: 16px; line-height: 26px; }
section.banner_landing3.bigleft .content-flex .content-left ul.duo li strong { color: #f60; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action { margin-top: 20px; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action a.btn-cta { font-size: 18px; line-height: 28px; font-weight: 600; padding: 9px 30px; width: max-content; max-width: 100%; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action a.btn-white { background: transparent; border: 2px solid #1E499B; border-radius: 10px; color: #1E499B; font-size: 18px; line-height: 28px; font-weight: 600; padding: 7px 30px; width: max-content; max-width: 100%; box-shadow: none; } 
section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.cta_refund { display: flex; flex-direction: column; gap: 10px; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.cta_refund div { display: flex; flex-direction: row; gap: 8px; font-size: 16px; line-height: 25px; color: #4D5163; white-space: nowrap; max-width: 325px; flex-wrap: wrap; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.price.frow { position: relative; height: auto; padding-top: 0; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action .price .from .stroke { top: 15px; font-size: 20px; line-height: 30px; color: #4D5163; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action .price .price_by_month { white-space: nowrap; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action .price .price_by_month.separate_price .integer { font-size: 80px; line-height: 90px; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action .price .price_by_month.separate_price .fractional { top: -26px; left: 15px; font-size: 44px; line-height: 54px; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action .price .price_by_month.separate_price .devise { left: -25px; position: relative; font-size: 16px; line-height: 25px;  }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.price.frow .promo { position: absolute; content: ''; top: 0; right: 0; font-size: 16px; line-height: 20px; font-weight: 500; color: #007E11; background: #D2F9D7; border-radius: 18px; padding: 7px 10px 6px; }
section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.price.frow.long .promo { right: 50px; }


/*** Flex-contribute ***/
section.banner_landing3 div.flex-contribute { width: 100%; margin: 40px 0 0; }
section.banner_landing3 div.flex-contribute div.flexbloc,
section.banner_landing3 div.flex-contribute div.flexbloc > div { display: flex; flex-direction: row; justify-content: center; align-items: center; }
section.banner_landing3 div.flex-contribute div.flexbloc img.star { width: 120px; height: auto; }
section.banner_landing3 div.flex-contribute div.flexbloc div.accroche { margin-left: 12px; }
section.banner_landing3 div.flex-contribute div.flexbloc img.logo_t { width: 90px; height: auto; margin-left: 8px; }
section.banner_landing3 div.flex-contribute div.flexbloc div.middle { width: 1px; height: 24px; background: #001136; margin: 0 15px; }
section.banner_landing3 div.flex-contribute div.flexbloc div.texte { margin-left: 8px; }

@media (max-width: 1399px) {
  section.banner_landing3 div.flex-contribute { margin: 30px 0 0; }
}

@media (max-width: 1200px) {
  section.banner_landing3 div.flex-contribute div.flexbloc { display: flex; flex-direction: column; }
  section.banner_landing3 div.flex-contribute div.flexbloc div.middle,
  section.banner_landing3 div.flex-contribute div.flexbloc > div:last-of-type { display: none; }
}

@media (max-width: 600px) {
  section.banner_landing3 div.flex-contribute div.flexbloc > div { flex-direction: column; gap: 10px; }
  section.banner_landing3 div.flex-contribute div.flexbloc > div * { margin: auto !important; }
}


/*** Contribute index ***/
section.banner_landing3 .content-flex .content-left .flex-contribute.contribute_index { margin: 0 0 20px; }
section.banner_landing3 .content-flex .content-left .flex-contribute.contribute_index div.flexbloc { justify-content: flex-start; }


/*** Flex-contribute ***/
section.banner_landing3 div.flex-contribute { width: 100%; margin: 40px 0 0; }
section.banner_landing3 div.flex-contribute div.flexbloc,
section.banner_landing3 div.flex-contribute div.flexbloc > div { display: flex; flex-direction: row; justify-content: center; align-items: center; }
section.banner_landing3 div.flex-contribute div.flexbloc img.star { width: 120px; height: auto; }
section.banner_landing3 div.flex-contribute div.flexbloc div.accroche { margin-left: 12px; }
section.banner_landing3 div.flex-contribute div.flexbloc img.logo_t { width: 90px; height: auto; margin-left: 8px; }
section.banner_landing3 div.flex-contribute div.flexbloc div.middle { width: 1px; height: 24px; background: #001136; margin: 0 15px; }
section.banner_landing3 div.flex-contribute div.flexbloc div.texte { margin-left: 8px; }


/* Grande Grille */
@media (min-width: 1420px) {
  section.banner_landing3.big_grid .wrapper { width: 1380px !important; }
  section.banner_landing3.big_grid .content-flex { gap: 50px; }
  section.banner_landing3.big_grid .content-flex .content-left { width: 590px; }
  section.banner_landing3.big_grid .content-flex .content-left .ss_title { font-size: 22px; line-height: 36px; font-weight: 400; }
  section.banner_landing3.big_grid .content-flex > img,
  section.banner_landing3.bigleft .content-flex > svg { width: 740px; height: auto; }

  section.banner_landing3.big_grid.only_txt .content-flex { gap: 70px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left { width: 570px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left h1 { font-size: 34px; line-height: 44px; font-weight: 600; margin-bottom: 30px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p { font-size: 1rem; line-height: 25px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p:not(:last-of-type) { margin-bottom: 20px; }
}

@media (min-width: 1201px) AND (max-width: 1419px) {
  section.banner_landing3.big_grid .content-flex > img { width: 550px; height: auto; }
  section.banner_landing3.bigleft .content-flex > svg { width: 720px; }
  section.banner_landing3.big_grid .content-flex > img.duo { width: 500px; height: auto; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left h1 { font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 30px; }

  section.banner_landing3.big_grid.only_txt .content-flex .content-left p { font-size: 1rem; line-height: 25px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p:not(:last-of-type) { margin-bottom: 20px; }
}

@media (min-width: 980px) AND (max-width: 1200px) {
  /*section.banner_landing3.big_grid .content-flex .content-left { width: 550px; }
  section.banner_landing3.big_grid .content-flex { flex-direction: row !important; }
  section.banner_landing3.bigleft.big_grid .content-flex .content-left h1 { font-size: 30px; line-height: 40px; }
  section.banner_landing3.bigleft.big_grid .content-flex .content-left ul li { font-size: 1rem; }
  section.banner_landing3.bigleft.big_grid .content-flex .content-left .call_to_action { flex-direction: column; }
  section.banner_landing3.bigleft.big_grid .content-flex .content-left .call_to_action div.cta_refund { align-items: center; }
  section.banner_landing3.bigleft.big_grid .content-flex .content-left ul.duo { grid-template-columns: repeat(1, 1fr); }
  section.banner_landing3.bigleft .content-flex .content-left ul.center980 { width: max-content; max-width: calc(100% - 29px); margin: 30px auto 0; }
  section.banner_landing3.bigleft .content-flex .content-left .call_to_action.center980 { justify-content: center; }

  section.banner_landing3.big_grid.only_txt .content-flex .content-left h1 { font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 30px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p { font-size: 1rem; line-height: 25px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p:not(:last-of-type) { margin-bottom: 20px; }*/
  section.banner_landing3.big_grid .content-flex { flex-direction: column; gap: 50px; }
  section.banner_landing3.big_grid .content-flex .content-left { order: 1; width: 100%; }
  section.banner_landing3.big_grid .content-flex > img { order: 2; }
  section.banner_landing3.big_grid .content-flex .content-left h1 { display: block; margin: auto; }
  section.banner_landing3.big_grid .content-flex .content-left h1,
  section.banner_landing3.big_grid .content-flex .content-left .ss_title,
  section.banner_landing3.big_grid .content-flex .content-left .ss_title2 { text-align: center; }
  section.banner_landing3.big_grid .content-flex .content-left ul { width: max-content; max-width: calc(100% - 29px); margin: 30px auto 0 !important; }
  section.banner_landing3.big_grid .content-flex .content-left ul li { width: max-content; max-width: 100%; }
  section.banner_landing3.big_grid .content-flex .content-left .call_to_action { justify-content: center; }
  section.banner_landing3.big_grid .content-flex .content-left .call_to_action + div.refund { justify-content: center; }
  section.banner_landing3.big_grid.dom1 .content-flex .content-left h1 + div { text-align: center; }
}

@media (max-width: 979px) {
  section.banner_landing3.big_grid.only_txt .content-flex .content-left h1 { margin-bottom: 30px; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p { text-align: center; }
  section.banner_landing3.big_grid.only_txt .content-flex .content-left p:not(:last-of-type) { margin-bottom: 20px; }
}
/* Fin grande grille */


@media (max-width: 1200px) {
  section.banner_landing3.bigleft .content-flex { flex-direction: column; gap: 50px; }
  section.banner_landing3 .content-flex img.player { right: 150px; }
}

@media (max-width: 979px) {
  section.banner_landing3.bigleft .content-flex .content-left ul.duo { margin: 20px auto 0; }
  section.banner_landing3 .content-flex img.player { top: unset; bottom: 50px; right: unset; left: 50%; transform: translateX(-50%); }
}

@media (max-width: 767px) {
  section.banner_landing3.bigleft .content-flex .content-left ul.duo { grid-template-columns: repeat(1, 1fr); }
}

@media (max-width: 650px) {
  section.banner_landing3.bigleft .content-flex .content-left .call_to_action { flex-direction: column; }
  section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.cta_refund { align-items: center; }
}

@media (max-width: 499px) {
  section.banner_landing3.bigleft .content-flex > img,
  section.banner_landing3.bigleft .content-flex > svg { display: block; }
  section.banner_landing3.bigleft .content-flex .content-left .call_to_action div.price { order: unset; }
}

/*** Special Domaine ***/
section.banner_landing3.dom1 .content-flex .content-left h1 { font-size: var(--font-size-xxlarge); }
section.banner_landing3.dom1 .content-flex > img { width: 530px; height: auto; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 10px; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem { padding: 14px 15px; background: var(--bg-color-white); border: 1px solid #C5C6CF; border-radius: 10px; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem > * { display: block; width: max-content; max-width: 100%; margin: auto; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem.first { position: relative; border: 3px solid #1E499B; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem.first > img { position: absolute; width: 43px; height: 43px; top: 0; right: 0; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem .extension { font-size: 1.25rem; line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-black); }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem .stroke { position: relative; font-size: var(--font-size-small);/*1rem;*/ line-height: 1.25rem;/*1.438rem;*/ font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 4px; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem .stroke:after { content: ""; position: absolute; height: 1px; background: #4d5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem .price { display: flex; gap: 4px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-title); margin-top: 2px; }
section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem .price > span { font-size: var(--font-size-small);/*1rem;*/ line-height: 1.25rem;/*1.563rem;*/ font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia { margin-top: 30px; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch { display: flex; flex-direction: row; gap: 0; align-items: center; justify-content: left; width: max-content; max-width: 100%; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-medium); color: var(--color-lws-blue); padding: 10px 20px; border: 1px solid #1E499B; border-radius: 25px; background: var(--bg-color-white); cursor: pointer; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div.active { font-weight: var(--font-weight-semi); color: var(--color-white); background: var(--bg-color-blue); }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div:nth-child(1).active { z-index: 5; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div:nth-child(1).active + div { z-index: 4; left: -40px; padding: 10px 20px 10px 60px; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div:nth-child(1).no-active { z-index: 4; padding: 10px 60px 10px 20px; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .switch > div:nth-child(2).active { z-index: 5; left: -40px;  }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .form { margin-top: 10px; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .form .form-simple { position: relative; }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .form .form-simple input[type="text"] { display: block; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); padding: 13px 30px; width: 100%; border: 2px solid #C5C6CF; border-radius: 30px; background: var(--bg-color-white);  }
section.banner_landing3.dom1 .content-flex .content-left .formulaire-ia .form .form-simple input[type="submit"] { position: absolute; right: 0; top: 0; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 14px 40px 13px 40px; background: #FF6500; border-radius: 30px; cursor: pointer; }
section.banner_landing3.dom1 .content-flex .content-left .list-secure { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: left; gap: 10px; margin-top: 15px; }
section.banner_landing3.dom1 .content-flex .content-left .list-secure > div { font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-bold); color: var(--color-black); }
section.banner_landing3.dom1 .content-flex .content-left .list-secure ul { display: flex; flex-direction: row; gap: 20px; justify-content: left; align-items: center; margin-top: 0; }
section.banner_landing3.dom1 .content-flex .content-left .list-secure ul li { position: relative; font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-medium); color: var(--color-black); margin-left: 25px; margin-bottom: 0 !important; }
section.banner_landing3.dom1 .content-flex .content-left .list-secure ul li:before { position: absolute; top: 5px; left: -25px; content: ''; width: 17px; height: 17px; background: url(../images/theme2021/svg/check-banniere.svg); background-size: 17px; }
section.banner_landing3.dom1 .content-flex .content-left .ss_title { margin-top: 0px; }

section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem { padding: 0; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem .extension { width: 100%; font-size: 1.375rem;/*1.625rem;*/ line-height: 2rem;/*2.25rem;*/ font-weight: var(--font-weight-bold); color: var(--color-title); background: #E8F2FF; padding: 3px 20px; border-radius: 10px 10px 0 0; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem.first { border: 3px solid #FF6600; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem.first .extension { color: var(--color-orange); background: #FFE9DB; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem .stroke { margin: 5px 0 0 20px; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem .price { font-size: 1.375rem;/*1.625rem;*/ line-height: 2rem;/*2.25rem;*/ font-weight: var(--font-weight-semi); color: var(--color-title); margin: 0 0 0 18px; }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem.first .price,
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem.first .price > span { color: var(--color-orange); }
section.banner_landing3.dom1.v2 .content-flex .content-left .flex_dom > .elem .extension + .price { padding: 3px 0 0; }

section.banner_landing3.domia .content-flex { flex-direction: column; gap: 10px; }
section.banner_landing3.domia h1 { display: inline-block; font-size: var(--font-size-extra); line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); margin: 0; text-align: center; }
section.banner_landing3.domia .subtitle { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-normal); margin: 0; text-align: center; }
section.banner_landing3.domia form { display: flex; flex-direction: column; gap: 30px; justify-content: center; align-items: flex-start; margin-top: 30px; }
section.banner_landing3.domia form textarea { width: 1050px; max-width: 100%; height: 108px; padding: 15px 20px; background: var(--bg-color-white); border-radius: 10px; overflow: auto; font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base) !important; resize: none; overflow: hidden; }
section.banner_landing3.domia form textarea.is-invalid { background: #f8d7da; }
section.banner_landing3.domia form textarea.is-invalid::placeholder { color: #721c24; }
section.banner_landing3.domia form .under_input { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: left; }
section.banner_landing3.domia form .under_input input[type="submit"] { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 13px 30px 12px 60px; background: #FF6500; border-radius: 10px; cursor: pointer; background-image: url('../images/theme2021/svg/ia_white.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: left 30px center; }
section.banner_landing3.domia form .under_input > div.flexgen { display: flex; flex-direction: row; gap: 15px; align-items: center; font-size: 0.938rem; line-height: 1.563rem; }
section.banner_landing3.domia form .under_input > div.flexgen > div { display: flex; flex-direction: row; gap: 8px; align-items: center; }

@media (max-width: 1200px) {
  section.banner_landing3 .content-flex > img { width: 450px; }
  section.banner_landing3.dom1 .content-flex { gap: 40px; }
  section.banner_landing3.dom1 .content-flex > img { width: 380px; }
  section.banner_landing3.domia form textarea { width: 940px; }
  section.banner_landing3.domia form .under_input { flex-direction: column; gap: 20px; width: 100%; }
  section.banner_landing3.dom1 .content-flex .content-left .list-secure > div { display: none; }
  section.banner_landing3 .content-flex .content-left .call_to_action a.btn-cta { padding: 15px 30px; display: block; }
  section.banner_landing3 .content-flex .content-left .call_to_action .btn-container .under-btn { top: -15px; }
}

@media (max-width: 979px) {
  section.banner_landing3 .content-flex { flex-direction: column; gap: 50px; }
  section.banner_landing3 .content-flex .content-left { order: 1; width: 100%; }
  section.banner_landing3 .content-flex > img { order: 2; }
  section.banner_landing3 .content-flex .content-left h1 { display: block; margin: auto; }
  section.banner_landing3 .content-flex .content-left h1,
  section.banner_landing3 .content-flex .content-left .ss_title,
  section.banner_landing3 .content-flex .content-left .ss_title2 { text-align: center; }
  section.banner_landing3 .content-flex .content-left ul { width: max-content; max-width: calc(100% - 29px); margin: 30px auto 0; }
  section.banner_landing3 .content-flex .content-left ul li { width: max-content; max-width: 100%; }
  section.banner_landing3 .content-flex .content-left .call_to_action { justify-content: center; }

  section.banner_landing3.dom1 .content-flex .content-left .flex_dom { margin-top: 20px; }
  section.banner_landing3.dom1 .content-flex { gap: 30px; }
  section.banner_landing3.domia h1 { display: inline-block; font-size: var(--font-size-xxlarge); line-height: 46px; }
  section.banner_landing3.domia form textarea { width: 100%; }
  section.banner_landing3 .content-flex .content-left .call_to_action + div.refund { justify-content: center; }

  section.banner_landing3.dom1 .content-flex .content-left h1 + div { text-align: center; }
}

@media (max-width: 767px) {
  section.banner_landing3 .content-flex .content-left h1 { font-size: 32px; line-height: var(--line-height-xxlarge); }
  section.banner_landing3 .content-flex .content-left .ss_title span { font-size: var(--font-size-large); line-height: var(--line-height-base); }
  section.banner_landing3 .content-flex .content-left ul li { font-size: var(--font-size-base); line-height: var(--line-height-small); width: unset; }
  section.banner_landing3.domia form .under_input > div { text-align: center; }
  section.banner_landing3.domia form .under_input > div.flexgen { flex-direction: column; gap: 8px; }
}

@media (max-width: 599px) {
  section.banner_landing3.dom1 .content-flex .content-left .flex_dom { grid-template-columns: repeat(2, 1fr); }
  section.banner_landing3.dom1 .content-flex .content-left .list-secure ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; width: 100%; }
}

@media (max-width: 499px) {
  section.banner_landing3 .content-flex > img { display: none; }
  section.banner_landing3.dom1 .content-flex > img { display: block; }
  section.banner_landing3 .content-flex .content-left .call_to_action { flex-direction: column; }
  section.banner_landing3 .content-flex .content-left .call_to_action:not(.jcsb) a.btn-cta { order: 2; }
  section.banner_landing3 .content-flex .content-left .call_to_action:not(.jcsb) div.price { order: 1; }
  section.banner_landing3.dom1 .content-flex .content-left .list-secure { margin-top: 20px; }
  section.banner_landing3.dom1 .content-flex .content-left .list-secure ul { grid-template-columns: repeat(1, 1fr); place-items: center; }
  section.banner_landing3.dom1 .content-flex .content-left .list-secure ul li { width: max-content; max-width: 100%; }
}

@media (max-width: 400px) {
  section.banner_landing3.dom1 .content-flex .content-left .flex_dom { grid-template-columns: repeat(1, 1fr); place-items: center; }
  section.banner_landing3.dom1 .content-flex .content-left .flex_dom > .elem { width: 200px; }
  section.banner_landing3.domia form textarea { height: 128px; }
}


/*** Bannière Slider ***/
section#banner_slide .wrapper { position: relative; }
section#banner_slide #banndd.content-flex .content-left div.title_h1,
section#banner_slide #banndd.content-flex .content-left h1 { font-size: 32px; line-height: 42px; font-weight: 600; }
section#banner_slide .content-flex .content-left div.btn-action { margin-top: 20px; }
section#banner_slide .content-flex .content-left div.btn-action a.btn-cta { display: block; font-size: 18px; line-height: 28px; font-weight: 600; padding: 9px 30px; width: max-content; max-width: 100%; background: #FF6500; border-radius: 10px; color: var(--color-white); box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1sease-in-out; }
section#banner_slide .content-flex .content-left div.btn-action a.btn-cta:hover { background: #EB4000; box-shadow: none; }
section#banner_slide div.slides { position: absolute; left: 0; bottom: -8px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; align-items: center; }
section#banner_slide div.slides div.slide { background:#1E499B; border-radius:50%; width:12px; height:12px; cursor: pointer; opacity: 0.3; }
section#banner_slide div.slides div.slide.active { background:#1E499B; border-radius:50%; width:12px; height:12px; cursor: pointer; opacity: 1; }

/* Banner Slide Responsive */
@media (min-width: 1420px) {
  section#banner_slide .wrapper { width: 1380px !important; }
  section#banner_slide .content-flex { gap: 50px; }
  section#banner_slide .content-flex .content-left { width: 590px; }
  section#banner_slide .content-flex .content-left .ss_title { font-size: 22px; line-height: 36px; font-weight: 400; }
  section#banner_slide .content-flex > img { width: 740px; height: auto; }
}

@media (min-width: 1201px) AND (max-width: 1419px) {
  section#banner_slide .content-flex > img { width: 550px; height: auto !important; }
  section#banner_slide .content-flex > img.duo { width: 500px; height: auto; }
  section#banner_slide #banndd .list-secure > div { display: none; }
  section#banner_slide #banndd.content-flex .content-left div.title_h1,
  section#banner_slide #banndd.content-flex .content-left h1 { font-size: 30px; line-height: 40px; }
  section#banner_slide div.slides { position: relative; bottom: -8px; margin-top: 20px; }
}

@media (min-width: 980px) AND (max-width: 1200px) {
  section#banner_slide .content-flex .content-left { width: 550px; }
  section#banner_slide .content-flex { flex-direction: row !important; }
  section#banner_slide .content-flex .content-left h1 { font-size: 30px; line-height: 40px; }
  section#banner_slide .content-flex .content-left ul li { font-size: 1rem; }
  section#banner_slide .content-flex .content-left .call_to_action { flex-direction: column; }
  section#banner_slide .content-flex .content-left .call_to_action div.cta_refund { align-items: center; }
  section#banner_slide .content-flex .content-left ul.duo { grid-template-columns: repeat(1, 1fr); }

  section#banner_slide #banndd.content-flex .content-left div.title_h1,
  section#banner_slide #banndd.content-flex .content-left h1 { font-size: 30px; line-height: 40px; }
  section#banner_slide div.slides { position: relative; bottom: -8px; margin-top: 20px; }
  section#banner_slide .content-flex > img { height: auto !important; }
}

@media (max-width: 979px) {
  section#banner_slide .content-flex .content-left div.btn-action a.btn-cta { margin: auto; }
  section#banner_slide .content-flex > img { width: 470px; max-width: 100%; height: auto !important; }
  section#banner_slide div.slides { position: relative; bottom: -8px; justify-content: center; margin-top: 20px; }
}

/* Fin grande grille */


/* Tableau Prix */
section.nos_offres { padding: 40px 0; /*50*/ }
section.nos_offres.p70 { padding: 70px 0; }
section.nos_offres.pad-menu { padding: 40px 0 87px; }
section.nos_offres h2 { font-size: 32px; line-height: var(--line-height-extra); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.nos_offres .content-table { display: flex; flex-direction: row; gap: 30px; align-items: flex-start; margin-top: 80px; }
section.nos_offres .content-table.c4 { gap: 20px; }
section.nos_offres .content-table .tabs { color: var(--color-black); background-color: var(--color-white); border: 1px solid #C5C6CF; border-radius: 10px; padding: 30px; width: calc((100% - 60px) / 3); }
section.nos_offres .content-table.c4 .tabs { padding: 30px 25px; width: calc((100% - 60px) / 4); }
section.nos_offres .content-table.c4.last3 .tabs { width: calc((100% - 40px) / 3); }
section.nos_offres .content-table.c4.last3 .tabs:first-of-type { display: none; }
section.nos_offres .content-table .tabs.best { position: relative; height: 100%; border: 3px solid #1E499B; border-radius: 0 0 10px 10px; box-shadow: 0px 0px 20px #447EEB4D; }
section.nos_offres .content-table .tabs.best .top { position: absolute; content: ''; top: -42px; left: -3px; width: calc(100% + 6px); height: 42px; background-color: var(--color-lws-blue); border: 3px solid #1E499B; border-radius: 10px 10px 0 0; font-size: var(--font-size-base); line-height: 39px; text-align: center; font-weight: var(--font-weight-medium); color: var(--color-white); padding: 0 20px; }
section.nos_offres .content-table .tabs .formule { font-size: 26px; line-height: 36px; font-weight: var(--font-weight-semi); }
section.nos_offres .content-table .tabs .best_for { font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); margin-top: 5px; }
section.nos_offres .content-table .tabs .price_up { display: flex; flex-direction: row; gap: 10px; align-items:center; margin-top: 15px; }
section.nos_offres .content-table .tabs .price_up .stroke { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
section.nos_offres .content-table .tabs .price_up .stroke:after { content: ""; position: absolute; height: 1px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.nos_offres .content-table .tabs .price_up .label { font-size: var(--font-size-base); line-height: 20px; font-weight: var(--font-weight-medium); border-radius: 18px; padding: 7px 15px; }
section.nos_offres .content-table .tabs .price_up .label.label-success { color: #007E11; background-color: #D2F9D7; }
section.nos_offres .content-table .tabs .price { position: relative; width: 100%; }
section.nos_offres .content-table .tabs .price .price_element_price { display: inline-block; font-size: 50px; line-height: 70px; font-weight: var(--font-weight-semi); }
section.nos_offres .content-table .tabs .price .price_element_decimal { display: inline-block; position: relative; top: -17px; left: 10px; font-size: 26px; line-height: 20px; font-weight: var(--font-weight-semi); }
section.nos_offres .content-table .tabs .price .price_element_ht { display: inline-block; position: relative; bottom: -2px; left: 20px; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
section.nos_offres .content-table .tabs .tva { display: block; font-size: var(--font-size-small); line-height: 21px; font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 0; }
section.nos_offres .content-table .tabs .btn-cta { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-white); background: #FF6500; border-radius: 10px; padding: 11px 40px 10px; margin-top: 20px; box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; }
section.nos_offres .content-table .tabs .btn-cta:hover { background: #EB4000; box-shadow: none; }
section.nos_offres .content-table .tabs .btn-cta + .btn-demo { display: flex; justify-content: center; padding: 9px 40px 8px; margin-top: 10px; background: transparent; border: 2px solid #1E499B; border-radius: 10px; color: #1E499B; font-size: 18px; line-height: 28px; font-weight: 600; }
section.nos_offres .content-table .tabs .info_formule { width: 100%; margin-top: 30px; }
section.nos_offres .content-table .tabs .info_formule .part_info { border-bottom: 1px solid #C5C6CF; margin-bottom: 25px; }
section.nos_offres .content-table .tabs .info_formule .part_info:last-of-type { border-bottom: 0; margin-bottom: 0; }
section.nos_offres .content-table .tabs .info_formule .part_info .title { display: flex; flex-direction: row; align-items: center; gap: 10px; margin-bottom: 12px; }
section.nos_offres .content-table .tabs .info_formule .part_info .title img { width: 15px; height: auto; }
section.nos_offres .content-table .tabs .info_formule .part_info .title span { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); }
section.nos_offres .content-table .tabs .info_formule .part_info .info { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
section.nos_offres .content-table .tabs .info_formule .part_info .info:last-of-type { margin-bottom: 25px; }
section.nos_offres .content-table .tabs .info_formule .part_info:last-of-type .info:last-of-type { margin-bottom: 0; }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule { display: flex; flex-direction: row; align-items: baseline; gap: 10px; max-width: calc(100% - 28px); }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule.without_tooltip { max-width: 100%; }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule img { width: 20px; height: auto; }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule img.check_info { width: 15px; }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule span { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-medium); }
section.nos_offres .content-table .tabs .info_formule .part_info:not(:first-of-type) .info .intitule span { font-weight: var(--font-weight-normal); }
section.nos_offres .content-table .tabs .info_formule .part_info .info .intitule span strong { color: var(--color-orange); font-weight: var(--font-weight-semi); }
section.nos_offres .content-table .tabs .info_formule .part_info a.pop { width: 18px; }
section.nos_offres .content-table .tabs .info_formule .part_info a.pop > span { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }
section.nos_offres a.btn-show { display: flex; width: 100%; flex-direction: row; gap: 20px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); color: var(--color-lws-blue); border: 2px solid #1E499B; border-radius: 10px; padding: 12px 30px; margin-top: 30px; cursor: pointer; background: #fff; }
section.nos_offres a.btn-show img { width: 15px; height: auto; transform: rotate(90deg); transition: all 0.2s ease-in-out; }
section.nos_offres a.btn-show.show img { transform: rotate(-90deg); }
section.nos_offres .sub-table { margin-top: 40px; }
section.nos_offres .sub-table p { font-size: 16px; line-height: 25px; font-weight: 400; text-align: center; }

.premium section.nos_offres div.assurance { background: var(--bg-color-premium2); color: var(--color-white); }
.premium section.nos_offres.bg_premium_1 div.assurance { background: var(--bg-color-premium); }
.premium section.nos_offres div.assurance .middle { background: rgba(255,255,255,0.5); }
.premium section.nos_offres a.btn-show { max-width: 758px; background: #000000; border: 1px solid var(--color-white); color: var(--color-white); margin: 0 auto; }

/** Anmiation des colonnes du tableau **/
/*section.nos_offres .content-table .tabs { opacity: 0; transform: translateY(25px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
section.nos_offres .content-table .tabs.visible { opacity: 1; transform: translateY(0); }*/


/*** Features BCK ***/
section.nos_offres #table_compare { margin-top: 50px; }
section.nos_offres div.features { margin-top: 0; background: var(--bg-color-white); width: 100%; box-shadow: 2px 2px 25px #1E499B40; }
section.nos_offres div.features:not(:first-child) { margin-top: 30px; }
section.nos_offres div.features div.title { font-size: var(--font-size-large); line-height: 1.6875rem; font-weight: var(--font-weight-semi); color: var(--color-white); padding: 12px 20px; text-transform: uppercase; background-color: var(--color-lws-blue); }
section.nos_offres div.features div.title a { color: var(--color-white); text-decoration: underline; }
section.nos_offres div.features div.content:not(.ctable) { padding: 30px; }
section.nos_offres div.features div.content ul { list-style-image: none; }
section.nos_offres div.features div.content ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); padding-left: 20px; display: inline-block; width: calc((100% / 3) - 4px); margin-bottom: 10px; }
section.nos_offres div.features div.content ul 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.nos_offres div.features div.content ul li.nop:before { background: url(../images/theme2021/svg/croix_rouge.svg) no-repeat 50% 50% / contain; }
section.nos_offres div.features div.content ul li a:not(.pop) { text-decoration: underline; }
section.nos_offres div.features div.content ul li a.pop { margin-left: 6px; }
/*section.nos_offres div.features div.content ul li a.pop span { position: relative; display: inline-block; width: 17px; height: 17px; font-size: 100%; line-height: 17px; font-weight: var(--font-weight-semi); color: var(--color-white); background: rgba(30, 73, 155, 0.5); border-radius: 50%; padding: 0; text-align: center; }*/
section.nos_offres div.features div.content table { width: 100%; }
section.nos_offres div.features div.content table tr td { font-size: var(--font-size-base); line-height: var(--line-height-small); padding: 20px; width: 50%; vertical-align: middle; }
section.nos_offres div.features div.content table.vps_function tr td:first-child { width: 60%; }
section.nos_offres div.features div.content table.vps_function tr td { width: 40%; }
section.nos_offres div.features div.content table.vps_function tr td:nth-child(2) { text-align: left; }
section.nos_offres div.features div.content table.vps_function tr td span.icon-checked::before { left: 0; transform: translateY(-50%); }
section.nos_offres div.features div.content table tr td.fw600 { font-weight: var(--font-weight-semi); }
section.nos_offres div.features div.content table tr td:nth-child(2) { text-align: center; }
section.nos_offres div.features div.content table tr:nth-child(2n) td { background-color: var(--bg-color-grey); }
section.nos_offres div.features div.content table tr td.new { position: relative; padding-left: 90px; }
section.nos_offres div.features div.content table tr td.new::before { content: 'New'; padding-left: 10px; font-size: 0.9375rem; line-height: 1.5rem; font-weight: var(--font-weight-semi); color: var(--color-white); position: absolute; width: 50px; height: 25px; left: 20px; top: 50%; transform: translateY(-50%); background: #00A716; }
section.nos_offres div.features div.content table tr td.new::after { content: ''; position: absolute; width: 0; height: 0; border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 10px solid #00A716; top: 50%; left: 70px; transform: translateY(-50%); }
section.nos_offres div.features div.content table tr td a { margin-left: 8px; }
section.nos_offres div.features div.content table tr td a span.tooltip_fg,
section.nos_offres div.features div.content ul li a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }


/*** Tabs 2 ***/
section.nos_offres.tabs2 .content-table {
  justify-content: center; gap: 20px;
}


/*** premium table ***/
section.nos_offres.bg_premium_1 .content-table .tabs { background-color: #000; border: 1px solid #4D5163; box-shadow: none; }
section.nos_offres.bg_premium_1 .content-table .tabs * { color: #fff !important; }
section.nos_offres.bg_premium_1 .content-table .tabs .popover * { color: #000 !important; }
section.nos_offres.bg_premium_1 .content-table .tabs.best { border: 2px solid #4D5163; }
section.nos_offres.bg_premium_1 .content-table .tabs.best .top { background: #4D5163; border: 0; }
section.nos_offres.bg_premium_1 .content-table .tabs .info_formule .part_info a.pop > span { background: url(../images/theme2021/svg/interrogation_blanc.svg); }


/* Grand Grille 4 Tableaux */
@media (min-width: 1576px) {
  section.nos_offres.big_grid .wrapper { width: 1536px !important; }
}

@media (min-width: 1366px) AND (max-width: 1575px) {
  section.nos_offres.big_grid .wrapper { width: 1326px !important; }
}

@media (max-width: 1200px) AND (min-width: 980px) {
  section.nos_offres.big_grid .wrapper-table { width: 100%; overflow: auto; padding: 0 20px; }
  section.nos_offres.big_grid .wrapper-table .content-table { position: relative; width: 1170px; margin: 80px auto 0; }
  section.nos_offres.big_grid .wrapper-table::-webkit-scrollbar { display: none; }
  section.nos_offres.big_grid .wrapper-table { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; }
}

@media (max-width: 767px) {
  section.nos_offres.big_grid .wrapper-table .content-table { width: 1170px; }
  section.nos_offres.big_grid .content-table .tabs .info_formule .part_info a.pop { display: none; }
}
/* Fin grande grille 4 Tableaux */

/* Popover */
section.nos_offres .content-table .tabs.best div.popover ul li { font-family: var(--font-family-base); font-size: var(--font-size-small) !important; line-height: 22px !important; }

@media (max-width: 979px) {
  section.nos_offres .wrapper-table { width: 100%; overflow: auto; padding: 0 20px; }
  section.nos_offres .wrapper-table .content-table { position: relative; width: 1170px; margin: 80px auto 0; }
  section.nos_offres .wrapper-table::-webkit-scrollbar { display: none; }
  section.nos_offres .wrapper-table { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; }
}

@media (max-width: 767px) {
  section.nos_offres .wrapper-table .content-table { width: 1000px; }
}

@media (max-width: 499px) {
  section.nos_offres .wrapper-table .content-table { width: 950px; }
}

/* Onglets */
section.nos_offres .onglets {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  justify-content: center;
  background: #DBE8FE;
  border-radius: 33px;
  width: max-content;
  max-width: 100%;
  padding: 6px 10px;
  margin: 40px auto 0;
}

section.nos_offres.bg_premium_1 .onglets {
  background: var(--bg-color-premium);
}

section.nos_offres .onglets .onglet {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  padding: 10px 20px;
  background: #DBE8FE;
  cursor: pointer;
  color: #0C2A6A;
}

section.nos_offres.bg_premium_1 .onglets .onglet {
  color: #fff;
  background: transparent;
}

section.nos_offres .onglets .onglet.active {
  background: #FFFFFF;
  font-weight: 600;
  border-radius: 23px;
  box-shadow: 4px 4px 10px #1E499B33;
}

section.nos_offres.bg_premium_1 .onglets .onglet.active {
  background-color: var(--background-table-head);
}

/* Tableau Caractéristiques */
section.nos_offres.bg_premium_1 { padding: 70px 0; }
section.nos_offres.bg_premium_1 h2 { color: var(--color-white); }
section.nos_offres p.subtitle { margin-top: 15px; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; }
section.nos_offres.bg_premium_1 p.subtitle { color: var(--color-white); }
section.nos_offres p.subtitle.mb50 { margin-bottom: 50px; }
section.nos_offres.bg_premium_1 table.compa_table2k24 thead tr th,
section.nos_offres.bg_premium_1 table.compa_table2k24 tbody tr td { border-left: 1px solid #000000; background-color: #343944; color: var(--color-white); }
section.nos_offres.bg_premium_1 table.compa_table2k24 thead tr th,
section.nos_offres.bg_premium_1 table.compa_table2k24 tr:first-of-type td { border-top: 1px solid #000000; }
section.nos_offres.bg_premium_1 table.compa_table2k24 thead tr th:last-of-type,
section.nos_offres.bg_premium_1 table.compa_table2k24 tbody tr td:last-of-type { border-right: 1px solid #000000; }
section.nos_offres.bg_premium_1 table.compa_table2k24 tbody tr td { border-bottom: 1px solid #000000; }
section.nos_offres.bg_premium_1 table.compa_table2k24 thead tr th .title_f { color: var(--color-white); margin-bottom: 20px; }
section.nos_offres.bg_premium_1 table.compa_table2k24 tbody tr td span.icon-checked { content: url(../images/theme2021/svg/check_gras_clair.svg); }
section.nos_offres.bg_premium_1 table.compa_table2k24 tbody tr td span.icon-cross { content: url(../images/theme2021/svg/croix_gras_clair.svg); }
section.nos_offres.bg_premium_1 table.compa_table2k24 thead tr th { padding: 30px 20px; }

section.nos_offres table.compa_table2k24 { margin-top: 30px; border-collapse: separate; border-spacing: 0; width: 100%; font-size: var(--font-size-base); line-height: var(--line-height-medium); }
section.nos_offres table.compa_table2k24 thead tr th,
section.nos_offres table.compa_table2k24 tbody tr td { width: calc(100% / 4); border-left: 1px solid #C5C6CF; background-color: var(--color-white); }
section.nos_offres table.compa_table2k24 thead tr th:last-of-type,
section.nos_offres table.compa_table2k24 tbody tr td:last-of-type { border-right: 1px solid #C5C6CF; }
section.nos_offres table.compa_table2k24 tbody tr td { border-bottom: 1px solid #C5C6CF; }
section.nos_offres table.compa_table2k24 thead tr th,
section.nos_offres table.compa_table2k24 tr:first-of-type td { border-top: 1px solid #C5C6CF; }
section.nos_offres table.compa_table2k24 thead tr th:first-of-type { border-top: none; border-left: none; border-bottom: none; background-color: transparent; }
section.nos_offres table.compa_table2k24 tr th:nth-child(2),
section.nos_offres table.compa_table2k24 tr:first-of-type td:first-of-type { border-radius: 10px 0 0 0; }
section.nos_offres table.compa_table2k24 tr th:last-of-type { border-radius: 0 10px 0 0; }
section.nos_offres table.compa_table2k24 tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.nos_offres table.compa_table2k24 tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.nos_offres table.compa_table2k24 thead tr th { padding: 30px 25px; }
section.nos_offres table.compa_table2k24 tbody tr td { padding: 15px 20px; }
section.nos_offres table.compa_table2k24 tbody tr td { vertical-align: middle; }
section.nos_offres table.compa_table2k24 tbody tr td:first-of-type { font-weight: var(--font-weight-medium); }
section.nos_offres table.compa_table2k24 tbody tr td:not(:first-of-type) { text-align: center; }
section.nos_offres table.compa_table2k24 tbody tr td[colspan="4"] { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); background: var(--bg-color-grey); }
section.nos_offres table.compa_table2k24 tbody tr td span.icon-checked { display:block; margin: auto; content: url(../images/theme2021/svg/check_gras.svg); width: 18px; height: 15px; }
section.nos_offres table.compa_table2k24 tbody tr td span.icon-cross { display:block; margin: auto; content: url(../images/theme2021/svg/croix_gras.svg); width: 18px; height: 18px; }
section.nos_offres table.compa_table2k24 tbody tr td.txt-orange { font-weight: var(--font-weight-semi); color: var(--color-orange); }
section.nos_offres table.compa_table2k24 tbody tr td.txt-orange a { text-decoration: underline; }
section.nos_offres table.compa_table2k24 tbody tr td img.power { width: 30px; height: 22px; margin: auto; }
section.nos_offres table.compa_table2k24 thead tr th .title_f { font-size: 26px; line-height: 36px; font-weight: var(--font-weight-semi); color: var(--color-black); }
section.nos_offres table.compa_table2k24 thead tr th .btn-cta { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-white); background: #FF6500; border-radius: 10px; padding: 15px 40px; margin-top: 5px; box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; }
section.nos_offres table.compa_table2k24 thead tr th .btn-cta:hover { background: #EB4000; box-shadow: none; }
section.nos_offres table.compa_table2k24 thead tr th .content-price { position: relative; margin: auto; }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_stroke { display: inline-block; position: relative; top: -25px; left: 0; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-right: 10px; }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_stroke:after { content: ""; position: absolute; height: 1px; background: #4D5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_price,
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_decimal,
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_ht { color: var(--color-black) }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_price { display: inline-block; font-size: 50px; line-height: 71px; font-weight: var(--font-weight-semi); }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_decimal { display: inline-block; position: relative; top: -18px; font-size: 26px; line-height: 20px; font-weight: var(--font-weight-semi); margin-left: -14px; }
section.nos_offres table.compa_table2k24 thead tr th .content-price .price_element_ht { display: inline-block; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); margin-left: -20px; position: relative; top: 2px; }
section.nos_offres table.compa_table2k24 tbody tr:not(:first-of-type) td:first-of-type:not([colspan="4"]) { display: flex; flex-direction: row; gap: 8px; justify-content: space-between; align-items: center; width: 100%; }
section.nos_offres table.compa_table2k24 tbody tr td a span.tooltip_table { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }

.premium section.nos_offres table.compa_table2k24 tbody tr:nth-child(2n) td { background-color: #343944; }
.premium section.nos_offres table.compa_table2k24 tbody tr:nth-child(2n+1) td { background-color: #2A2E36; }

@media (max-width: 1200px) {
  section.nos_offres table.compa_table2k24 thead tr th { padding: 20px 15px; }
  section.nos_offres table.compa_table2k24 thead tr th .title_f { font-size: 24px; line-height: 32px; }
}

@media (max-width: 979px) {
  section.nos_offres:not(.tabs2) div.btn-show,
  section.nos_offres:not(.tabs2) #table_compare { display: none !important; }
}

/** Tableau Agence Web **/
section.nos_offres table.agency_table { color: var(--color-white); width: 874px; max-width: 100%; margin: auto; text-align: center; border-collapse: separate; border-spacing: 0; margin-bottom: 50px; }
section.nos_offres table.agency_table thead th { font-size: 20px; line-height: 30px; font-weight: var(--font-weight-semi); border-top: 1px solid #000; padding: 20px 30px; text-align: center; background: #343944; }
section.nos_offres table.agency_table tbody td { font-size: var(--font-size-base); line-height: var(--line-height-medium); padding: 15px 30px; text-align: center; }
section.nos_offres table.agency_table thead th,
section.nos_offres table.agency_table tbody td { width: calc(100% / 3); vertical-align: middle; }
section.nos_offres table.agency_table thead th:first-of-type,
section.nos_offres table.agency_table tbody td:first-of-type { border-left: 1px solid #000000; }
section.nos_offres table.agency_table thead th:last-of-type,
section.nos_offres table.agency_table tbody td:last-of-type { border-right: 1px solid #000000; }
section.nos_offres table.agency_table tbody tr:last-of-type td { border-bottom: 1px solid #000000; }
section.nos_offres table.agency_table thead th:not(:last-of-type),
section.nos_offres table.agency_table tbody td:not(:last-of-type) { border-right: 2px solid #000000; }
section.nos_offres table.agency_table tbody tr:nth-child(2n) td { background: #343944; }
section.nos_offres table.agency_table tbody tr:nth-child(2n+1) td { background: #2A2E36 }
section.nos_offres table.agency_table thead th:first-of-type { border-radius: 10px 0 0 0; }
section.nos_offres table.agency_table thead th:last-of-type { border-radius: 0 10px 0 0; }
section.nos_offres table.agency_table tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 10px; }
section.nos_offres table.agency_table tbody tr:last-of-type td:last-of-type { border-radius: 0 0 10px 0; }
section.nos_offres table.agency_table tbody tr td span.icon-cross { display: block; margin: auto; content: url(../images/theme2021/svg/croix_gras.svg); width: 18px; height: 18px; }
.premium section.nos_offres table.agency_table tbody tr td span.icon-cross { content: url(../images/theme2021/svg/croix_gras_clair.svg); }

@media(max-width: 767px) {
  section.nos_offres table.agency_table { width: 100%; }
  /*section.nos_offres table.agency_table thead tr th:last-of-type,
  section.nos_offres table.agency_table tbody tr td:last-of-type { display: none; }*/
  section.nos_offres table.agency_table thead th,
  section.nos_offres table.agency_table tbody td { width: calc(100% / 2); }
  section.nos_offres table.agency_table thead tr:last-of-type th:nth-child(2) { border-radius: 0 10px 0 0; }
  section.nos_offres table.agency_table tbody tr:last-of-type td:nth-child(2) { border-radius: 0 0 10px 0; }
  section.nos_offres table.agency_table thead tr th { font-size: var(--font-size-base); line-height: var(--line-height-small); }
  section.nos_offres table.agency_table tbody tr td { font-size: var(--font-size-small); line-height: 24px; }
}

@media (max-width: 450px) {
  section.nos_offres table.agency_table thead { display: none; }
  section.nos_offres table.agency_table tbody tr td { display: block; width: 100%; border-left: 1px solid #000000 !important; border-right: 1px solid #000000 !important; }
  section.nos_offres table.agency_table tbody tr td:first-of-type { padding: 15px 30px 7px; }
  section.nos_offres table.agency_table tbody tr td:nth-child(2) { padding: 7px 30px 15px; }
  section.nos_offres table.agency_table tbody tr:first-of-type td:first-of-type { border-top: 1px solid #000000 !important; border-radius: 10px 10px 0 0; }
  section.nos_offres table.agency_table tbody tr:last-of-type td:first-of-type { border-bottom: none; }
  section.nos_offres table.agency_table tbody tr:last-of-type td:nth-child(2) { border-bottom: 1px solid #000000 !important; border-radius: 0 0 10px 10px !important; }
  section.nos_offres a.btn-cta.wmc { text-align: center; }
  section.nos_offres a.btn-cta.wmc img { display: none; text-align: center; }
}

/** BTN CTA **/
section.nos_offres a.btn-cta { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: center; font-size: var(--font-size-large); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-white); background: #FF6500; border-radius: 10px; padding: 15px 40px; margin-top: 5px; box-shadow: 0px 5px 15px #F2A52080; transition: all 0.1s ease-in-out; }
section.nos_offres a.btn-cta.wmc { width: max-content; max-width: 100%; margin: auto; }
section.nos_offres a.btn-cta:hover { background: #EB4000; box-shadow: none; }

/** Partner WordPress.org **/
section.nos_offres .partner { display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; margin-top: 50px; }
section.nos_offres .partner.mt0 { margin-top: 0; }
section.nos_offres .partner img { width: 25px; height: 25px; }
section.nos_offres .partner .content { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-black); }
section.nos_offres .partner .content strong { font-weight: var(--font-weight-semi); }
.premium section.nos_offres .partner .content { color: var(--color-white); }

/** Bloc assurance **/
section.nos_offres div.assurance { display: flex; flex-direction: row; justify-content: center; gap: 50px; align-items: center; background: var(--bg-color-grey); padding: 20px; margin-top: 30px; border-radius: 10px; }
section.nos_offres.bg_grey div.assurance { background: #fff; }
section.nos_offres div.partner + div.wrapper div.assurance { margin-top: 20px; }
section.nos_offres div.assurance .left { display: flex; flex-direction: row; gap: 8px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.nos_offres div.assurance .left .note { display: flex; flex-direction: row; align-items: center; gap: 8px; }
section.nos_offres div.assurance .left .note .bar { height: 1px; width: 8px; background-color: var(--color-black); position: relative; top: -1px; }
section.nos_offres div.assurance .left .accroche { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-semi); }
section.nos_offres div.assurance .left img.star { width: 180px; height: auto; margin: 0 7px; }
section.nos_offres div.assurance .left img.logo_t { width: 100px; height: auto; }
section.nos_offres div.assurance .middle { width: 1px; height: 44px; background: #4D5163; }
section.nos_offres div.assurance .right { display: flex; flex-direction: row; gap: 15px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.nos_offres div.assurance .right img { width: 60px; height: auto; }

@media (max-width: 1200px) and (min-width: 980px) {
  section.nos_offres div.assurance { gap: 30px; }
}
@media (max-width: 979px) {
  section.nos_offres div.assurance { flex-direction: column; gap: 0; }
  section.nos_offres div.assurance .middle,
  section.nos_offres div.assurance .right { display: none; }
}
@media (max-width: 767px) {
  section.nos_offres div.wrapper.mobile_classic { width: 90%; }
  section.nos_offres div.assurance .left { flex-wrap: wrap; justify-content: center; }
}

/** Carac VPS - Nos offres **/
.carac_vps { max-width: 1168px; border-radius: 10px; border: 1px solid #C5C6CF; margin: 40px auto 0; }
.carac_vps .title { background: #F4F5F8; color: #0C2A6A; font-size: 16px; line-height: 25px; font-weight: 600; padding: 15px 20px; }
.carac_vps .title:first-of-type { border-radius: 10px 10px 0 0; }
.carac_vps .contents { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; gap: 0; border-bottom: 1px solid #C5C6CF; }
.carac_vps .contents div { flex: 1; width: 50%; }
.carac_vps .contents .leftc, .carac_vps .contents .rightc { font-size: 14px; line-height: 20px; font-weight: 400; padding: 15px 20px; }
.carac_vps .contents .leftc { display: flex; align-items: center; justify-content: space-between; }
.carac_vps .contents .rightc { position: relative; text-align: center; display: flex; align-items: center; justify-content: center; }
.carac_vps .contents .rightc:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #C5C6CF; }
.carac_vps .contents .leftc a span.tooltip_fg { position: relative; display: inline-block; top: 4px; width: 18px; height: 18px; background: url(../images/theme2021/svg/interrogation.svg); padding: 0; border-radius: 0; image-rendering: pixelated; }
.carac_vps .contents .rightc span.icon-checked { position: relative; }
.carac_vps .contents .rightc span.icon-checked:before { content: ''; background-image: url(../images/theme2021/svg/check_gras.svg); position: absolute; width: 21px !important; height: 15px !important; background-repeat: no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.carac_vps .contents:last-of-type { border-bottom: 0; border-radius: 0 0 10px 10px; }
.carac_vps .contents .leftc div.popover { display: block; }
.carac_vps .contents .leftc div.popover div { width: auto; }


/** Bloc onglets **/
section.onglets { padding: var(--padding-section-base); }
section.onglets h2 { font-size: 30px; line-height: 40px; font-weight: var(--font-weight-semi); text-align: center; color: var(--color-title); }
section.onglets p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal);  text-align: center; color: var(--color-text-base); margin: 10px 0 40px; }
section.onglets .list_onglets { display: flex; flex-direction: row; gap: 10px; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
section.onglets .list_onglets .tabs { width: 225px; font-size: var(--font-size-large); line-height: 30px; font-weight: var(--font-weight-normal); text-align: center; color: var(--color-title); background-color: var(--bg-color-grey); border-radius: 10px 10px 0 0; padding: 15px; cursor: pointer; }
section.onglets .list_onglets.agency .tabs { width: calc((100% - 30px) / 3); }
section.onglets.bg_grey .list_onglets .tabs { background: rgba(197, 198, 207, 0.25); }
section.onglets .list_onglets .tabs.active { position: relative; font-weight: var(--font-weight-semi); background-color: var(--color-white); border: 1px solid #C5C6CF; border-bottom: none; }
section.onglets .list_onglets .tabs.active:after { position: absolute; content: ''; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: var(--color-white); }
section.onglets .content { border: 1px solid #C5C6CF; padding: 40px 39px; border-radius: 0 0 10px 10px; }
section.onglets.bg_grey .content { background: #fff; }
section.onglets .content > div { display: flex; flex-direction: row; gap: 88px; align-items: center; }
section.onglets .content > div div.left { width: calc(100% - 590px); }
section.onglets .content > div div.left h3 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-bold); color: var(--color-title); }
section.onglets .content > div div.left p { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 10px; }
section.onglets .content > div div.left ul { list-style: none; margin-top: 30px; }
section.onglets .content > div div.left ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-left: 27px; }
section.onglets .content > div div.left ul li:before { position: absolute; left: -27px; top: 1px; content: url(../images/theme2021/svg/check_gras.svg); width: 15px; height: 12px; }
section.onglets .content > div div.left ul li:not(:last-of-type) { margin-bottom: 15px; }
section.onglets .content > div div.left div.title-dd { display: flex; flex-direction: row; gap: 12px; justify-content: left; align-items: center; font-size: var(--font-size-large); line-height: 1.875rem; font-weight: var(--font-weight-semi); color: var(--color-title); margin-top: 1.875rem; /*cursor: pointer;*/ }
section.onglets .content > div div.left div.title-dd img { width: 15px; height: 15px; }
section.onglets .content > div div.left div.title-dd + .dd-text > p { margin-top: 10px; }
section.onglets .content > div div.left div.title-dd + div.hide_div { display: none; }
section.onglets .content > div div.left a.btn-onglet { display: block; width: max-content; max-width: 100%; color: var(--color-title); font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-semi); text-decoration: none; padding: 12px 40px; border: 2px solid #1E499B; border-radius: 28px; margin-top: 30px; }
section.onglets .content > div img { width: 500px; height: auto; }
section.onglets .content > div div.left a { color: var(--color-lws-blue); text-decoration: underline; }

section.onglets .content.multi-elem > div { flex-direction: column; gap: 80px; }
section.onglets .content.multi-elem > div div.element { display: flex; flex-direction: row; gap: 88px; align-items: center; }
section.onglets .content.multi-elem div.left h3 { font-size: 26px; line-height: 36px; font-weight: 600; color: #0C2A6A; margin-bottom: 30px; }
section.onglets .content.multi-elem div.left li,
section.onglets .content.multi-elem div.left p { font-size: 16px; line-height: 25px; font-weight: 400; color: #001136; }
section.onglets .content > div div.left p a.btn-white {margin-top: 20px; display: inline-flex; width: max-content; max-width: 100%; flex-direction: row; gap: 10px; align-items: center; justify-content: center; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-lws-blue); text-decoration: none; border: 2px solid #1e499b; border-radius: 10px; padding: 7px 20px; cursor: pointer; }

@media (max-width: 1200px) AND (min-width: 980px) {
  section.onglets .content > div { /*flex-direction: column;*/ gap: 30px; }
  section.onglets .content > div div.left { width: calc(100% - 400px); /*order: 2;*/ }
  section.onglets .content > div img { width: 370px; /*order: 1;*/ }
  section.onglets.v2 .list_onglets .tabs { font-size: var(--font-size-small); line-height: 24px; padding: 10px; }

  section.onglets .content.multi-elem > div div.element { flex-direction: column; gap: 40px; }
  section.onglets .content.multi-elem > div div.element div.left { order: 1; width: 100%; }
  section.onglets .content.multi-elem > div div.element img { order: 2; width: 100%; max-width: 500px; }
}

@media (max-width: 979px) {
  section.onglets .content > div { flex-direction: column; gap: 30px; }
  section.onglets .content > div div.left { width: 100%; order: 2; }
  section.onglets .content > div img { width: 400px; max-width: 100%; order: 1; }
  section.onglets .content > div div.left p,
  section.onglets .content > div div.left ul { margin-top: 20px; }
  section.onglets.v2 .list_onglets .tabs { font-size: var(--font-size-small); line-height: 24px; padding: 10px; }

  section.onglets .content.multi-elem > div div.element { flex-direction: column; gap: 40px; }
  section.onglets .content.multi-elem > div div.element div.left { order: 1; width: 100%; }
  section.onglets .content.multi-elem > div div.element img { order: 2; width: 100%; max-width: 500px; }
}

@media (max-width: 767px) {
  section.onglets .content > div div.left h3 { font-size: 24px; line-height: 34px; }
  section.onglets .list_onglets .tabs { font-size: var(--font-size-small); line-height: 24px; padding: 10px; }
  section.onglets:not(.v2) .list_onglets .tabs:nth-child(5) { display: none; }
  section.onglets .content > div img { display: none; }
  section.onglets .content { padding: 30px; }
}

@media (max-width: 545px) {
  section.onglets .list_onglets.vps .tabs:nth-child(5) { display: none; }
}

@media (max-width: 499px) {
  section.onglets .list_onglets .tabs:nth-child(4) { display: none; }
}

/* Garantie */
section div.garantie { background: var(--bg-color-blue2); border-radius: 130px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 40px; padding: 40px; color: var(--color-white); margin: 50px auto 0; width: 100%; max-width: 900px; }
section.bg_premium_1 div.garantie { background: #000000; }
section div.garantie img { width: 170px; height: 165px; }
section div.garantie div.right .title { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); font-weight: var(--font-weight-semi); }
section div.garantie div.right .text { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); margin-top: 20px; }
section div.garantie div.right .text a { color: var(--color-white); text-decoration: underline; }

@media (max-width: 979px) {
  section div.garantie { max-width: 750px; padding: 30px; }
  section div.garantie img { width: 120px; height: 116px; }
  section div.garantie div.right .title { font-size: 24px; line-height: 34px; }
}

@media (max-width: 767px) {
  section div.garantie { flex-direction: column; gap: 30px; border-radius: 80px; max-width: 95%; padding: 40px; }
  section div.garantie img { width: 120px; height: 116px; }
  section div.garantie div.right .title,
  section div.garantie div.right .text { text-align: center; }
}

/** Bloc avis V2 **/
section.avis_v2 { padding: var(--padding-section-base); }
section.avis_v2 .top_avis { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 40px; }
section.avis_v2 .top_avis .trust_text { width: 720px; max-width: 100%; }
section.avis_v2 .top_avis .trust_text h2 { font-size: 30px; line-height: 40px; font-weight: var(--font-weight-semi); color: var(--color-title); }
section.avis_v2 .top_avis .trust_text p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 10px; }
section.avis_v2 .top_avis .trust_left { display: flex; flex-direction: column; gap: 10px; }
section.avis_v2.bg_premium_1 .top_avis .trust_left,
section.avis_v2.bg_premium_2 .top_avis .trust_left { color: var(--color-white); }
section.avis_v2 .top_avis .trust_left .trust_content { display: flex; flex-direction: row; gap: 15px; align-items: center; }
section.avis_v2 .top_avis .trust_left .trust_content *:not(:first-child) { position: relative; top: 8px; }
section.avis_v2 .top_avis .trust_left .trust_content div { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); }
section.avis_v2 .top_avis .trust_left .info { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); }
section.avis_v2 .top_avis .awards { display: flex; flex-direction: row; gap: 20px; align-items: center; }
section.avis_v2 .top_avis .awards img { height: 60px; width: auto; }
section.avis_v2 .list_avis { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; }
section.avis_v2 .bloc-avis { width: calc(100% / 3); background: var(--bg-color-white); border-radius: 10px; padding: 30px; }
section.avis_v2.bg_premium_1 .bloc-avis,
section.avis_v2.bg_premium_2 .bloc-avis { background: #343944; color: var(--color-white); }
section.avis_v2.bg_white .bloc-avis { background: var(--bg-color-grey); }
section.avis_v2 .bloc-avis .top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
section.avis_v2 .bloc-avis .top .delay-avis p { font-size: var(--font-size-small); line-height: var(--line-height-medium); }
section.avis_v2 .bloc-avis .content-avis { margin: 20px 0; }
section.avis_v2 .bloc-avis .content-avis .title-avis { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-medium); margin-bottom: 10px; }
section.avis_v2 .bloc-avis .content-avis .txt-avis { font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); }
section.avis_v2 .bloc-avis .footer-avis { display: flex; flex-direction: row; gap: 15px; align-items: center; }
section.avis_v2 .bloc-avis .footer-avis img { width: 30px; height: 30px; border-radius: 37px; }
section.avis_v2 .bloc-avis .footer-avis .site-formule { font-size: var(--font-size-small); line-height: 20px; }
section.avis_v2 .bloc-avis .footer-avis .site-formule span { display: block; }

/** Animation bloc avis **/
/*section.avis_v2 .bloc-avis { opacity: 0; transform: translateY(25px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
section.avis_v2 .bloc-avis.visible { opacity: 1; transform: translateY(0); }*/

@media (max-width: 1200px) AND (min-width: 980px) {
  section.avis_v2 .bloc-avis .top .delay-avis { display: none; }
}

@media (max-width: 1200px) {
  section.avis_v2 .top_avis { flex-direction: column; justify-content: center; gap: 30px; }
  section.avis_v2 .top_avis .trust_text * { text-align: center; }
}

@media (max-width: 979px) {
  section.avis_v2 .list_avis { flex-direction: column; }
  section.avis_v2 .bloc-avis { width: 100%; }
  section.avis_v2 .top_avis { justify-content: center; align-items: center; }
  section.avis_v2 .top_avis .trust_left .trust_content { flex-wrap: wrap; justify-content: center; }
  section.avis_v2 .top_avis .trust_left .info { text-align: center; }
}

@media (max-width: 450px) {
  section.avis_v2 .top_avis .trust_left .trust_content div { display: none; }
  section.avis_v2 .top_avis .trust_left .info { font-size: var(--font-size-base); }
}


/*** Section Registre ***/
section.registre { padding: var(--padding-section-base); }
section.registre div.topText { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin-bottom: 40px; }
section.registre div.gridReg { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
section.registre div.gridReg .item { display: flex; justify-content: center; align-items: center; height: 80px; background-color: var(--bg-color-grey); border-radius: 10px; }
section.registre.bg_grey div.gridReg .item { background-color: var(--color-white); }

@media (max-width: 767px) {
  section.registre div.gridReg { display: grid; grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 545px) {
  section.registre div.gridReg { display: grid; grid-template-columns: repeat(2, 1fr); }
}

/*** Section Listing Extension ***/
section.blocListingExt { padding: var(--padding-section-base); }
section.blocListingExt div.wrapper { display: flex; flex-direction: row; gap: 70px; justify-content: left; align-items: flex-start; }
section.blocListingExt div.listDom { width: 300px; }
section.blocListingExt div.listDom .listing { box-shadow: 2px 2px 25px #1E499B33; }
section.blocListingExt div.listDom .listing .title { font-size: var(--font-size-large); line-height: 1.875rem; color: var(--color-white); padding: 10px 20px; background: var(--bg-color-blue); border-radius: 10px 10px 0 0; }
section.blocListingExt div.listDom .listing .title h2 { font-weight: var(--font-weight-semi) !important; text-align: center; }
section.blocListingExt div.listDom .listing .title + .triangle { display: none; }
section.blocListingExt div.listDom .listing .legend { display: flex; flex-direction: row; gap: 15px; font-size: var(--font-size-small); line-height: 1.313rem; font-weight: var(--font-weight-normal); color: var(--color-text-base); padding: 10px 20px; border-left: 3px solid #1E499B; border-right: 3px solid #1E499B; background: var(--bg-color-grey); }
section.blocListingExt div.listDom .listing .legend .fr { display: flex; flex-direction: row; gap: 4px; }
section.blocListingExt div.listDom .listing .list-extension { border: 3px solid #1E499B; border-top: 0; border-radius: 0 0 10px 10px; }
section.blocListingExt div.listDom .listing .list-extension ul li { border-top: 1px solid #C5C6CF; padding: 10px 20px; background: var(--bg-color-white); }
section.blocListingExt div.listDom .listing .list-extension ul li:last-of-type { border-radius: 0 0 10px 10px; }
section.blocListingExt div.listDom .listing .list-extension ul li:hover { background: var(--bg-color-grey); }
section.blocListingExt div.listDom .listing .list-extension ul li a { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
section.blocListingExt div.listDom .listing .list-extension ul li a > * { flex: 0 1 auto; }
section.blocListingExt div.listDom .listing .list-extension ul li a img { max-width: 13px; height: auto; }
section.blocListingExt div.listDom .listing .list-extension ul li a .extension { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-text-base); margin-left: 10px; }
section.blocListingExt div.listDom .listing .list-extension ul li a .info { margin-left: auto; }
section.blocListingExt div.listDom .listing .list-extension ul li a .info span.stroke { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: right; }
section.blocListingExt div.listDom .listing .list-extension ul li a .info span.stroke:after { content: ""; position: absolute; height: 1px; background: #4d5163; left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; } 
section.blocListingExt div.listDom .listing .list-extension ul li a .info span:not(.stroke) { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-orange); }
section.blocListingExt div.listDom .listing .list-extension ul li a .price { margin-left: 12px; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-text-base); text-align: right; }
section.blocListingExt div.listDom .listing + p.link { margin-top: 20px; }
section.blocListingExt div.listDom .listing + p.link a { display: block; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-lws-blue); text-decoration: underline; text-align: center; }
section.blocListingExt div.listDom .listing + p.link a .tiny_more { display: none; }

section.blocListingExt div.contents { width: calc(100% - 370px); }
section.blocListingExt div.contents > h2 { font-size: 1.875rem; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.blocListingExt div.contents div.bloc-txt + h2 { margin-top: 80px; }
section.blocListingExt div.contents > h2 + p.sub-title { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); text-align: center; margin-top: 10px; }
section.blocListingExt div.contents > h2 + p.sub-title a { color: var(--color-lws-blue); text-decoration: underline; }
section.blocListingExt div.contents div.flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 50px; }
section.blocListingExt div.contents div.flex-container.flex4 { gap: 48px 26px; }
section.blocListingExt div.contents div.flex-container.flex3 { gap: 48px 30px; }
section.blocListingExt div.contents div.flex-container.flex4 div.flex-element { position: relative; width: calc((100% - 78px) / 4); cursor: pointer; }
section.blocListingExt div.contents div.flex-container.flex4 div.flex-element.open::before { position: absolute; top: 130px; left: 50%; transform: translateX(-50%); display: block; content: attr(data-info); padding: 5px; border: 1px solid #1e499b; border-radius: 10px; width: 200px; z-index: 99; background: #fff; font-size: 12px; line-height: 18px; text-align: center; }
section.blocListingExt div.contents div.flex-container.flex4 div.flex-element.open::after { position: absolute; content: ''; top: 110px; left: 50%; transform: translateX(-50%); border: solid transparent; border-color: rgba(0, 0, 0, 0); border-bottom-color: #1e499b; border-width: 13px; margin-right: -13px; }
section.blocListingExt div.contents div.flex-container.flex3 div.flex-element { width: calc((100% - 60px) / 3); }
section.blocListingExt div.contents div.flex-container div.flex-element img { width: 60px; height: auto; margin: auto; }
section.blocListingExt div.contents div.flex-container div.flex-element p { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; margin-top: 10px; }
section.blocListingExt div.contents div.flex-container div.flex-element p span { font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.blocListingExt div.contents div.container_video { position: relative; height: 0; padding-bottom: 56.25%; overflow:hidden; margin: auto; margin-top: 80px; }
section.blocListingExt div.contents div.container_video iframe { left:0; top:0; height:100%; width:100%; position:absolute; }
section.blocListingExt div.contents div.container_video .youtube-player { border-radius: 10px; }

section.blocListingExt div.contents div.bloc-txt { margin-top: 80px; }
section.blocListingExt div.contents div.bloc-txt.bck-grey { padding: 30px; margin-top: 40px; background: var(--bg-color-grey); border-radius: 10px; }
section.blocListingExt div.contents div.bloc-txt > img.top_img { width: 60px; height: 47px; margin: auto; }
section.blocListingExt div.contents div.bloc-txt > img + h2 { margin-top: 20px; }
section.blocListingExt div.contents div.bloc-txt > h2 { font-size: 28px; line-height: 2.5rem; font-weight: var(--font-weight-semi); color: var(--color-title); text-align: center; }
section.blocListingExt div.contents div.bloc-txt h2 + img { width: 100%; height: auto; margin-top: 40px; }
section.blocListingExt div.contents div.bloc-txt img > p,
section.blocListingExt div.contents div.bloc-txt p + img { margin-top: 40px; }
section.blocListingExt div.contents div.bloc-txt p { font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-top: 30px; }
section.blocListingExt div.contents div.bloc-txt h2 + p { margin-top: 10px; text-align: center; }
section.blocListingExt div.contents div.bloc-txt ul { list-style: none; margin-top: 30px; }
section.blocListingExt div.contents div.bloc-txt ul li { position: relative; font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-text-base); margin-left: 27px; }
section.blocListingExt div.contents div.bloc-txt ul li:before { position: absolute; left: -27px; top: 1px; content: url(../images/theme2021/svg/check_gras.svg); width: 15px; height: 12px; }
section.blocListingExt div.contents div.bloc-txt ul li:not(:last-of-type) { margin-bottom: 15px; }
section.blocListingExt div.contents div.bloc-txt ul + div.btns { display: flex; flex-wrap: nowrap; gap: 20px; justify-content: center; align-items: center; margin: 30px auto 0; }
section.blocListingExt div.contents div.bloc-txt ul + div.btns > a.btn-action { display: flex; flex-wrap: nowrap; gap: 20px; justify-content: center; align-items: center; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 13px 30px 12px 30px; background: #FF6500; width: max-content; max-width: 100%; border-radius: 10px; transition: all .1s ease-in-out; }
section.blocListingExt div.contents div.bloc-txt ul + div.btns > a.btn-action.btn-white { border: 2px solid #1E499B; color: var(--color-lws-blue); background: var(--bg-color-white); padding: 11px 30px 10px 30px; }
/*section.blocListingExt div.contents div.bloc-txt ul + a.btn-action:hover { background: #eb4000; box-shadow: none; }*/

@media (max-width: 1200px) {
  section.blocListingExt div.contents > h2 + p.sub-title a { display: block; }
  section.blocListingExt div.contents div.flex-container.flex4 div.flex-element { width: calc((100% - 52px) / 3); }
  section.blocListingExt div.contents div.container_video,
  section.blocListingExt div.contents div.bloc-txt,
  section.blocListingExt div.contents div.bloc-txt + h2 { margin-top: 50px; }
  section.blocListingExt div.contents div.flex-container div.flex-element p { font-size: var(--font-size-base); }
  section.blocListingExt div.contents div.flex-container div.flex-element p span  { font-size: var(--font-size-small); }
}

@media (max-width: 979px) {
  section.blocListingExt div.wrapper { flex-direction: column; gap: 50px; }
  section.blocListingExt div.listDom { width: 500px; max-width: 100%; margin: auto; }
  section.blocListingExt div.listDom .listing .list-extension ul { max-height: 400px; overflow: auto; }
  section.blocListingExt div.listDom .listing .legend { justify-content: space-between; }
  section.blocListingExt div.contents { width: 100%; }
  section.blocListingExt div.contents div.flex-container.flex4 div.flex-element { width: calc((100% - 78px) / 4); }
  /*section.blocListingExt div.contents > h2,
  section.blocListingExt div.contents div.bloc-txt > h2 { font-size: var(--font-size-xlarge); line-height: var(--line-height-xlarge); }*/
}

@media (max-width: 767px) {
  section.blocListingExt div.listDom .listing .list-extension ul { max-height: 270px; }
  section.blocListingExt div.contents div.flex-container.flex4 div.flex-element { width: calc((100% - 52px) / 3); }
  section.blocListingExt div.contents div.flex-container.flex3 div.flex-element { width: calc((100% - 30px) / 2); }
  section.blocListingExt div.contents div.bloc-txt ul + div.btns { flex-direction: column; }
  section.blocListingExt div.contents div.bloc-txt ul + div.btns > a.btn-action { text-align: center; }
}

@media (max-width: 580px) {
  section.blocListingExt div.contents div.flex-container.flex4 div.flex-element { width: calc((100% - 26px) / 2); }
  section.blocListingExt div.contents div.flex-container.flex3 div.flex-element { width: 100%; }
}

/*** Section Search IA ***/
section.search_ia { padding: 20px 0; background: transparent linear-gradient(90deg, #1E499B 0%, #0C2A6A 100%) 0% 0% no-repeat padding-box; }
section.search_ia .formulaire-ia { margin-top: 0; }
section.search_ia .formulaire-ia .switch { display: flex; flex-direction: row; gap: 0; align-items: center; justify-content: center; }
section.search_ia .formulaire-ia .switch > div { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; font-size: var(--font-size-medium); line-height: var(--line-height-medium); font-weight: var(--font-weight-medium); color: var(--color-white); padding: 7px 20px; border: 1px solid #FFF; border-radius: 25px; background: transparent; cursor: pointer; }
section.search_ia .formulaire-ia .switch > div.active { font-weight: var(--font-weight-semi); border: 1px solid #001136; background: var(--bg-color-blue3); }
section.search_ia .formulaire-ia .switch > div:nth-child(1).active { z-index: 5; }
section.search_ia .formulaire-ia .switch > div:nth-child(1).active + div { z-index: 4; left: -40px; padding: 7px 20px 7px 60px; }
section.search_ia .formulaire-ia .switch > div:nth-child(1).no-active { z-index: 4; padding: 7px 60px 7px 20px; }
section.search_ia .formulaire-ia .switch > div:nth-child(2).active { z-index: 5; left: -40px;  }
section.search_ia .formulaire-ia .form { margin-top: 15px; }
section.search_ia .formulaire-ia .form .form-simple { position: relative; display: block; width: 900px; max-width: 100%; margin: auto; }
section.search_ia .formulaire-ia .form .form-simple input[type="text"] { display: block; width: 100%; font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); padding: 12px 160px 12px 20px; border: 2px solid #C5C6CF; border-radius: 10px; background: var(--bg-color-white); }
section.search_ia .formulaire-ia .form .form-simple input[type="text"],
section.search_ia .formulaire-ia .form .form-simple input[type="text"]::placeholder { font-family: var(--font-family-base); }
section.search_ia .formulaire-ia .form .form-simple input[type="text"].is-invalid { background: #f8d7da; }
section.search_ia .formulaire-ia .form .form-simple input[type="text"].is-invalid::placeholder { color: #721c24; }
section.search_ia .formulaire-ia .form .form-simple input[type="submit"] { position: absolute; right: 0; top: 0; font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 13px 30px 12px 30px; background: #FF6500; border-radius: 0 10px 10px 0; cursor: pointer; }
section.search_ia .formulaire-ia .form .form-ia form { display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; }
section.search_ia .formulaire-ia .form .form-ia textarea { width: 900px; max-width: 100%; height: 128px; padding: 15px 20px; background: var(--bg-color-white); border-radius: 10px; overflow: auto; font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-medium); font-weight: var(--font-weight-normal); color: var(--color-text-base); }
section.search_ia .formulaire-ia .form .form-ia input[type="submit"] { font-size: var(--font-size-large); line-height: var(--line-height-base); font-weight: var(--font-weight-semi); color: var(--color-white); padding: 13px 30px 12px 30px; background: #FF6500; border-radius: 10px; cursor: pointer; }
section.search_ia .formulaire-ia .form .form-ia textarea.is-invalid { background: #f8d7da; }
section.search_ia .formulaire-ia .form .form-ia textarea.is-invalid::placeholder { color: #721c24; }
section.search_ia .formulaire-ia .form .form-ia textarea:disabled { color: #856404; background: #FFF3CD; cursor: not-allowed; opacity: 0.8; }
section.search_ia .formulaire-ia .form .form-ia input[type="submit"]:disabled { cursor: not-allowed; opacity: 0.8; }

@media (max-width: 767px) {
  section.search_ia .formulaire-ia .switch { flex-direction: column; gap: 15px; }
  section.search_ia .formulaire-ia .switch > div { padding: 10px 20px !important; left: unset !important; text-align: center; }
  section.search_ia .formulaire-ia .form .form-simple input[type="text"] { padding: 12px 20px; }
  section.search_ia .formulaire-ia .form .form-simple input[type="submit"] { position: relative; display: block; margin: 20px auto 0; border-radius: 10px; }
}


/*** FormExtesnion ***/
.formExtension form {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 900px;
  margin: auto;
}
.formExtension form > div:first-of-type {
    font-family: var(--font-family-base);
    font-size: 1.375rem;
    line-height: 22px;
    font-weight: var(--font-weight-semi);
    padding: 15px;
    width: 96px;
    background: #E3E7F5;
    text-transform: lowercase;
    border-radius: 10px 0 0 10px;
    height: 54px;
}
.formExtension form input[type="text"] {
    width: 100%;
    padding: 0 200px 0 20px;
    color: #000;
    background: #fff;
    font-family: var(--font-family-base);
    font-size: var(--font-size-large);
    line-height: 1.6875rem;
    font-weight: var(--font-weight-medium);
    border-radius: 0 10px 10px 0;
    height: 54px;
}
.formExtension form .custom-select {
  position: absolute;
  right: 175px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 99;
}
.formExtension form .custom-select .select-selected {
  height: 46px;
  padding: 5px 15px;
  background: #E3E7F5;
  border: 0;
  font-size: 1.375rem;
  line-height: var(--line-height-xlarge);
  font-weight: var(--font-weight-semi);
}
.formExtension form .custom-select .select-selected:after {
  content: "\f100";
  font-family: Flaticon;
  font-size: 16px;
  font-style: normal;
  margin-left: 12px;
}
.formExtension form .custom-select .select-options {
  position: absolute;
  display: none;
  z-index: 99;
  height: 126px;
  overflow-y: auto;
  top: 55px;
  border: 1px solid #ececec;
}
.formExtension form .custom-select .select-options .select-option {
  background: #fff;
  padding: 10px 20px;
}
.formExtension form .custom-select .select-options .select-option:hover {
  background: #E3E7F5;
}
.formExtension form button {
    position: absolute;
    font-family: var(--font-family-base);
    height: 46px;
    font-size: var(--font-size-large);
    line-height: 2.875rem;
    font-weight: var(--font-weight-semi);
    border: none;
    border-radius: 10px;
    background: #f60;
    color: #fff;
    cursor: pointer;
    padding: 0 30px;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 600px) {
  .formExtension form { flex-direction: column; gap: 15px; }
  .formExtension form > div:first-of-type { display: none; }
  .formExtension form input[type="text"] { border-radius: 10px; width: 100%; padding: 0 20px; }
  .formExtension form button { position: relative; right: unset; top: unset; transform: unset; }
}


/*** Banner Promo ***/
section div.banner_promo { position: relative; top: -10px; left: 0; margin-bottom: 0; border-radius: 10px; }
section div.banner_promo.with_meter .banner_contentf { padding-left: 3px; }
section div.banner_promo #meter { position: relative; top: 1px; width: 188px; display: inline-flex; flex-direction: row; height: 37px; align-items: center; gap: 10px; background: #FFE9DB; font-size: 18px; line-height: 26px; font-weight: 700; color: #f60; padding: 8px 5px 7px 20px; border-radius: 10px 0 0 10px; }
section div.banner_promo #meter::after { position: absolute; content: ''; right: -19px; top: -3px; width: 19px; height: 43px; background: url(../images/theme2021/svg/fleche-bout-compteur-43px.svg); display: block; overflow: hidden; }
section div.banner_promo #meter > div { display: flex; flex-direction: row; gap: 2px; align-items: baseline; }
section div.banner_promo #meter div.unity { font-size: 14px; line-height: 20px; font-weight: 600; }
section div.banner_promo span:first-of-type { max-width: calc(100% - 120px); font-size: var(--font-size-base); display: inline-block; }/* var(--font-size-small) */
section div.banner_promo span { font-size: var(--font-size-small); line-height: var(--line-height-small); padding: 9px 0 8px; font-family: var(--font-family-base); }
section div.banner_promo a.banner_btn { font-size: var(--font-size-base); line-height: 2.6875rem; font-family: var(--font-family-base); border-radius: 0 10px 10px 0; padding: 0 20px; }
section div.banner_promo .banner_detail.in { position: absolute; right: 0; top: 40px; border: 2px solid #F60; border-radius: 10px; padding: 10px 15px; }
section div.banner_promo .banner_detail.in * { color: var(--color-text-base) !important; }
section div.banner_promo .banner_detail.in .banner_arrow_detail { left: unset; right: 50px; border-bottom-color: #f60; }
section div.banner_promo #meter + img { display: inline-block; position: relative; top: 0; vertical-align: middle; margin-left: 19px; }
section div.banner_promo #meter + img + span { display: inline-flex; flex-direction: row; align-items: center; gap: 8px; margin-left: 4px; max-width: calc(100% - 370px); }

@media(max-width: 1200px) {
  section div.banner_promo span:first-child { width: 100%; max-width: 100%; text-align: center; }
  section div.banner_promo.with_meter { padding-top: 10px; }
  section div.banner_promo.with_meter .banner_contentf { text-align: center; }
  section div.banner_promo.with_meter #meter { display: flex; justify-content: center; border-radius: 10px; width: 203px; margin: 0 auto; padding: 8px 20px 7px 20px; }
  section div.banner_promo.with_meter #meter::after { display: none; }
  section div.banner_promo.with_meter #meter + img { margin-left: 0; }
  section div.banner_promo.with_meter #meter + img + span { max-width: 100%; }
}

@media (max-width: 767px) {
  section div.banner_promo.with_meter { padding-left: 5px; padding-right: 5px; }
  section div.banner_promo.with_meter #meter + img { display: none; }
  section div.banner_promo.with_meter #meter + img + span { display: inline-block; margin-left: 0; }
}


/*** new banner Orange ***/
@media (min-width: 1201px) {
  section.banner_landing3 .banner_promo { width: 100%; height: 40px; background-color: transparent; background-image: url(../images/theme2021/svg/bandeau-promo-anime-2.svg); }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf { display: flex; align-items: center; justify-content: space-between; height: 40px; padding-left: 5px; padding-right: 5px; }
  section.banner_landing3 div.banner_promo #meter { top: 0px; width: 207px; height: 30px; justify-content: center; gap: 15px; background: rgba(255,255,255,0.3); padding: 2px 15px 3px 15px; border-radius: 6px; }
  section.banner_landing3 div.banner_promo #meter > div { position: relative; top: 1px; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; }
  section.banner_landing3 div.banner_promo #meter div.unity { font-size: 13px; line-height: 20px; font-weight: 400; color: #fff; }
  section.banner_landing3 div.banner_promo #meter::after { display: none; }
  section.banner_landing3 div.banner_promo #banner_detail { display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px; }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf span { display: flex; flex-direction: row; gap: 8px; align-items: center; }
}

@media(max-width: 1200px) {
  section.banner_landing3 div.banner_promo #banner_detail { display: none; /*display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px;*/ }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf span img { display: none; }
}


/*** new banner Orange ***/
@media (min-width: 1201px) {
  section.banner_landing3 .banner_promo { width: 100%; height: 40px; background-color: transparent; background-image: url(../images/theme2021/svg/bandeau-promo-anime-2.svg); }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf { display: flex; align-items: center; justify-content: space-between; height: 40px; padding-left: 5px; padding-right: 5px; }
  section.banner_landing3 div.banner_promo #meter { top: 0px; width: 207px; height: 30px; justify-content: center; gap: 15px; background: rgba(255,255,255,0.3); padding: 2px 15px 3px 15px; border-radius: 6px; }
  section.banner_landing3 div.banner_promo #meter > div { position: relative; top: 1px; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; }
  section.banner_landing3 div.banner_promo #meter div.unity { font-size: 13px; line-height: 20px; font-weight: 400; color: #fff; }
  section.banner_landing3 div.banner_promo #meter::after { display: none; }
  section.banner_landing3 div.banner_promo #banner_detail { display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px; }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf span { display: flex; flex-direction: row; gap: 8px; align-items: center; }

  section.banner_2020 .banner_promo { width: 100%; /*height: 40px;*/ background-color: transparent; background-image: url(../images/theme2021/svg/bandeau-promo-anime-2.svg); background-size: cover; }
  section.banner_2020 div.banner_promo.with_meter .banner_contentf { display: flex; align-items: center; justify-content: space-between; /*height: 40px;*/ padding-left: 5px; padding-right: 5px; }
  section.banner_2020 div.banner_promo #meter { top: 0px; width: 207px; height: 30px; justify-content: center; gap: 15px; background: rgba(255,255,255,0.3); padding: 2px 15px 3px 15px; border-radius: 6px; }
  section.banner_2020 div.banner_promo #meter > div { position: relative; top: 1px; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; }
  section.banner_2020 div.banner_promo #meter div.unity { font-size: 13px; line-height: 20px; font-weight: 400; color: #fff; }
  section.banner_2020 div.banner_promo #meter::after { display: none; }
  section.banner_2020 div.banner_promo #banner_detail { display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px; }
  section.banner_2020 div.banner_promo.with_meter .banner_contentf span { display: flex; flex-direction: row; gap: 8px; align-items: center; }
}

@media(max-width: 1200px) {
  section.banner_landing3 div.banner_promo #banner_detail { display: none; /*display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px;*/ }
  section.banner_landing3 div.banner_promo.with_meter .banner_contentf span img { display: none; }

  section.banner_2020 div.banner_promo #banner_detail { display: none; /*display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; min-width: 118px; height: 30px; font-size: 16px; line-height: 26px; font-weight: 700; background: rgba(255,255,255,0.3); padding: 9px 15px 8px 15px; border-radius: 6px;*/ }
  section.banner_2020 div.banner_promo.with_meter .banner_contentf span img { display: none; }
}


/*** Section flexAssurance ***/
section.flexAssurance { padding: 20px 0; }
section.flexAssurance .dFlex { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; width: 100%; align-items: center; justify-content: center; }
section.flexAssurance .dFlex .flexElem { width: max-content; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; padding: 15px 20px; border-radius: 10px; background: var(--bg-color-grey); }
section.flexAssurance.bg_grey .dFlex .flexElem { background: var(--bg-color-white); }
section.flexAssurance .dFlex .flexElem img { height: 50px; width: auto; }
section.flexAssurance .dFlex .flexElem img.tiny { height: 38px; width: auto; }
section.flexAssurance .dFlex .flexElem p { font-size: var(--font-size-medium); line-height: 23px; font-weight: var(--font-weight-normal); color: var(--color-black); /*max-width: 120px;*/ white-space: nowrap; }
section.flexAssurance .dFlex .flexElem p a { color: var(--color-black); text-decoration: underline; }

@media (max-width: 1200px) {
  section.flexAssurance .dFlex { gap: 15px; }
  section.flexAssurance .dFlex .flexElem { gap: 10px; }
  section.flexAssurance .dFlex .flexElem img { height: 40px; width: auto; }
}

@media (max-width: 979px) {
  section.flexAssurance .dFlex { flex-wrap: wrap; gap: 20px; }
  section.flexAssurance .dFlex .flexElem { gap: 20px; }
  section.flexAssurance .dFlex .flexElem img { height: 50px; width: auto; }
}

/*** Section contributeur ***/
section.contributeur { padding: 40px 0; }
section.contributeur .partner { display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; }
section.contributeur .partner.mt0 { margin-top: 0; }
section.contributeur .partner img { width: 25px; height: 25px; }
section.contributeur .partner .content { font-size: var(--font-size-base); line-height: var(--line-height-small); font-weight: var(--font-weight-normal); color: var(--color-black); }
section.contributeur .partner .content strong { font-weight: var(--font-weight-semi); }
section.contributeur div.assurance { display: flex; flex-direction: row; justify-content: center; gap: 50px; align-items: center; background: var(--bg-color-grey); padding: 20px; margin-top: 30px; border-radius: 10px; }
section.contributeur div.wrapper:not(:has(.partner)) > div.assurance { margin-top: 0; }
section.contributeur div.partner + div.wrapper div.assurance { margin-top: 20px; }
section.contributeur div.assurance .left { display: flex; flex-direction: row; gap: 8px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.contributeur div.assurance .left .note { display: flex; flex-direction: row; align-items: center; gap: 8px; }
section.contributeur div.assurance .left .note .bar { height: 1px; width: 8px; background-color: var(--color-black); position: relative; top: -1px; }
section.contributeur div.assurance .left .accroche { font-size: 24px; line-height: 34px; font-weight: var(--font-weight-semi); }
section.contributeur div.assurance .left img.star { width: 180px; height: auto; margin: 0 7px; }
section.contributeur div.assurance .left img.logo_t { width: 100px; height: auto; }
section.contributeur div.assurance .middle { width: 1px; height: 44px; background: #4D5163; }
section.contributeur div.assurance .right { display: flex; flex-direction: row; gap: 15px; align-items: center; font-size: var(--font-size-base); line-height: var(--line-height-small); }
section.contributeur div.assurance .right img { width: 60px; height: auto; }

@media (max-width: 1200px) and (min-width: 980px) {
  section.contributeur div.assurance { gap: 30px; }
}
@media (max-width: 979px) {
  section.contributeur div.assurance { flex-direction: column; gap: 0; }
  section.contributeur div.assurance .middle,
  section.contributeur div.assurance .right { display: none; }
}
@media (max-width: 767px) {
  section.contributeur div.wrapper.mobile_classic { width: 90%; }
  section.contributeur div.assurance .left { flex-wrap: wrap; justify-content: center; }
}

/*** Section avis perso ***/
section.avis_perso { padding: 40px 0; background: transparent linear-gradient(283deg, #0C2A6A 0%, #1E499B 100%) 0% 0% no-repeat padding-box; }
section.avis_perso div.wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 60px; align-items: center; justify-content: center; }
section.avis_perso div.wrapper div.content { color: #FFF; }
section.avis_perso div.wrapper div.content div.avis { font-size: 26px; line-height: 36px; font-weight: 500; margin-top: 20px; }
section.avis_perso div.wrapper div.content hr { margin: 25px 0; border: none; border-bottom: 1px solid #D0E5FF; }
section.avis_perso div.wrapper div.content div.info div.name { font-size: 18px; line-height: 26px; font-weight: 600; }
section.avis_perso div.wrapper div.content div.info div.poste { font-size: 16px; line-height: 25px; font-weight: 400; }

@media (max-width: 979px) {
  section.avis_perso div.wrapper div.content div.avis { font-size: 22px; line-height: 32px; }
}

@media (max-width: 767px) {
  section.avis_perso div.wrapper { flex-direction: column; gap: 40px; }
  section.avis_perso div.wrapper > img { order: 2; }
  section.avis_perso div.wrapper > div.content { order: 1; }
  section.avis_perso div.wrapper div.content div.avis { font-size: 24px; line-height: 34px; }
}

@media (max-width: 545px) {
  section.avis_perso div.wrapper div.content div.avis { font-size: 22px; line-height: 32px; }
}


/*** Section Offre Unique ***/
section.oneoff_offer { padding: 40px 0; }
section.oneoff_offer h2 { font-size: 1.875rem; line-height: 2.5rem; font-weight: 600; text-align: center; color: #0C2A6A; }
section.oneoff_offer h2 + p.subtitle { font-size: 1rem; line-height: 1.563rem; font-weight: 400; text-align: center; color: #001136; margin-top: 20px; }
section.oneoff_offer div.table_offer { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 30px; width: 100%; max-width: 900px; background: #fff; border: 1px solid #C5C6CF; border-radius: 10px; margin: 40px auto 0; padding: 30px; }
section.oneoff_offer div.table_offer div.price { width: 240px; }
section.oneoff_offer div.table_offer div.price p.title_offer { font-size: 26px; line-height: 36px; font-weight: 600; color: #001136; margin-bottom: 12px; }
section.oneoff_offer div.table_offer div.price div.price_info { display: flex; flex-direction: column; }
section.oneoff_offer div.table_offer div.price div.price_info div.top { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
section.oneoff_offer div.table_offer div.price div.price_info div.top span.stroke { position: relative; font-size: 16px; line-height: 25px; font-weight: 400; color: #001136; }
section.oneoff_offer div.table_offer div.price div.price_info div.top span.stroke:after { content: ""; position: absolute; height: 1px; background: var(--bg-color-blue3); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.oneoff_offer div.table_offer div.price div.price_info div.top span.label { font-weight: 500; }
section.oneoff_offer div.table_offer div.price div.price_info div.promo { position: relative; display: flex; flex-direction: row; gap: 0; align-items: flex-start; margin: 20px 0; }
section.oneoff_offer div.table_offer div.price div.price_info div.promo .entier { font-size: 50px; line-height: 20px; font-weight: 600; color: #001136; }
section.oneoff_offer div.table_offer div.price div.price_info div.promo .decimal { position: absolute; top: -10px; left: 32px; font-size: 26px; line-height: 20px; font-weight: 600; color: #001136; }
section.oneoff_offer div.table_offer div.price div.price_info div.promo .ht { position: absolute; bottom: -15px; left: 45px; font-size: 16px; line-height: 25px; font-weight: 400; color: #001136; }
section.oneoff_offer div.table_offer div.price div.price_info div.promo .ht.long { left: 65px; }
section.oneoff_offer div.table_offer div.price div.price_info div.ttc { font-size: 14px; line-height: 22px; font-weight: 400; color: #001136; }
section.oneoff_offer div.table_offer div.price a.btn { margin-top: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 8px; font-size: 18px; line-height: 28px; font-weight: 600; color: #fff; width: 100%; padding: 8px 45px; border-bottom: 0; border-radius: 10px; }
section.oneoff_offer div.table_offer div.separator { width: 1px; background: #C5C6CF; align-self: stretch; }
section.oneoff_offer div.table_offer div.elements { width: calc(100% - 301px); }
section.oneoff_offer div.table_offer div.elements ul { display: flex; flex-direction: column; gap: 15px; }
section.oneoff_offer div.table_offer div.elements ul li { position: relative; font-size: 16px; line-height: 25px; font-weight: 400; color: #001136; padding-left: 1.6875rem; text-align: left; }
section.oneoff_offer div.table_offer div.elements ul li::before { content: ""; position: absolute; width: 15px; height: 10px; left: 0px; top: 8px; background: url(../images/theme2021/svg/check_vert.svg) no-repeat 50% 50% / contain; }
section.oneoff_offer div.table_offer + p.title { font-size: 16px; line-height: 25px; font-weight: 400; text-align: center; margin-top: 40px; }

@media (max-width: 767px) {
  section.oneoff_offer div.table_offer { flex-direction: column; align-items: center; }
  section.oneoff_offer div.table_offer div.price,
  section.oneoff_offer div.table_offer div.separator,
  section.oneoff_offer div.table_offer div.elements { width: 100%; min-height: 1px; }
  section.oneoff_offer div.table_offer div.price p.title_offer,
  section.oneoff_offer div.table_offer div.price div.price_info div.ttc { text-align: center; }
  section.oneoff_offer div.table_offer div.price div.price_info div.top { justify-content: center; }
  section.oneoff_offer div.table_offer div.price div.price_info div.promo { width: 130px; margin: 20px auto; }
  section.oneoff_offer div.table_offer div.price div.price_info div.promo .ht { white-space: nowrap; }
  section.oneoff_offer div.table_offer div.price a.btn { width: 240px; max-width: 100%; margin: 20px auto 0; }
}


/*** Section logo ***/
section.share-logo { padding: 40px 0; }
section.share-logo h2 { font-size: 1.875rem; line-height: 2.5rem; font-weight: 600; color: var(--color-blue2); text-align: center; }
section.share-logo p.sub-title { font-size: 1rem; line-height: 1.563rem; font-weight: 400; text-align: center; color: var(--color-black); margin-top: 20px; }
section.share-logo.bg_lws * { color: var(--color-white) !important; }
section.share-logo.cols2 .flex-logo { display: flex; flex-direction: row; flex-wrap: wrap; gap: 70px 30px; justify-content: center; align-items: center; margin-top: 40px; }
section.share-logo.cols2 .flex-logo .flex-elem { width: calc((100% - 30px) / 2); }
section.share-logo.cols2 .flex-logo .flex-elem * { display: block; margin: auto; text-align: center; }
section.share-logo.cols2 .flex-logo .flex-elem a { margin-top: 30px; text-decoration: underline; }
section.share-logo.cols2 .flex-logo .flex-elem img { height: 100px; width: auto; }
section.share-logo.cols4 .flex-logo { display: flex; flex-direction: row; flex-wrap: wrap; gap: 70px 30px; justify-content: center; align-items: flex-start; margin-top: 40px; }
section.share-logo.cols4 .flex-logo .flex-elem { width: calc((100% - 90px) / 4); }
section.share-logo.cols4 .flex-logo .flex-elem * { display: block; margin: auto; text-align: center; }
section.share-logo.cols4 .flex-logo .flex-elem a { margin-top: 30px; text-decoration: underline; }
section.share-logo.cols4 .flex-logo .flex-elem img { height: 250px; width: auto; }

@media (max-width: 1200px) {
  section.share-logo.cols2 .flex-logo { gap: 70px 50px; }
  section.share-logo.cols2 .flex-logo .flex-elem { width: calc((100% - 50px) / 2); min-width: 350px; }
  section.share-logo.cols4 .flex-logo { gap: 70px 50px; }
  section.share-logo.cols4 .flex-logo .flex-elem { width: calc((100% - 100px) / 2); min-width: 210px; }
}

@media (max-width: 979px) {
  section.share-logo.cols2 .flex-logo .flex-elem img { width: 100%; height: auto; }
}

@media (max-width: 450px) {
  section.share-logo.cols2 .flex-logo .flex-elem { min-width: 90%; }
}


/*** Section Onglets Services ***/
section.ongletsServices { padding: 40px 0; }
section.ongletsServices[class*="bg_premium_"] * { color: #fff !important; }
section.ongletsServices h2 { font-size: 1.875rem; line-height: 2.5rem; font-weight: 600; text-align: center; color: #0C2A6A; }
section.ongletsServices p.sub-title { font-size: 1rem; line-height: 1.563rem; font-weight: 400; text-align: center; color: #001136; margin-top: 20px; }
section.ongletsServices .onglets { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; align-items: center; justify-content: center; background: #DBE8FE; border-radius: 33px; width: max-content; max-width: 100%; padding: 6px 10px; margin: 40px auto 0; }
section.ongletsServices .onglets .onglet { font-size: 15px; line-height: 25px; color: #0C2A6A; padding: 10px 20px; background: #DBE8FE; cursor: pointer; }
section.ongletsServices .onglets .onglet.active { background: #FFFFFF; font-weight: 600; border-radius: 23px; box-shadow: 4px 4px 10px #1E499B33; z-index: 99; }
section.ongletsServices .contents { margin-top: 40px; }
section.ongletsServices .contents .flex-content { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; align-items: flex-start; justify-content: center; width: 100%; }
section.ongletsServices .contents .flex-content .left-content,
section.ongletsServices .contents .flex-content .right-content { display: flex; flex-direction: column; gap: 20px; width: calc((100% - 20px) / 2); }
section.ongletsServices .contents .flex-content .bgBeige { background: #F5F2E9; }
section.ongletsServices .contents .flex-content .bgBlue { background: #E5EFF7; }
section.ongletsServices .contents .flex-content .bgGreen { background: #E5F5E8; }
section.ongletsServices .contents .flex-content .bgPurple { background: #EDE9F5; }
section.ongletsServices .contents .flex-content .bgGrey { background: #EFEFEF; }
section.ongletsServices .contents .flex-content .bgPink { background: #F5EAEA; }
section.ongletsServices .contents .flex-content .bgDarkBlue { background: #0C2640; }
section.ongletsServices .contents .flex-content .bgDarkPurple { background: #261A3E; }
section.ongletsServices .contents .flex-content .bgDarkBrown { background: #3B1F09; }
section.ongletsServices .contents .flex-content .bgDarkGreen { background: #193B2D; }
section.ongletsServices .contents .flex-content .bgDarkBlack { background: #000000; }
section.ongletsServices .contents .bloc-flex.big { display: flex; flex-direction: column; padding: 30px; border-radius: 10px; }
section.ongletsServices .contents .bloc-flex.small { display: flex; flex-direction: row; gap: 30px; align-items: center; padding: 30px; border-radius: 10px; width: 100%; }
section.ongletsServices .contents .bloc-flex img { width: 100%; height: auto; margin-bottom: 30px; }
section.ongletsServices .contents .bloc-flex.small img { max-width: 228px; margin-bottom: 0; }
section.ongletsServices .contents .bloc-flex h2 { font-size: 1.625rem; line-height: 2.25rem; font-weight: 600; color: #0C2A6A; text-align: left; margin-bottom: 20px; }
section.ongletsServices .contents .bloc-flex.small h2 { font-size: 1.24rem; line-height: 1.875rem; margin-bottom: 15px; }
section.ongletsServices .contents .bloc-flex p,
section.ongletsServices .contents .bloc-flex div.price { font-size: 1rem; line-height: 1.563rem; font-weight: 400; color: #001136; margin-bottom: 7px; }
section.ongletsServices .contents .bloc-flex p:last-of-type { margin-bottom: 0; }
section.ongletsServices .contents .bloc-flex div.price { display: flex; flex-direction: row; gap: 4px; align-items: center; margin-bottom: 15px; }
section.ongletsServices .contents .bloc-flex div.price b { font-size: 1.625rem; line-height: 2.25rem; font-weight: 600; margin-left: 4px; }
section.ongletsServices .contents .bloc-flex div.price span.stroke { position: relative; font-size: 1rem; line-height: 1.563rem; font-weight: 400; }
section.ongletsServices .contents .bloc-flex div.price span.stroke::after { content: ""; position: absolute; height: 1px; background: var(--bg-color-blue3); left: -5px; right: -5px; transform: rotate(-22deg); top: 50%; }
section.ongletsServices .contents .bloc-flex a.btn { display: block; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: #1E499B; background: transparent; border: 2px solid #1E499B; border-radius: 10px; padding: 7px 30px; width: max-content; max-width: 100%; }
section.ongletsServices .contents .bloc-flex.small a.btn { font-size: 1rem; line-height: 1.563rem; padding: 7px 20px; }
section.ongletsServices .contents .bloc-flex.small .txt-left { width: calc(100% - 258px); }
section.ongletsServices .contents .bloc-flex.small .txt-left h3 { font-size: 20px; line-height: 30px; color: #0C2A6A; font-weight: 600; margin-bottom: 15px; }

@media (max-width: 1200px) {
  section.ongletsServices .contents .flex-content { flex-direction: column; }
  section.ongletsServices .contents .flex-content .left-content,
  section.ongletsServices .contents .flex-content .right-content { width: 100%; }
  section.ongletsServices .contents .bloc-flex.big,
  section.ongletsServices .contents .bloc-flex.small { width: 575px; max-width: 100%; margin: auto; }
  section.ongletsServices .contents .bloc-flex.big img { max-width: 500px; margin: 0 auto 30px; }
  section.ongletsServices .contents .bloc-flex.big * { text-align: center; }
  section.ongletsServices .contents .bloc-flex.big div.price { justify-content: center; }
  section.ongletsServices .contents .bloc-flex.big a.btn { margin: auto; }
  section.ongletsServices .contents .bloc-flex.small { width: 575px; margin: auto; }
}

@media (max-width: 767px) {
  section.ongletsServices .onglets { flex-wrap: wrap; gap: 15px; background: transparent; }
  section.ongletsServices .onglets .onglet { background: #FFFFFF; border: 1px solid #efefef; border-radius: 23px; box-shadow: 4px 4px 10px #1E499B33; }

  section.ongletsServices .contents .bloc-flex.small { flex-direction: column; }
  section.ongletsServices .contents .bloc-flex.small img { order: 1; }
  section.ongletsServices .contents .bloc-flex.small .txt-left { order: 2; width: 100%; }
  section.ongletsServices .contents .bloc-flex.small .txt-left * { text-align: center; }
  section.ongletsServices .contents .bloc-flex.small div.price { justify-content: center; }
  section.ongletsServices .contents .bloc-flex.small a.btn { margin: auto; }
}


section.form_contact { padding: 40px 0; }
section.form_contact iframe { border-radius: 10px; }


section.nos_offres .sub_onglets {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  justify-content: center;
  background: #0C2A6A;
  border-radius: 33px;
  width: max-content;
  max-width: 100%;
  padding: 8px;
  margin: 20px auto 0;
}

section.nos_offres .sub_onglets .sub_onglet {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  padding: 7px 15px;
  background: #0C2A6A;
  cursor: pointer;
  color: #FFFFFF;
}

section.nos_offres .sub_onglets .sub_onglet.active {
  background: #FFFFFF;
  color: #0C2A6A;
  font-weight: 600;
  border-radius: 23px;
  box-shadow: 4px 4px 10px #1E499B33;
}

/* Pour éviter d'afficher le surplus de tableau pour les private */
div[data-subtable="vps_private"] .text-center.p50,
div[data-subtable="vps_private"] #table_compare { display: none; }

@media (max-width: 767px) {
  section.nos_offres .sub_onglets {
    background: transparent;
    flex-wrap: wrap;
    gap: 15px 20px;
  }
  section.nos_offres .sub_onglets .sub_onglet {
    border: 1px solid #1e49bb;
    border-radius: 10px;
  }
}



/* Animation pour la disparition vers la gauche */
.fade-out-left {
  animation: fadeOutLeft 0.5s forwards;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50px);
  }
}

/* Animation pour l'apparition depuis la droite */
.fade-in-right {
  animation: fadeInRight 0.5s forwards;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}



/*** Modal Rappel Tel LWS ***/
.modalRappel { display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; overflow: hidden; }
.modalRappel .modal-content { position: relative; background-color: var(--color-white); padding: 0; border-radius: 10px; width: 1000px; max-width: calc(100% - 100px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); animation: slide-down 0.4s ease; }
.modalRappel .modal-content iframe { width: 100%; height: 860px; max-height: calc(100vh - 100px); border-radius: 0 0 10px 10px; }
.modalRappel .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background-color: var(--color-lws-blue); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #ddd; color: var(--color-white); }
.modalRappel .modal-title { margin: 0; font-size: var(--font-size-large); }
.modalRappel .close-button { font-size: 24px; color: var(--color-white); cursor: pointer; }
.modalRappel .close-button:hover { color: #EEE; }
.modalRappel .modal-body { padding: 0px; }
body.modal-open { overflow: hidden; }

@keyframes slide-down {
  from {
      transform: translateY(-50px);
      opacity: 0;
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}


/*** Modal 2025 - Remplace ColorBox ***/
/*** Modification Progressive sur les pages ***/
body.modal-open { overflow: hidden; height: 100vh; }
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; z-index: 9999; color: #001136; }
.modal-box { background: white; width: 800px; max-width: 95%; max-height: 90vh; overflow-y: auto; padding: 40px; border-radius: 10px; position: relative; animation: fadeIn 0.3s ease-in-out; box-shadow: 0 5px 20px rgba(0,0,0,0.3); }
.modal-overlay .modal-box h2 { font-size: 26px; line-height: 36px; font-weight: 600; text-align: center; margin-bottom: 30px; }
.modal-overlay .modal-box p { font-size: 16px; line-height: 25px; font-weight: 400; margin: 0 0 20px; }
.modal-overlay .modal-box h3 { font-size: 18px; line-height: 28px; font-weight: 600; }
.modal-overlay .modal-box h3 + ul { margin: 12px 0 20px; }
.modal-overlay .modal-box ul li { position: relative; font-size: 16px; line-height: 25px; font-weight: 400; padding-left: 27px; margin-bottom: 10px; }
.modal-overlay .modal-box ul li::before { position: absolute; left: 0; content: url(../images/theme2021/svg/check_vert.svg); width: 15px; height: 12px; }
.modal-overlay .modal-box ul li:last-of-type { margin-bottom: 0; }
.modal-overlay .modal-box a.cta { display: flex; flex-direction: row; gap: 20px; justify-content: center; align-items: center; width: max-content; max-width: 100%; font-size: 18px; line-height: 28px; font-weight: 600; color: #fff; background: #FF6500; border-radius: 10px; padding: 9px 30px; margin: 30px auto 0; }
.modal-close { position: absolute; top: 30px; right: 30px; width: 15px; height: 15px; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease; }
.modal-close:hover { opacity: 1; }

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 840px) {
   .modal-close { top: 20px; right: 20px; }
}
@media (max-width: 767px) {
    .modal-box { padding: 20px; }
    .modal-box h2 { padding: 0 15px; }
}


/*** Link ***/
a.blue_link { color: var(--color-lws-blue) !important; text-decoration: underline !important; }

/******************************************/
/*************** Responsive ***************/
/******************************************/

@media (max-width: 1366px) AND (min-width: 1201px) AND (max-height: 768px),
      (min-width: 1201px) and (min-resolution: 1.5dppx) {}

@media (min-width: 1201px) {}

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

@media (max-width: 979px) AND (min-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 545px) {}

@media (max-width: 410px) {}