#logos-rge .et_pb_image img {
position: relative;
width: 200px;
height: 170px;
aspect-ratio: 1/1;
object-fit: contain;
}
#logos-rge {
padding-top: 6%;
padding-bottom: 4%;
} #top-menu li a,
body header.et-fixed-header #top-menu a {
font-weight: 500 !important;
line-height: 1.3em;
}
#top-menu .menu-contact a,
body header.et-fixed-header #top-menu .menu-contact a {
position: relative;
color: white !important
}
#top-menu .menu-contact a:after {
content: '';
background: var(--bleu);
width: 145%;
height: 3.5em;
position: absolute;
z-index: 9;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: -.45em;
left: -22%;
z-index: -1;
border-radius: 38px;
}
@media all and (min-width: 981px) {
#et-top-navigation,
#et-top-navigation>nav,
#et-top-navigation>nav ul {
width: 100%;
}
#et-top-navigation>nav ul {
display: flex;
justify-content: space-evenly;
}
div#et-top-navigation {
padding-left: 259px !important;
}
} div#home-header,
#page-header-bg {
padding: 0;
height: calc(100vh - 105px);
}
div#home-header .et_pb_row {
padding: 0;
height: 100%;
}
div#home-header .et_pb_column {
padding: 3%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
div#home-header h1 {
margin-bottom: 4%;
line-height: 1.15em;
font-weight: 700;
max-width: 700px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: -3%;
}
div#home-header p {
font-size: 1.25em;
max-width: 650px;
}
div#home-header .et_pb_button_module_wrapper {
margin-top: 6%;
}
.maison img,
.ampoule img {
max-width: 300px;
width: 80% !important;
}
.big-text {
font-size: 4em;
line-height: 01.15em;
font-weight: 300;
}
.big-text em {
font-style: initial;
font-weight: 500;
}
.big-text strong {
color: var(--bleu);
}
.offres-mosaic.et_pb_row {
width: 65%;
padding-bottom: 0;
}
.offres-mosaic .et_pb_module {
height: 45vh;
min-height: 250px;
width: 100%;
padding: 3%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.offres-mosaic .et_pb_module a {
margin-bottom: 1em;
display: inline-block;
font-size: .9em;
}
#trombinoscope {}
#trombinoscope img {
width: 100%;
aspect-ratio: 1/1.5;
object-fit: cover;
}
@media all and (min-width: 981px) {
#trombinoscope .et_pb_grid_item {
width: 25%;
margin-right: 0%;
margin-bottom: 0%;
}
#trombinoscope {
width: 80%;
left: 0;
right: 0;
margin: auto;
}
}
#follow ul {
display: flex;
justify-content: center;
list-style-type: none
}
#follow ul li {
margin: 0 .65em;
filter: brightness(0) saturate(1%) invert(22%) sepia(100%) saturate(750%) hue-rotate(190deg);
opacity: .9;
} #economies-contact .big-text h2 {
text-align: center;
text-transform: uppercase;
font-size: .7em;
}
.big-text2 h2 {
font-size: 3em;
}
.blue-section * {
color: white;
}
.blue-section {
background-color: var(--bleu);
}
.blue-section .et_pb_button,
body #page-container .blue-section .et_pb_button:hover {
color: var(--bleu) !important;
background: white !important;
}
.adapted-image,
.adapted-image * {
height: 105%;
}
.adapted-image img {
object-fit: cover;
}
#prime-renov .blue-section .et_pb_text {
padding: 6%;
padding-bottom: 3%;
}
#prime-renov .blue-section .et_pb_button_module_wrapper {
padding: 6%;
padding-top: 3%;
}
#fleche {
transform: rotate(90deg) scaley(-1) scaleX(.75) scale(1.25);
} #conseils .et_pb_salvattore_content[data-columns]::before {
content: '2 .column.size-1of2' !important;
}
@media only screen and (min-width: 981px) {
#conseils .column.size-1of2 {
width: 46% !important;
margin-right: 3%;
}
#conseils .et_pb_blog_grid {
margin-left: 3%
}
#conseils article {
border: none
}
}
.more-link {
background: var(--bleu);
color: white;
padding: .5em 1em;
border-radius: 99px;
left: 0;
right: 0;
margin: auto;
display: table;
margin-top: 1em;
text-transform: uppercase;
}
.wp-pagenavi span,
.wp-pagenavi a {
border-radius: 99px !important;
border: none !important;
margin: 0 8px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: var(--bleu);
color: white !important;
}
#realisations-header h2 {
font-weight: 700;
line-height: 1.72em;
}
#realisations-header h2 strong {
font-weight: 400;
text-transform: uppercase;
font-size: 1.75em;
line-height: 1em;
}
#realisations-header img {
width: 2.5em;
transform: scale(8) rotate(90deg) translateX(-8%);
}
#realisations {}
#realisations .et_pb_row {
padding: 0
}
#realisations .et_pb_column {
height: 50vh;
min-height: 300px;
padding: 4px
}
#realisations .et_pb_text {
position: absolute;
z-index: 99;
bottom: 6%;
left: 7%;
}
#realisations .et_pb_text p {
color: white;
font-size: 1.65em;
font-weight: 600;
text-transform: uppercase;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
#realisations .et_pb_gallery,
#realisations .et_pb_gallery_items,
#realisations .et_pb_gallery_item,
#realisations .et_pb_gallery_image,
#realisations .et_pb_gallery_image img {
height: 100%;
width: 100%;
}
#realisations .et_pb_gallery_image img {
object-fit: cover
}
#realisations .et-pb-arrow-next:before,
#realisations .et-pb-arrow-prev:before {
color: white
}
#realisations .et-pb-controllers {
display: none
}
.full-image * {
width: 100%;
} .contact-form-wrapper {
max-width: 700px;
margin: 0 auto;
}
.contact-form-wrapper .row {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.contact-form-wrapper .column {
width: 48%;
}
.contact-form-wrapper .full-column {
width: 100%;
}
.contact-form-wrapper input,
.contact-form-wrapper textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
font-family: Arial, sans-serif;
}
.contact-form-wrapper textarea {
height: 120px;
}
.et_pb_map,
.et_pb_map_container {
width: 100%;
height: 100% !important;
min-height: 400px;
}
.et_pb_map .gm-style-mtc,
.et_pb_map .gm-svpc {
display: none;
}
#coordonnees {
margin-top: 2%;
}
#coordonnees .et_pb_text h2 {
color: var(--bleu);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--bleu);
background: var(--bleu);
color: white;
padding: 6%;
text-align: center;
}
.wpcf7 .et_pb_button {
max-width: 200px;
left: 0;
right: 0;
margin: auto;
position: relative;
display: block;
}
.wpcf7-not-valid-tip {
font-size: .8em !important;
} #legal-page h1 {
font-size: 2.2em;
text-transform: uppercase;
}
#legal-page h2 {
padding-top: .85em
}
#legal-page h2,
#legal-page h3 {
padding-bottom: .75em;
text-transform: uppercase;
} #nav_menu-2 li br {
display: none;
}
#footer-widgets .footer-widget li:before {
display: none;
}
#footer-widgets .footer-widget li {
padding-left: 0;
line-height: 1.5em;
}
#footer-widgets .footer-widget h2 {
color: white;
}
#footer-widgets h2.widgettitle {
font-size: 1.85em;
margin-bottom: .5em;
}
#custom_html-2,
#media_image-2 {
filter: invert(1);
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 8.347%;
}
#media_image-2 img {
width: 95%;
max-width: 450px !important;
}
#custom_html-2 ul {
display: flex;
justify-content: center;
}
#custom_html-2 ul li {
margin-right: 2em;
}
@media all and (min-width: 981px) {
.footer-widget:nth-child(1) {
width: 30% !important;
}
.footer-widget:not(:nth-child(1)) {
width: 17% !important
}
}
#footer-info {
width: 100%;
display: flex;
justify-content: center;
}
#footer-info a {
font-weight: 400 !important;
font-size: .935em;
}
#footer-info a:not(:nth-last-of-type(1)) {
margin-right: 1.5em;
position: relative;
}
#footer-info a:not(:nth-last-of-type(1)):after {
content: '';
height: .75em;
width: 1px;
position: absolute;
background: white;
top: 28%;
right: -.75em;
} #footer-bottom>.container,
#main-footer>.container {
width: 92%;
max-width: 92%
}
#main-header>.container {
width: 92%;
max-width: 92%;
}
body.full-header #page-container {
padding-top: 0 !important;
}
body.full-header #main-header:not(.et-fixed-header) {
background: transparent !important;
box-shadow: none !important
}
body.full-header #main-header:not(.et-fixed-header) a {
color: white !important;
}
.mfp-title {
display: none;
}
.et_pb_equal_columns .et_pb_column {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.et_overlay {
mix-blend-mode: soft-light;
}
.et_overlay:before {
display: none;
}
h2,
h3,
h4 {
padding-bottom: 2%;
}
#page-header img {
width: 90%;
max-width: 300px;
}
#page-header h1 {
text-transform: uppercase;
font-weight: 500;
font-size: 2.75em;
}
#page-header-bg h1 {
color: white;
font-weight: 500;
text-transform: uppercase;
width: 80%;
}
#page-header-bg .et_pb_row {
height: 95%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
}
#page-header-bottom,
#page-header-bottom .et_pb_row:nth-child(1) {
padding-top: 0;
}
#page-header-bottom,
#page-header-bottom .et_pb_row:nth-child(2) {
padding-bottom: 0;
}
#page-header-bottom .et_pb_image .et_pb_image_wrap,
#page-header-bottom .et_pb_image .et_pb_image_wrap img {
width: 100%;
}
#page-header-bottom .et_pb_text strong {
font-size: 1.5em;
} body.single-post #main-content>.container {
width: 85%;
}
#sidebar {
position: sticky;
top: 160px;
}
#sidebar article {
opacity: 1 !important;
padding: 9px;
border: 0;
margin-bottom: 2em;
}
#sidebar article h3 {
font-size: 1.25em;
}
#sidebar article h3 a {
color: black;
}
#sidebar article .et_pb_image_container {
margin: 0 !important;
}
#sidebar article img {
aspect-ratio: 3/2;
object-fit: cover;
border-radius: 10px;
}
#sidebar article .entry-featured-image-url {
margin-bottom: 1em;
}
#text-4 a {
color: var(--bleu);
font-weight: 600;
} body::-webkit-scrollbar {
width: 9px;
}
body::-webkit-scrollbar-track {
background: white;
}
body::-webkit-scrollbar-thumb {
background-color: var(--bleu-fonce);
border-radius: 0px;
} html {
scrollbar-color: var(--bleu-fonce) white;
}
html,
body {
-ms-overflow-style: -ms-autohiding-scrollbar;
} @media all and (min-width: 1405px) {}
@media all and (max-width: 980px) {
div#home-header .et_pb_column {
height: 50%;
}
.flex-reverse {
display: flex;
flex-direction: column-reverse;
}
#page-header .et_pb_column {
display: flex;
justify-content: center;
align-content: center;
}
#page-header * {
text-align: center
}
#page-header .et_pb_image {
left: 0;
right: 0;
margin: auto
}
#fleche {
transform: rotate(90deg) scaley(-1) scaleX(.75) scale(1.25) translatex(24%);
}
}
@media all and (max-width: 767px) {
div#home-header .et_pb_column {
height: 100%;
}
div#home-header .et_pb_column:nth-child(1) {
display: none;
}
.footer-widget {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.big-text {
font-size: 3em;
}
div#footer-info {
display: flex;
flex-direction: column;
}
#footer-info a {
margin-bottom: 1em;
}
#footer-info a:after {
display: none;
}
#page-header-bg h1 {
width: 90%;
font-size: 2em;
}
#conseils .et_pb_salvattore_content[data-columns]::before {
content: '1 .column.size-1of1' !important;
}
}
@media all and (max-height: 680px) {
div#home-header .et_pb_column {
height: 100%;
width: 100%;
}
div#home-header .et_pb_column:nth-child(1) {
display: none;
}
}
@media all and (max-width: 479px) {
.big-text {
font-size: 2.5em
}
} .et_fixed_nav #main-header {
position: fixed;
} @media only screen and (max-width: 980px) {
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}
#main-header .container.clearfix.et_menu_container {
width: 100%;
}
.logo_container {
padding-left: 30px;
}
#et-top-navigation {
padding-right: 30px;
}
.mobile_menu_bar,
#logo {
z-index: 10000;
}
#mobile_menu {
display: block !important;
right: 0;
left: auto;
top: 0;
padding-top: 80px;
min-height: 100vh;
width: 400px;
border-top: none;
transition: all .2s ease-in-out;
transform-origin: right;
position: fixed;
}
.mobile_nav.closed #mobile_menu {
transform: rotateY(90deg);
opacity: 0;
}
.mobile_nav.opened #mobile_menu {
transform: rotateY(0);
opacity: 1;
}
#et-top-navigation .select_page {
opacity: 0
}
#et-top-navigation .mobile_nav {
background-color: transparent !important;
}
#main-header li a:after,
.current_page_item a:after {
display: none
}
#main-header li a {
text-transform: uppercase;
font-size: 1.2em !important;
line-height: 2em;
color: var(--bleu);
}
}
@media only screen and (max-width: 480px) {
#mobile_menu {
width: 100%;
}
}