| Server IP : 145.239.37.162 / Your IP : 216.73.216.39 Web Server : Apache System : Linux webm003.cluster130.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaa ( 38250) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/v/e/r/verseaa/www2024/wp-content/themes/julien_ioz/ |
Upload File : |
/* Theme Name: Verseau Nettoyage
Theme URI: https://alencrebleue.com
Description: AEB AGENCY
Version: 2.1
Author: A l'Encre bleue
Author URI: https://alencrebleue.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
/* margin: 0; */
padding: 0;
border: 0;
font-size: 100%;
/* font-family: 'Open Sans', sans-serif; */
font-style: normal;
/* color: #FAFCFF; */
}
body{
-webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
ul{
list-style-type: none;
}
/* button */
/* input.gform_button, form input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
} */
/* form textarea {
border:none;
} */
form .ginput_container_consent input {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
border-radius:initial;
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local(''),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-regular.woff2') format('woff2')
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-regular.woff') format('woff')
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local(''),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-600.woff2') format('woff2'),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-600.woff') format('woff')
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local(''),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-700.woff2') format('woff2'),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-700.woff') format('woff')
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local(''),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-800.woff2') format('woff2'),
url('https://alencrebleue.com/wp-content/themes/AEB_AGENCY_V2/assets/fonts/open-sans-v27-latin-800.woff') format('woff')
}
/*------------------------------------*\
MARGE SUR MENU ADMIN (lorsque le menu est en fixe, il est caché en partie)
\*------------------------------------*/
.logged-in.admin-bar header{
margin-top: 32px;
}
/*------------------------------------*\
LA GRID
\*------------------------------------*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
margin: 0 auto;
padding-left: 0;
padding-right: 0;
width:90%;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row>* {
float: left;
width: 100%;
padding-left: .9375em;
padding-right: .9375em;
}
.row::after {
content: "";
display: block;
clear: both;
}
@media screen and (min-width:1200px) {
.container {
max-width:1170px;
}
}
@media screen and (min-width:1100px) and (max-width:1199px) {
.container {
max-width:1060px;
}
}
@media screen and (max-width:1099px) {
.container {
width:90%;
}
}
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #444;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
}
:focus {
outline: none;
}
img{
height: auto;
/* max-width: 100%; */
}
/* fonts */
@font-face {
font-family: 'STIXGeneral';
font-style: normal;
src: url(/Users/aeb05/Desktop/testJulien/fonts/stixgeneral-regular.otf) format('otf');
}
/* hebrew */
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext *
/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext *
/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2')
;
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext *
/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext *
/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}
html,
body {
margin: 0;
padding: 0;
}
.m-auto {
margin: auto;
}
.container {
margin: 0 auto;
padding-left: 0;
padding-right: 0;
width: 90%;
max-width: 1140px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row>* {
float: left;
width: 100%;
}
.row::after {
content: "";
display: block;
clear: both;
}
@media screen and (min-width:1200px) {
.container {
max-width: 1170px;
}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
.container {
max-width: 1060px;
}
}
@media screen and (min-width:1024px) {
.row>* {
padding-left: .9375em;
padding-right: .9375em;
}
}
@media screen and (max-width:1024px) {
.container {
width: 95%;
}
}
@media screen and (max-width:1023px) {
.row>* {
padding-left: .46875em;
padding-right: .46875em;
}
}
@media screen and (min-width: 800px) {
.bloc-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bloc-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bloc-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
}
.bloc-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.bloc-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.bloc-2-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66%;
flex: 0 0 66.66%;
max-width: 66.66%;
}
.bloc-3-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.bloc-2-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.bloc-3-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.bloc-4-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
}
}
/* début de personnalisation */
section {
width: 100%;
}
section h2 {
font-size: 55px;
line-height: 55px;
font-weight: bold;
}
section h3 {
font-size: 45px;
line-height: 55px;
font-weight: bold;
}
/* .container {
border: greenyellow 2px solid;
} */
section {
padding: 2rem 0;
}
h1,
h2,
h3 {
font-family: 'Frank Ruhl Libre', serif;
font-weight: 400;
}
p {
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 20px;
}
strong {
font-weight: 500;
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
/* section 1-------------------------------------------------------------------------------------------------------------------------------------------- */
#ioz-1 {
position: relative;
padding: 0;
margin-bottom: 0;
}
#ioz-1 .banner {
display: block;
}
#ioz-1 h1 {
font-size: 45px;
line-height: 45px;
font-weight: bold;
font-family: 'STIXGeneral', sans-serif;
}
#ioz-1 h1 span {
font-size: 40px;
line-height: 45px;
font-weight: normal;
font-family: 'STIXGeneral', sans-serif;
}
#ioz-1 .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#ioz-1 .text-ban {
background: rgba(255, 255, 255, .75);
color: black;
width: 644px;
height: 341px;
font-size: 40px;
display: flex;
align-items: center;
justify-items: center;
margin: 0;
padding: 1rem 25px;
}
.text-ban img {
width: 255px;
}
.text-ban .main-titletitle {
flex: 1;
}
#ioz-1 strong {
font-size: 45px;
}
.button {
color: #fff;
background: #75BCDC;
padding: 13px;
border: none;
width: auto;
height: 51px;
text-transform: uppercase;
font-size: 24px;
font-family: 'Roboto', sans-serif;
}
#ioz-1 .button {
margin-top: 2rem;
}
.button a {
color: #fff;
text-decoration: none;
}
.banner {
width: 100%;
}
figure.bloc-2 {
margin: 0;
}
/* section 2 -------------------------------------------------------------------------------------------------------------------------------------------- */
#ioz-2 {
background: rgb(0, 0, 0);
color: white;
margin-top: 0;
padding-top: 2rem;
padding-bottom: 2rem;
}
#ioz-2 h2 {
font-size: 40px;
font-weight: bold;
line-height: 40px;
padding: 0;
}
#ioz-2 h2 span {
font-weight: 300;
}
#ioz-2 .bloc-4 {
padding: 0;
}
#ioz-2 img {
height: 80%;
}
#ioz-2.row {
align-items: center;
}
#ioz-2 .row>* {
align-self: center;
}
/* section 3 --------------------------------------------------------------------------------------------------------- */
#ioz-3 {
padding-top: 3rem;
padding-bottom: 3rem;
}
#ioz-3 .title {
display: flex;
align-items: center;
}
#ioz-3 .title>p {
line-height: 30px;
font-size: 20px;
font-weight: 500;
}
#ioz-3 h2 {
font-weight: bold;
line-height: 55px;
margin: 0;
position: relative;
padding-left: .5em;
;
}
@media screen and (min-width: 960px) {
#ioz-3 h2 {
min-width: 390px;
}
}
.before-title::before {
content: url("images/before-services.svg");
width: 20px;
margin-right: 20px;
position: absolute;
top: 66%;
left: 0;
transform: translate(0, -50%);
}
#ioz-3 .bloc-3>p {
font-weight: 400;
line-height: 20px;
padding: 0 1em;
}
#ioz-3 .bloc-3 h3 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
}
.title-bloc {
display: flex;
align-items: center;
}
#ioz-3 h3::before {
display: inline-block;
height: 72px;
width: 72px;
border-radius: 50%;
background: #75BCDC;
margin-right: 20px;
}
.title-bloc-1::before {
content: url("images/rdv.svg");
}
#ioz-3 .row button {
justify-self: center;
}
.title-bloc-2::before {
content: url("images/pem.svg");
}
.title-bloc-3::before {
content: url("images/suivi.svg");
}
#ioz-3 .button-center-container {
justify-content: center;
display: flex;
}
.button-center-container .button {
width: 314px;
}
/* section 4 -------------------------------------------------------------------------------------------- */
#ioz-4 {
background: url('images/fond-machines.jpg') center;
background-size: cover;
height: 480px;
}
#ioz-4>img {
width: 100%;
}
#ioz-4 .container {
height: 100%;
}
#ioz-4 .row {
height: 100%;
}
#ioz-4 .bloc-4-5 {
display: flex;
background: #fff;
padding-top: 2rem;
}
#ioz-4 .bloc-4-5 .row {
width: 100%;
}
#ioz-4 img {
width: 100%;
}
#ioz-4 .bloc-3 {
padding: 0;
margin: 0;
text-align: center;
}
#ioz-4 figcaption {
font-size: 20px;
line-height: 18px;
font-weight: 400;
/* ------------------------------------------------------------------------------------- */
}
/* fleches carousel */
.slick-arrow {
width: 50px;
height: 50px;
color: transparent;
border: none;
}
.slick-arrow:hover {
opacity: 1;
}
.slick-prev {
background: url('images/prev.png') no-repeat;
display: inline-block;
z-index: 2;
position: absolute;
left: 0;
top: 50%;
transform: translate(-75%, -50%);
}
.slick-arrow::before {
content: ""
}
.slick-next {
background: url('images/arrow.png') no-repeat;
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translate(75%, -50%);
}
#ioz-4 .arrow-left img {
transform: rotate(180deg) translate(50%, 50%);
left: 0;
}
/* section 5 ------------------------------------------------------------ */
#ioz-5 {
padding-top: 50px;
padding-bottom: 50px;
}
#ioz-5 .bloc-3 {
margin: 0;
}
#ioz-5 .bloc-2-3 h3 {
margin-bottom: 2rem;
margin-top: 1rem;
font-weight: 100;
font-family: 'Roboto', 'Frank Ruhl Libre', sans-serif;
font-size: 30px;
font-weight: 900;
line-height: 25px;
}
#ioz-5 .bloc-2-3 p {
line-height: 20px;
font-weight: 400;
}
@media screen and (min-width: 801px) {
#ioz-5 .row .bloc-3 * {
width: auto;
}
}
#ioz-5 .rea-img img {
width: 50px;
margin-top: 1rem;
margin-right: 30px;
margin-left: 30px;
}
/* bug7 ---------------------------------------------------------------------------------------------------------------------------------- *//* section 7 ----------------------------------------------------------------- */
.flex {
display: flex;
width: max-content;
align-items: center;
}
.flex h3 {
font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 801px) {
}
/* .rea-1,
.rea-2,
.rea-3 {
display: flex;
} */
/* section 6 */
#ioz-6 {
padding: 0;
}
#ioz-6 .bloc-3 {
padding: 0;
margin: 0;
}
/* section 7 ----------------------------------------------------------------- */
#ioz-7 {
padding-top: 20px;
padding-bottom: 20px;
}
#ioz-7 h2 {
font-family: 'STIXGeneral', sans-serif;
font-weight: 900;
margin-bottom: 3rem;
}
#ioz-7 h2 span {
font-weight: 200;
}
#ioz-7 h3 {
font-size: 45px;
line-height: 55px;
font-weight: bold;
font-family: 'STIXGeneral', sans-serif;
}
#ioz-7 .bloc-3 {
text-align: center;
}
#ioz-6 .row img {
width: 100%;
}
#ioz-7 li {
list-style: none;
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 17px;
line-height: 20px;
font-weight: normal;
padding-left: 1em;
padding-top: 0.75em;
text-align: left;
}
#ioz-7 li strong {
font-weight: bold;
}
#ioz-7 li::before {
content: "";
width: 8px;
height: 8px;
background: #75BCDC;
display: block;
border-radius: 50%;
position: absolute;
left: 0;
top: 20px;
margin-right: 200px;
}
.before-title2 span {
font-weight: normal;
}
.before-title2 {
margin-bottom: 0;
}
.simple::before {
content: url("images/simple.svg");
display: block;
position: relative;
}
.ecologique::before {
content: url("images/ecolo.svg");
display: block;
position: relative;
}
.services::before {
content: url("images/services.svg");
display: block;
position: relative;
}
.before-title2::before {
content: url("images/before-avantages.svg");
width: 20px;
margin-right: 20px;
display: block;
float: left;
}
/* section 8 */
#ioz-8 {
background: #75BCDC;
position: relative;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
}
.bg-grey {
background-color: #FFFFFF;
color: black;
}
.button.bg-grey {
width: 307px;
height: 51px;
align-self: flex-start;
}
.trust {
width: 90px;
height: 90px;
background-color: #FFF;
}
#ioz-8 .row {
width: 100%;
justify-content: space-around;
padding: 50px;
position: relative;
align-items: center;
}
#ioz-8 .row::after {
display: none;
}
.arrow2 {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
padding: 0;
}
.arrow2.left {
left: 0;
transform: translate(-100%, -50%);
}
.arrow2.right {
right: 0;
transform: translate(100%, -50%) rotate(180deg);
}
#ioz-8 h2 {
text-align: center;
margin: 0;
padding: 0;
}
.button-container {
display: flex;
justify-content: center;
}
/* section 9 */
#ioz-9 {
background: url("images/fond-contact-landing.jpg") no-repeat;
background-size: cover;
}
#ioz-9 h2,
#ioz-9 p {
color: white;
}
#ioz-9 p {
width: 40%;
margin: 0;
}
#ioz-9 .container {
padding: 0;
margin-top: 30px;
}
@media screen and (min-width: 801px) {
.form-body {
display: flex;
}
footer .form-body>* {
width: auto;
}
ioz-9 #ioz-9 .form-body>div {
padding: 0;
}
#ioz-9 .form-body>.bloc-2 {
padding: 0;
flex: 1;
}
#ioz-9 form>.form-body>.bloc-2 {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0 20px;
}
#ioz-9 .bloc-2>.form-body>label:first-child {
margin-right: 20px;
}
#ioz-9 form .form-body {
flex-wrap: nowrap;
justify-content: space-between;
}
}
form {
background: #fff;
padding: 50px;
}
textarea {
border: #75BCDC 1px solid;
width: 100%;
height: 100%;
padding: 10px;
color: grey;
}
/* form.row * {
padding: 0;
} */
input {
border: none;
border-bottom: #75BCDC 1px solid;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
padding: 8px;
color: grey;
font-size: 15px;
}
input::placeholder,
textarea::placeholder {
font-size: 15px;
}
input:focus,
textarea:focus {
outline: none;
}
.tos {
margin: 0 17px;
}
#ioz-9 .tos>* {
color: grey;
font-weight: 400;
}
.tos a {
color: black;
text-decoration: none;
}
.tos p {
font-size: 12px;
font-weight: 400;
font-style: italic;
padding-top: .5rem;
}
.tos input {
width: auto;
}
.formbtn {
display: flex;
justify-content: end;
margin-top: 30px;
}
.button[type=submit] {
width: 164px;
height: 51px;
margin-top: 12px;
margin-bottom: 30px;
}
#ioz-9 .before-title2 {
width: 655px;
font-weight: normal;
margin: .25em 0
}
#ioz-9 .before-title2::before {
content: url("https://ioz-eau.fr/wp-content/themes/ioz/img/landing/before-contact.svg");
}
/* footer */
footer {
background: black;
color: white;
font-size: 16px;
height: 220px;
padding: 2em 0 0;
}
footer>div {
margin: 0;
}
/* footer .row>.bloc-2 {
height: 100%;
} */
footer .container {
position: relative;
}
footer a {
color: white;
text-decoration: none;
font-weight: 300;
}
footer .logos {
height: 22px;
}
footer .contacts {
align-self: flex-end;
text-align: right;
width: 100%;
}
footer img {
max-width: 100%;
}
footer .contact {
display: inline-flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
width: 100%;
}
.contact>* {
width: fit-content;
padding: 0;
margin: 0;
}
footer .copyrights {
color: black;
background: white;
text-align: right;
margin-top: .5em;
padding: 0 .9375em;
font-family: 'Interstate', sans-serif;
}
footer .copyrights p {
font-size: 13px;
font-weight: 300;
}
footer .row>* {
display: flex;
width: auto;
}
footer .address,
footer .logoIoz {
font-style: normal;
font-weight: 300;
align-self: center;
width: auto;
}
footer .contacts {
width: 100%;
justify-content: end;
}
.address * {
font-style: normal;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 800px) {
.container {
max-width: 95%;
}
.button {
font-size: 20px;
margin-top: 1em;
}
/* section 1 ------------------------------------------------------------------------------------ */
#ioz-1 .text-ban {
width: auto;
height: auto;
}
#ioz-1 .text-ban h1,
#ioz-1 .text-ban span {
width: auto;
font-size: 33px;
line-height: 30px;
}
#ioz-1 .button {
font-size: 20px;
margin-top: 1em;
}
#ioz-1 figure {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 10px;
margin-inline-end: 0;
align-self: flex-start;
}
#ioz-1 img {
width: 100%;
}
/* section 2 ------------------------------------------------------------------------------------ */
#ioz-2 h2 {
padding-left: 2rem;
}
#ioz-2 .row {
flex-direction: column;
align-items: center;
}
#ioz-2 .row .bloc-3 {
max-width: 100%;
width: 100%;
}
#ioz-2 .row .bloc-3 img {
padding: 0 40px;
}
#ioz-2 .row .bloc-3 p {
padding: 0 1em;
}
/* section 3 ------------------------------------------------------------------------------------ */
#ioz-3 {
padding: 3rem 1rem;
}
#ioz-3 .title {
flex-direction: column;
align-items: flex-start;
}
#ioz-3 .title h2 {
font-weight: 500;
font-size: 45px;
}
#ioz-3 .row {
flex-direction: column;
}
#ioz-3 .row .bloc-3 {
max-width: 100%;
}
#ioz-3 .row .bloc-3 p {
margin: 7.5px 0;
padding: 0;
font-size: 15px;
}
/* section 4 ------------------------------------------------------------------------------------ */
#ioz-4 .container .row {
justify-content: center;
}
#ioz-4 .bloc-4-5 {
max-width: 100%;
padding: 2em;
}
.slick-arrow {
scale: .7;
}
/* section 5 ------------------------------------------------------------------------------------ */
/* #ioz-5 .row .bloc-3 * {
width: auto;
} */
#ioz-5 .row .bloc-3>* {
width: 100%;
}
.flex h3 {
font-size: 30px;
margin-bottom: .8em;
}
/* .rea-1,
.rea-2,
.rea-3 {
display: flex;
} */
/* section 6 ------------------------------------------------------------------------------------ */
#ioz-6 {
display: none;
}
/* section 7 ------------------------------------------------------------------------------------ */
#ioz-7 h2 {
font-size: 40px;
margin: 1em 0;
padding-left: 2rem;
}
#ioz-7 h3 {
font-size: 38px;
padding-left: 0;
font-weight: 600;
margin-top: 1rem;
margin-bottom: 1rem;
}
#ioz-7 li strong {
font-weight: 500;
font-size: 1.2rem
}
#ioz-8 {
display: none
}
/* section 9 ------------------------------------------------------------------------------------ */
#ioz-9 {
background-position: center;
}
#ioz-9 h2 {
max-width: 100%;
font-size: 50px;
}
#ioz-9 p {
width: 70%;
margin-left: 2.3em;
}
#ioz-9 form {
padding: 30px 10px;
}
#ioz-9 form label {
width: 95%;
padding: auto 0;
justify-self: center;
}
#ioz-9 .bloc-2>.row>label {
margin: 0;
}
#ioz-9 textarea {
height: 400px;
justify-self: center;
}
.tos label {
font-size: 1em;
width: 90%;
display: inline-block;
}
.tos input {
display: inline-block;
}
}