:root{--black:#1d1d1d;--dark-blue:#1d2753;--ducky-blue:#1a717e;--green:#afcb08;--light-green:#f8f8f5;}
@keyframes spin {
from{transform:rotate(0);}
to{transform:rotate(360deg);}
} *{scroll-behavior:smooth;}
.avia_ajax_form .lpdw.form_address{display:none;}
#top .avia-cookie-consent-button-3{color:black;}
 #scroll-top-link{display:none;}
#top #wrap_all :is(h1, h2, h3, h4) strong{color:var(--green);}
#top #wrap_all a{transition:all ease 300ms;}
#top #wrap_all :not(.avia-button-wrap) > a:hover,
#top #wrap_all :not(.avia-button-wrap) > a:focus{text-decoration:underline;color:var(--green);}
#top :is(.alternate_color, .main_color) .input-text,
#top :is(.alternate_color, .main_color) input[type="text"],
#top :is(.alternate_color, .main_color) input[type="input"],
#top :is(.alternate_color, .main_color) input[type="password"],
#top :is(.alternate_color, .main_color) input[type="email"],
#top :is(.alternate_color, .main_color) input[type="number"],
#top :is(.alternate_color, .main_color) input[type="url"],
#top :is(.alternate_color, .main_color) input[type="tel"],
#top :is(.alternate_color, .main_color) input[type="search"],
#top :is(.alternate_color, .main_color) textarea,
#top :is(.alternate_color, .main_color) select{background-color:white;border-color:var(--ducky-blue);color:var(--black);}
.togglecontainer .av_toggle_section .single_toggle .toggle_content a{color:var(--dark-blue);text-decoration:underline;}
.carte-presta .avia-image-container:last-child img[title*="Plus"]{position:relative;}
.carte-presta:hover .avia-image-container:last-child img[title*="Plus"]{animation:1200ms 1 normal spin;}
#top tr:first-child{background-color:var(--ducky-blue) !important;font-weight:700;font-size:14px;color:white;}
#top tr:first-child td{color:white !important;}
tr{height:60px;line-height:60px;text-align:center;}
.togglecontainer .av_toggle_section .single_toggle p.toggler{padding:24px 52px 24px 24px;font-size:16px;}
.togglecontainer .av_toggle_section .single_toggle .toggle_content a{color:var(--dark-blue);text-decoration:underline;}
.contains_contact_form .inside-form{display:none;}
.contains_contact_form.open{background-color:var(--dark-blue);}
.contains_contact_form.open .inside-form .gf_step_active .gf_step_number{background-color:var(--green);border-color:var(--green);}
.contains_contact_form.open .inside-form .gf_step_active .gf_step_label{color:var(--green);}
.contains_contact_form.open
.inside-form
.gf_step_completed
.gf_step_number::before{border:none;background-color:var(--ducky-blue);}
.tri-choices {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
gap: 12px;
& .tri-option {
display: inline-block;
padding: 4px 8px;
border-radius: 8px;
background-color: white;
font-size: 14px;
color: var(--black);
cursor: pointer;
transition: all ease 300ms;
&.active {
background-color: var(--dark-blue);
color: white;
font-weight: bold;
}
&:hover {
background-color: var(--ducky-blue);
color: white;
}
}
}@media only screen and (max-width: 767px) {     .template-page .entry-content-wrapper h1 {
margin: 24px 0 0 0;
}  #top #main {
padding-top: 0 !important;
} #top :is(.primary-button-link, .primary-button a) {
padding: 12px 18px;
background-color: var(--ducky-blue);
font-size: 16px;
color: white;
border-radius: 0;
border-color: var(--ducky-blue);
}
#top .secondary-button a {
padding: 10px 12px;
background-color: white;
font-size: 16px;
font-weight: 600;
color: var(--ducky-blue) !important;
border-radius: 0;
border-color: white;
}
#top .ternary-button a {
padding: 10px 12px;
background-color: var(--green);
font-size: 16px;
color: var(--green);
border-radius: 0;
}   #top #header {
position: fixed !important;
& #header_main {
padding-top: 32px;
}
& .header_bg {
background-color: transparent;
}
} #header #header_main .logo {
width: 112px !important;
&.burger-only {
left: 0;
right: unset;
}
} .contains_contact_form {
position: fixed;
top: 0;
right: 0;
width: 42px;
height: 42px;
z-index: 999;
overflow: hidden;
}
.contains_contact_form.open {
width: 100%;
height: 100%;
overflow: visible;
}
.toggle-form {
position: fixed;
bottom: 24px;
right: 24px;
height: 76px;
width: 76px;
background-color: var(--dark-blue);
border: none;
border-radius: 2px;
box-shadow: 4px 4px 24px 2px #ffffff16;
transition: all ease 500ms;
z-index: 9999;
&:hover {
cursor: pointer;
background-color: var(--ducky-blue);
}
&:focus {
background-color: var(--ducky-blue);
}
& p {
position: relative;
padding: 0 4px;
font-size: 12px;
color: white;
transition: all ease 300ms;
&::before {
content: "\e814";
position: relative;
display: block;
margin-bottom: 8px;
font-family: "lpdw-icon", sans-serif;
font-size: 20px;
color: white;
}
}
&.open {
& p::before {
content: "\e80a";
}
}
}
.contains_contact_form.open .inside-form.open {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
padding: 24px 16px;
background-color: var(--dark-blue);
} .contains_contact_form.open
.inside-form
:is(
.gform_title, .gf_step_label, .gf_step_number, .gfield_label, .gform-field-label, .gfield_description
) {
color: white;
}
.contains_contact_form.open .inside-form .gfield_label {
font-size: 16px;
}
#main .contains_contact_form.open .inside-form .gfield_required {
color: var(--green);
font-style: normal;
font-size: 14px;
}
.contains_contact_form.open
.inside-form
:is(
.gform_validation_errors, .validation_message, .gfield_validation_message
) {
padding: 8px 12px;
border: 1px solid #c02b0a;
color: #c02b0a;
}
.contains_contact_form.open .inside-form .gfield_validation_message {
padding: 4px 8px;
margin-top: 4px;
font-size: 12px;
font-weight: bold;
border-radius: 4px;
}
.contains_contact_form.open .inside-form #gform_submit_button_1 {
padding: 8px 16px;
margin: 0;
background-color: var(--green);
color: white;
font-weight: bold;
}
.contains_contact_form.open .inside-form #gform_confirmation_message_1 {
display: flex;
justify-content: center;
font-size: 18px;
color: white;
padding: 24px 12px;
border: 1px solid white;
}
#main .contains_contact_form.open .inside-form form #gform_fields_1_3 {
overflow: scroll;
height: 50vh;
}
.contains_contact_form.open .inside-form form .gf_step {
margin: 4px 12px 4px 0;
& .gf_step_number,
& .gf_step_number::before,
&::before {
width: 32px;
height: 32px;
}
}    #top #header .main_menu.burger-only {
left: unset;
right: -13px;
} #top #header #header_main .main_menu li:not(.av-active-burger-items).hide {
display: none;
}
#top #header #header_main .main_menu .menu-item-avia-special.show {
display: block;
} #top #header .av-hamburger-inner::before,
#top #header .av-hamburger-inner,
#top #header .av-hamburger-inner::after {
background-color: var(--light-green);
transition: all ease 300ms;
} #top #header .dark .av-hamburger-inner::before,
#top #header .dark .av-hamburger-inner,
#top #header .dark .av-hamburger-inner::after {
background-color: var(--dark-blue);
} .av-burger-overlay-active #top #header .av-hamburger-inner::before,
.av-burger-overlay-active #top #header .av-hamburger-inner,
.av-burger-overlay-active #top #header .av-hamburger-inner::after {
background-color: var(--green);
} #top #wrap_all #header .av-burger-overlay-inner {
position: relative;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
min-height: 542px;
padding: 24px 0;
background-color: var(--dark-blue);
grid-row: 1;
& .av-burger-overlay-contact {
display: flex;
gap: 12px;
& a {
display: inline;
padding: 12px 14px;
background-color: var(--ducky-blue);
border-radius: 24px;
color: white;
line-height: 1;
vertical-align: middle;
}
& .phone a::before {
content: "\e803";
font-size: 18px;
font-family: "lpdw-icon", sans-serif;
margin-right: 8px;
}
& .social-networks {
.iconlist-char {
display: none;
}
a::after {
content: "\e8fc";
font-size: 18px;
font-family: "entypo-fontello", sans-serif;
}
}
}
& #av-burger-menu-ul {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 24px !important;
& > li {
display: block;
padding: 8px 0;
text-align: left;
line-height: 1.2em;
&:not(.menu-item-1814)::after {
content: "";
position: absolute;
right: -4px;
top: 32px;
display: inline-block;
height: 2px;
width: 16px;
background-color: var(--green);
}
& a {
font-size: 20px;
}
}
& .sub-menu li {
margin: 0;
& a {
font-size: 16px;
line-height: 1.25em;
}
}
}
}
#top #header li.menu-item-1814 > a > .av-submenu-indicator {
right: -4px;
display: flex;
align-items: center;
padding: 0;
font-size: 24px;
line-height: 6px;
opacity: 1;
&::before {
content: "\e80d";
color: var(--green);
margin-left: 12px;
font-family: "lpdw-icon", sans-serif;
}
}
#top #header .av-burger-overlay-scroll {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
& .av-burger-overlay-info {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
padding: 24px;
background-color: white;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/vague_burger_menu.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
& .logo-small {
width: 82px;
}
& .agency-infos {
display: flex;
flex-direction: column;
gap: 16px;
& .place {
& p {
margin: 0;
}
&::after {
content: "\e825";
position: relative;
display: block;
margin-top: 12px;
font-family: "lpdw-icon", sans-serif;
font-size: 32px;
color: var(--green);
}
}
& .phone {
margin: 0;
}
& b {
margin-bottom: 8px;
font-size: 24px;
}
& :is(p, b, a) {
color: var(--dark-blue);
font-size: 18px;
}
}
}
}    #top #wrap_all #section-hero {
background-position: 5% -150%;
& .template-page {
padding: 112px 0 124px 0;
}
& .flex_column:first-child {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 32px;
.av_font_icon {
display: block;
margin-bottom: 18px;
.av-icon-char {
font-size: 42px;
line-height: 42px;
}
}
}
& .avia_textblock h1 {
padding-bottom: 64px;
}
} #top #section-apres_hero {
position: relative;
&::before {
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1512 550" fill="none"><path d="M812 40H0V436H812V40Z" fill="%231A717E"/><path d="M0 549.777V322.156C41.76 347.916 172.584 418.47 284 369.376C418.6 310.067 366.673 200.327 496 129.376C566.08 90.9281 634.229 119.861 715.99 148.791C785.11 173.249 863.959 197.708 961.929 181.456C1138.15 152.223 1242.04 24.5841 1512 -0.00292969V540.597L47.665 549.777H0Z" fill="%23F8F8F5"/></svg>');
display: block;
position: absolute;
top: -124px;
right: 0;
width: 101%;
height: 100%;
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
}
& .template-page {
padding-top: 0;
}
& h2 {
position: relative;
width: max-content;
float: right;
&::before {
content: "";
display: block;
position: absolute;
bottom: -54px;
left: -68px;
width: 64px;
height: 64px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/03/fleche_pointillee_bleue.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
overflow: visible;
visibility: visible;
}
}
}
#top #prestations-grille {
position: relative;
padding-bottom: 64px;
.template-page {
padding: 0;
}
.entry-content-wrapper {
position: relative;
display: flex;
overflow-x: scroll;
gap: 24px;
&::before {
display: none;
}
& .carte-presta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 282px;
padding: 12px 16px;
margin: 0 !important;
gap: 12px;
background-color: white;
box-shadow: 0 3px 10px #1d275312;
&:hover {
cursor: pointer;
}
& .av-special-heading {
margin: 0;
padding: 0;
}
}
}
&::after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 50%;
width: 75%;
height: 52px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/08/both_arrows.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.64;
z-index: 1;
transform: translate(50%);
}
}
#top.home #prestations-grille .entry-content-wrapper::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 418px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/03/Intersection-1.svg);
background-repeat: no-repeat;
background-size: cover;
overflow: visible;
visibility: visible;
}
#presta-autres-p + #prestations-grille .entry-content-wrapper {
margin-bottom: -48px;
} #section-qui-sommes-nous {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_agence.svg);
background-repeat: no-repeat;
background-size: cover;
}
& h2 {
padding-bottom: 32px;
}
} #top #section-chiffres-majeurs {
.template-page {
padding: 32px 0;
}
.entry-content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px;
&::before,
&::after {
display: none;
}
& .flex_column {
flex: 1 0 164px;
margin: 0 !important;
& .av-icon-before-number {
display: block;
margin: 0;
padding-bottom: 12px;
}
& .avia-single-number {
font-family: "patua-one", sans-serif;
font-size: 26px;
letter-spacing: 1px;
}
& .avia-animated-number-content p {
padding-top: 8px;
font-size: 14px;
line-height: 20px;
}
}
}
} #top #wrap_all #section-methodes {
position: relative;
display: grid;
padding: 42px 0 64px 0;
& .avia-builder-el-first {
padding-left: 112px;
}
& .avia-builder-el-last {
padding: 0 0 0 32px !important;
z-index: 2;
grid-row: 2;
display: flex;
align-items: center;
overflow: visible;
& .av-hotspot-container {
margin-right: 0;
}
& .av-image-hotspot_inner {
font-family: "Fira Sans", sans-serif;
}
& .av-hotspot-fallback-tooltip {
display: none;
}
& .av-image-hotspot-pulse {
animation: none;
-webkit-animation: none;
}
}
&::after {
content: "";
display: block;
position: absolute;
top: 482px;
right: 0;
width: 100%;
height: 402px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_real.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
} #section-realisations {
& h2 {
margin-bottom: 64px;
}
& .flex_column::after {
content: "";
display: block;
position: absolute;
bottom: -64px;
left: -98px;
width: 212px;
height: 141px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/03/ampoule_qui_brille.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
overflow: visible;
visibility: visible;
}
& .av-masonry-image-container {
opacity: 1;
}
& .av-masonry-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 324px 112px 16px 182px 164px 82px 164px 112px;
height: unset !important;
}
& .av-masonry-item-no-image {
display: none;
}
}
#top #section-realisations .av-masonry-entry {
position: relative !important;
top: unset !important;
left: unset !important;
width: 100%;
}
:is(#section-realisations, #real-space) .av-inner-masonry {
box-shadow: 0 3px 10px #1d275312;
} #top #section-realisations .av-masonry-entry:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
#top #section-realisations .av-masonry-entry:nth-child(2) {
grid-column: 1;
grid-row: 2/5;
}
#top #section-realisations .av-masonry-entry:nth-child(3) {
grid-column: 1;
grid-row: 5/7;
}
#top #section-realisations .av-masonry-entry:nth-child(4) {
grid-column: 1;
grid-row: 7/9;
}
#top #section-realisations .av-masonry-entry:nth-child(5) {
grid-column: 1;
grid-row: 9;
} #top #real-space .av-inner-masonry-content {
display: none;
}
#top #section-realisations .av-inner-masonry-content {
padding: 24px 16px;
background-color: #1a717e95;
}
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
img {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 41px;
}
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
h4 {
font-size: 16px;
line-height: 16px;
}
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
.testimony-client-profession {
margin: 0;
line-height: 16px;
text-transform: uppercase;
}
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
.testimony-client {
font-size: 12px;
line-height: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
:is(#section-realisations, #real-space) .av-masonry-entry-link {
width: max-content;
margin: 16px auto 0 auto;
padding: 8px 12px;
background-color: var(--green);
font-size: 14px;
transition: all ease 300ms;
}
:is(#section-realisations, #real-space) .av-masonry-entry-link::after {
content: "\e825";
position: relative;
display: inline-block;
margin-left: 8px;
font-family: "lpdw-icon";
}    #secondary_page_hero {
position: relative;
height: 582px;
&::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1a717e95;
}
.template-page {
padding: 0;
}
&
:is(
.container, .template-page, .post-entry, .entry-content-wrapper, .av_textblock_section, .avia_textblock, #secondary_page_hero-content
) {
height: 100%;
}
#secondary_page_hero-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
& :is(h1, .breadcrumb, .breadcrumb span, .breadcrumb a) {
color: white;
}
h1 {
margin-top: 0;
}
a {
text-decoration: underline;
color: var(--green);
}
}
} #secondary_page_hero-content.real {
position: relative;
align-items: start;
.project_cat {
padding: 8px 12px;
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
background-color: white;
border-radius: 24px;
color: var(--green) !important;
font-family: "patua-one", sans-serif;
text-decoration: none !important;
transition: all ease 300ms;
p {
margin: 0;
}
}
.tags {
display: flex;
justify-content: center;
align-items: center;
margin-top: 8px;
gap: 16px;
.tag {
background-color: var(--dark-blue);
padding: 4px 12px;
color: white;
border-radius: 24px;
}
}
} #maintenance {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
#maintenance .hr {
position: relative;
overflow: visible;
}
#maintenance .hr::after {
content: "";
display: block;
position: absolute;
bottom: -80px;
right: 12px;
width: 182px;
height: 164px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/03/ampoule_qui_brille.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
overflow: visible;
visibility: visible;
transform: scaleX(-1);
} .page-id-33 #av_section_1 .flex_column_table .flex_column {
display: flex;
justify-content: center;
margin-bottom: 8px !important;
} #presta_page_hero .title-and-exc {
margin-top: 64px !important;
}
#top #wrap_all #presta_page_hero .buttons-line {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#presta_page_hero img {
margin: 32px 0;
padding-left: 28px;
transform: scale(1.4);
}
#presta-accompagnement::before {
content: "";
display: block;
position: absolute;
top: -264px;
left: 0;
width: 100%;
height: 282px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_hero.svg);
background-repeat: no-repeat;
background-size: cover;
}
#presta-accompagnement {
position: relative;
}
#presta-accompagnement::after {
content: "";
display: block;
position: absolute;
bottom: -464px;
left: 0;
width: 100%;
height: 464px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_acteurs.svg);
background-repeat: no-repeat;
background-size: contain;
}
#presta-accompagnement .template-page {
padding: 48px 0;
}
#top #presta-acteurs .flex_column_table {
display: flex;
flex-wrap: wrap;
margin-top: 0;
}
#top #presta-acteurs .flex_column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 18px;
}
#presta-acteurs
:is(.avia-image-container, .av-special-heading, .av_textblock_section p) {
margin: 0;
padding: 0 !important;
}
#presta-acteurs img {
width: 164px;
height: 164px;
border-radius: 82px;
object-fit: cover;
}
#presta-acteurs :is(h4, .av-subheading p) {
color: var(--ducky-blue);
}
#presta-acteurs h4 {
font-family: "patua-one", sans-serif !important;
font-weight: bold;
}
#presta-acteurs .av-subheading p {
text-transform: uppercase;
font-weight: normal;
}
#top #presta-reassurances .template-page {
padding: 48px 0;
}
#top #presta-reassurances .flex_column_table {
display: flex;
flex-wrap: wrap;
}
#top #presta-reassurances .icon-place {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
#top #presta-reassurances .av_font_icon .av-icon-char {
font-size: 48px;
line-height: 48px;
}
#top #presta-reassurances .icon-place .av-special-heading {
margin: 0 !important;
padding: 0 !important;
}
#presta-reassurances .icon-place h5 {
font-size: 18px;
line-height: 24px;
font-weight: bold;
} :is(#presta-real, #real-autres-r) .av-tags-project {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 8px;
}
#top :is(#presta-real, #real-autres-r) .av-inner-masonry-content {
background: #1a717e95;
}
:is(#presta-real, #real-autres-r) .project_tag {
width: max-content;
padding: 4px 10px;
background-color: var(--dark-blue);
color: white;
font-size: 10px;
border-radius: 28px;
}
#presta-rappel {
position: relative;
margin: 0;
&::before {
content: "";
display: block;
position: absolute;
top: -282px;
left: 0;
width: 100%;
height: 282px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_projet.svg);
background-repeat: no-repeat;
background-size: cover;
}
.av-special-heading {
position: relative;
padding-top: 24px;
&::before {
content: "";
display: block;
position: absolute;
top: -82px;
right: calc(50% - 41px);
width: 82px;
height: 82px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/03/fleche_pointillee_bleue.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transform: scaleX(-1);
}
& .av-special-heading-tag {
font-size: 28px;
}
& .av-subheading {
margin-top: 8px;
font-size: 18px;
}
}
} .page-id-40 #real-space::before {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_agence.svg);
background-repeat: no-repeat;
background-size: cover;
}
.page-id-40 #real-space {
position: relative;
}
#real-space .primary-button-link {
width: max-content;
margin: 0 auto;
}  .single-portfolio .avia-post-nav {
display: none;
}
#real-info-primaire {
position: relative;
margin-bottom: 0;
&::before {
content: "";
display: block;
position: absolute;
top: -78px;
left: 0;
width: 100%;
height: 82px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_header.svg);
background-repeat: no-repeat;
background-size: cover;
transform: scaleX(-1);
}
& #real-description {
& .av_textblock_section + .av_textblock_section {
margin-top: 32px;
}
}
& #real-note {
background-color: white;
padding: 42px 28px;
box-shadow: 0 3px 10px #1d275312;
& .scores_insight {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
& > div {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
& canvas {
height: 82px !important;
width: 82px !important;
}
& :is(.score_seo, .score_desktop, .score_mobile, .score_accessibility) {
& .score_text {
position: absolute;
top: 0;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
width: 82px;
height: 82px;
font-family: "patua-one", sans-serif;
font-size: 26px;
font-weight: 700;
transform: translateX(-50%);
text-align: center;
}
& h5 {
margin: 0;
font-family: "fira-sans", sans-serif;
font-weight: normal;
text-align: center;
}
}
}
}
}
#real-mockup .container {
height: 482px !important;
}
#real-plus-info {
#success-story {
margin-top: 42px;
& .av-special-heading {
position: relative;
&::before {
content: "";
display: block;
position: abolute;
top: -82px;
right: 8px;
width: 108px;
height: 108px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/05/hautparleur.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
& p {
font-size: 18px;
font-weight: bold;
line-height: 28px;
}
}
}
#temoignage {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 42px;
gap: 18px;
& img {
width: 128px;
height: 128px;
border-radius: 64px;
}
& .av-subheading p {
font-size: 18px;
}
& :is(.avia-image-container, .av-special-heading, p) {
margin: 0 !important;
}
& .avia-image-container-inner::after {
content: "";
display: block;
position: absolute;
top: 0px;
right: -16px;
width: 48px;
height: 48px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/dialog_testimony.svg);
background-repeat: no-repeat;
background-size: contain;
}
}
}
#real-plus-info #temoignage :is(h3, .av-subheading, .avia_textblock p) {
color: white;
}
#real-plus-info #temoignage .av-subheading {
font-size: 18px;
text-transform: uppercase;
}
#real-autres-r {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 82px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_avt_real.svg);
background-repeat: no-repeat;
background-size: cover;
}
& .av-special-heading {
padding-bottom: 32px;
}
& .av-masonry-pagination {
width: max-content;
margin: 0 auto;
background-color: var(--ducky-blue);
font-size: 16px;
font-family: "fira-sans", sans-serif;
text-transform: initial;
letter-spacing: normal;
}
}
#real-contact {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 312px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_aps_real.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
& .template-page {
padding: 82px 0 42px 0;
}
}    #footer-page #footer-header {
& .template-page {
padding: 24px 0;
}
& .flex_column_table {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
& .flex_column:first-child {
width: 50%;
margin: 0;
& .avia-image-container:first-of-type {
top: -24px;
padding: 16px;
background-color: white;
}
}
& .flex_column:not(:first-child) {
display: flex;
align-items: center;
margin: 0;
& .av_textblock_section p {
font-size: 18px;
text-align: left;
}
& .avia-icon-list {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 24px;
}
& .avia-icon-list-container {
margin: 0;
& .iconlist-timeline {
display: none;
}
& .iconlist_icon {
transform: scale(0.8);
margin-right: 8px;
}
& li {
width: 64px;
height: 64px;
padding: 0;
}
}
}
}
} #top #wrap_all #footer-content .template-page {
padding: 74px 0 42px 0;
border-bottom: 1px solid #969baf !important;
& .avia-icon-list {
display: flex;
flex-direction: column;
gap: 24px;
& .av_iconlist_title {
font-weight: bold;
}
& .iconlist_icon {
margin-right: 12px;
font-size: 18px;
}
& .iconlist_content p {
margin: 0;
font-weight: normal;
}
}
& .flex_column:nth-child(2) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
& .widget {
& .widgettitle {
font-family: "Fira Sans", sans-serif;
text-transform: uppercase !important;
}
& ul {
padding-left: 12px;
list-style-type: disc;
& a {
padding: 4px 2px;
font-size: 14px;
transition: all ease 300ms;
}
}
}
& .avia-builder-widget-area {
width: 100%;
&.avia-builder-el-first ul a {
font-family: "Fira Sans", sans-serif;
font-weight: bold;
text-transform: uppercase !important;
}
} &.avia-builder-el-first ul {
list-style-type: none;
}
}
& .flex_column:nth-child(3) .avia-button-wrap {
position: absolute;
bottom: 0;
right: 0;
}
}   #main #socket {
border: 0px;
max-height: 42px;
min-height: unset;
& :is(.template-page, .container) {
padding: 0;
}
& p {
margin: 0;
height: 42px;
font-size: 14px;
line-height: 42px;
}
& a {
color: #969baf;
}
}
}@media only screen and (max-width: 989px) and (min-width: 768px) {  #top .contains_contact_form.open {
width: 100%;
height: 100%;
overflow: visible;
}    #top #wrap_all #main #section-hero {
background-position: 348px -112px !important;
}
#top #wrap_all #main #section-hero h1 {
font-size: 46px;
}
#top #wrap_all #section-hero .flex_column {
width: 50%;
margin-left: 0;
}
#top #wrap_all #section-hero .flex_column:last-child {
transform: translate(32px, 242px) scale(1.15);
} #top #main #section-apres_hero h2::before {
bottom: -42px;
left: -48px;
width: 64px;
height: 64px;
}
#top #wrap_all #prestations-grille {
position: relative;
padding-bottom: 64px;
.template-page {
padding: 0;
}
.entry-content-wrapper {
position: relative;
display: flex;
overflow-x: scroll;
&::before {
display: none;
}
& .carte-presta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 282px;
padding: 12px 16px;
margin: 0 !important;
gap: 12px;
background-color: white;
box-shadow: 0 3px 10px #1d275312;
&:hover {
cursor: pointer;
}
& .av-special-heading {
margin: 0;
padding: 0;
}
}
}
&::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 52px;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/08/both_arrows.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.64;
z-index: 1;
transform: translateX(-50%);
}
} #section-qui-sommes-nous .avia_textblock {
padding: 0;
}
#main #section-qui-sommes-nous .flex_column_table {
display: flex;
flex-direction: column-reverse;
gap: 12px;
}
#main #section-qui-sommes-nous .flex_column {
width: 100%;
} #top #main #section-chiffres-majeurs {
.container {
padding: 0 24px;
}
.entry-content-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;
&::before,
&::after {
display: none;
}
& .flex_column {
margin: 0 !important;
&:nth-child(odd)::after {
display: none;
}
& .avia-single-number {
font-size: 36px;
letter-spacing: 1px;
}
}
}
} #top #wrap_all #main #section-methodes {
display: grid;
grid-template-rows: repeat(2, 1fr);
height: auto;
padding: 48px 0;
.flex_cell:first-child {
width: 100%;
padding: 0 64px;
}
.flex_cell:last-child {
position: relative;
width: 100%;
padding-left: 64px;
}
} #main #section-realisations .av-masonry-container {
grid-template-columns: repeat(2, 1fr);
}     :is(#presta-real, #real-autres-r) .project_tag {
width: max-content;
padding: 4px 10px;
background-color: var(--dark-blue);
color: white;
font-size: 10px;
border-radius: 28px;
}
#top :is(#presta-autres-p, .presta-digi, .presta-graph) .flex_column_table {
display: flex !important;
gap: 18px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-snap-align: start;
}
:is(.page-id-50, #presta-real, #real-autres-r) .av-tags-project {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 8px;
}
.page-id-50 :is(#presta-real, #real-autres-r) .av-inner-masonry-content,
#top :is(#presta-real, #real-autres-r) .av-inner-masonry-content {
background: #1a717e95;
} #main #presta_page_hero .flex_column:first-child {
width: 58%;
}
#main #presta_page_hero .flex_column:last-child {
width: 36%;
}
#main #presta_page_hero img {
padding-bottom: 64px;
transform: translateX(24px) scale(1.6);
}
#main #presta-accompagnement .entry-content-wrapper {
flex-direction: column;
}
#main #presta-accompagnement .entry-content-wrapper .flex_column {
width: 100%;
}
#top #main #presta-acteurs .flex_column_table {
margin-top: 32px;
width: 100%;
gap: 18px;
}
#top #main #presta-acteurs .flex_column {
margin: 0;
flex: 1 1 282px;
}
#main #presta-acteurs .flex_column_table .av-flex-placeholder {
display: none;
}
#top #main #presta-reassurances .flex_column_table .icon-place {
flex: 1 0 242px;
}
#top #presta-reassurances .icon-place:nth-child(2)::after {
display: none;
}
#main #presta-rappel::before {
top: -270px;
height: 424px;
}  #top.page-id-40 #real-space .av-inner-masonry-content {
display: none;
} #top #main #real-info-primaire::before {
top: -316px;
left: -120px;
width: 118%;
}
#top :is(#real-plus-info, #real-info-primaire) .flex_column_table {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
#top :is(#real-plus-info, #real-info-primaire) .flex_column_table .flex_column {
width: 100%;
}
#top #real-plus-info .template-page {
padding: 82px 0 42px 0;
}
}@media only screen and (min-width: 768px) {     .avia-section-large .content, .avia-section-large .sidebar{padding:110px 0;}
#top #main{padding-top:0 !important;}
#top :is(.primary-button-link, #top .primary-button a){padding:12px 18px;background-color:var(--ducky-blue);font-size:16px;color:white;border-radius:0;border-color:var(--ducky-blue);}
#top .secondary-button a{padding:12px 18px;background-color:white;font-size:16px;font-weight:600;color:var(--ducky-blue) !important;border-radius:0;border-color:white;}
#top .ternary-button a{padding:12px 18px;background-color:var(--green);font-size:16px;color:var(--green);border-radius:0;}
#top .secondary-button:hover a .avia_button_background,
#top .secondary-button:focus a .avia_button_background{background-color:#f0f0f0;border:none;}
#top .av-inner-masonry-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;padding:32px 24px;background-color:#1a717ebe !important;}
#top .av-inner-masonry-content .avia-arrow{display:none;}
#top .av-inner-masonry-content h3{padding-bottom:32px;font-size:28px;color:white;text-align:center;}
#top .av-inner-masonry-content .av-tags-project{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;}
#top .av-inner-masonry-content .av-tags-project .project_tag{padding:8px 16px;background-color:var(--dark-blue);color:white;font-size:14px;border-radius:32px;}
.contains_contact_form{position:fixed;top:0;right:0;width:42px;height:42px;z-index:999;overflow:hidden;}
.contains_contact_form.open{width:75%;height:100%;overflow:visible;}
.toggle-form {
position: fixed;
bottom: 32px;
right: 32px;
height: 82px;
width: 82px;
background-color: var(--dark-blue);
border: none;
border-radius: 2px;
box-shadow: 4px 4px 24px 2px #ffffff16;
transition: all ease 500ms;
z-index: 9999;
&:hover{cursor:pointer;background-color:var(--ducky-blue);}
&:focus{background-color:var(--ducky-blue);}
& p {
position: relative;
padding: 0 4px;
font-size: 12px;
color: white;
transition: all ease 300ms;
&::before{content:"\e814";position:relative;display:block;margin-bottom:8px;font-family:"lpdw-icon", sans-serif;font-size:28px;color:white;}
}
&.open {
& p::before{content:"\e80a";}
}
}
.contains_contact_form.open .inside-form.open{display:flex;flex-direction:column;height:100%;width:95%;padding:24px 64px 48px 64px;background-color:var(--dark-blue);}
.contains_contact_form.open
.inside-form
:is(
.gform_title, .gf_step_label, .gf_step_number, .gfield_label, .gform-field-label, .gfield_description ){color:white;}
.contains_contact_form.open .inside-form .gfield_label{font-size:16px;}
#main .contains_contact_form.open .inside-form .gfield_required{color:var(--green);font-style:normal;font-size:14px;}
.contains_contact_form.open
.inside-form
:is(
.gform_validation_errors, .validation_message, .gfield_validation_message ){padding:12px 18px;border:1px solid #c02b0a;color:#c02b0a;}
.contains_contact_form.open .inside-form .gfield_validation_message{padding:6px 12px;margin-top:4px;font-size:12px;font-weight:bold;border-radius:4px;}
.contains_contact_form.open .inside-form #gform_submit_button_1{padding:12px 24px;margin:0;background-color:var(--green);color:white;font-weight:bold;}
.contains_contact_form.open .inside-form #gform_confirmation_message_1{display:flex;justify-content:center;font-size:18px;color:white;padding:32px 12px;border:1px solid white;}
#header #header_main{padding-top:42px;}
#top #header .header_bg{background-color:transparent;}
#header #header_main .logo{right:unset;left:95%;height:124px;transition:all ease-in-out 800ms;}
#header #header_main .logo.burger-only{left:0 !important;right:unset !important;}
 #top #header .main_menu{transition:all ease-in 1200ms;}
#top #header .main_menu.burger-only{left:unset;right:-13px;}
#top #header #header_main .main_menu li:not(.av-burger-menu-main){display:inline-flex;align-items:center;}
#top #header #header_main .main_menu li a{height:64px;line-height:64px;font-size:18px;font-weight:normal;text-align:left;}
#top #header #header_main .main_menu li a:hover,
#top #header #header_main .main_menu li a:focus{color:var(--green);}
#top #header #header_main .main_menu li:not(.av-active-burger-items).hide{display:none;}
#top #header #header_main .main_menu .menu-item-avia-special.show{display:block;}
#top
#header
#header_main
.main_menu
li:not(#menu-item-59, .menu-item-1814)::after{content:"";height:2px;width:24px;background-color:var(--green);}
#top #header .av-hamburger-inner::before,
#top #header .av-hamburger-inner,
#top #header .av-hamburger-inner::after{background-color:var(--light-green);transition:all ease 300ms;}
#top #header .dark .av-hamburger-inner::before,
#top #header .dark .av-hamburger-inner,
#top #header .dark .av-hamburger-inner::after{background-color:var(--dark-blue);}
.av-burger-overlay-active #top #header .av-hamburger-inner::before,
.av-burger-overlay-active #top #header .av-hamburger-inner,
.av-burger-overlay-active #top #header .av-hamburger-inner::after{background-color:var(--green);}
#top #header #header_main .main_menu li.menu-item-1814 {
flex-direction: column;
align-items: start;
& > a > .av-submenu-indicator {
display: flex;
justify-content: center;
align-items: center;
right: -42px;
height: 26px;
font-size: 28px;
line-height: 6px;
opacity: 1;
&::before{content:"\e80d";color:var(--green);margin-left:12px;font-family:"lpdw-icon", sans-serif;}
}
} #top #header .av-burger-overlay-scroll {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
& .av-burger-overlay-info {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
padding: 42px 64px 122px 112px;
background-color: white;
background-image: url(//www.leplusduweb.com/wp-content/uploads/2023/04/vague_burger_menu.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
& .agency-infos {
display: flex;
flex-direction: column;
gap: 24px;
& .place {
& p{margin:0;}
&::after{content:"\e825";position:relative;display:block;margin-top:12px;font-family:"lpdw-icon", sans-serif;font-size:32px;color:var(--green);}
}
& .phone{margin:0;}
& b{margin-bottom:8px;font-size:24px;}
& :is(p, b, a){color:var(--dark-blue);font-size:20px;}
}
}
}
#header .av-burger-overlay-scroll .av-burger-overlay-info .social-networks a{background-color:var(--ducky-blue);padding:10px 12px;border-radius:50%;transition:all ease 300ms;}
#header
.av-burger-overlay-scroll
.av-burger-overlay-info
.social-networks
a:hover, #header
.av-burger-overlay-scroll
.av-burger-overlay-info
.social-networks
a:focus{background-color:var(--dark-blue);}
.av-burger-overlay-scroll .av-burger-overlay-info .iconlist-char::before{content:"\e8fc";color:white;}
#top #header .av-burger-overlay-scroll .av-burger-overlay-inner{position:relative;padding-left:112px;background-color:var(--dark-blue);}
#top
#header
.av-burger-overlay-scroll
.av-burger-overlay-inner
.avia-menu-text{margin-right:12px;}
.av-hamburger-inner::before, .av-hamburger-inner::after{background-color:var(--green);}
 #top #section-hero {
background-position: 125% 275%;
& .template-page{padding:112px 0;}
& .flex_column:first-child{display:flex;flex-direction:column;align-items:flex-start;padding-top:42px;}
& .avia_textblock h1{padding-bottom:64px;}
& .av_font_icon{display:block;margin:0 0 18px 0;}
} #top #section-apres_hero {
position: relative;
&::before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1512 550" fill="none"><path d="M812 40H0V436H812V40Z" fill="%231A717E"/><path d="M0 549.777V322.156C41.76 347.916 172.584 418.47 284 369.376C418.6 310.067 366.673 200.327 496 129.376C566.08 90.9281 634.229 119.861 715.99 148.791C785.11 173.249 863.959 197.708 961.929 181.456C1138.15 152.223 1242.04 24.5841 1512 -0.00292969V540.597L47.665 549.777H0Z" fill="%23F8F8F5"/></svg>');display:block;position:absolute;top:-332px;right:0;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:contain;}
& .template-page{padding-top:0;}
& h2 {
position: relative;
width: max-content;
float: right;
&::before{content:"";display:block;position:absolute;bottom:-64px;left:-42px;width:82px;height:82px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/fleche_pointillee_bleue.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;overflow:visible;visibility:visible;}
}
}
#top #prestations-grille .entry-content-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
&::before{display:none;}
& .carte-presta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 24px 42px;
margin: 0 !important;
gap: 16px;
background-color: white;
box-shadow: 0 3px 10px #1d275312;
&:hover{cursor:pointer;}
& .av-special-heading{margin:0;padding:0;}
}
}
#top.home #prestations-grille .entry-content-wrapper::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:418px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/Intersection-1.svg);background-repeat:no-repeat;background-size:cover;overflow:visible;visibility:visible;}
#presta-autres-p + #prestations-grille .entry-content-wrapper{margin-bottom:-48px;}
#section-qui-sommes-nous {
position: relative;
&::before{content:"";display:block;position:absolute;top:-100px;left:0;width:100vw;height:100%;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_agence.svg);background-repeat:no-repeat;background-size:contain;}
& h2{padding-bottom:32px;}
& .avia_textblock{padding-right:42px;}
} #top #section-chiffres-majeurs .entry-content-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row: 1fr;
&::before{display:none;}
& .flex_column {
position: relative;
width: 100%;
&:not(:first-child)::after{content:"";position:absolute;top:50%;left:0;display:inline-block;height:75%;width:2px;background-color:white;opacity:0.18;transform:translateY(-50%);overflow:visible;visibility:visible;}
& .av-icon-before-number{display:block;margin:0;padding-bottom:12px;}
& .avia-single-number{font-family:"patua-one", sans-serif;font-size:42px;letter-spacing:1px;}
& .avia-animated-number-content p{padding-top:8px;font-size:18px;line-height:24px;}
}
} #section-methodes {
position: relative;
height: 624px;
padding: 64px 0;
& .avia-builder-el-first{padding-left:112px;}
& .avia-builder-el-last {
position: absolute;
right: 0;
padding: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
& .av-hotspot-container{margin-right:0;}
& .av-image-hotspot_inner{display:flex;justify-content:center;align-items:center;font-family:fira-sans, sans-serif;font-size:20px;font-weight:bold;}
& .av-image-hotspot{height:42px;width:42px;text-align:center;}
& .av-image-hotspot-pulse{animation:none;-webkit-animation:none;}
}
&::after{content:"";display:block;position:absolute;top:482px;right:0;width:100%;height:402px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_real.svg);background-position:0 0;background-repeat:no-repeat;background-size:cover;z-index:0;}
} #section-realisations h2{margin-bottom:64px;}
#section-realisations .flex_column::after{content:"";display:block;position:absolute;bottom:-50px;left:182px;width:242px;height:182px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/ampoule_qui_brille.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;overflow:visible;visibility:visible;}
#section-realisations .av-masonry-image-container{opacity:1;}
#section-realisations .av-masonry-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:324px 112px 164px 182px 164px 82px 112px;height:unset !important;}
#top #section-realisations .av-masonry-item-no-image{display:none;}
#top #section-realisations .av-masonry-entry{position:relative !important;top:unset !important;left:unset !important;width:100%;}:is(#section-realisations, #real-space) .av-inner-masonry{box-shadow:0 3px 10px #1d275312;}
#top #section-realisations .av-masonry-entry:nth-child(5){grid-column:1;grid-row:1/2;}
#top #section-realisations .av-masonry-entry:nth-child(odd){grid-column:1;grid-row:2/7;}
#top #section-realisations .av-masonry-entry:nth-child(2){grid-column:2;grid-row:1/3;}
#top #section-realisations .av-masonry-entry:nth-child(3){grid-column:2;grid-row:3/6;}
#top #section-realisations .av-masonry-entry:nth-child(4){grid-column:3;grid-row:1;}
#top #section-realisations .av-masonry-entry:nth-child(7){grid-column:3;grid-row:2/5;}
#top #section-realisations .av-masonry-entry:nth-child(8){grid-column:3;grid-row:5/8;}
#top :is(#section-realisations, #real-space) .av-inner-masonry-content{padding:32px 24px;background-color:#1a717e95;}:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
img{width:82px;height:82px;object-fit:cover;border-radius:41px;}:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
h4{font-size:20px;line-height:20px;}:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
.testimony-client-profession{margin:0;line-height:18px;text-transform:uppercase;}:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
.testimony-client{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:15px;line-height:22px;overflow:hidden;}:is(#section-realisations, #real-space) .av-masonry-entry-link{width:max-content;margin:32px auto 0 auto;padding:8px 12px;background-color:var(--green);font-size:16px;transition:all ease 300ms;}:is(#section-realisations, #real-space) .av-masonry-entry-link:hover{background-color:var(--ducky-blue);}:is(#section-realisations, #real-space) .av-masonry-entry-link::after{content:"\e825";position:relative;display:inline-block;margin-left:8px;font-family:"lpdw-icon";}
 #secondary_page_hero::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a717e95;}
#secondary_page_hero{position:relative;height:682px;}
#secondary_page_hero .template-page{padding:0;}
#secondary_page_hero
:is(
.container, .template-page, .post-entry, .entry-content-wrapper, .av_textblock_section, .avia_textblock, #secondary_page_hero-content ){height:100%;}
#secondary_page_hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;}
#secondary_page_hero #secondary_page_hero-content h1{margin-top:0;}
#secondary_page_hero
#secondary_page_hero-content
:is(h1, .breadcrumb, .breadcrumb span, a){color:white;}
#secondary_page_hero #secondary_page_hero-content a{text-decoration:underline;}
#secondary_page_hero-content.real {
position: relative;
align-items: start;
& h1{font-size:52px;}
& .project_cat {
margin-bottom: 42px;
a, p{padding:8px 12px;font-size:20px;background-color:white;border-radius:24px;color:var(--green) !important;font-family:"patua-one", sans-serif;text-decoration:none !important;transition:all ease 300ms;}
a:hover, a:focus{background-color:var(--ducky-blue);color:white !important;}
}
.tags {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
.tag{background-color:var(--dark-blue);padding:6px 16px;color:white;border-radius:24px;}
}
} #maintenance{display:flex;justify-content:center;align-items:center;height:100vh;}
#maintenance .hr{position:relative;overflow:visible;}
#maintenance .hr::after{content:"";display:block;position:absolute;bottom:-80px;right:82px;width:242px;height:182px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/ampoule_qui_brille.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;overflow:visible;visibility:visible;transform:scaleX(-1);}
#presta_page_hero .title-and-exc{margin-top:124px;}
#presta_page_hero .buttons-line{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:24px;}
#presta_page_hero .buttons-line .ternary-button{margin-left:16px;}
#presta_page_hero img{padding-bottom:64px;transform:scale(2.2);}
#presta-accompagnement::before{content:"";display:block;position:absolute;top:-324px;left:0;width:101%;height:382px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_hero.svg);background-repeat:no-repeat;background-size:cover;}
#presta-accompagnement{position:relative;}
#presta-accompagnement::after{content:"";display:block;position:absolute;bottom:-464px;left:0;width:100%;height:464px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_acteurs.svg);background-repeat:no-repeat;background-size:contain;}
#presta-accompagnement .template-page{padding:82px 0;}
#top #presta-acteurs h3{font-size:28px;}
#top #presta-acteurs .flex_column_table{display:flex;flex-wrap:wrap;margin-top:0;}
#top #presta-acteurs .flex_column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;}
#presta-acteurs
:is(.avia-image-container, .av-special-heading, .av_textblock_section p){margin:0;padding:0 !important;}
#presta-acteurs img{width:182px;height:182px;border-radius:91px;object-fit:cover;}
#presta-acteurs :is(h4, .av-subheading p){color:var(--ducky-blue);}
#presta-acteurs h4{font-family:"patua-one", sans-serif !important;font-weight:bold;}
#presta-acteurs .av-subheading p{text-transform:uppercase;font-weight:normal;}
#top #presta-reassurances .template-page{padding:64px 0;}
#top #presta-reassurances .flex_column_table{display:flex;flex-wrap:wrap;}
#top #presta-reassurances .icon-place{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;}
#top #presta-reassurances .icon-place::after{content:"";position:absolute;top:0;right:0;display:inline-block;height:100%;width:1px;background-color:white;opacity:0.18;overflow:visible;visibility:visible;}
#top #presta-reassurances .icon-place:last-child::after{display:none;}
#top #presta-reassurances .icon-place .av-special-heading{margin:0 !important;padding:0 !important;}
#presta-reassurances .icon-place h5{font-size:18px;line-height:26px;font-weight:bold;}
#presta-real h2{font-size:42px;}
#presta-rappel::before{content:"";display:block;position:absolute;top:-330px;left:0;width:100%;height:558px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/05/sep_presta_projet.svg);background-repeat:no-repeat;background-size:contain;}
#presta-rappel {
position: relative;
& .av-special-heading {
position: relative;
padding-top: 24px;
&::before{content:"";display:block;position:absolute;top:-82px;right:calc(50% - 41px);width:82px;height:82px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/fleche_pointillee_bleue.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;transform:scaleX(-1);}
& .av-special-heading-tag{font-size:28px;}
& .av-subheading{margin-top:8px;font-size:18px;}
}
}
#presta-autres-p h2{font-size:42px;}
.page-id-40 #real-space {
position: relative;
&::before{content:"";display:block;position:absolute;top:-100px;left:0;width:100vw;height:100%;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/separateur_agence.svg);background-repeat:no-repeat;background-size:contain;}
& .av-masonry-entry .av-masonry-entry-content{display:none;}
}
#real-space .primary-button-link{width:max-content;margin:0 auto;}
.single-portfolio .avia-post-nav{display:none;}
#real-info-primaire {
position: relative;
&::before{content:"";display:block;position:absolute;top:-364px;left:0;width:100%;height:542px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_header.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;transform:scaleX(-1);}
}
#top #real-info-primaire {
.flex_column_table {
display: grid;
grid-template-columns: repeat(2, 50%);
width: 100%;
gap: 24px;
& > .flex_column{width:100%;}
#real-note,
#temoignage{grid-area:1/2;height:min-content;align-self:center;z-index:0;}
}
}
#real-info-primaire #real-description h2 {
position: relative;
width: max-content;
&::after{content:"";display:block;position:absolute;bottom:-62px;right:-82px;width:82px;height:82px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/03/fleche_pointillee_bleue.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;transform:scaleX(-1);}
}
#real-info-primaire #real-description .av_textblock_section{margin-top:82px;}
#real-info-primaire #real-note {
background-color: white;
padding: 64px 42px;
box-shadow: 0 3px 10px #1d275312;
& h3{font-size:28px;}
}
#real-info-primaire #real-note .scores_insight {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
& canvas{height:98px !important;width:98px !important;}
& > div{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;}
}
#real-info-primaire
#real-note
.scores_insight
:is(.score_seo, .score_desktop, .score_mobile, .score_accessibility)
.score_text{position:absolute;top:0;left:50%;display:flex;justify-content:center;align-items:center;margin:0;width:98px;height:98px;font-family:"patua-one", sans-serif;font-size:32px;font-weight:700;transform:translateX(-50%);}
#real-info-primaire
#real-note
.scores_insight
:is(.score_seo, .score_desktop, .score_mobile, .score_accessibility)
h5{margin:0;font-family:fira-sans, sans-serif;font-size:18px;font-weight:normal;}
#real-plus-info #success-story .av-special-heading {
position: relative;
width: max-content;
&::before{content:"";display:block;position:absolute;top:-82px;right:-64px;width:112px;height:112px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/05/hautparleur.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}
}
#real-plus-info #success-story .av-subheading p{font-size:18px;font-weight:bold;line-height:28px;}
#main #temoignage {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 48px 64px;
gap: 24px;
& h3{font-size:28px;}
& .av-subheading {
font-size: 18px;
text-transform: uppercase;
& p{font-size:20px;}
}
& img{width:164px;height:164px;border-radius:82px;overflow:hidden;object-fit:cover;}
}
#main #temoignage :is(.avia-image-container, .av-special-heading, p){margin:0 !important;}
#main #temoignage .avia-image-container-inner::after{content:"";display:block;position:absolute;top:0px;right:-24px;width:64px;height:64px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/dialog_testimony.svg);background-repeat:no-repeat;background-size:contain;}
#main #temoignage :is(h3, .av-subheading, .avia_textblock p){color:white;}
#real-autres-r {
position: relative;
&::before{content:"";display:block;position:absolute;top:-364px;left:0;width:100%;height:456px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_avt_real.svg);background-repeat:no-repeat;background-size:cover;}
}
#real-contact {
position: relative;
&::before{content:"";display:block;position:absolute;bottom:198px;left:0;width:100%;height:312px;background-image:url(//www.leplusduweb.com/wp-content/uploads/2023/04/real_aps_real.svg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
& .template-page{padding:82px 0;}
} .page-id-2369 #real-contact::before{bottom:unset;top:-20px;}
 #footer-page #footer-header .template-page{padding:24px 0;}
#top #footer-page #footer-header .flex_column_table{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;}
#footer-header .flex_column:first-child{position:static;}
#footer-header .flex_column .avia-image-container{position:absolute;top:-24px;background-color:white;}
#footer-header .flex_column .avia-image-container img{padding:24px;}
#footer-header .flex_column:not(:first-child) {
display: flex;
justify-content: flex-end;
align-items: center;
.avia-icon-list-container{margin:0;}
.avia-icon-list {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 16px;
li{padding:0;}
}
li.avia_start_animation{width:64px;height:64px;}
.iconlist_icon{transform:scale(0.8);margin-right:8px;}
.iconlist-timeline{display:none;}
} #footer-content .template-page{padding:82px 0 42px 0;border-bottom:1px solid #969baf !important;}
#footer-content .avia-icon-list{display:flex;flex-direction:column;gap:24px;}
#footer-content .av_iconlist_title{font-weight:bold;}
#footer-content .iconlist_icon{margin-right:12px;font-size:18px;}
#footer-content .iconlist_content p{margin:0;font-weight:normal;}
#footer-content .widget li.current_page_item{background-color:transparent !important;}
#footer-content .widget li.current_page_item a{color:var(--green);text-decoration:underline;}
#footer-content .iconlist_content a:hover,
#footer-content .iconlist_content a:focus{color:var(--green);}
#top #wrap_all #footer-content .flex_column:nth-child(2){display:flex;align-items:flex-start;justify-content:space-between;width:100%;}
#footer-content
.flex_column:nth-child(2)
.avia-builder-widget-area.avia-builder-el-first
ul {
list-style-type: none;
& a{font-family:fira-sans, sans-serif;font-weight:bold;text-transform:uppercase !important;}
}
#top #footer-content .flex_column:nth-child(2) .widget {
.widgettitle{font-family:fira-sans, sans-serif;text-transform:uppercase !important;}
ul {
padding-left: 12px;
list-style-type: disc;
a {
padding: 4px 2px;
font-size: 14px;
transition: all ease 300ms;
&:hover,
&:focus{background-color:transparent;}
}
}
}
#top #footer-content .flex_column:nth-child(3) .avia-button-wrap{position:absolute;bottom:0;right:0;}
#main #socket {
border: 0px;
max-height: 64px;
min-height: unset;
& :is(.template-page, .container){padding:0;}
& p{margin:0;height:64px;font-size:16px;line-height:64px;}
& a {
color: #969baf;
transition: all ease 300ms;
&:hover,
&:focus{color:var(--green);text-decoration:underline;}
}
}
}
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
#real-info-primaire {
&::before{top:-348px;left:-6px;width:101%;}
}
} @media only screen and (max-width: 1200px) and (min-width: 768px) {    #wrap_all #header #header_main .logo{left:90%;}
#top #header .av-burger-overlay-scroll .av-burger-overlay-inner{display:flex;justify-content:center;align-items:center;padding:32px 64px;}
#top #header .av-burger-overlay-scroll #av-burger-menu-ul {
height: auto;
li {
font-size: 28px;
li{margin:0;}
}
}
#top #header .av-burger-overlay-scroll .logo-small a {
display: block;
height: 100%;
img{height:82px;}
}    #top #wrap_all #main #section-hero {
background-position: 218% 124%;
h1{padding-bottom:48px;font-size:58px;}
.flex_column:last-child{transform:translateY(50%);}
.av-icon-char{font-size:48px;line-height:48px;}
} #top #section-apres_hero::before{top:-232px;}
#top #main #prestations-grille {
.entry-content-wrapper {
gap: 24px;
.carte-presta{padding:24px 32px;}
}
}
#top #section-prestations::before{top:-182px;}
#top #wrap_all #section-methodes::after{bottom:0;top:unset;}
#top #wrap_all #section-methodes .flex_cell:first-child{width:38%;padding-right:0;}
#top #wrap_all #section-methodes .flex_cell:last-child{width:62%;padding-left:42px;}
#wrap_all #section-methodes .avia-builder-el-last .av-image-hotspot{height:28px;width:28px;}
#wrap_all #section-methodes .avia-builder-el-last .av-image-hotspot_inner{font-size:16px;}
#wrap_all
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
img{width:64px;height:64px;}
#wrap_all
:is(#section-realisations, #real-space)
.av-masonry-entry-client-testimony
.testimony-client{font-size:14px;line-height:18px;}
#footer-page #footer-content .flex_column_table{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:24px;}
#footer-page #footer-content .avia-icon-list{height:100%;justify-content:flex-end;}
#top #wrap_all #footer-content :is(.flex_column_table, .flex_column){width:100%;}
#top #wrap_all #footer-content .flex_column:first-child{grid-column:1;grid-row:1;}
#top #wrap_all #footer-content .flex_column:last-child{grid-column:2;grid-row:1;}
#top #wrap_all #footer-content .flex_column:nth-child(2){grid-column:1/3;grid-row:2;}
#main #section-realisations .flex_column::after{left:-24px;right:unset;}
#footer-content .flex_column .avia-builder-widget-area{flex:1;}
#main #presta_page_hero .buttons-line .ternary-button{margin:0;}
#presta_page_hero #presta_page_hero img{padding-bottom:42px;transform:scale(2);}
#presta-accompagnement .entry-content-wrapper{display:flex;align-items:center;}
#presta-accompagnement .container .template-page{padding:82px 0 42px 0;}
#top #presta-reassurances .template-page{padding:64px 0;}
#top #presta-reassurances .entry-content-wrapper .flex_column_table{display:flex;flex-wrap:wrap;gap:24px;}
#top #presta-reassurances .flex_column_table .icon-place{flex:1 0 324px;}
#top #presta-reassurances .icon-place:nth-child(2n + 1)::after{content:"";position:absolute;top:0;right:0;display:inline-block;height:100%;width:1px;background-color:white;opacity:0.18;overflow:visible;visibility:visible;}
#presta-real .template-page{padding:64px 0 42px 0;}
#main #real-info-primaire::before{top:-324px;left:0;width:100%;}
#main #real-info-primaire {
& #real-note .scores_insight {
& > div{justify-content:unset;}
& :is(.score_seo, .score_desktop, .score_mobile, .score_accessibility) {
& .score_text{position:absolute;top:0;left:50%;}
& h5{text-align:center;}
}
}
}
#main #real-plus-info {
& #temoignage{padding:64px 42px;}
& #success-story .av-special-heading::before{right:-28px;width:102px;height:102px;}
}
} @media only screen and (max-width: 1080px) and (min-width: 768px) { #top #wrap_all #header .av-burger-overlay-scroll {
grid-template-columns: 1fr;
grid-template-rows: 60% 40%;
.av-burger-overlay-contact {
display: none;
}
#av-burger-menu-ul {
padding: 64px 0 !important;
overflow-y: scroll;
}
}
#top #wrap_all #header .av-burger-overlay-info {
grid-row: 2;
padding: 32px 64px;
}
}