:root {
--primary-color: #1E1A39;
--secondary-color: #2e5fe2; --third-color: #FFC13D;
--fourth-color: #FFF1CF;
--fifth-color: #F6F6F6;
--sixth-color: #FFFFFF;
--seventh-color: rgba(255,255,255,0.5);
--padding-bloc-without-inner: 70px 0;
--padding-bloc-without-inner-nobot: 70px 0 0;
--padding-bloc-without-inner2: 40px 0;
--padding-banner-inner: 60px 0;
--padding-bloc-inner : 35px 0 70px;
--padding40-bloc-without-inner: 40px 0;
--bck-white: #FFFFFF;
--bck-grey: #F5F6FA; }
.v2 .bg_grey2 { background-color: #F5F6FA !important; }
.v2 .bg_grey3 { background-color: #EAECF4 !important; } .v2 body { color: var(--primary-color); }
.v2 body *:not(i.fa, i.fab, i.fad, i.fal, i.far, i.fas) { font-family:'Outfit', sans-serif !important } 
.v2 .bg_white { background-color: var(--bck-white) !important; color: var(--primary-color); }
.v2 .bg_grey { background-color: var(--bck-grey) !important; color: var(--primary-color); }
.v2 .bg_grey2 { background-color: #ECECEC; }
.v2 .bg_dark { background-color: var(--primary-color); color: var(--sixth-color); }
.v2 .mb0 { margin-bottom: 0 !important; }
.v2 a, .v2 a:hover, .v2 p a, .v2 p a:hover { color: var(--secondary-color); text-decoration: underline; }
.v2 .btn-red { margin-bottom: 30px; }
.v2 .btn-red a { position: relative; border: 0 !important; background: linear-gradient(to right, #570CB9, #CD256A); color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; }
.v2 .btn-red a:hover { opacity: 0.8; }
.v2 .btn-white { margin-bottom: 0 !important; }
.v2 .btn-white a { position: relative; font-size: 18px !important; line-height: 28px !important; font-weight: 600; border: 2px solid #000000 !important; background: #FFFFFF; color: #000000 !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; width: max-content; max-width: 100%; }
.v2 .d-flex-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.v2 * p:last-of-type { margin-bottom: 0 !important; }
.v2 div.wpb_content_element:last-of-type { margin-bottom: 0; }
.vc_btn3-icon.fa-angle-up { width: 24px; height: 24px; background: url(https://www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/fleche_haut.svg) no-repeat center center; background-size: 20px auto!important; animation: action 1s infinite alternate; }
.vc_btn3-icon.fa-angle-up:before { content: ''; }
.v2 * { color: inherit; }
.v2 .top-link { background: var(--secondary-color); }
.v2 .top-link:hover { background: #118AF5; }
.v2 .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner { padding-top: unset; }
.v2 .hamburger span { background: var(--sixth-color); }
.v2 .hamburger.close-menu span,
.v2 .btm_header.fixed .hamburger span { background: var(--secondary-color); }
.v2 .img_category img { border-radius: 20px !important; }
@media all AND (max-width: 1199px) {
.v2 .d-flex-row { flex-wrap: wrap; }
} .v2 #neatbanner { position: fixed; top: 0; }
.v2 #neatbanner * { font-family: 'Conv_segoeui', 'Muli', sans-serif !important; }
.v2 div.wrapper { top: 0; position: relative; } .v2 .mainnav_wrapper nav ul li a { font-size: 17px; line-height: 43px; color: inherit !important; }
.v2 .btm_header .mainnav_wrapper nav > ul > li > a:hover { opacity: 0.9; text-decoration: none; }
.v2 .btm_header .mainnav_wrapper nav ul li a:hover { color: inherit !important; text-decoration: none; }
.v2 .btm_header.bg_black { background: var(--primary-color); color: var(--sixth-color); }
.v2 .btm_header.bg_grey { background: #F6F6F6; color: var(--primary-color); }
.v2 .btm_header.bg_white { background: var(--sixth-color); color: var(--primary-color); }
.v2 .btm_header.bg_fused { background: transparent; color: var(--sixth-color); box-shadow: none; }
.v2 .header:not(.template2) .btm_header.bg_black .btn-outline-info,
.v2 .header:not(.template2) .btm_header.bg_fused .btn-outline-info { border: 2px solid var(--sixth-color)!important; color: var(--sixth-color)!important; text-decoration: none; }
.v2 .header:not(.template2) .btm_header.bg_grey .btn-outline-info,
.v2 .header:not(.template2) .btm_header.bg_white .btn-outline-info { border: 2px solid var(--primary-color)!important; color: var(--primary-color)!important; text-decoration: none; }
.v2 .header:not(.template2) .btm_header .btn-outline-info:hover { background-color: transparent !important; }
.v2 .btm_header.bg_black .mainnav_wrapper nav ul li.menu-item-has-children:before,
.v2 .btm_header.bg_fused .mainnav_wrapper nav ul li.menu-item-has-children:before { background: url(https://www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/angle-down.svg); }
.v2 .btm_header ul.sub-menu { max-width: 425px; padding: 30px; }
.v2 .btm_header ul.sub-menu li { margin-bottom: 0; padding-left: 53px; }
.v2 .btm_header ul.sub-menu li:not(:last-of-type) { margin-bottom: 10px !important; }
.v2 .btm_header ul.sub-menu li a { font-size: 18px; line-height: 30px; padding: 0; }
.v2 .btm_header ul.sub-menu li a img { margin-right: 0; left: -53px; width: 35px; height: auto; }
.v2 .btm_header ul.sub-menu li span { color: var(--primary-color); font-size: 18px; line-height: 30px; }
.v2 .btm_header ul.sub-menu li span.desc_link { margin-top: 5px; font-size: 15px; line-height: 24px; }
.v2 .btm_header.fixed { background: var(--sixth-color) !important; color: var(--primary-color) !important; top: 0; }
.v2 .btm_header.fixed .mainnav_wrapper nav ul li.menu-item-has-children:before { background: url(https://www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/angle-down_dark.svg); }
.v2 .header:not(.template2) .btm_header.fixed .btn-outline-info { border: 2px solid var(--primary-color)!important; color: var(--primary-color)!important; text-decoration: none; }
.v2 .btm_header.bg_black img.img_no_black,
.v2 .btm_header.bg_fused img.img_no_black { display: none; }
.v2 .btm_header:not(.bg_black):not(.bg_fused) img.img_black { display: none; }
.v2 .btm_header.fixed img.img_no_black { display: inline-block !important; }
.v2 .btm_header.fixed img.img_black { display: none !important; }
.v2 .btm_header.bg_fused.fixed { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); }
.v2 .mainnav_wrapper nav.mobnav { position: relative; z-index: 99; }
.v2 .mainnav_wrapper nav.mobnav ul li a { color: var(--primary-color) !important; }
.v2 .mainnav_wrapper nav.mobnav { border-bottom: 0; }
.v2 .mainnav_wrapper nav.mobnav ul li { border-bottom: 1px solid var(--secondary-color); }
.v2 .mainnav_wrapper nav.mobnav ul li.merge_menu:after { background: var(--secondary-color); }
.v2 .mainnav_wrapper nav.mobnav ul li.merge_menu { border-bottom: 0; }
.v2 .header:not(.template2) .btm_header .open-menu .btn-outline-info {
border: 2px solid var(--primary-color)!important;
color: var(--primary-color)!important;
text-decoration: none;
}
.v2 img.img_no_black.open_logo { margin-left: -30px; }
@media screen and (max-width: 1023px) {
.v2 .mainnav_wrapper {
top: 0;
padding: 80px 12px;
}
} .v2 #banner_home_dark { background-color: var(--primary-color); color: var(--sixth-color); padding: 84px 0 50px; }
.v2 #banner_home_dark > div > .vc_column-inner { padding-top: 20px !important; }
.v2 .btm_header .container { max-width: calc(100% - 60px); }
.v2 #banner_home_dark > .vc_column_container > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; gap: 10px; max-width: 1170px; margin: auto; }
.v2 #banner_home_dark .left_col { width: 480px !important; }
.v2 #banner_home_dark .right_col { width: calc(100% - 480px) !important; }
.v2 #banner_home_dark h1 { font-size: 48px; line-height: 60px; font-weight: 700; margin-bottom: 30px; }
.v2 #banner_home_dark h2 { font-size: 20px; line-height: 30px; font-weight: 400 !important; margin-bottom: 30px; }
.v2 #banner_home_dark .btn-full a { width: 100%; text-align: center !important; margin-top: 20px; }
.v2 #banner_home_dark .btn-red a { border: 0; background: linear-gradient(to right, #570CB9, #CD256A); color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; }
.v2 #banner_home_dark .btn-full a i.vc_btn3-icon { margin-top: 10px; display: inline-block; position: relative; top: unset; right: 0 !important; transform: none; }
.v2 #banner_home_dark .right_col img { width: 600px; height: auto; float: right; margin-right: 25px; }
.v2 #banner_home_dark .right_col .wpb_content_element { margin-bottom: 0 !important; }
.v2 #banner_home_dark ul { list-style: none; margin: 0; }
.v2 #banner_home_dark ul li { position: relative; font-size: 17px; line-height: 26px; margin-left: 27px; }
.v2 #banner_home_dark ul li:not(:last-of-type) { margin-right: 28px; }
.v2 #banner_home_dark ul li:before { position: absolute; content: ''; left: -27px; top: 6px; width: 15px; height: 15px; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_blanc.svg); }
.v2 #banner_home_dark div.satisfy_refund { font-size: 18px; line-height: 38px; }
.v2 #banner_home_dark div.satisfy_refund img { height: 25px; width: auto; margin-right: 10px; }
.v2 #banner_home_dark .bottom_banner { border-top: 1px solid var(--seventh-color); padding: 20px 0 0; margin: 0; }
.v2 #banner_home_dark .bottom_banner .vc_column-inner { padding: 0 !important; }
.v2 #banner_home_dark .bottom_banner .legend { margin-bottom: 15px; }
.v2 #banner_home_dark .bottom_banner .legend p { color: inherit; font-size: 15px; line-height: 26px; }
.v2 #banner_home_dark div.logos { gap: 30px; }
.v2 #banner_home_dark div.logos img { height: 35px; width: auto; opacity: 0.7; }
.v2 #banner_home_dark .wpb_raw_html { margin-bottom: 0; }
.v2 #banner_home_dark div.price_bloc { gap: 0 6px; align-items: baseline; position: relative; margin-top: 40px; }
.v2 #banner_home_dark div.price_bloc .price { font-size: 60px; line-height: 64px; font-weight: 700; }
.v2 #banner_home_dark div.price_bloc .devise { font-size: 24px; line-height: 33px; font-weight: 600; }
.v2 #banner_home_dark div.price_bloc .period { font-size: 20px; line-height: 27px; }
.v2 #banner_home_dark div.price_bloc .label-price { position: absolute; content: ''; display: block; top: -5px; left: 130px; background-color: #E2F8F1; color: #009F6E; font-size: 17px; line-height: 26px; font-weight: 600; padding: 4px 15px; border-radius: 15px; }
@media (max-width: 1199px) {
.v2 #banner_home_dark > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 961px; }
}
@media (max-width: 991px) {
.v2 #banner_home_dark > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 738px; gap: 30px; }
.v2 #banner_home_dark .left_col { margin: auto; }
.v2 #banner_home_dark .right_col { display: none; }
}
@media (max-width: 767px) {
.v2 #banner_home_dark > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 90%; }
}
@media (max-width: 550px) {
.v2 #banner_home_dark h1 { font-size: 36px !important; line-height: 48px !important; }
} .v2 #banner_blue_diffused { position: relative; background: #181e60; padding: 0 0 60px; }
.v2 #banner_blue_diffused > div.vc_column_container:before { position: absolute; content: ''; top: -180px; left: -260px; height: 300px; width: 800px; background: linear-gradient(to right, #c44c1a 0%, #c44c1a 15%, #c44c1a 45%, #5b2d41 45%, #5b2d41 100%); border-radius: 40%; filter: blur(80px); }
.v2 #banner_blue_diffused > div.vc_column_container:after { position: absolute; content: ''; bottom: -100px; right: 10%; height: 400px; width: 800px; background-color: #23398e; border-radius: 50%; filter: blur(100px); }
.v2 #banner_blue_diffused > div > div > div.wpb_wrapper { max-width: 1170px; margin: auto; }
.v2 #banner_blue_diffused * { color: var(--sixth-color); }
.v2 #banner_blue_diffused h1 { font-size: 48px; line-height: 60px; font-weight: 700; margin-top: 100px; }
.v2 #banner_blue_diffused h1 + div.wpb_text_column p { margin-top: 20px; font-size: 20px; line-height: 30px; font-weight: 400; }
.v2 #banner_blue_diffused .option_ext { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; }
.v2 #banner_blue_diffused .option_ext > .wpb_column { width: 170px; border: 1px solid var(--sixth-color); padding: 12px 10px; border-radius: 10px; }
.v2 #banner_blue_diffused .option_ext > .wpb_column * { font-size: 20px; line-height: 30px; }
.v2 #banner_blue_diffused .option_ext > .wpb_column em { position: relative; font-size: 16px; line-height: 26px; }
.v2 #banner_blue_diffused .option_ext > .wpb_column em:after { display: block; content: ""; width: 100%; height: 1px; background: var(--sixth-color); position: absolute; left: 0; bottom: 10px; -moz-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); -o-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg); }
.v2 #banner_blue_diffused #search_domaine { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; align-items: center; margin: 22px auto 0; max-width: 890px; }
.v2 #banner_blue_diffused #search_domaine .domaine_checker { height: 55px; margin: 0; border-radius: 10px; max-width: 710px; padding-right: 0; }
.v2 #banner_blue_diffused #search_domaine .domaine_checker .dom_icon { width: 60px; height: 55px; border-right: 1px solid var(--primary-color); }
.v2 #banner_blue_diffused #search_domaine .domaine_checker .webstart { color: var(--primary-color); font-size: 22px; line-height: 55px; }
.v2 #banner_blue_diffused #search_domaine .domaine_checker .domaine_search { height: 55px !important; font-size: 18px; line-height: 28px; color: var(--primary-color); }
.v2 #banner_blue_diffused #search_domaine .btn_form_inline input { border: 0 !important; background: linear-gradient(to right, #570CB9, #CD256A) !important; color: var(--primary-color); }
.v2 #banner_blue_diffused #search_domaine .under_input { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; align-items: center; justify-content: flex-start; }
.v2 #banner_blue_diffused #search_domaine .under_input img { width: 25px; height: 25px; }
.v2 #banner_blue_diffused #search_domaine .under_input p { font-size: 20px; line-height: 30px; }
@media (max-width: 1199px) {
.v2 #banner_blue_diffused > div > div > div.wpb_wrapper { max-width: 962px; }
}
@media (max-width: 991px) {
.v2 #banner_blue_diffused > div > div > div.wpb_wrapper { max-width: 738px; }
.v2 #banner_blue_diffused #search_domaine .domaine_checker { max-width: 560px; }
}
@media (max-width: 767px) {
.v2 #banner_blue_diffused > div > div > div.wpb_wrapper { max-width: 90%; }
.v2 #banner_blue_diffused .option_ext { flex-wrap: wrap; gap: 20px; }
.v2 #banner_blue_diffused .option_ext > .wpb_column:first-child { margin-left: -20px; }
.v2 #banner_blue_diffused #search_domaine .domaine_checker { max-width: calc(100% - 178px); }
}
@media (max-width: 550px) {
.v2 #banner_blue_diffused #search_domaine .domaine_checker { max-width: 100%; }
.v2 #banner_blue_diffused #search_domaine .btn_form_inline { margin: auto; }
.v2 #banner_blue_diffused h1 { font-size: 36px; line-height: 48px; }
} .v2 #banner_simple { color: var(--primary-color); padding: 144px 0 60px; }
.v2 #banner_simple > div > .vc_column-inner { padding-top: 20px !important; }
.v2 .btm_header .container { max-width: calc(100% - 60px); }
.v2 #banner_simple > .vc_column_container > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; gap: 10px; margin: auto; }
.v2 #banner_simple .left_col { width: 630px !important; }
.v2 #banner_simple .right_col { width: calc(100% - 630px) !important; }
.v2 #banner_simple h1 { font-size: 48px; line-height: 60px; font-weight: 700; margin-bottom: 30px; color: inherit; }
.v2 #banner_simple h2 { font-size: 20px; line-height: 30px; font-weight: 400 !important; margin-bottom: 30px; color: inherit; }
.v2 #banner_simple p { font-size: 20px; line-height: 30px; color: inherit; }
.v2 #banner_simple .btn-red { padding: 0; }
.v2 #banner_simple .btn-red.btn-inline { display: inline-block; }
.v2 #banner_simple .btn-red a { width: max-content; background-color: var(--secondary-color) !important; color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; }
.v2 #banner_simple .right_col img { width: 500px; height: auto; float: right; }
.v2 #banner_simple .right_col .wpb_content_element { margin-bottom: 0 !important; }
.v2 #banner_simple ul { list-style: none; margin: 0; }
.v2 #banner_simple ul li { position: relative; font-size: 17px; line-height: 26px; margin-left: 27px; }
.v2 #banner_simple ul li:not(:last-of-type) { margin-right: 30px; }
.v2 #banner_simple ul li:before { position: absolute; content: ''; left: -27px; top: 4px; width: 15px; height: 15px; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_blanc.svg); }
.v2 #banner_simple div.satisfy_refund { font-size: 18px; line-height: 38px; }
.v2 #banner_simple div.satisfy_refund img { height: 25px; width: auto; margin-right: 10px; }
.v2 #banner_simple .bottom_banner { border-top: 1px solid var(--seventh-color); padding: 20px 0 0; margin: 0; }
.v2 #banner_simple .bottom_banner .vc_column-inner { padding: 0 !important; }
.v2 #banner_simple .bottom_banner .legend { margin-bottom: 15px; }
.v2 #banner_simple .bottom_banner .legend p { color: inherit; font-size: 15px; line-height: 26px; }
.v2 #banner_simple div.logos { gap: 30px; }
.v2 #banner_simple div.logos img { height: 35px; width: auto; opacity: 0.7; }
.v2 #banner_simple .wpb_raw_html { margin-bottom: 0; }
.v2 #banner_simple .btn-red { margin-bottom: 0; }
@media (max-width: 1199px) {
.v2 #banner_simple > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 961px; }
}
@media (max-width: 991px) {
.v2 #banner_simple > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 738px; }
.v2 #banner_simple .left_col { width: 100% !important; }
.v2 #banner_simple .right_col { display: none; }
}
@media (max-width: 767px) {
.v2 #banner_simple > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 90%; }
}
@media (max-width: 550px) {
.v2 #banner_simple h1 { font-size: 36px !important; line-height: 48px !important; }
} .v2 .banner_section.background_grad { background: #000; }
.v2 .banner_section.background_grad h1 { color: #fff; }
.v2 .banner_section.background_grad iframe div.slogan div { color: #ffffff; }
#body-widget-lws form, #content-widget-lws form { margin-top: 0 !important; } .v2 #banner_blog { background: #000; color: var(--sixth-color); padding: 0 0 60px; }
.v2 #banner_blog > div > .vc_column-inner { padding-top: 20px !important; }
.v2 #banner_blog > .vc_column_container > .vc_column-inner .d-flex-row { max-width: 1170px; margin: 90px auto 0; justify-content: space-between; }
.v2 #banner_blog .left_col { width: calc(100% - 430px) !important; }
.v2 #banner_blog .right_col { width: 360px !important; }
.v2 #banner_blog h1 { font-size: 48px; line-height: 60px; font-weight: 700; margin-bottom: 30px; color: inherit; }
.v2 #banner_blog h2 { font-size: 20px; line-height: 30px; font-weight: 400 !important; margin-bottom: 30px; color: inherit; }
.v2 #banner_blog p { font-size: 20px; line-height: 30px; color: inherit; }
.v2 #banner_blog .btn-red { padding: 0; }
.v2 #banner_blog .btn-red a { width: max-content; background-color: var(--secondary-color) !important; color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; }
.v2 #banner_blog .right_col img { width: 100%; height: auto; float: right; }
.v2 #banner_blog .right_col .wpb_content_element { margin-bottom: 0 !important; }
.v2 #banner_blog ul { list-style: none; margin: 0; }
.v2 #banner_blog ul li { position: relative; font-size: 17px; line-height: 26px; margin-left: 27px; }
.v2 #banner_blog ul li:not(:last-of-type) { margin-right: 30px; }
.v2 #banner_blog ul li:before { position: absolute; content: ''; left: -27px; top: 4px; width: 15px; height: 15px; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_blanc.svg); }
.v2 #banner_blog div.satisfy_refund { font-size: 18px; line-height: 38px; }
.v2 #banner_blog div.satisfy_refund img { height: 25px; width: auto; margin-right: 10px; }
.v2 #banner_blog .bottom_banner { border-top: 1px solid var(--seventh-color); padding: 20px 0 0; margin: 0; }
.v2 #banner_blog .bottom_banner .vc_column-inner { padding: 0 !important; }
.v2 #banner_blog .bottom_banner .legend { margin-bottom: 15px; }
.v2 #banner_blog .bottom_banner .legend p { color: inherit; font-size: 15px; line-height: 26px; }
.v2 #banner_blog div.logos { gap: 30px; }
.v2 #banner_blog div.logos img { height: 35px; width: auto; opacity: 0.7; }
.v2 #banner_blog .wpb_raw_html { margin-bottom: 0; }
.v2 #banner_blog .btn-red { margin-bottom: 0; }
.v2 #banner_blog .btm_header .container { max-width: calc(100% - 60px); }
@media (max-width: 1199px) {
.v2 #banner_blog > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 961px; margin: auto; }
}
@media (max-width: 991px) {
.v2 #banner_blog > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 738px; }
.v2 #banner_blog .left_col { width: 100% !important; }
.v2 #banner_blog .left_col * { text-align: center !important; }
.v2 #banner_blog .right_col { display: none; }
}
@media (max-width: 767px) {
.v2 #banner_blog { padding: 0 0 40px; }
.v2 #banner_blog > .vc_column_container > .vc_column-inner > .wpb_wrapper { max-width: 90%; }
}
@media (max-width: 550px) {
.v2 #banner_blog h1 { font-size: 36px !important; line-height: 48px !important; }
} .v2 .banner_cat { background: #000; color: var(--sixth-color); padding: 144px 0 60px; }
.v2 .banner_cat .content_banner { display: flex; flex-direction: row; gap: 90px; align-items: center; justify-content: space-between; }
.v2 .banner_cat .content_banner .info_cat { width: calc(100% - 450px); }
.v2 .banner_cat .content_banner .info_cat h1 { font-size: 48px; line-height: 60px; font-weight: 700; }
.v2 .banner_cat .content_banner .info_cat .desc_cat { margin-top: 20px; font-size: 20px; line-height: 30px; }
.v2 .banner_cat .content_banner .img_cat { width: 360px; }
.v2 .banner_cat .content_banner .img_cat img { width: 100%; height: auto; border-radius: 20px; }
@media (max-width: 1199px) {
.v2 .banner_cat .container { max-width: 961px; }
}
@media (max-width: 991px) {
.v2 .banner_cat .container { max-width: 738px; }
.v2 .banner_cat .content_banner { flex-direction: column; gap: 40px; }
.v2 .banner_cat .content_banner .img_cat { order: 1; }
.v2 .banner_cat .content_banner .info_cat { order: 2; width: 100%; }
.v2 .banner_cat .content_banner .info_cat * { text-align: center !important; }
}
@media (max-width: 767px) {
.v2 .banner_cat { padding: 135px 0 40px; }
.v2 .banner_cat .container { max-width: 90%; }
.v2 .banner_cat .content_banner { gap: 20px; }
.v2 .banner_cat .content_banner .img_cat { width: 250px; }
.v2 .banner_cat .content_banner .info_cat h1 { font-size: 36px !important; line-height: 48px !important; }
} .v2 footer { background-color: var(--primary-color); color: var(--sixth-color); }
.v2 footer .footer_content { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 50px; padding-right: 15px; padding-left: 15px; }
.v2 footer .footer_content .footer_desc { display: flex; flex-direction: column; width: 210px; }
.v2 footer .footer_content .footer_desc img { width: 150px; height: auto; }
.v2 footer .footer_content .footer_desc span { font-size: 15px; line-height: 26px; font-style: italic; margin-top: 12px; }
.v2 footer .footer_content .footer_desc div.desc { font-size: 15px; line-height: 26px; margin-top: 30px; }
.v2 footer .footer_content .footer_menu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap: 0 30px; width: calc(100% - 260px); }
.v2 footer a,
.v2 footer a:hover { color: inherit; text-decoration: none; }
@media all AND (max-width: 1199px) {
.v2 footer .footer_content { flex-direction: column; gap: 30px 0; padding-right: 15px; padding-left: 15px; }
.v2 footer .footer_content .footer_desc { width: 100%; max-width: calc(100% - 190px); max-height: 75px; flex-wrap: wrap; gap: 0 30px; max-height: 150px; }
.v2 footer .footer_content .footer_desc div.desc { margin-top: 0; }
.v2 footer .footer_content .footer_menu { width: 100%; }
.v2 .footer_links { max-width: inherit !important; flex: inherit !important; }
}
@media (max-width: 979px) and (min-width: 768px) {
.v2 footer > div.container div.row:nth-child(2) { max-height: unset; }
}
@media all AND (max-width: 767px) {
.v2 footer .footer_content .footer_menu { flex-wrap: wrap; justify-content: center; }
.v2 footer .footer_content .footer_menu .footer_links { width: 100% !important; text-align: center; }
.v2 footer > div.container div.row:nth-child(2) { max-height: unset; }
.v2 footer .footer_content .footer_desc { max-height: unset; text-align: center; width: 100%; max-width: 100%; }
.v2 footer .footer_content .footer_desc div.desc { width: 100%; margin-top: 15px; }
.v2 footer .footer_content .footer_desc img { margin: auto; }
.v2 footer .footer_content .social_links ul { width: max-content; margin: auto; }
.v2 footer .footer_content .social_links ul li:last-child { margin-right: 0; }
.v2 footer .copyright_wrapper * { text-align: center; }
} .v2 #avis_simple { padding-top: 30px; padding-bottom: 35px; }
.v2 #avis_simple div.wpb_wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 30px; }
.v2 #avis_simple div.wpb_wrapper div.wpb_content_element:last-of-type { margin-bottom: 35px; }
.v2 #avis_simple div.wpb_wrapper img { height: 79px; width: auto; }
@media all AND (max-width: 991px) {
.v2 #avis_simple div.wpb_wrapper { justify-content: center; gap: 30px; }
.v2 #avis_simple div.wpb_wrapper div.wpb_content_element:last-of-type { margin-bottom: 0; }
}
@media all AND (max-width: 767px) { .v2 #avis_simple div.wpb_wrapper div.wpb_content_element img { width: 200px; height: auto; }
} .v2 #table_price { padding-top: 70px; padding-bottom: 70px; }
.v2 #table_price > div > .vc_column-inner { padding-top: 0; }
.v2 #table_price .basic_plan > .vc_column-inner > .wpb_wrapper { border: 1px solid var(--primary-color); box-shadow: none; border-radius: 10px; }
.v2 #table_price .basic_plan > .vc_column-inner > .wpb_wrapper:before { display: none !important; }
.v2 #table_price .popular_tag { background-color: var(--primary-color); color: var(--sixth-color); margin-bottom: 0 !important; white-space: nowrap; }
.v2 #table_price .popular_tag:before { border-color: transparent transparent var(--primary-color) transparent; }
.v2 #table_price .popular_tag:after { border-color: transparent transparent transparent var(--primary-color); }
.v2 #table_price .wpb_text_column,
.v2 #table_price .basic_plan h4,
.v2 #table_price .basic_plan div.title4,
.v2 #table_price .basic_plan h3,
.v2 #table_price .basic_plan div.title3 { font-size: 30px; line-height: 40px; color: var(--primary-color) !important; padding: 0 30px !important; font-weight: 600; margin-bottom: 6px; min-height: 38px; }
.v2 #table_price h4 strong,
.v2 #table_price div.title4 strong,
.v2 #table_price h3 strong,
.v2 #table_price div.title3 strong { font-size: 17px; line-height: 22px; font-weight: 600; background: #E2F8F1; color: #009F6E; float: right; box-shadow: none; padding: 4px 12px 3px; height: auto; width: fit-content; border-radius: 15px; }
.v2 #table_price .basic_plan .wpb_text_column.ideal { margin-bottom: 24px !important; }
.v2 #table_price div.ideal p { font-size: 16px; line-height: 26px; }
.v2 #table_price .basic_plan .price_section p.special_offer { line-height: 24px; }
.v2 #table_price .basic_plan .price_section p.special_offer strong { font-size: 16px; line-height: 21px; text-transform: uppercase; color: var(--primary-color) !important; }
.v2 #table_price .basic_plan .price_section p.price { color: var(--primary-color) !important; }
.v2 #table_price .basic_plan .price_section p.price strong { font-size: 35px; line-height: 47px; color: var(--primary-color) !important; }
.v2 #table_price .basic_plan .price_section p.price strong span.devise { font-size: 30px; line-height: 40px; margin: 0 4px; }
.v2 #table_price .basic_plan .price_section p.price em { font-size: 18px; line-height: 24px; position: relative; top: -5px; margin-right: 4px; }
.v2 #table_price p.bck_yellow_blight { font-size: 14px; line-height: 18px; color: var(--primary-color); padding: 6px 10px; width: 100%; background-color: #F5F6FA; margin-top: 5px; border-radius: 5px; }
.v2 #table_price p.bck_yellow_blight strong { font-size: 14px; line-height: 18px; font-weight: 600; color: var(--primary-color) !important; }
.v2 #table_price .basic_plan .price_section { margin-bottom: 30px !important; }
.v2 #table_price .btn-red { padding: 0 30px; margin-bottom: 30px; }
.v2 #table_price .btn-red a { position: relative; border: 0; background: linear-gradient(to right, #570CB9, #CD256A); color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; }
.v2 #table_price .btn-red a i:before { display: none; }
.v2 #table_price .btn-red a i.vc_btn3-icon.fa-angle-right { width: 15px; height: 15px; background: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/angle-down.svg) no-repeat center center; background-size: 15px auto !important; transform: rotate(270deg); position: relative; top: 0; left: -5px; transition: left 0.4s ease-out; }
.v2 #table_price .btn-red a:hover { opacity: 1; }
.v2 #table_price .btn-red a:hover i.vc_btn3-icon.fa-angle-right { left: 5px; }
.v2 #table_price .params_formule > div.wpb_wrapper { padding-top: 30px !important; border-top: 1px solid var(--primary-color); }
.v2 #table_price .basic_plan ul { padding: 0 !important; }
.v2 #table_price .basic_plan ul li { color: var(--primary-color); font-size: 15px; line-height: 26px; font-weight: 400; padding-left: 27px; background: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_vert.svg) no-repeat left 4px; background-size: 12px auto; background-position-y: 9px; position: relative; margin-bottom: 10px; }
.v2 #table_price .basic_plan ul li div.info_li { background: #E2F8F1; color: #000000; padding: 6px 10px; font-size: 14px; line-height: 18px; margin-top: 5px; }
.v2 #table_price .basic_plan .hide_show { display: none; }
.v2 #table_price .basic_plan ul li[data-tooltip] {
position: relative;
cursor: pointer; }
.v2 #table_price .basic_plan ul li[data-tooltip] .underline-custom-dashed {
background-image: repeating-linear-gradient(
to right,
#2E5FE2,
#2E5FE2 3px,
transparent 3px,
transparent 6px
);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 6px 1px;
padding-bottom: 2px;
} .v2 #table_price .basic_plan ul li[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: 125%; left: 50%;
transform: translateX(-50%);
background-color: var(--primary-color);
color: #fff;
padding: 15px 20px;
border-radius: 6px;
display: inline-block;
width: 100%;
max-width: 250px;
white-space: normal;
word-wrap: break-word;
font-size: 15px;
line-height: 25px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
z-index: 10;
} .v2 #table_price .basic_plan ul li[data-tooltip]:hover::after {
opacity: 1;
}
.v2 #table_price .basic_plan ul li.nop { background: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/croix_rouge.svg) no-repeat left 4px; background-size: 12px auto; background-position-y: 7px; }
.v2 #table_price .basic_plan ul li div.box { display: block; margin-top: 5px; font-size: 14px; line-height: 18px; background: #E2F8F1; padding: 6px 10px; border-radius: 5px; }
.v2 #table_price .basic_plan ul + div.show_more { margin-top: 25px; color: var(--secondary-color); font-size: 18px; line-height: 28px; font-weight: 500; text-decoration: none; text-align: center; }
.v2 #table_price .basic_plan ul + div.show_more::after { margin-left: 8px; position: relative; display: inline-block; content: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/chevron.svg); font-size: 16px; line-height: 26px; font-weight: 700; width: 16px; height: 16px; top: 3px; }
.v2 #table_price .basic_plan ul + div.show_more.open::after { transform: rotate(180deg); top: 9px; } 
.v2 #table_price .basic_plan ul + div.show_more:hover { cursor: pointer; }
.v2 #table_price .basic_plan h5.category { font-size: 18px; line-height: 28px; font-weight: 600; padding-bottom: 15px; }
.v2 #table_price .basic_plan h5.category:not(:first-of-type) { padding-top: 20px; }
.v2 #table_price .basic_plan h5.category.ia { padding-left: 27px; background: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/ia.svg) no-repeat left 4px; background-size: 14px auto; background-position-y: 7px; }
.v2 #table_price .year_block { max-width: 100%; padding-top: 0; }
.v2 #table_price .year_block div.vc_column-inner { padding: 0; }
.v2 #table_price .year_block > div > div > div.wpb_wrapper { display: flex; flex-direction: row; gap: 30px; justify-content: center; align-items: center; padding: 30px 60px; background-color: var(--fourth-color); border-radius: 10px; }
.v2 #table_price .year_block .award_text div.wpb_wrapper { display: block; }
.v2 #table_price .year_block .award_svg { margin-right: 0! important; }
.v2 #table_price .year_block .award_text { padding: 0 !important }
.v2 #table_price .year_block .award_text p.fw600 { font-size: 28px; line-height: 37px; font-weight: 600; margin-bottom: 8px; }
.v2 #table_price .year_block .award_text p.fw400 { font-size: 20px; line-height: 27px; }
.v2 #table_price .dfr4 { margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.v2 #table_price .dfr4 > div { width: max-content; }
.v2 #table_price .dfr4 > div .wpb_content_element { margin-bottom: 0; }
.v2 #table_price .dfr4 > div div.vc_column-inner { padding: 0; }
@media screen and (min-width: 768px) and (max-width: 1199px) {
.v2 #table_price { padding-top: 35px !important; padding-bottom: 35px !important; }
}
@media all AND (max-width: 991px) {
.v2 #table_price .dfr4 { justify-content: center; gap: 30px; }
}
@media (max-width: 767px) {
.v2 #table_price { padding-top: 35px; padding-bottom: 35px; }
.v2 #table_price div.plan_list_wrapper { justify-content: center; }
.v2 #table_price .basic_plan { width: 450px; max-width: 100%; } 
.v2 #table_price .basic_plan .wpb_text_column { margin-bottom: 20px !important; }
.v2 #table_price .dfr4 div.wpb_content_element { width: 100%; text-align: center; }
.v2 #table_price .dfr4 div.wpb_content_element img { width: 200px; height: auto; }
.v2 #table_price .basic_plan { order: 1; }
.v2 #table_price .ventes_plan { order: 2 !important; margin-top: 30px; }
.v2 #table_price .gold_plan { order: 3 !important; }
} .v2 #map_lws { padding: var(--padding-bloc-inner); }
.v2 #map_lws p.over_h2 { font-size: 20px; line-height: 27px; text-transform: uppercase; color: var(--primary-color); margin-bottom: 10px; }
.v2 #map_lws h2,
.v2 #map_lws div.title2 { font-size: 36px; line-height: 48px; font-weight: 600; color: var(--primary-color) !important; margin-bottom: 20px; }
.v2 #map_lws p.ss_title { font-size: 18px; line-height: 28px; color: var(--primary-color); }
.v2 #map_lws .img_full { margin-top: 70px; margin-bottom: 0; }
@media all AND (max-width: 991px) {
.v2 #map_lws {  padding-top: 35px; padding-bottom: 35px; }
} .v2 #awards_simple { padding: var(--padding-bloc-without-inner); }
.v2 #awards_simple .bloc_left { width: 45%; }
.v2 #awards_simple .bloc_left div.vc_col-sm-12 div.wpb_wrapper { border-left: 4px solid var(--primary-color); padding-left: 30px; }
.v2 #awards_simple .bloc_left h2,
.v2 #awards_simple .bloc_left div.title2 { font-size: 28px; line-height: 37px; color: var(--primary-color) !important; margin-bottom: 20px; }
.v2 #awards_simple .bloc_left p { font-size: 17px; line-height: 28px; color: var(--primary-color) !important; margin-bottom: 0; }
.v2 #awards_simple .bloc_right { width: 55%; }
@media all AND (max-width: 991px) {
.v2 #awards_simple {  padding-top: 35px; padding-bottom: 35px; }
.v2 #awards_simple .bloc_left,
.v2 #awards_simple .bloc_right { width: 100%; }
.v2 #awards_simple .bloc_left div.vc_col-sm-12 div.wpb_wrapper { border-left: 0; }
.v2 #awards_simple .bloc_left h2,
.v2 #awards_simple .bloc_left div.title2,
.v2 #awards_simple .bloc_left h2 + p { text-align: center !important; }
.v2 #awards_simple .bloc_right { margin-top: 30px; }
.v2 #awards_simple .bloc_right .vc_inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; }
.v2 #awards_simple .bloc_right .vc_inner > div { width: auto; }
}
@media (max-width: 767px) {
.v2 #awards_simple .bloc_right .vc_inner { gap: 30px 0; }
.v2 #awards_simple .bloc_right .vc_inner > div { width: calc(50% - 30px); }
.v2 #awards_simple .bloc_right .vc_inner > div .wpb_single_image { text-align: center; }
} .v2 div.lr_bloc_up { padding: var(--padding-bloc-without-inner-nobot); }
.v2 div.lr_bloc_up h2,
.v2 #awards_simple .bloc_left div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; margin-bottom: 20px; }
.v2 div.lr_bloc_up p.ss_title { font-size: 18px; line-height: 28px; color: var(--primary-color); }
@media all AND (max-width: 991px) {
.v2 div.lr_bloc_up { padding: 35px 30px 0 !important; }
} .v2 .avis_solo { padding: 70px 0;}
.v2 .avis_solo .img_left img { width: 100%; height: auto; border-radius: 10px; }
#avis_right .avis_quote { width: 40px; height: 40px; border-radius: 10px; margin-bottom: 20px; }
#avis_right .avis_desc p { font-size: 30px; line-height: 40px; color: #000000; }
#avis_right .info_avis > .wpb_wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 20px; background: #F5F6FA; border-radius: 10px; }
#avis_right .info_avis > .wpb_wrapper > .left { display: flex; flex-direction: row; gap: 10px; align-items: center; }
#avis_right .info_avis > .wpb_wrapper > .left > img { width: 40px; height: 40px; border-radius: 20px; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col { display: flex; flex-direction: column; gap: 4px; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col > .flex-row { display: flex; flex-direction: row; gap: 10px; align-items: center; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col > .flex-row > div.name { font-size: 17px; line-height: 17px; color: #000000; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col > .flex-row > div.star { display: flex; flex-direction: row; gap: 2px; align-items: center; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col > .flex-row > div.star img { width: 16px; height: 15px; }
#avis_right .info_avis > .wpb_wrapper > .left > .flex-col > div.nbr_avis { font-size: 15px; line-height: 15px; color: rgba(0, 0, 0, 0.5); }
#avis_right .info_avis > .wpb_wrapper > .right { display: flex; flex-direction: row; gap: 10px; align-items: center; font-size: 17px; line-height: 26px; }
#avis_right .info_avis > .wpb_wrapper > .right > img { width: 100px; height: 25px; } .v2 div.lr_bloc { padding: var(--padding-bloc-without-inner); justify-content: space-between; }
.v2 div.lr_bloc div.vc_column-inner { padding-top: 0 !important; }
.v2 div.lr_bloc div.d-flex-row { justify-content: space-between; }
.v2 div.lr_bloc > div.wpb_column > div.vc_column-inner { padding-left: 0; padding-right: 0; }
.v2 div.lr_bloc.bg_dark * { color: inherit; }
.v2 div.d-flex-row:before,
.v2 div.d-flex-row:after  { display: none; }
.v2 div.lr_bloc div.content_wrap { width: 550px; } .v2 div.lr_bloc div.content_wrap h2,
.v2 div.lr_bloc div.content_wrap div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; margin-bottom: 40px; }
.v2 div.lr_bloc.bg_dark div.content_wrap h2 { color: var(--sixth-color); }
.v2 div.lr_bloc div.content_wrap h3,
.v2 div.lr_bloc div.content_wrap div.title3 { font-size: 22px; line-height: 30px; font-weight: 600; margin-top: 50px; margin-bottom: 30px; }
.v2 div.lr_bloc div.content_wrap h3.with_lr_up,
.v2 div.lr_bloc div.content_wrap div.title3.with_lr_up { font-size: 30px; line-height: 40px; font-weight: 600; }
.v2 div.lr_bloc div.content_wrap h3.with_lr_up:first-of-type { margin-top: 0; }
.v2 div.lr_bloc div.content_wrap > * + * { margin-top: 30px; }
.v2 div.lr_bloc div.content_wrap ul { list-style: none; margin: 0 0 0 32px; }
.v2 div.lr_bloc div.content_wrap ul > li { position: relative; font-size: 17px; line-height: 28px; color: inherit !important; }
.v2 div.lr_bloc div.content_wrap ul > li:before { position: absolute; content: ''; left: -30px; top: 7px; width: 17px; height: 17px; background: transparent; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_noir.svg); }
.v2 div.lr_bloc.bg_dark div.content_wrap ul > li:before { background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_blanc.svg); }
.v2 div.lr_bloc div.content_wrap div.vc_btn3-container a.vc_btn3 { margin-top: 40px; width: max-content; max-width: 100%; }
.v2 div.lr_bloc div.content_wrap ul li:not(:last-of-type) { margin-bottom: 30px; }
.v2 div.lr_bloc div.content_wrap p { font-size: 17px; line-height: 28px; color: inherit; line-height: 28px; }
.v2 div.lr_bloc div.featured_img { width: 550px; }
.v2 div.lr_bloc div.featured_img img { max-width: 100%; height: auto; border-radius: 10px; }
.v2 div.lr_bloc div.content_wrap div.wpb_content_element { margin-bottom: 30px; }
.v2 div.lr_bloc div.content_wrap div.slug { font-size: 17px; line-height: 28px; text-transform: uppercase; margin-bottom: 20px; }
.v2 div.lr_bloc div.content_wrap div.vc_btn3-container { margin-bottom: 0 !important; } .v2 div.lr_bloc div.title_s { margin-top: 70px; }
.v2 div.lr_bloc div.title_s h3 { font-size: 20px; line-height: 27px; font-weight: 600; color: var(--primary-color) !important; }
.v2 div.lr_bloc div.galery_img { margin-top: 40px; }
.v2 div.lr_bloc div.galery_img ul.wpb_image_grid_ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.v2 div.lr_bloc div.galery_img ul.wpb_image_grid_ul li { position: static !important; }
.v2 div.lr_bloc div.galery_img ul.wpb_image_grid_ul li img { height: 35px; width: auto;}
.v2 div.lr_bloc div.galery_img div.wpb_content_element { margin-bottom: 0; }
.v2 div.lr_bloc .year_block { max-width: 100%; padding-top: 0; margin-top: 70px !important; }
.v2 div.lr_bloc .year_block div.vc_column-inner { padding: 0; }
.v2 div.lr_bloc .year_block > div > div > div.wpb_wrapper { display: flex; flex-direction: row; gap: 30px; justify-content: center; align-items: center; padding: 30px 0; background-color: var(--fourth-color); border-radius: 10px; }
.v2 div.lr_bloc .year_block .award_text div.wpb_wrapper { display: block; }
.v2 div.lr_bloc .year_block .award_svg { margin-right: 0! important; }
.v2 div.lr_bloc .year_block .award_text { padding: 0 !important }
.v2 div.lr_bloc .year_block .award_text p.fw600 { font-size: 28px; line-height: 37px; font-weight: 600; margin-bottom: 8px; }
.v2 div.lr_bloc .year_block .award_text p.fw400 { font-size: 20px; line-height: 27px; }
@media (max-width: 1199px) {
.v2 div.lr_bloc > div:first-child > div.vc_column-inner { padding: 0 0 0 30px; }
.v2 div.lr_bloc > div:last-child > div.vc_column-inner { padding: 0 30px 0 0; }
.v2 div.lr_bloc div.featured_img { width: calc(100% - 600px); }
.v2 div.lr_bloc > .vc_col-md-12 > div.vc_column-inner { padding: 0 30px !important; }
.v2 #table_price .year_block > div > div > div.wpb_wrapper { padding: 30px; }
}
@media all AND (max-width: 991px) {
.v2 div.lr_bloc { padding-top: 35px; padding-bottom: 35px; flex-direction: column; align-items: center; justify-content: center; gap: 30px; }
.v2 div.lr_bloc > div.vc_col-lg-7 { order: 2; width: 100%; margin-top: 0 !important; padding: 0 30px; }
.v2 div.lr_bloc > div.vc_col-lg-5 { order: 1; width: 100%; padding: 0 30px; }
.v2 div.lr_bloc div.vc_column-inner { padding: 0 !important; }
.v2 div.lr_bloc div.content_wrap h2,
.v2 div.lr_bloc div.content_wrap div.title2 { text-align: center !important; }
.v2 div.lr_bloc div.content_wrap ul { width: max-content; max-width: 620px; margin: auto; }
.v2 div.lr_bloc div.d-flex-row { justify-content: center; gap: 20px; }
.v2 div.lr_bloc div.d-flex-row > div.content_wrap { order: 2; }
.v2 div.lr_bloc div.d-flex-row > div.featured_img { order: 1; }
.v2 div.lr_bloc div.featured_img,
.v2 div.lr_bloc div.featured_img img { max-height: 350px; width: auto; }
.v2 div.lr_bloc div.featured_img img { width: auto; }
.v2 div.lr_bloc div.title_s { margin-top: 35px; }
.v2 div.lr_bloc div.galery_img ul.wpb_image_grid_ul { justify-content: center; flex-wrap: wrap; gap: 40px; height: auto !important; }
.v2 div.lr_bloc div.content_wrap div.vc_btn3-container a.vc_btn3 { margin: 40px auto 0; }
.v2 div.lr_bloc div.content_wrap p,
.v2 div.lr_bloc div.content_wrap div.slug { text-align: center !important; }
}
@media all AND (max-width: 767px) {
.v2 div.lr_bloc div.content_wrap ul { max-width: calc(100% - 80px); }
.v2 div.lr_bloc div.featured_img figure { margin: 0 auto; display: block; }
}
@media (max-width: 650px) {
.v2 #table_price .year_block > div > div > div.wpb_wrapper { flex-direction: column; }
.v2 #table_price .year_block .award_svg { margin-bottom: 0 !important; }
}
@media (max-width: 600px) {
.v2 div.lr_bloc div.content_wrap ul { width: 100%; }
} .v2 .avis3 { padding: var(--padding-bloc-without-inner); }
.v2 .avis3 div.wpb_raw_html { margin-bottom: 20px; }
.v2 .avis3 div.d-flex-row div.wpb_column div.wpb_wrapper {position: relative; height: 100%; } .v2 .avis3 div.d-flex-row div.wpb_column div.vc_column-inner { height: 100%; } .v2 .avis3 div.d-flex-row div.wpb_column div.wpb_content_element { margin-bottom: 30px; }
.v2 .avis3 div.d-flex-row div.wpb_column div.wpb_content_element.spe_marina { margin-bottom: 0px; padding-bottom: 62px; } .v2 .avis3 div.d-flex-row div.wpb_column div.wpb_content_element.spe_marina + div.wpb_single_image { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .v2 .avis3 div.d-flex-row > * { align-self: stretch; }
.v2 .avis3 h2,
.v2 .avis3 div.title2 { font-size: 20px; line-height: 27px; font-weight: 600; color: var(--primary-color) !important; margin-bottom: 15px; }
.v2 .avis3 h2.classic_title,
.v2 .avis3 div.title2.classic_title { font-size: 36px; line-height: 46px; font-weight: 600; color: var(--primary-color) !important; margin-bottom: 50px; }
.v2 .avis3 div.d-flex-row { gap: 0 30px; margin: 0; }
.v2 .avis3 div.d-flex-row div.wpb_column { padding: 30px 15px; border-radius: 10px; }
.v2 .avis3.bg_grey div.d-flex-row div.wpb_column { background: var(--bck-white); }
.v2 .avis3.bg_white div.d-flex-row div.wpb_column { background: var(--bck-grey); }
.v2 .avis3 div.d-flex-row div.wpb_column p.title { font-size: 20px; line-height: 27px; font-weight: 600; color: var(--primary-color) !important; margin-bottom: 15px; }
.v2 .avis3 div.d-flex-row div.wpb_column p:not(.title) { font-size: 17px; line-height: 28px; color: var(--primary-color) !important; }
.v2 .avis3 div.d-flex-row div.wpb_column img { height: 32px; width: auto; margin-top: -5px; }
.v2 .avis3 div.d-flex-row div.wpb_column div.wpb_single_image { margin: 0; }
.v2 .avis3 div.up_avis { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #D1D1D1; }
.v2 .avis3 div.up_avis div.name { font-size: 17px; line-height: 28px; color: var(--primary-color) !important; }
.v2 .avis3 div.up_avis div.star img { height: 19px; width: auto; }
.v2 .avis3 div.d-flex-row div.wpb_column .profile_desc,
.v2 .avis3 div.d-flex-row div.wpb_column .picture { display: inline-table; vertical-align: middle; margin-bottom: 0 !important; }
.v2 .avis3 div.d-flex-row div.wpb_column .picture .vc_single_image-wrapper img { width: auto; height: 45px !important; border-radius: 50%; }
.v2 .avis3 div.d-flex-row div.wpb_column .picture { position: relative; top: 5px;}
.v2 .avis3 div.d-flex-row div.wpb_column .profile_desc { margin-left: 10px; }
.v2 .avis3 div.d-flex-row div.wpb_column .profile_desc p { margin-bottom: 0; }
.v2 .avis3 div.d-flex-row div.wpb_column .profile_desc p.name { font-size: 20px; line-height: 27px; font-weight: 600; color: var(--primary-color) !important; }
.v2 .avis3 div.d-flex-row div.wpb_column .profile_desc p.job { font-size: 17px; line-height: 22px; color: var(--primary-color) !important; }
.v2 .avis3 .vc_separator { margin-top: 20px; }
.v2 .avis3 .vc_sep_line { border-top: 1px solid #D1D1D1 !important; }
.v2 .avis3 .history .history_btn { margin-bottom: 0; }
.v2 .avis3 .history .history_btn button.vc_btn3-size-md { font-size: 18px !important; line-height: 24px !important; font-weight: 400; height: 48px; padding: 0 20px !important; background-color: var(--sixth-color) !important; background: none; color: var(--primary-color) !important; border: 1px solid var(--primary-color); border-radius: 5px; }
.v2 .avis3 .star_history { gap: 0 5px !important; }
.v2 .avis3 .star_history img { height: 25px !important; width: auto; margin-top: 0 !important; }
@media all AND (max-width: 1199px) {
.v2 .avis3 h2,
.v2 .avis3 div.title2 { text-align: center !important; font-size: 36px; line-height: 46px; margin-bottom: 40px; }
.v2 .avis3 div.d-flex-row { gap: 30px; justify-content: center; }
.v2 .avis3 div.d-flex-row > div { width: 40%; }
}
@media all AND (max-width: 991px) {
.v2 .avis3 { padding-top: 35px; padding-bottom: 35px; }
.v2 .avis3 h2,
.v2 .avis3 div.title2 { font-size: 24px; line-height: 32px; }
.v2 .avis3 div.d-flex-row > div { width: 45%; }
}
@media all AND (max-width: 767px) {
.v2 .avis3 div.d-flex-row > div { width: 85%; }
.v2 .avis3 .history .history_btn { width: 100%; }
.v2 .avis3 .history .history_btn button.vc_btn3-size-md { margin: 0 auto; display: block; }
} .v2 #plan_includes_hebergement { padding: var(--padding-bloc-without-inner); }
.v2 #plan_includes_hebergement h2,
.v2 #plan_includes_hebergement div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; color: var(--primary-color) !important; padding: 0; }
.v2 #plan_includes_hebergement h2 + div.wpb_content_element { margin-bottom: 0; }
.v2 #plan_includes_hebergement h2 + div.wpb_content_element p { font-size: 18px; line-height: 24px; margin-top: 20px; }
.v2 #plan_includes_hebergement .performance_table .p_title { margin-top: 79px; }
.v2 #plan_includes_hebergement .performance_table .p_title ul { border: 1px solid var(--primary-color); border-right: none; }
.v2 #plan_includes_hebergement .performance_table .p_title,
.v2 #plan_includes_hebergement .performance_table .p_plan_wrapper { box-shadow: none; }
.v2 #plan_includes_hebergement .performance_table .p_plan { border: 1px solid var(--primary-color); border-left: none; }
.v2 #plan_includes_hebergement .performance_table .p_plan:first-child { border-top: none; border-right: none; border-bottom: none; box-shadow: inset 0 0 0 3px var(--secondary-color); }
.v2 #plan_includes_hebergement .performance_table .p_title ul li h6,
.v2 #plan_includes_hebergement .performance_table .p_title ul li p,
.v2 #plan_includes_hebergement .performance_table .p_plan ul li { font-size: 16px; line-height: 21px; color: var(--primary-color) !important; }
.v2 #plan_includes_hebergement .performance_table .p_plan .p_btn { padding-top: 30px; }
.v2 #plan_includes_hebergement .performance_table .p_plan .p_btn a { border: 0; background: linear-gradient(to right, #570CB9, #CD256A); color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; text-decoration: none; }
@media all AND (max-width: 991px) {
.v2 #plan_includes_hebergement { padding-top: 35px; padding-bottom: 35px; }
} .v2 #awards2 { padding: var(--padding-bloc-without-inner); }
.v2 #awards2 h2,
.v2 #awards2 div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; color: var(--primary-color) !important; padding: 0; }
.v2 #awards2 p.ss_title { font-size: 18px; line-height: 28px; color: var(--primary-color); margin-top: 20px; }
.v2 #awards2 .awards_logo:first-of-type { margin-top: 70px; }
.v2 #awards2 .awards_logo { margin-top: 50px; }
.v2 #awards2 .awards_logo .award_footer img { height: 130px; width: auto; }
.v2 #awards2 .awards_logo .award_footer { margin-bottom: 0; }
@media (max-width: 991px) {
.v2 #awards2 { padding-top: 35px; padding-bottom: 35px; }
.v2 #awards2 .awards_logo { display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center; }
.v2 #awards2 .awards_logo:last-of-type { display: none; }
.v2 #awards2 .awards_logo > div { width: 200px; }
} .v2 .bloc4cols { padding: var(--padding40-bloc-without-inner); }
.v2 .bloc4cols .wpb_single_image.wpb_content_element { margin-bottom: 0; }
.v2 .bloc4cols .wpb_single_image img { width: auto; height: 40px; }
.v2 .bloc4cols h5,
.v2 .bloc4cols div.title5 { font-size: 18px; line-height: 28px; color: var(--primary-color); margin-top: 30px; } .v2 .section_work { padding: var(--padding-bloc-without-inner); }
.v2 .section_work h2,
.v2 .section_work div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; color: var(--primary-color) !important; padding: 0; }
.v2 .section_work .step3 { margin-top: 50px; }
.v2 .section_work .step3 div.step_number { font-size: 80px; line-height: 106px; font-weight: 700; color: var(--secondary-color) !important; opacity: 0.25; }
.v2 .section_work .step3 h5,
.v2 .section_work .step3 h3 { font-size: 22px; line-height: 30px; font-weight: 600; color: var(--primary-color) !important; padding: 0; margin-top: 10px; }
.v2 .section_work .step3 p { font-size: 17px; line-height: 28px; font-weight: 400; color: var(--primary-color) !important; padding: 0; margin-top: 15px; }
.v2 .section_work .step3 .wpb_content_element { margin-bottom: 0; }
.v2 .section_work .btn-red { margin: 70px auto 0; padding: 0; }
.v2 .section_work .btn-red a { width: max-content; margin: auto; }
@media (max-width: 991px) {
.v2 .section_work { padding-top: 35px; padding-bottom: 35px; }
.v2 .section_work .btn-red a { max-width: 100%; line-height: 30px !important; }
} .v2 .services_section { padding: var(--padding-bloc-inner); }
.v2 .services_section * { color: inherit; }
.v2 .services_section h2,
.v2 .services_section div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; color: inherit !important; padding: 0; }
.v2 .services_section p { font-size: 18px; line-height: 24px; }
.v2 .services_section .cols3 { margin-top: 70px; gap: 70px 0; }
.v2 .services_section.without_title .cols3 { margin-top: 0; }
.v2 .services_section .cols3 img,
.v2 .services_section .wpb_single_image { height: 50px; width: auto; }
.v2 .services_section .cols3 h4,
.v2 .services_section .cols3 div.title4,
.v2 .services_section .cols3 h3,
.v2 .services_section .cols3 div.title3 { font-size: 22px; line-height: 30px; font-weight: 600; margin-top: 20px; padding-bottom: 6px; }
.v2 .services_section .cols3 p { font-size: 17px; line-height: 28px; }
.v2 .services_section .cols3 div.mt15 p { padding-top: 6px; }
.v2 .services_section .cols3 p a { color: var(--secondary-color) !important; }
.v2 .services_section .wpb_single_image,
.v2 .services_section .wpb_text_column { margin-bottom: 0 !important; }
.v2 .services_section div.title_s { margin-top: 70px; }
.v2 .services_section div.title_s h3 { font-size: 20px; line-height: 27px; font-weight: 600; color: var(--primary-color) !important; }
.v2 .services_section div.galery_img { margin-top: 40px; }
.v2 .services_section div.galery_img ul.wpb_image_grid_ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.v2 .services_section div.galery_img ul.wpb_image_grid_ul li { position: static !important; }
.v2 .services_section div.galery_img ul.wpb_image_grid_ul li img { height: 35px; width: auto;}
.v2 .services_section div.galery_img div.wpb_content_element { margin-bottom: 0; }
.v2 .services_section .year_block { max-width: 100%; padding-top: 0; margin-top: 70px !important; }
.v2 .services_section .year_block div.vc_column-inner { padding: 0; }
.v2 .services_section .year_block > div > div > div.wpb_wrapper { display: flex; flex-direction: row; gap: 30px; justify-content: center; align-items: center; padding: 30px 0; background-color: var(--fourth-color); border-radius: 10px; }
.v2 .services_section .year_block .award_text div.wpb_wrapper { display: block; }
.v2 .services_section .year_block .award_svg { margin-right: 0! important; }
.v2 .services_section .year_block .award_text { padding: 0 !important }
.v2 .services_section .year_block .award_text p.fw600 { font-size: 28px; line-height: 37px; font-weight: 600; margin-bottom: 8px; }
.v2 .services_section .year_block .award_text p.fw400 { font-size: 20px; line-height: 27px; }
.v2 .services_section .year_block .wpb_single_image { height: 100px; }
@media (max-width: 1199px) {
.v2 .services_section .year_block > div > div > div.wpb_wrapper { padding: 30px; }
}
@media (max-width: 991px) {
.v2 .services_section { padding-bottom: 35px; }
.v2 .services_section > .wpb_column > .vc_column-inner { padding-top: 0 !important; }
}
@media (max-width: 650px) {
.v2 .services_section .year_block > div > div > div.wpb_wrapper { flex-direction: column; }
.v2 .services_section .year_block .award_svg { margin: 0 auto !important; }
} .v2 #faq { color: var(--primary-color); padding: var(--padding-bloc-inner); }
.v2 #faq h2,
.v2 #faq div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 #faq .vc_tta-panels { margin-top: 50px; }
.v2 #faq .vc_tta-panel { background-color: var(--sixth-color); border: 1px solid var(--primary-color); border-radius: 10px; padding: 30px; box-shadow: none; margin-bottom: 20px; }
.v2 #faq .vc_tta-panel:last-of-type { margin-bottom: 0; }
.v2 #faq .vc_tta-panel .vc_tta-panel-body { border-top: 1px solid #D1D1D1; margin-top: 30px; padding: 30px 0 0; }
.v2 #faq .vc_tta-panel .card-body { padding: 0; }
.v2 #faq .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title a,
.v2 #faq .vc_tta-panel .vc_tta-panel-heading div.title4 a,
.v2 #faq .vc_tta-panel .vc_tta-panel-heading h3.vc_tta-panel-title a,
.v2 #faq .vc_tta-panel .vc_tta-panel-heading div.title3 a { font-size: 22px; line-height: 32px; font-weight: 600; color: var(--primary-color); padding: 0 20px; }
.v2 #faq .vc_tta-panel-heading:hover { background-color: transparent; }
.v2 #faq .vc_tta-panel p { font-size: 17px; line-height: 28px; color: inherit; }
.v2 #faq .vc_tta-container { margin-bottom: 0; }
.v2 #faq .vc_tta .vc_tta-controls-icon { width: 15px; height: 15px; }
.v2 #faq .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before { left: -15px; top: -10px; width: 15px; height: 8.25px; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/fleche.svg); border: none; }
.v2 #faq .vc_tta-panel:not(.vc_active) .vc_tta-controls-icon.vc_tta-controls-icon-triangle { transform: rotate(180deg); }
.v2 #faq .vc_tta-panel-body ul { list-style: none; }
.v2 #faq .vc_tta-panel-body ul li { color: inherit; padding-left: 30px; }
.v2 #faq .vc_tta-panel-body ul li:not(:last-of-type) { margin-bottom: 10px; }
.v2 #faq .vc_tta-panel-body ul > li:before { position: absolute; content: ''; left: 0px; top: 7px; width: 17px; height: 17px; background: transparent; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_noir.svg); }
.v2 #faq .vc_tta-panel-body div.wpb_content_element:not(:last-of-type) { margin-bottom: 20px; }
.v2 #faq .card-body > * { margin-bottom: 20px !important; }
.v2 #faq .card-body > *:last-child { margin-bottom: 0 !important; }
@media (max-width: 991px) {
.v2 #faq { padding-bottom: 35px; }
.v2 #faq .vc_column_container .vc_column-inner { padding-top: 0 !important; }
} .v2 .table_without_border { padding: var(--padding-bloc-without-inner); }
.v2 .table_without_border h2,
.v2 .table_without_border div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .table_without_border p.ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 .table_without_border .wpb_content_element { margin-bottom: 0; } .v2 .table_without_border table { border: 1px solid var(--primary-color) !important; background: #ffffff; width: 100%; box-shadow: none; margin: 50px 0 0; }
.v2 .table_without_border table thead { border-bottom: 3px solid var(--secondary-color); }
.v2 .table_without_border table thead tr th,
.v2 .table_without_border table tbody tr td:first-of-type { font-weight: 600; }
.v2 .table_without_border table tr th,
.v2 .table_without_border table tr td { font-size: 16px; line-height: 21px; padding: 15px 10px; text-align: left; }
.v2 .table_without_border table thead tr th:first-of-type,
.v2 .table_without_border table tbody tr td:first-of-type { padding: 15px 10px 15px 20px; }
.v2 .table_without_border table thead tr th:last-of-type,
.v2 .table_without_border table tbody tr td:last-of-type { padding: 15px 20px 15px 10px; }
.v2 .table_without_border table thead tr th:not(:first-of-type) { width: 181px; }
.v2 .table_without_border table tbody tr:not(:last-of-type) { border-bottom: 1px solid rgba(0,0,0,0.2); }
.v2 .table_without_border table tbody tr:last-of-type { border-bottom: none; }
@media (max-width: 991px) {
.v2 .table_without_border { padding-top: 35px; padding-bottom: 40px; }
.v2 .table_without_border table tr th,
.v2 .table_without_border table tr td { vertical-align: middle; }
.v2 .table_without_border table thead tr th:not(:first-of-type) { width: auto; }
.v2 .table_without_border table thead tr th:not(:first-of-type),
.v2 .table_without_border table tbody tr td:not(:first-of-type) { text-align: center; }
}
@media (max-width: 600px) {
.v2 .table_without_border table thead { display: none; }
.v2 .table_without_border table tbody tr { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; }
.v2 .table_without_border table tbody tr td:first-of-type { width: 100%; padding: 15px 20px !important; }
.v2 .table_without_border table tbody tr td:not(:first-of-type) { text-align: left; padding: 0 20px 15px !important; } .v2 .table_without_border table tbody tr td:nth-child(2),
.v2 .table_without_border table tbody tr td:nth-child(3) { width: calc((100% - 185px) / 2 ); }
.v2 .table_without_border table tbody tr td:nth-child(4) { width: 185px; }
.v2 .table_without_border table tbody tr td:nth-child(2):before { content: 'Prix panier'; position: relative; display: block; text-decoration: underline; margin-bottom: 5px; }
.v2 .table_without_border table tbody tr td:nth-child(3):before { content: 'Commission'; position: relative; display: block; text-decoration: underline; margin-bottom: 5px; }
.v2 .table_without_border table tbody tr td:nth-child(4):before { content: 'Taux de reversement'; position: relative; display: block; text-decoration: underline; margin-bottom: 5px; }
}
@media (max-width: 449px) {
.v2 .table_without_border table tbody tr td:first-of-type { text-align: center; }
.v2 .table_without_border table tbody tr td:nth-child(2),
.v2 .table_without_border table tbody tr td:nth-child(3),
.v2 .table_without_border table tbody tr td:nth-child(4) { width: 100%; text-align: center; }
} .v2 .compare_offer { padding: var(--padding-bloc-without-inner); }
.v2 .compare_offer h2,
.v2 .compare_offer div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .compare_offer p.ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 .compare_offer .wpb_content_element { margin-bottom: 0; }
.v2 .compare_offer div#carac_table { margin-top: 70px; color: var(--primary-color); border: 1px solid var(--primary-color) !important; background: #ffffff; width: 100%; box-shadow: none; padding: 30px; border-radius: 10px; }
.v2 .compare_offer div.type:not(:first-child) { margin-top: 70px; }
.v2 .compare_offer div.type div.header_type,
.v2 .compare_offer div.type div.content_type { display: flex; flex-direction: row; gap: 0 40px; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.v2 .compare_offer div.type div.header_type { border-bottom: 1px solid var(--secondary-color); padding-bottom: 20px; }
.v2 .compare_offer div.type div.content_type { position: relative; padding: 20px 0; }
.v2 .compare_offer div.type div.header_type div:first-of-type { width: 390px; font-size: 20px; line-height: 30px; font-weight: 600; color: var(--secondary-color); }
.v2 .compare_offer div.type div.header_type div strong { font-size: 18px; line-height: 24px; font-weight: 600; }
.v2 .compare_offer div.type div.header_type div { font-size: 17px; line-height: 22px; width: 200px; }
.v2 .compare_offer div.type div.header_type em { position: relative; font-size: 17px; line-height: 28px; font-style: normal; }
.v2 .compare_offer div.type div.header_type em:after { display: block; content: ""; width: 100%; height: 1px; background: #090C2D; position: absolute; left: 0; bottom: 10px; }
.v2 .compare_offer div.type div.content_type div:first-of-type { width: 390px; font-weight: 600; }
.v2 .compare_offer div.type div.content_type:after { position: absolute; content: ''; width: calc(100% - 426px); height: 1px; right: 0; bottom: 0; background: rgba(0,0,0,0.2); }
.v2 .compare_offer div.type div.content_type div { font-size: 16px; line-height: 21px; width: 200px; height: 21px; display: flex; align-items: center; }
.v2 .compare_offer div.type div.content_type div img.check { width: 17px; height: auto; }
.v2 .compare_offer div.type div.content_type.btn_table:after { display: none; }
.v2 .compare_offer div.type div.content_type.btn_table div a { font-size: 20px; line-height: 27px; font-weight: 700; color: var(--sixth-color); margin-top: 29px; padding: 13px 30px 15px; border: 0; background: linear-gradient(to right, #570CB9, #CD256A); border-radius: 5px; text-decoration: none; }
.v2 .compare_offer div.type div.content_type.btn_table div a:hover { opacity: 0.8; }
.v2 .compare_offer div.type:last-child div.content_type.btn_table { padding: 0; }
.v2 .compare_offer div.type:last-child div.content_type.btn_table div { height: auto; }
.v2 .compare_offer div.type div.header_type.fixed { position: fixed; top: 60px; background: #fff; z-index: 9; padding-top: 40px; }
@media (max-width: 1199px) {
.v2 .compare_offer div.type div.content_type:after { width: 635px; }
.v2 .compare_offer div.type div.header_type div:first-of-type,
.v2 .compare_offer div.type div.content_type div:first-of-type { width: calc(100% - 640px); }
.v2 .compare_offer div.type div.header_type div,
.v2 .compare_offer div.type div.content_type div { width: 200px; }
.v2 .compare_offer div.type div.header_type.fixed { width: calc(100% - 90px); }
}
@media (max-width: 991px) {
.v2 .compare_offer { padding-top: 35px; padding-bottom: 40px; }
.v2 .compare_offer div.type div.header_type div,
.v2 .compare_offer div.type div.content_type div { width: 140px; }
.v2 .compare_offer div.type div.header_type div:first-of-type,
.v2 .compare_offer div.type div.content_type div:first-of-type { width: calc(100% - 500px); }
.v2 .compare_offer div.type div.content_type:after { width: 470px; }
}
@media (max-width: 767px) {
.v2 .compare_offer div.type div.header_type div:not(:first-of-type),
.v2 .compare_offer div.type div.header_type.fixed { display: none; }
.v2 .compare_offer div.type div.header_type div:first-of-type { width: 100%; }
.v2 .compare_offer div.type div.content_type { flex-wrap: wrap; justify-content: space-between; gap: 0; }
.v2 .compare_offer div.type div.content_type div:first-of-type { width: 100%; padding: 15px 0px !important; }
.v2 .compare_offer div.type div.content_type:after { width: 100%; }
.v2 .compare_offer div.type div.content_type div { width: calc(100% / 3); display: block; height: unset; }
.v2 .compare_offer div.type div.content_type div:nth-child(2):before { content: 'Basic Plan'; position: relative; display: block; text-decoration: underline; margin-top: 10px; margin-bottom: 5px; }
.v2 .compare_offer div.type div.content_type div:nth-child(3):before { content: 'Business Plan'; position: relative; display: block; text-decoration: underline; margin-top: 10px; margin-bottom: 5px; }
.v2 .compare_offer div.type div.content_type div:nth-child(4):before { content: 'Gold Plan'; position: relative; display: block; text-decoration: underline; margin-top: 10px; margin-bottom: 5px; }
.v2 .compare_offer div.type div.content_type { padding: 20px 0; }
.v2 .compare_offer div.type:not(:first-child) { margin-top: 40px; }
.v2 .compare_offer div.type div.content_type.btn_table div a { display: block; margin-top: 15px; width: max-content; padding: 8px 15px 10px; font-size: 18px; line-height: 22px; }
}
@media (max-width: 599px) {
.v2 .compare_offer div.type div.content_type div { width: 100%; }
.v2 .compare_offer div.type div.content_type div:nth-child(2):before,
.v2 .compare_offer div.type div.content_type div:nth-child(3):before,
.v2 .compare_offer div.type div.content_type div:nth-child(4):before { display: inline-block; margin-right: 5px; }
.v2 .compare_offer div.type div.content_type div:nth-child(2):before { content: 'Basic Plan : '; }
.v2 .compare_offer div.type div.content_type div:nth-child(3):before { content: 'Business Plan : '; }
.v2 .compare_offer div.type div.content_type div:nth-child(4):before { content: 'Gold Plan : '; }
.v2 .compare_offer div.type div.content_type.btn_table div { padding: 10px 0; }
.v2 .compare_offer div.type div.content_type.btn_table div:nth-child(2) { padding-top: 0; }
.v2 .compare_offer div.type div.content_type.btn_table div a { display: inline-block; margin-left: 10px; }
} .v2 .satisfyR { position: relative; z-index: 2; padding: var(--padding-bloc-without-inner); overflow: inherit !important; }
.v2 .satisfyR h2,
.v2 .satisfyR div.title2 { margin-bottom: 50px; }
.v2 .satisfyR.withsub h2,
.v2 .satisfyR.withsub div.title2 { margin-bottom: 20px; }
.v2 .satisfyR div.vc_btn3-container { max-width: 100%; margin: auto; width: max-content; }
.v2 .satisfyR.withsub div.vc_btn3-container { margin: 40px auto 0; }
.v2 .satisfyR div.wpb_content_element { margin-bottom: 0; }
.v2 .satisfyR #sat { margin-top: 15px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0 10px; }
.v2 .satisfyR #sat img { height: 25px; width: auto; }
.v2 .satisfyR #sat p { margin-right: 6px; }
.v2 .satisfyR #sat span.tooltip { position: relative; }
.v2 .satisfyR #sat span.tooltip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 17px; height: 17px; }
.v2 .satisfyR #sat span.tooltip:hover { cursor: pointer; }
.v2 .satisfyR #sat span.tooltip:hover:before { position: absolute; content:''; width: 0; top: 17px; right: -7px; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #000000 transparent; }
.v2 .satisfyR #sat span.tooltip:hover:after { cursor: initial; position: absolute; z-index: 2; content: attr(data-text); min-width: 300px; max-width: 500px; height: auto; font-size: 12px; line-height: 18px; border: 2px solid var(--primary-color); background-color: var(--sixth-color); right: -30px; top: 25px; padding: 5px 10px; }
.v2 .satisfyR a.vc_btn3 i.vc_btn3-icon { position: relative; top: 5px; right: 0 !important; }
@media (max-width: 991px) {
.v2 .satisfyR { padding-top: 35px; padding-bottom: 35px; }
}
@media (max-width: 767px) {
.v2 .satisfyR div.vc_btn3-container { width: 400px; max-width: 100%; margin: auto; }
} .v2 section.wpb-content-wrapper > div#list_extension { position: relative; padding: var(--padding-bloc-without-inner); border-radius: 0 !important; }
#list_extension.p_without_inner { padding-top: 40px !important; padding-bottom: 40px !important; }
.v2 #list_extension { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 #list_extension h2,
.v2 #list_extension div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 #list_extension p.ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 #list_extension .bloc_ext { margin-top: 50px; display: flex; flex-direction: row; justify-content: center; gap: 30px; }
.v2 #list_extension .bloc_ext div.wpb_content_element { margin-bottom: 0; }
.v2 #list_extension .bloc_ext > div { width: 270px; border: 1px solid var(--primary-color); padding: 10px 20px 20px; background-color: var(--sixth-color); border-radius: 10px; }
.v2 #list_extension .bloc_ext > div:hover { cursor: pointer; border: 1px solid var(--secondary-color); box-shadow: 0px 0px 1px 1px var(--secondary-color); }
.v2 #list_extension .bloc_ext > div div.ext_text { font-size: 36px; line-height: 46px; font-weight: 700; }
.v2 #list_extension .bloc_ext > div div.ext_desc { margin-top: 10px; font-size: 16px; line-height: 26px; font-weight: 400; }
.v2 #list_extension .bloc_ext > div div.ext_price { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; justify-content: center; margin-top: 10px; margin-bottom: 0; }
.v2 #list_extension .bloc_ext > div div.ext_price em { position: relative; font-size: 18px; line-height: 24px; font-weight: 400; font-style: normal; margin-right: 12px; }
.v2 #list_extension .bloc_ext > div div.ext_price em:after { display: block; content: ""; width: 100%; height: 1px; background: #090C2D; position: absolute; left: 0; bottom: 10px; transform: rotate(-16deg); }
.v2 #list_extension .bloc_ext > div div.ext_price span.price { font-size: 35px; line-height: 47px; font-weight: 700; margin-right: 4px; }
.v2 #list_extension .bloc_ext > div div.ext_price span.devise { font-size: 30px; line-height: 40px; font-weight: 700; margin-right: 8px; }
.v2 #list_extension .bloc_ext > div div.ext_price span.duree { font-size: 16px; line-height: 21px; font-weight: 400; }
.v2 #list_extension .bloc_ext > div div.btn-red { padding: 0; margin: 20px auto 0; width: 175px; }
.v2 #list_extension .link_bottom p { position: relative; margin-top: 50px; color: inherit; font-size: 17px; line-height: 26px; font-weight: 700; }
.v2 #list_extension .link_bottom p a { color: var(--primary-color); }
.v2 #list_extension .link_bottom p:before { position: relative; content: '+'; font-size: 17px; line-height: 26px; font-weight: 700; left: -5px; }
@media (max-width: 991px) {
.v2 #list_extension { padding-top: 35px; padding-bottom: 35px; }
} .v2 #list_service { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 #list_service h2,
.v2 #list_service div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 #list_service p.ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 #list_service .bloc_ext { margin-top: 50px; display: flex; flex-direction: row; justify-content: center; gap: 30px; }
.v2 #list_service .bloc_ext div.wpb_content_element { margin-bottom: 0; }
.v2 #list_service .bloc_ext > div { width: 375px; border: 0; border-radius: 10px; padding: 30px 15px; background-color: var(--sixth-color); }
.v2 #list_service.bg_white .bloc_ext > div { border: 1px solid #000000; }
.v2 #list_service .bloc_ext > div:hover { cursor: pointer; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.v2 #list_service .bloc_ext > div div.ext_text { font-size: 22px; line-height: 30px; font-weight: 600; }
.v2 #list_service .bloc_ext > div div.ext_desc { margin-top: 10px; font-size: 16px; line-height: 26px; font-weight: 400; }
.v2 #list_service .bloc_ext > div div.ext_price { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: baseline; justify-content: center; margin-top: 10px; margin-bottom: 0; }
.v2 #list_service .bloc_ext > div div.ext_price em { position: relative; font-size: 18px; line-height: 24px; font-weight: 400; font-style: normal; margin-right: 12px; }
.v2 #list_service .bloc_ext > div div.ext_price em:after { display: block; content: ""; width: 100%; height: 1px; background: #090C2D; position: absolute; left: 0; bottom: 10px; transform: rotate(-16deg); }
.v2 #list_service .bloc_ext > div div.ext_price span.price { font-size: 35px; line-height: 47px; font-weight: 700; margin-right: 4px; }
.v2 #list_service .bloc_ext > div div.ext_price span.devise { font-size: 30px; line-height: 40px; font-weight: 700; margin-right: 8px; }
.v2 #list_service .bloc_ext > div div.ext_price span.duree { font-size: 16px; line-height: 21px; font-weight: 400; }
.v2 #list_service .bloc_ext > div div.btn-red { padding: 0; margin: 20px auto 0; width: 175px; }
@media (max-width: 991px) {
.v2 #list_service { padding-top: 35px; padding-bottom: 35px; }
}
@media (max-width: 767px) {
.v2 #list_service .bloc_ext > div { width: 90%; max-width: 370px; }
} .v2 .bloc_link { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 .bloc_link h2,
.v2 .bloc_link div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .bloc_link .dfr4 { margin-top: 50px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 30px; }
.v2 .bloc_link .dfr4 > div { width: 270px; }
.v2 .bloc_link .dfr4 > div .wpb_content_element { margin-bottom: 0; }
.v2 .bloc_link .dfr4 > div a { display: block; font-size: 17px; line-height: 22px; width: max-content; max-width: 100%; margin: auto; }
.v2 .bloc_link .dfr4 > div a:not(:first-child) { margin-top: 30px; }
.v2 .bloc_link .dfr4 > div div.vc_column-inner { padding: 0; }
@media (max-width: 991px) {
.v2 .bloc_link { padding-top: 35px; padding-bottom: 40px; }
.v2 .bloc_link .dfr4 { flex-wrap: wrap; }
.v2 .bloc_link .dfr4 > div { width: calc(33% - 30px); }
.v2 .bloc_link .dfr4 > div:last-of-type { display: none; }
}
@media (max-width: 767px) {
.v2 .bloc_link .dfr4 > div { width: calc(50% - 30px); }
.v2 .bloc_link .dfr4 > div:last-of-type { display: unset; }
}
@media (max-width: 500px) {
.v2 .bloc_link .dfr4 > div { width: 100%; }
} .v2 .bloc_info_company { position: relative; padding: var(--padding-bloc-without-inner2); }
.v2 .bloc_info_company h2,
.v2 .bloc_info_company div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .bloc_info_company .dfr4 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 30px; }
.v2 .bloc_info_company .dfr4 > div { width: 270px; }
.v2 .bloc_info_company .dfr4 > div img { width: 60px; height: auto; }
.v2 .bloc_info_company .dfr4 > div div.little_size { margin-top: 20px; font-size: 20px; line-height: 27px; }
.v2 .bloc_info_company .dfr4 > div div.big_size { margin-top: 5px; font-size: 36px; line-height: 48px; font-weight: 600; }
.v2 .bloc_info_company .dfr4 > div .wpb_content_element { margin-bottom: 0; }
.v2 .bloc_info_company .dfr4 > div div.vc_column-inner { padding: 0; }
@media (max-width: 991px) {
.v2 .bloc_info_company { padding-top: 35px; padding-bottom: 40px; }
.v2 .bloc_info_company .dfr4 { flex-wrap: wrap; }
.v2 .bloc_info_company .dfr4 > div { width: calc(50% - 30px); }
}
@media (max-width: 600px) {
.v2 .bloc_info_company .dfr4 > div { width: 100%; }
} .v2 .bloc_theme { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 .bloc_theme h2,
.v2 .bloc_theme div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .bloc_theme .ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 .bloc_theme .dfr3 { margin-top: 70px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 30px; }
.v2 .bloc_theme .dfr3 > div { width: 370px; border: 1px solid var(--primary-color); border-radius: 10px; }
.v2 .bloc_theme .dfr3 > div .wpb_content_element { margin-bottom: 0; }
.v2 .bloc_theme .dfr3 > div div.vc_column-inner { padding: 0; }
.v2 .bloc_theme .dfr3 > div img { width: 100%; border-radius: 10px; }
.v2 .bloc_theme div.btn-red { margin: 50px auto 0; }
.v2 .bloc_theme div.btn-red a { width: max-content; max-width: 100%; margin: auto; }
@media (max-width: 1260px) {
.v2 .bloc_theme .dfr3 { padding: 0 30px; }
}
@media (max-width: 991px) {
.v2 .bloc_theme { padding-top: 35px; padding-bottom: 40px; }
} .v2 .mid_block { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 .mid_block h2,
.v2 .mid_block div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .mid_block .wpb_content_element { margin: 50px auto 0; }
.v2 .mid_block .vc_btn3-container { margin: 30px 0 0; }
.v2 .mid_block .vc_btn3-container a { width: max-content; max-width: 100%; margin: auto; }
@media (max-width: 991px) {
.v2 .mid_block { padding-top: 35px; padding-bottom: 40px; }
}
@media (max-width: 767px) {
.v2 .mid_block:not(.contact_bloc):not(.cgv_bloc) { display: none; }
} .v2 #one_formule { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 #one_formule h2,
.v2 #one_formule div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 #one_formule .ss_title { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 #one_formule .dfr3 { border: 1px solid var(--primary-color); margin: 50px 0 0; padding: 30px 50px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 50px; border-radius: 10px; }
.v2 #one_formule .dfr3 > div { width: 304px; }
.v2 #one_formule .dfr3 > div:first-child { width: 360px; border-right: 1px solid var(--primary-color); padding-right: 49px; }
.v2 #one_formule .dfr3 > div .wpb_content_element { margin-bottom: 0; }
.v2 #one_formule .dfr3 > div div.vc_column-inner { padding: 0; }
.v2 #one_formule .dfr3 > div ul { list-style: none; margin: 0; }
.v2 #one_formule .dfr3 > div ul li { font-size: 16px; line-height: 21px; padding-left: 27px; background: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_noir.svg) no-repeat left 4px; background-size: 12px auto; position: relative; background-position-y: 6px; margin-bottom: 15px; }
.v2 #one_formule .dfr3 > div ul li strong { font-weight: 700; }
.v2 #one_formule .dfr3 > div:first-child h4,
.v2 #one_formule .dfr3 > div:first-child div.title4 { font-size: 30px; line-height: 40px; font-weight: 600; color: var(--primary-color) !important; padding: 0 !important; }
.v2 #one_formule .dfr3 > div:first-child h4 strong,
.v2 #one_formule .dfr3 > div:first-child div.title4 strong { font-size: 17px; line-height: 22px; font-weight: 600; color: var(--primary-color); float: right; box-shadow: none; border: 1px solid var(--primary-color); padding: 4px 12px 3px; height: auto; width: fit-content; border-radius: 15px; }
.v2 #one_formule .dfr3 > div:first-child h3,
.v2 #one_formule .dfr3 > div:first-child div.title3 { font-size: 30px; line-height: 40px; font-weight: 600; color: var(--primary-color) !important; padding: 0 !important; }
.v2 #one_formule .dfr3 > div:first-child h3 strong,
.v2 #one_formule .dfr3 > div:first-child div.title3 strong { font-size: 17px; line-height: 22px; font-weight: 600; color: var(--primary-color); float: right; box-shadow: none; border: 1px solid var(--primary-color); padding: 4px 12px 3px; height: auto; width: fit-content; border-radius: 15px; }
.v2 #one_formule .dfr3 > div:first-child div.ideal { margin-bottom: 24px !important; }
.v2 #one_formule .dfr3 > div:first-child div.ideal p { font-size: 16px; line-height: 26px; color: inherit; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.special_offer { line-height: 24px; margin-bottom: 0; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.special_offer strong { font-size: 16px; line-height: 21px; text-transform: uppercase; color: var(--primary-color) !important; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.price { color: var(--primary-color) !important; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.price strong { font-size: 35px; line-height: 47px; color: var(--primary-color) !important; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.price strong span.devise { font-size: 30px; line-height: 40px; margin: 0 4px; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.price em { font-size: 18px; line-height: 24px; position: relative; top: -5px; margin-right: 4px; font-style: normal; }
.v2 #one_formule .dfr3 > div:first-child .price_section p.price em:after { display: block; content: ""; width: 100%; height: 1px; background: #090C2D; position: absolute; left: 0; bottom: 10px; }
.v2 #one_formule .dfr3 > div:first-child p.bck_yellow_blight { font-size: 16px; line-height: 21px; color: var(--primary-color); padding: 5px 10px; width: max-content; max-width: 100%; background-color: var(--fourth-color); margin-top: 5px; }
.v2 #one_formule .dfr3 > div:first-child .price_section { margin-bottom: 30px !important; }
.v2 #one_formule .dfr3 > div:first-child div.btn-red { margin-bottom: 0; padding: 0; }
.v2 #one_formule .dfr3 > div:first-child div.btn-red i.vc_btn3-icon { position: relative; right: unset; top: unset; transform: none;}
.v2 #one_formule .dfr4 { margin: 40px 0 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.v2 #one_formule .dfr4 > div { width: max-content; }
.v2 #one_formule .dfr4 > div .wpb_content_element { margin-bottom: 0; }
.v2 #one_formule .dfr4 > div div.vc_column-inner { padding: 0; }
@media (max-width: 1199px) {
.v2 #one_formule .dfr3 > div:first-child { width: 100%; border-right: 0; padding-right: 0; padding-bottom: 40px; border-bottom: 1px solid var(--primary-color); }
.v2 #one_formule .dfr3 > div:first-child > div > .wpb_wrapper { width: 400px; max-width: 100%; margin: auto; }
}
@media (max-width: 991px) {
.v2 #one_formule { padding-top: 35px; padding-bottom: 40px; }
.v2 #one_formule .dfr4 { justify-content: center; gap: 30px; }
.v2 #one_formule .dfr3 { gap: 20px; }
}
@media (max-width: 767px) {
.v2 #one_formule .dfr3 { gap: 0 30px; }
.v2 #one_formule .dfr3 > div:nth-child(2) ul { margin-top: 40px; }
}
@media (max-width: 450px) {
.v2 #one_formule .dfr3 > div:first-child h4 strong,
.v2 #one_formule .dfr3 > div:first-child div.title4 strong { display: none; }
} .v2 #promotion { position: relative; z-index: 1; padding: 20px 0; }
.v2 #promotion p { font-size: 16px; line-height: 21px; font-weight: 400; color: var(--primary-color) !important; } .v2 .listing_blog { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 .listing_blog h2,
.v2 .listing_blog div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .listing_blog .subtitle { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 .listing_blog h2 + div.floatr { position: absolute; right: 15px; top: 0; font-size: 17px; line-height: 26px; font-weight: 700; margin: 10px 0 0; }
.v2 .listing_blog h2 + div.floatr a { color: #000; text-decoration: none; }
.v2 .listing_blog h2 + div.floatr a span { text-decoration: underline; }
.v2 .listing_blog .dflex3 { margin-top: 50px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 40px; }
.v2 .listing_blog .dflex3 .flex-element { align-self: stretch; background: #fff; width: calc((100% - 80px) / 3); 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; }
.v2 .listing_blog .dflex3 .flex-element:hover { cursor: pointer; }
.v2 .listing_blog .dflex3 .flex-element a { display: flex; flex-direction: column; gap: 0; color: #000; text-decoration: none; }
.v2 .listing_blog .dflex3 img { width: 100%; height: auto; border-radius: 10px 10px 0 0; }
.v2 .listing_blog .dflex3 .flex-element .info_art { padding: 20px; background: #fff; border-radius: 0 0 10px 10px; }
.v2 .listing_blog .dflex3 .slug { margin: 5px 0 0; font-size: 16px; line-height: 26px; text-transform: uppercase; }
.v2 .listing_blog .dflex3 .title { margin-top: 5px; font-size: 22px; line-height: 30px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1199px) {
.v2 .listing_blog .dflex3 { justify-content: center; flex-wrap: wrap; }
.v2 .listing_blog .dflex3 .flex-element { max-width: 400px; width: 100%; }
}
@media (max-width: 991px) {
.v2 .listing_blog .dflex3 .flex-element { max-width: 349px; width: calc((100% - 40px) / 2); }
.v2 .listing_blog .dflex3 .flex-element img { width: 100%; height: 200px; }
}
@media (max-width: 767px) {
.v2 .listing_blog { padding: 50px 0; }
.v2 .listing_blog div.wpb_wrapper { display: flex; flex-direction: column; }
.v2 .listing_blog .dflex3 .flex-element { max-width: 100%; width: 370px; }
.v2 .listing_blog .dflex3 .flex-element img { width: 100%; height: 200px; }
.v2 .listing_blog .dflex3 .flex-element .title { font-size: 20px; line-height: 28px; }
.v2 .listing_blog h2 + div.floatr { order: 6; position: relative; margin-top: 40px; width: max-content; top: unset; bottom: 0; left: 50%; transform: translateX(-50%); }
} .v2 .all_articles { position: relative; padding: var(--padding-bloc-without-inner); }
.v2 .all_articles h2,
.v2 .all_articles div.title2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; }
.v2 .all_articles .subtitle { margin-top: 20px; font-size: 18px; line-height: 26px; color: inherit; }
.v2 .all_articles .list_art_paginate { margin-top: 70px; display: flex; flex-direction: column; gap: 70px; }
.v2 .all_articles .list_art_paginate .article_line { }
.v2 .all_articles .list_art_paginate .article_line a { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 30px; color: #000; text-decoration: none; }
.v2 .all_articles .list_art_paginate .article_line:hover { cursor: pointer; }
.v2 .all_articles .list_art_paginate .article_line img { width: 120px; height: 76px; border-radius: 10px; }
.v2 .all_articles .list_art_paginate .article_line .infos { width: 100%; }
.v2 .all_articles .list_art_paginate .article_line .infos .title { font-size: 22px; line-height: 30px; font-weight: 600; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.v2 .all_articles .list_art_paginate .article_line .infos .slug { display: inline-block; font-size: 16px; line-height: 36px; text-transform: uppercase; }
.v2 .all_articles .list_art_paginate .article_line .infos .published { display: inline-block; margin-left: 15px; font-size: 16px; line-height: 26px; }
.v2 .all_articles div.pagination { margin-top: 80px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; justify-content: center; align-items: center; }
.v2 .all_articles div.pagination a { color: #1E1A39; text-decoration: none; font-size: 18px; line-height: 28px; }
.v2 .all_articles div.pagination a div { width: 30px; height: 30px; background: #fff; text-align: center; border-radius: 50%; }
.v2 .all_articles div.pagination a.active div,
.v2 .all_articles div.pagination a:hover div { background: #1E1A39; color: #fff; }
@media (max-width: 767px) {
.v2 .all_articles { padding: 50px 0; }
.v2 .all_articles .list_art_paginate { margin-top: 50px; gap: 50px; }
}
@media (max-width: 599px) {
.v2 .all_articles { padding: 50px 0; }
.v2 .all_articles .list_art_paginate .article_line a { flex-direction: column; }
.v2 .all_articles .list_art_paginate .article_line img { width: 180px; height: auto; }
.v2 .all_articles .list_art_paginate .article_line .infos { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
.v2 .all_articles .list_art_paginate .article_line .infos .title { width: 100%; text-align: center; }
.v2 .all_articles div.pagination { margin-top: 40px; }
} .v2 .container.blog { max-width: 100%; padding: 85px 0 0; }
.v2 .bloc_article { max-width: 1170px; margin: auto; padding: 70px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: 40px; }
.v2 .bloc_article .social_share { width: 25px; display: flex; flex-direction: column; align-items: center; gap: 40px; }
.v2 .bloc_article .article_content { width: 740px; }
.v2 .bloc_article .product_offer { width: 280px; }
.v2 .bloc_article .product_offer a img { border-radius: 10px; }
.v2 .bloc_article .article_content .article_info { font-size: 18px; line-height: 28px; display:flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; }
.v2 .bloc_article .article_content .article_info div.slug { text-transform: uppercase; }
.v2 .bloc_article .article_content h1.title_single { color: #000; font-size: 48px; line-height: 60px; padding: 0; }
.v2 .container.blog .bloc_article .article_content .row.custom-row { margin-top: 30px !important; margin-bottom: 0 !important; }
.v2 .container.blog .bloc_article .article_content img.featured_img_post { width: 100%; max-height: unset; height: auto; margin: 0; border-radius: 10px; }
.v2 .container.blog .bloc_article .article_content p,
.v2 .container.blog .bloc_article .article_content ul { margin: 0 !important; padding: 30px 0 0; }
.v2 .container.blog .bloc_article .article_content ol { margin: 0 0 0 20px !important; padding: 30px 0 0; }
.v2 .container.blog .bloc_article .article_content p img:not(.featured_img_post) { margin: 0 !important; padding: 0; border-radius: 10px; }
.v2 .container.blog .bloc_article .article_content ul li { padding-left: 23px; position: relative; margin-bottom: 6px; }
.v2 .container.blog .bloc_article .article_content ol li { padding-left: 3px; position: relative; margin-bottom: 6px; }
.v2 .container.blog .bloc_article .article_content ol li::marker { position: absolute; top: 0; left: 0; }
.v2 .container.blog .bloc_article .article_content p,
.v2 .container.blog .bloc_article .article_content ul li,
.v2 .container.blog .bloc_article .article_content ol li { color: #000; font-size: 20px !important; line-height: 30px !important; }
.v2 .container.blog .bloc_article .article_content ul li:before { background: #000; width: 8px; height: 8px; }
.v2 .container.blog .bloc_article .article_content h2 { color: #000; font-size: 30px; line-height: 40px; font-weight: 600; margin: 0 !important; padding: 70px 0 0; }
.v2 .container.blog .bloc_article .article_content h3 { color: #000; font-size: 26px; line-height: 34px; font-weight: 600; margin: 0 !important; padding: 50px 0 0; }
.v2 .container.blog .bloc_article .article_content img:not(.featured_img_post) { display: block; padding: 30px 0 0; margin: auto; max-width: 90%; }
.v2 .bloc_article .social_share img { width: 25px; height: auto; margin: auto; }
.v2 .bloc_article .social_share a:first-of-type img { width: 12.5px; }
@media (max-width: 1199px) {
.v2 .bloc_article { flex-direction: column; max-width: calc(100% - 30px); align-items: center; }
.v2 .bloc_article .article_content { max-width: 100%; }
.v2 .bloc_article .social_share { order: 2; flex-direction: row; justify-content: center; }
.v2 .bloc_article .product_offer { order: 3; }
}
@media (max-width: 991px) {
.v2 .bloc_article .article_content { width: 100%; }
.v2 .bloc_article .product_offer { display: none; }
}
@media (max-width: 767px) {
.v2 .bloc_article { padding: 50px 0; }
.v2 .bloc_article .product_offer { display: none; }
.v2 .bloc_article { max-width: 90%; }
.v2 .bloc_article .article_content h1.title_single { font-size: 32px; line-height: 40px; }
.v2 .container.blog .bloc_article .article_content h2 { font-size: 26px; line-height: 34px; }
.v2 .container.blog .bloc_article .article_content h3 { font-size: 22px; line-height: 30px; }
.v2 .container.blog .bloc_article .article_content p,
.v2 .container.blog .bloc_article .article_content ul li { font-size: 18px !important; line-height: 24px !important; }
} .v2 .similar_articles { padding: 70px 0; }
.v2 .similar_articles .container { max-width: 1170px; margin: auto; }
.v2 .similar_articles .container h2 { font-size: 36px; line-height: 46px; font-weight: 600; padding: 0; margin: 0 !important; text-align: center; }
.v2 .similar_articles .container .flex_similar { margin-top: 70px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 40px; }
.v2 .similar_articles .container .flex_similar .flex_element { width: calc((100% - 80px) / 3); 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; }
.v2 .similar_articles .container .flex_similar .flex_element:hover { cursor: pointer; }
.v2 .similar_articles .container .flex_similar .flex_element a { display: flex; flex-direction: column; gap: 0; color: #000; text-decoration: none; }
.v2 .similar_articles .container .flex_similar .flex_element img { width: 100%; height: 230px; border-radius: 10px 10px 0 0; }
.v2 .similar_articles .container .flex_similar .flex_element .info_art { padding: 20px; background: #fff; border-radius: 0 0 10px 10px; }
.v2 .similar_articles .container .flex_similar .flex_element .slug { font-size: 16px; line-height: 26px; text-transform: uppercase; }
.v2 .similar_articles .container .flex_similar .flex_element .title { margin-top: 5px; font-size: 22px; line-height: 30px; font-weight: 600; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1199px) {
.v2 .similar_articles .container { max-width: 100%; }
.v2 .similar_articles .container .flex_similar { justify-content: center; flex-wrap: wrap; }
.v2 .similar_articles .container .flex_similar .flex_element { max-width: 400px; width: 100%; }
}
@media (max-width: 991px) {
.v2 .similar_articles .container .flex_similar .flex_element { max-width: 349px; width: calc((100% - 40px) / 2); }
.v2 .similar_articles .container .flex_similar .flex_element img { width: 100%; height: 200px; }
}
@media (max-width: 767px) {
.v2 .similar_articles { padding: 50px 0; }
.v2 .similar_articles .container { max-width: 90%; padding: 0; }
.v2 .similar_articles .container .flex_similar .flex_element { max-width: 100%; width: 370px; }
.v2 .similar_articles .container .flex_similar .flex_element img { width: 100%; height: 200px; }
.v2 .similar_articles .container .flex_similar .flex_element .title { font-size: 20px; line-height: 28px; }
} .v2 .comments_article { padding: 70px 0; }
.v2 .comments_article .container { max-width: 1170px; margin: auto; }
.v2 .comments_article .top_comment { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.v2 .comments_article .top_comment .nbr_comments { font-size: 36px; line-height: 46px; font-weight: 600; }
.v2 .comments_article .top_comment .btn_comments { margin: 0 !important; }
.v2 .comments_article .top_comment .btn_comments a { border-radius: 5px; text-decoration: none; font-size: 28px; font-weight: 700; }
.v2 .comments_article div.comments { margin-top: 70px; }
.v2 .comments_article div.comments div.infos { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; align-items: center; }
.v2 .comments_article div.comments div.infos div.icon-user img { width: 50px; height: 50px; border-radius: 50%; }
.v2 .comments_article div.comments div.infos div.infos_com div.name { font-size: 16px; line-height: 26px; font-weight: 700; }
.v2 .comments_article div.comments div.infos div.infos_com div.date { font-size: 16px; line-height: 26px; font-weight: 400; }
.v2 .comments_article div.comments div.comment_content { margin-top: 20px; }
.v2 .comments_article div.comments div.comment_content p,
.v2 .comments_article div.comments div.comment_content li { font-size: 18px !important; line-height: 28px !important; font-weight: 400; }
.v2 .comments_article div.comments div.comment_content p:not(:last-of-type) { margin-bottom: 20px; }
.v2 .comments_article div.comments div.comment_child { margin-top: 40px; margin-left: 100px; }
.v2 .comments_article div.comment_parent,
.v2 .comments_article div.comment_child { background: #f6f6f6; border-radius: 10px; padding: 30px; }
.v2 .comments_article.bg_grey div.comment_parent,
.v2 .comments_article.bg_grey div.comment_child { background: #fff; border-radius: 10px; padding: 30px; }
.v2 .comments_article .form-comment-block { margin-top: 70px; }
.v2 .comments_article .form-comment-block #respond { border-top: 0; margin: 0 !important; }
.v2 .comments_article .form-comment-block #respond h3 { margin: 0; padding: 0; }
.v2 .comments_article .form-comment-block .title_form { font-size: 36px; line-height: 46px; font-weight: 600; color: #000; }
.v2 .comments_article .form-comment-block .tiny_form { margin-top: 20px; font-size: 17px; line-height: 28px; font-weight: 400; color: #000; }
.v2 .comments_article .form-comment-block .logged-in-as,
.v2 .comments_article .form-comment-block .form-submit { display: none; }
.v2 .comments_article .form-comment-block form#commentform { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 20px; }
.v2 .comments_article .form-comment-block div.field:first-of-type { width: 100%; }
.v2 .comments_article .form-comment-block div.field { position: relative; margin-top: 40px; width: calc((100% - 20px) / 2); }
.v2 .comments_article .form-comment-block div.field input,
.v2 .comments_article .form-comment-block div.field textarea { border: 1px solid #000 !important; background: #fff; padding: 15px 20px; font-size: 17px; line-height: 28px; color: #000; resize: none; margin: 0 !important; }
.v2 .comments_article .form-comment-block div.field input.error-field,
.v2 .comments_article .form-comment-block div.field textarea.error-field { border: 1px solid #d00a2d !important; background: #fce4e4; }
.v2 .comments_article .form-comment-block div.field textarea,
.v2 .comments_article .form-comment-block div.field input[type="text"] { width: 100% !important; }
.v2 .comments_article .form-comment-block div.field input::placeholder,
.v2 .comments_article .form-comment-block div.field textarea::placeholder { color: #000; }
.v2 .comments_article .form-comment-block div.field div.error_txt { display: none; position: absolute; top: -25px; }
.v2 .comments_article .form-comment-block div.field div.error_txt.op { display: block; font-size: 14px; line-height: 18px; font-weight: 600; color: #d00a2d; margin-bottom: 5px; padding-left: 22px; }
.v2 .comments_article .form-comment-block div.field div.error_txt:before { position: absolute; content: ''; left: 0; top: 2px; background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/warning.svg); background-size: 100%; width: 16px; height: 14px; }
.v2 .comments_article .form-comment-block .comment-form-cookies-consent { margin-top: 20px !important; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; width: 100%; }
.v2 .comments_article .form-comment-block .comment-form-cookies-consent input[type="checkbox"] { width: 15px !important; margin: 0 !important; }
.v2 .comments_article .form-comment-block .comment-form-cookies-consent label { color: #000 !important; font-size: 17px !important; line-height: 28px; }
.v2 .comments_article .form-comment-block .btn-out { display: block; margin-top: 20px; width: 100%; }
.v2 .comments_article .form-comment-block .btn-out button[type="submit"] { position: relative; height: 55px; font-size: 20px !important; line-height: 52px !important; font-weight: 700; padding: 0 25px; border: 0 !important; background: linear-gradient(to right, #570CB9, #CD256A) !important; color: var(--sixth-color) !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; border: 0; border-radius: 5px; margin: auto; }
@media (max-width: 1199px) {
.v2 .comments_article .container { max-width: 100%; }
}
@media (max-width: 767px) {
.v2 .comments_article { padding: 50px 0; }
.v2 .comments_article .container { max-width: 90%; padding: 0; }
.v2 .comments_article .top_comment { flex-direction: column; gap: 30px; }
.v2 .comments_article .form-comment-block div.field { width: 100%; margin-top: 20px; }
} .v2 section.list_articles_cat { padding: 70px 0; background: #f6f6f6; }
.v2 section.list_articles_cat .articles { display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px; }
.v2 section.list_articles_cat .articles .article { display: flex; flex-direction: column; gap: 0; width: calc((100% - 80px) / 3); 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; }
.v2 section.list_articles_cat .articles .article:hover { cursor: pointer; }
.v2 section.list_articles_cat .articles .article a { color: #000; text-decoration: none; }
.v2 section.list_articles_cat .articles .article .feat_img { height: 226px; overflow: hidden; border-radius: 10px 10px 0 0; }
.v2 section.list_articles_cat .articles .article .feat_img img { height: 100%; width: auto; min-width: 100%;  }
.v2 section.list_articles_cat .articles .article .info_art { padding: 20px; background: #fff; border-radius: 0 0 10px 10px; }
.v2 section.list_articles_cat .articles .article .info_art .slug { font-size: 16px; line-height: 26px; text-transform: uppercase; }
.v2 section.list_articles_cat .articles .article .info_art .title { margin-top: 10px; font-size: 22px; line-height: 30px; font-weight: 600; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.v2 section.list_articles_cat .articles .article .info_art .date { margin-top: 10px; font-size: 16px; line-height: 26px; }
.v2 section.list_articles_cat div.pagination { margin-top: 80px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; justify-content: center; align-items: center; }
.v2 section.list_articles_cat div.pagination a { color: #000; text-decoration: none; font-size: 18px; line-height: 28px; }
.v2 section.list_articles_cat div.pagination a div { width: 30px; height: 30px; background: #fff; text-align: center; border-radius: 50%; }
.v2 section.list_articles_cat div.pagination a.active div,
.v2 section.list_articles_cat div.pagination a:hover div { background: #000; color: #fff; }
@media (max-width: 1199px) {
.v2 section.list_articles_cat .container { max-width: 100%; }
.v2 section.list_articles_cat .articles { justify-content: center; flex-wrap: wrap; }
.v2 section.list_articles_cat .articles .article { max-width: 400px; width: 100%; }
}
@media (max-width: 991px) {
.v2 section.list_articles_cat .articles .article { max-width: 349px; width: calc((100% - 40px) / 2); }
.v2 section.list_articles_cat .articles .article img { width: 100%; height: 200px; }
}
@media (max-width: 767px) {
.v2 section.list_articles_cat { padding: 50px 0; }
.v2 section.list_articles_cat .container { max-width: 90%; padding: 0; }
.v2 section.list_articles_cat .articles .article { max-width: 100%; width: 370px; }
.v2 section.list_articles_cat .articles .article img { width: 100%; height: 200px; }
.v2 section.list_articles_cat .articles .article .title { font-size: 20px; line-height: 28px; }
.v2 section.list_articles_cat div.pagination { margin-top: 40px; }
} .header { z-index: 9997; }
div.fadeaway { display: none; position: fixed; top: 0; left: 0; z-index: 9997; background: #000; opacity: 0.7; width: 100%; height: 100vh; }
#modal_whitebook { display: none; position: fixed; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1136px; z-index: 9998; box-shadow: 0px 0px 15px #2A649626; }
#modal_whitebook .content { position: relative; display: flex; flex-direction: row; align-items: center; gap: 30px 50px; padding: 70px; background: #fff; }
#modal_whitebook .content img.close_modale { position: absolute; content: ''; width: 15px; height: 15px; top: 30px; right: 30px; cursor: pointer; }
#modal_whitebook .content img { width: 400px; height: auto; margin-bottom: 0; }
#modal_whitebook .content .bloc-right { width: calc(100% - 450px); }
#modal_whitebook .content .bloc-right p { color: var(--primary-color); }
#modal_whitebook .content .bloc-right p.title { font-size: 40px; line-height: 50px; font-weight: 700; padding-bottom: 0; margin-bottom: 20px; }
#modal_whitebook .content .bloc-right p.title strong { font-weight: 700; color: var(--secondary-color); }
#modal_whitebook .content .bloc-right p.desc { font-size: 20px; line-height: 30px; font-weight: 400; padding-bottom: 0; margin-bottom: 30px !important; }
#modal_whitebook .content .bloc-right input[type="text"],
#modal_whitebook .content .bloc-right input[type="email"] { width: 100%; height: 50px; border: 1px solid #757C8A; border-radius: 0; margin-bottom: 20px; padding: 16px 20px 12px; }
#modal_whitebook .content .bloc-right input[type="text"].wrong,
#modal_whitebook .content .bloc-right input[type="email"].wrong { border: 1px solid var(--secondary-color); background: rgba(208, 10, 45, 0.05); }
#modal_whitebook .content .bloc-right input[type="text"]::placeholder,
#modal_whitebook .content .bloc-right input[type="email"]::placeholder { font-size: 17px; line-height: 28px; font-weight: 400; color: #757C8A; }
#modal_whitebook .content .bloc-right input[type="submit"] { width: 100%; min-height: 50px; text-align: center; font-size: 20px; line-height: 30px; font-weight: 600; color: #FFF; font-weight: 600; padding: 10px 30px; background: var(--secondary-color); border: 0; border-radius: 25px; margin-top: 12px; background-image: none; white-space: break-spaces; }
#modal_whitebook .content .bloc-right p.wrong_field { color: var(--secondary-color); font-size: 12px; line-height: 16px; font-weight: 400; margin-top: -20px; }  .wpb_text_column.wpb_content_element ul li { font-size: 16px; line-height: 26px; }
.wpb_text_column.wpb_content_element ul li:not(:last-of-type) { margin-bottom: 10px; } #modal_whitebook { display: none; position: fixed; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1300px; z-index: 9998; box-shadow: 0px 0px 15px #2A649626; }
#modal_whitebook .fluentform { display: flex; flex-direction: column; }
#modal_whitebook #fluentform_5 .fluent_white_book { position: relative; display: flex; flex-direction: row; align-items: center; gap: 30px 50px; padding: 70px; background: #fff; border-radius: 10px; }
#modal_whitebook #fluentform_5 .fluent_white_book img.close_modale { position: absolute; content: ''; width: 15px; height: 15px; top: 30px; right: 30px; cursor: pointer; }
#modal_whitebook #fluentform_5 .fluent_white_book img { width: auto; height: auto; margin-bottom: 0; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child { width: calc(100% - 450px); }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p { color: var(--primary-color); }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.title { font-size: 40px; line-height: 50px; font-weight: 700; padding-bottom: 0; margin-bottom: 20px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.title strong { font-weight: 700; color: var(--secondary-color); }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.desc { font-size: 20px; line-height: 30px; font-weight: 400; padding-bottom: 0; margin-bottom: 30px !important; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="text"],
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="email"] { width: 100%; height: 50px; font-size: 18px; line-height: 50px; border: 1px solid #757C8A; border-radius: 0; margin-bottom: 0; padding: 16px 20px 12px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="text"]::placeholder,
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="email"]::placeholder { font-size: 17px; line-height: 28px; font-weight: 400; color: #757C8A; }
#modal_whitebook #fluentform_5 .fluent_white_book .ff_submit_btn_wrapper_custom.ff-text-center button { width: 100%; min-height: 50px; text-align: center; font-size: 20px; line-height: 30px; font-weight: 600; color: #FFF; padding: 10px 30px; background: var(--secondary-color); border: 0; border-radius: 25px; margin-top: 12px; background-image: none; white-space: break-spaces; }
#modal_whitebook #fluentform_5 .fluent_white_book .ff_submit_btn_wrapper_custom.ff-text-center button,
#modal_whitebook #fluentform_5 .fluent_white_book .ff-custom_html { margin-bottom: 0; }
#modal_whitebook #fluentform_5_success,
#modal_whitebook #fluentform_5_errors { background: #fff; font-size: 17px; line-height: 28px; font-weight: 400; border: 0; margin-top: 0; }
#modal_whitebook #fluentform_5_success p,
#modal_whitebook #fluentform_5_errors p,
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child .ff_submit_btn_wrapper { margin-bottom: 0; }
#modal_whitebook #fluentform_5_success,
#modal_whitebook #fluentform_5_errors { padding: 140px 30px; text-align: center; }
@media (max-width: 1399px) {
#modal_whitebook { width: 96%; }
#modal_whitebook #fluentform_5 .fluent_white_book img { max-width: 100%; }
}
@media (max-width: 1199px) {
#modal_whitebook { width: 90%; }
#modal_whitebook #fluentform_5 .fluent_white_book {
flex-wrap: wrap;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div {
flex-basis: 100% !important;
}
#modal_whitebook #fluentform_5 .fluent_white_book img {
display: block;
margin: 0 auto;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p {
text-align: center;
}
#modal_whitebook #fluentform_5 .fluent_white_book img { width: 380px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.title { font-size: 30px; line-height: 40px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.desc { font-size: 16px; line-height: 28px; }
}
@media (max-width: 991px){
#modal_whitebook #fluentform_5 .fluent_white_book {
flex-wrap: wrap;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div {
flex-basis: 100% !important;
}
#modal_whitebook #fluentform_5 .fluent_white_book img {
display: block;
margin: 0 auto;
width: 250px;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p {
text-align: center;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:first-child { display: none; }
#modal_whitebook #fluentform_5_success,
#modal_whitebook #fluentform_5_errors { padding: 100px 30px; }
}
@media (max-width: 767px) {
#modal_whitebook #fluentform_5 .fluent_white_book {
padding: 50px 30px;
gap: 0;
}
#modal_whitebook #fluentform_5 .fluent_white_book img:last-of-type {
display: none;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.title {
font-size: 26px;
line-height: 36px;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.desc {
font-size: 18px;
line-height: 26px;
}
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.title { font-size: 24px; line-height: 32px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child p.desc { font-size: 14px; line-height: 26px; }
#modal_whitebook #fluentform_5 .fluent_white_book .ff_submit_btn_wrapper_custom.ff-text-center button { font-size: 16px; line-height: 26px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="text"],
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="email"] { height: 40px; font-size: 15px; line-height: 40px; }
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="text"]::placeholder,
#modal_whitebook #fluentform_5 .fluent_white_book > div:last-child input[type="email"]::placeholder { font-size: 15px; line-height: 24px; }
#modal_whitebook #fluentform_5_success,
#modal_whitebook #fluentform_5_errors { padding: 50px 30px; }
}
@media (min-width: 768px) AND (max-width: 991px) AND (max-height: 660px) {
#modal_whitebook,
div.fadeaway { display: none !important; }
}
@media (min-width: 420px) AND (max-width: 767px) AND (max-height: 620px) {
#modal_whitebook,
div.fadeaway { display: none !important; }
}
@media (max-width: 419px) {
#modal_whitebook,
div.fadeaway { display: none !important; }
}    .v2 .banner_global_link { flex-wrap: nowrap; }
.v2 .banner_global_link p > span > strong > span { flex-wrap: wrap; word-break: break-word; }
.v2 .banner_nb,
.v2 .banner_global_link { max-height: none; } .v2 .listing_blog .dflex3 .flex-element a { height: 100%; }
.v2 .listing_blog .dflex3 .flex-element .info_art { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.v2 .listing_blog .dflex3 .date { margin-top: auto; } .v2:not(.menu-open) .btm_header.fixed { height: 60px; }
.v2:not(.menu-open) .btm_header.fixed .logo { height: 52px; }
.v2:not(.menu-open) .btm_header.fixed .logo img { height: 36px; width: auto; }
.v2:not(.menu-open) .btm_header.fixed .mainnav_wrapper { padding-top: 4px; } .v2 .sticky .header.head_white {
background: #FFF; 
}
.v2 header.head_white .btm_header:not(.fixed) img.img_black {
display: none !important;
}
.v2 header.head_white .btm_header:not(.fixed) img.img_no_black {
display: inline-block !important;
}
.v2 header.head_white .btm_header.bg_black {
background: transparent !important;
color: var(--primary-color) !important;
box-shadow: none;
}
.v2 header.head_white .btm_header.bg_black.fixed {
background: #fff !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.v2 .header.head_white:not(.template2) .btm_header.bg_black .btn-outline-info,
.v2 .header.head_white:not(.template2) .btm_header.bg_fused .btn-outline-info {
border: 2px solid var(--primary-color) !important;
color: var(--primary-color) !important;
}
.v2 .header:not(.template2) .btm_header .btn-outline-info {
text-decoration: none !important;
}
.v2 header.head_white .btm_header.bg_black .mainnav_wrapper nav ul li.menu-item-has-children:before,
.v2 header.head_white .btm_header.bg_fused .mainnav_wrapper nav ul li.menu-item-has-children:before {
background: url(https://www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/angle-down_dark.svg);
}
.v2 header.head_white .hamburger span {
background: #000;
}
.v2 .btm_header.fixed .mainnav_wrapper {
padding-top: 80px;
} .v2 #banner_home_dark.banner_home_2k24 {
background: url(https://hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/fond_banniere.svg), #fff !important;
background-repeat: no-repeat !important;
color: var(--primary-color) !important;
}
.v2 #banner_home_dark.banner_home_2k24 h1,
.v2 #banner_home_dark.banner_home_2k24 h2 {
color: var(--primary-color) !important;
}
.v2 #banner_home_dark.banner_home_2k24 ul li:before {
background-image: url(//www.hebergeur-discount.com/wp-content/themes/hebergeurdiscount/assets/images/check_noir.svg);
}
.v2 #banner_home_dark.banner_home_2k24 .btn-red {
margin-bottom: 15px;
}
.v2 #banner_home_dark.banner_home_2k24 .btn-red a {
background: linear-gradient(to right, #FF9A03, #FF7800);
}
.v2 #banner_home_dark.banner_home_2k24 ul li strong {
font-weight: 600;
}
.v2 #banner_home_dark.banner_home_2k24 .bottom_banner {
border-top: 1px solid rgba(0, 0, 0, 0.3);
} .v2 #banner_blog,
.v2 .banner_cat { background: var(--primary-color) !important; } .v2 #banner_home_dark:not(.banner_home_2k24) {
background-color: var(--primary-color) !important;
} .v2 .banner_section.background_grad {
background-color: var(--primary-color) !important;
} .v2 .btn-red a,
.v2 .compare_offer div.type div.content_type.btn_table div a,
.v2 .comments_article .form-comment-block .btn-out button[type="submit"],
.v2 #banner_blue_diffused #search_domaine .btn_form_inline input {
background: linear-gradient(to right, #FF9A03, #FF7800) ! important;
} @media (min-width: 1921px) {
.v2 #banner_home_dark.banner_home_2k24 { background-size: cover !important; }
.v2 #banner_home_dark.banner_home_2k24 > .vc_column_container > .vc_column-inner > .wpb_wrapper { margin: 0; }
.v2 #banner_home_dark.banner_home_2k24 div.logos { justify-content: space-between; }
}
@media (min-width: 1200px) AND (max-width: 1920px) {
.v2 #banner_home_dark.banner_home_2k24 { background-size: auto 794px !important; }
.v2 #banner_home_dark.banner_home_2k24 > .vc_column_container > .vc_column-inner > .wpb_wrapper { margin: 0; }
.v2 #banner_home_dark.banner_home_2k24 div.logos { justify-content: space-between; }
}
@media (max-width: 1199px) {
.v2 #banner_home_dark.banner_home_2k24 { background-size: cover !important; }
} @media (max-width: 979px) {
.v2 .services_section .cols3,
.v2 .avis_solo { justify-content: center; }
.v2 .services_section div.galery_img ul.wpb_image_grid_ul { justify-content: center; gap: 30px; height: auto !important; }
}
@media (max-width: 767px) {
.v2 .services_section .cols3 h4,
.v2 .services_section .cols3 div.title4,
.v2 .services_section .cols3 h3,
.v2 .services_section .cols3 div.title3 { text-align: center !important; }
.v2 .services_section .cols3 a.vc_btn3 { margin: auto !important; }
#avis_right .info_avis > .wpb_wrapper { flex-direction: column; justify-content: baseline; align-items: center; gap: 20px; }
a.vc_btn3 { font-size: 16px !important; }
}
@media (max-width: 499px) {
.v2 .avis3 div.up_avis { flex-direction: column; justify-content: baseline; align-items: center; gap: 10px; }
.v2 .avis3 div.d-flex-row div.wpb_column div.wpb_wrapper { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
a.vc_btn3 { font-size: 14px !important; }
}