
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
h1, h2, h3, h4, p, html, body, textarea, input {
font-family: Comfortaa;
}
h1 {
font-size: 4rem;
color: #ffffff;
}
h2 {
font-size: 3.5rem;
color: #245ba5;
text-align: center;
}
h2.left-subtitle, h3.left-title {
text-align: left;
margin: 0;
}
h2.left-subtitle::after {
margin: 0;
}
h2::after {
content: "";
width: 83px;
height: 5px;
border-radius: 5px;
background-color: #4270ad;
display: block;
margin: 2vh auto;
}
h3 {
font-size: 2rem;
color: #245ba5;
text-align: center;
margin: 0 auto;
}
.subtitle {
font-style: 1.6rem;
text-align: center;
}
.yellow-subtitle {
color: #f8e71c;
font-style: 1.8rem;
text-align: left;
}
.blue-subtitle {
color: #245ba5;
}
.grey-subtitle {
color: #9d9d9d;
}
.bigblue-subtitle {
font-size: 2rem;
font-weight: bold;
color: #005174;
}
.bigblack-subtitle {
font-size: 2rem;
color: #000000;
font-weight: bold;
margin: 0;
}
.bigblue-title {
color: #252e54;
border-bottom: solid 3px #252e54;
text-align: left;
}
h2.bigblue-title::after {
display: none;
}
.black-title {
color: #000000;
font-size: 2rem;
margin: auto;
display: block;
text-align: center;
}
.blue-text {
line-height: 1.31;
letter-spacing: normal;
color: #245ba5;
}
.smallblue-text {
font-size: 18px;
font-weight: bold;
line-height: 0.94;
color: #245ba5;
}
.smallblue-text li {
line-height: 2rem;
list-style-position: inside;
}
.center-text {
text-align: center;
} .airmob-btn {
padding: 20px 40px;
border: 0px;
}
.orange-btn {
color: #ffffff;
background-color: #f5a623;
border-radius: 4px;
}
.transparent-btn {
border: 2px solid #48527b;
color: #252e54;
border-radius: 4px;
margin: 2vh auto;
display: table;
}
.blue-btn, .form-submit #submit {
border: 2px solid #48527b;
background-color: #48527b;
border-radius: 0;
color: white;
margin: 0;
display: table;
}
.cta-area.left-cta .transparent-btn {
margin: 2vh 0;
}
.cta-area {
padding: 20px 0;
} .topbar {
background-color: #525252;
display: inline-block;
width: 100%;
text-align: right;
padding: 0.3vw;
}
.topbar a {
color: white;
margin-right: 1vw;
}  .left-header {
background-image: radial-gradient(circle at 77% 60%, rgba(72, 82, 122, 0.72), rgba(21, 29, 65, 0.72) 72%), url(//airmob.net/wp-content/uploads/2019/12/mobile-phone-texting-pubyzmq@2x.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 10vh;
}
header.site-header {
padding: 1vh 5vw;
width: 100%;
display: grid;
}
header.site-header .mobile-menu-close, header.site-header .mobile-burger-menu {
display: none;
}
.logo {
grid-column: 1;
grid-row: 1;
}
.custom-logo-link {
height: 100%;
display: inline-block;
margin: auto;
}
.main-navigation .orange-btn {
display: table-cell;
}
.main-navigation {
display: table;
margin: auto 0 auto auto;
height: 100%;
}
.menu-header-menu-container {
display: table-cell;
}
#menu-header-menu .menu-item-has-children, #menu-blog .menu-item-has-children {
position: relative;
}
.main-navigation {
display: grid;
margin: auto;
grid-column: 2;
grid-row: 1;
grid-auto-flow: column;
place-content: center;
place-items: center;
grid-gap: 0.5vw;
}
#menu-header-menu, .menu-header-menu-container {
display: grid;
grid-auto-flow: column;
grid-template-columns: -webkit-max-content;
grid-template-columns: max-content;
}
.main-navigation .menu-item {
display: table-cell;
}
.main-navigation .menu-item, #menu-header-menu, .menu-header-menu-container {
width: 100%;
}
.menu-item-has-children::after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f078";
margin-left: 10px;
}
#menu-header-menu .menu-item-has-children .sub-menu li, #menu-blog .menu-item-has-children .sub-menu li {
margin-top: 10px;
}
.main-navigation .menu a {
padding: 10px;
text-decoration: none;
}
#menu-header-menu .menu-item-has-children .sub-menu li:hover a, #menu-blog .menu-item-has-children .sub-menu li:hover a {
border-bottom: 3px solid #D72A40;
}
#menu-header-menu .menu-item-has-children .sub-menu {
top: 30px;
}
#menu-blog .menu-item-has-children .sub-menu {
top: 20px;
}
#menu-header-menu .menu-item-has-children .sub-menu, #menu-blog .menu-item-has-children .sub-menu {
display: none;
position: absolute;
width: auto;
min-width: 15vw;
height: auto;
left: 0;
background-color: white;
z-index: 999;
padding: 2vh;
margin-top: 10px;
box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.08);
}
#menu-header-menu  .menu-item-has-children:hover .sub-menu, #menu-blog .menu-item-has-children:hover .sub-menu {
display: block;
}
.mobile-burger-menu, .mobile-menu-close, .site-header.active .mobile-burger-menu {
display: none;
}
span.espace-client:hover ul.espace-client-submenu, span.espace-client:focus-within ul.espace-client-submenu {
display: block;
position: absolute;
width: 20vw;
z-index: 9999;
background-color: white;
list-style: none;
border-left: 2px solid #245ba5;
padding: 1vw;
line-height: 2rem;
margin: 0;
left: 0;
}
ul.espace-client-submenu {
display: none;
}
.espace-client {
position: relative;
} .header-logos-entreprises {
margin: 5vh auto auto auto;
} .home-offres {
border-radius: 4px;
box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
margin: 1vw;
}
.home-offres-area {
position: relative;
padding: 0 5vw;
} .home-avantages {
margin: 1vw;
border-top: 7px solid #245ba5;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.18);
background-color: #ffffff;
}
#home-avantages {
padding: 0 5vw;
} .button-sous-offres-area {
display: inline-grid;
grid-auto-flow: column;
grid-gap: 0 10vw;
-webkit-box-pack: center;
justify-content: center;
align-content: center;
justify-items: center;
-webkit-box-align: center;
align-items: center;
}
.button-sous-offres {
display: grid;
grid-auto-flow: row;
grid-template: 20vh / 30% 70%;
border-radius: 11px;
box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.21);
background-color: #ffffff;
-webkit-box-align: center;
align-items: center;
align-content: center;
justify-items: start;
-webkit-box-pack: center;
justify-content: center;
}
.elementor .button-app-service img {
max-width: 120%;
width: 120%;
margin-top: 50%;
}
.button-sous-offres .left-area {
grid-row: 1;
grid-column: 1;
background-image: radial-gradient(circle at 77% 60%, #48527b, #151d41 113%);
border-radius: 11px 0 0 11px;
height: 100%;
display: grid;
-webkit-box-pack: center;
justify-content: center;
align-content: center;
justify-items: center;
-webkit-box-align: center;
align-items: center;
}
.button-sous-offres img {
max-height: 145%;
}
.button-sous-offres .right-area {
grid-row: 1;
grid-column: 2;
padding: 3vh;
}
.button-sous-offres.button-routeur .left-area img {
width: auto;
height: auto;
max-width: 150%;
}
.button-sous-offres.button-backup .left-area img {
width: auto;
height: auto;
max-width: 100%;
}
.button-sous-offres .right-area p {
margin: 0;
}
.button-sous-offres .right-area h3 {
word-break: break-word;
}
.button-ligne-fixe .left-area img {
max-width: 130%;
} .home-temoignage {
padding: 0 5vw;
}
.home-temoignage-left h2, .home-temoignage-left p {
text-align: left;
}
.home-temoignage-left h2::after {
margin: 2vh 0;
}
.home-temoignage-left .blue-subtitle {
padding: 0;
}
.home-temoignage-right-video {
padding: 1vw;
}
.home-temoignage .home-temoignage-right .elementor-column-wrap, .header-right-video {
box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
margin: auto;
padding: 0;
width: 80%;
position: relative;
}
.home-temoignage-right .elementor-widget:not(:last-child) {
margin: 0;
}
.home-temoignage-right .video-btn-area, .header-right .video-btn-area {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.video-btn {
width: 118px;
height: 118px;
border-radius: 100%;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
background-color: #ffffff;
margin: auto;
display: grid;
place-items: center;
}
.video-btn img {
width: 30%;
margin-left: 10%;
}
.video-btn-rectange {
width: 41px;
height: 47px;
background-image: radial-gradient(circle at 77% 60%, #48527b, #151d41 111%);
} #rpwwt-wp-widget-recent-posts-widget-with-thumbnails ul {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
}
#rpwwt-wp-widget-recent-posts-widget-with-thumbnails li {
list-style: none;
}
.articles {
display: grid;
-webkit-box-align: center;
align-items: center;
grid-gap: 1rem;
}
.article {
width: 100%;
border-radius: 4px;
box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.13);
background-color: #ffffff;
display: inline-block;
grid-row: 1;
overflow: hidden;
}
.article:nth-child(n + 4) {
display: none;
}
.article p, .article h4 {
text-align: center;
}
.has-text-align-center {
text-align: center !important;
}
.article img {
width: 100%;
height: auto;
}
.latest-blog.blog-row {
margin-bottom: 5vh;
}
.blog-row {
width: 80%;
margin: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: row;
grid-gap: 2vw;
}
.blog-posts-post-content {
position: relative;
height: 100%;
margin: auto;
display: grid;
-webkit-box-pack: center;
justify-content: center;
align-content: end;
}
.blog-posts-post {
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 1vw;
display: grid;
min-height: 25vw;
}
.blog-posts-content-title {
margin-bottom: 5vh;
}
.blog-posts-content-cat {
position: absolute;
bottom: 0;
left: 0;
}
.article-categories {
color: black;
background-color: white;
padding: 0.5vh 1vw;
border-radius: 5px;
font-size: 0.5rem;
}
.blog-posts-content-title h2, .article-banner-content h1 {
font-size: 2rem;
text-align: left;
}
.blog-posts-content-title h2::after, .article-banner-content h1::after, .article-content h2::after {
display: none;
margin: 0;
}
.blog-posts-content-title h2 a, .blog-author a, .blog-author, .article-banner-content h1 a {
color: white;
}
.blog-posts-content-title h2 a:hover, .blog-author a:hover {
color: #245ba5;
}
.sticky-blog.blog-row {
margin-bottom: 2vw;
}
.sticky-featured {
background-color: #f5a623;
padding: 0.5vh 1vw;
color: white;
position: absolute;
top: 0;
right: 0;
}
#comments {
width: 70%;
margin: auto;
}
.sticky-featured p, .article-banner-content h1, .article-banner-content .blog-author {
margin: 0;
}
.article-banner {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 60vh;
position: relative;
}
.article-banner-content {
position: absolute;
bottom: 0;
left: 0;
padding: 3vw;
}
#respond {
margin-top: 5vh;
}
.article-content {
padding: 5vh 20vh;
background-blend-mode: saturation;
width: 70%;
margin: auto;
}
.article-article h2, .article-article h3, .article-article p {
margin: 5vh auto;
text-align: left;
}
.article-content p {
margin: 2vh auto;
}
.article-content img {
width: 100%;
height: auto;
}
.article-author {
padding: 50px 0;
display: grid;
}
.article-author-image {
margin-right: 20px;
grid-row: 1;
grid-column: 1;
display: grid;
}
.article-author-infos {
grid-row: 1;
grid-column: 2;
}
.avatar {
margin: auto;
}
.shared-counts-wrap {
margin-top: 20px;
}
.aticle-banner-categories {
position: absolute;
bottom: 1vh;
left: 5vh;
} .comment-list li {
list-style: none;
}
.main-comment {
display: inline-grid;
grid-auto-flow: column;
grid-gap: 2vw;
}
.comment-by {
font-size: 0.7rem;
font-weight: lighter;
color: #393939;
font-style: italic;
}
.comment-block > p {
font-weight: bold;
margin: 0;
}
.comment-list, .comment-list li {
display: inline-grid;
grid-auto-flow: row;
grid-gap: 4vh;
-webkit-box-pack: start;
justify-content: start;
align-content: center;
justify-items: start;
-webkit-box-align: center;
align-items: center;
}
.comment-list .children {
border-left: 2px solid black;
padding-left: 1vw;
margin-left: 3vw;
}
.main-comment .img-thumbnail {
width: 6vw;
border-radius: 100%;
height: 6vw;
overflow: hidden;
}
.main-comment .img-thumbnail img {
width: 100%;
height: auto;
}
.main-comment .comment-block {
display: inline-grid;
grid-auto-flow: row;
}
#commentform {
display: grid;
grid-auto-flow: column;
place-items: center;
grid-template-columns: repeat(3, 30%);
grid-template-rows: 1fr 1fr 2fr 1fr 1fr;
place-content: center;
margin-bottom: 5vh;
}
#commentform p:not(.comment-form-cookies-consent) label {
display: none;
}
#commentform input, #commentform textarea {
padding-left: 1vw;
width: 100%;
}
#commentform textarea {
padding-top: 1vw;
width: 100%;
}
.comment-notes {
grid-row: 1;
grid-column: 1 / span 3;
grid-auto-flow: column;
place-content: center;
grid-gap: 0.5vw;
}
.comment-form-comment {
grid-row: 3;
grid-column: 1 / span 3;
}
.comment-form-author {
grid-row: 2;
grid-column: 1;
}
.comment-form-email {
grid-row: 2;
grid-column: 2;
}
.comment-form-url {
grid-row: 2;
grid-column: 3;
}
.comment-form-cookies-consent {
grid-row: 4;
grid-column: 1 / span 3;
grid-auto-flow: column;
-webkit-box-pack: center;
justify-content: center;
align-content: center;
grid-gap: 0.5vw;
}
.form-submit {
grid-row: 5;
grid-column: 1 / span 4;
-webkit-box-pack: center;
justify-content: center;
align-content: stretch;
}
.comment-notes, .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent, .form-submit {
width: 100%;
display: grid;
height: 100%;
padding: 1vw;
margin: 0;
}
#wp-comment-cookies-consent {
display: none;
}
input[type=checkbox]:checked + label:before {
content: "\f046";
}
input[type=checkbox] + label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f096";
letter-spacing: 10px;
}  body {
overflow-x: hidden;
}
.header-right .elementor-section.header-right-video {
position: absolute;
top: 14vh;
right: 20vw;
width: 30vw;
}
.header-right .elementor-element-277c014.elementor-widget:not(:last-child) {
margin-bottom: 0;
} .blue-border-square {
padding: 1.5vh 2.5vw;
border: solid 17px rgba(36, 91, 165, 0.08);
}
.coche-list {
list-style: none;
}
.coche-list li {
line-height: 3rem;
}
.coche-list li i {
font-size: 24px;
color: #245ba5;
}
.small-black-square {
width: 60%;
border-radius: 12px;
border: solid 2px rgba(0, 0, 0, 0.08);
padding: 1vh 1.5vw;
margin: auto;
}
.small-black-square p {
text-align: center;
} .usages-header {
display: grid;
width: 100%;
position: relative;
}
.usages-header .left-big-column {
width: 60%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 5vh 5vw;
}
.usages-header .right-small-column {
width: 40%;
}
.usages-intro {
display: grid;
width: 80%;
margin: auto;
grid-auto-flow: column;
grid-template-columns: repeat(2, 1fr);
}
.usages-column:first-child {
grid-column: 1;
}
.usages-column:last-child {
grid-column: 2;
}
.usages-column {
grid-row: 1;
padding: 4vw;
display: grid;
-webkit-box-align: stretch;
align-items: stretch;
justify-items: start;
align-content: center;
-webkit-box-pack: stretch;
justify-content: stretch;
}
.usages-column img {
width: 100%;
}
.usages-content {
width: 60%;
margin: auto;
max-width: 100vw;
}
.usages-logos {
display: grid;
grid-template-rows: repeat(1, 100%);
grid-template-columns: repeat(6,15%);
grid-auto-flow: column;
width: 100%;
margin: 5vh auto auto auto;
padding: 5vh 15vw;
background-color: #efefef;
grid-gap: 1vw;
}
.usages-logo {
grid-row: 1;
display: grid;
-webkit-box-align: center;
align-items: center;
justify-items: stretch;
align-content: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
padding: 1vw;
}
.usages-logo img {
width: 100%;
height: auto;
}
.usages-content a {
margin-left: 0;
} .espace-client .elementor-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
grid-gap: 3vw;
width: 90%;
margin: auto;
}
.commander-offres .home-offres {
padding: 2vw;
margin: 1vw;
}
.commander-offres.espace-client .home-offres {
height: 100%;
width: 100%;
}
.commander-offres .home-offres .grey-subtitle, .commander-offres .home-offres ul.smallblue-text, .commander-offres .home-offres .cta-area {
text-align: center;
}
.commander-offres .home-offres ul.smallblue-text {
margin: 0;
padding: 0;
}
.commander-offres .home-offres .cta-area {
margin-top: 5vh;
} .fenetre-modale {
display: none;
}
.fenetre-modale.active {
display: grid;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.fenetre-modale .modale-content {
background-color: #ffffff;
border-radius: 2%;
padding: 5vw;
width: 50%;
margin: auto;
display: grid;
position: relative;
grid-auto-flow: row;
place-items: center;
place-content: center;
height: 85vh;
}
.close-modale {
position: absolute;
right: 1vw;
top: 1vw;
color: #000000;
}
.close-modale i {
font-size: 1.5rem;
}
.wpcf7 {
width: 100%;
}
.wpcf7-form {
display: grid;
place-content: center;
grid-auto-flow: row;
grid-gap: 0;
grid-template-columns: 1fr;
}
.wpcf7-form p:first-of-type {
display: grid;
grid-template-rows: 0.5fr 0.5fr 2fr;
grid-template-columns: 1fr 1fr;
place-content: center;
place-items: center;
grid-auto-flow: row;
grid-gap: 1vw;
margin: 0;
}
.wpcf7-form-control-wrap {
height: 100%;
width: 100%;
margin: auto;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
border: 0;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
height: 100%;
width: 100%;
border-bottom: 2px solid #4270ad;
color: #3c3c3c;
}
.wpcf7-form .your-lastname {
grid-row: 2;
grid-column: 1;
}
.wpcf7-form .your-firstname {
grid-row: 2;
grid-column: 2;
}
.wpcf7-form .your-email {
grid-row: 3;
grid-column: 1;
}
.wpcf7-form .your-number {
grid-row: 3;
grid-column: 2;
}
.wpcf7-form .your-company {
grid-row: 1;
grid-column: 1;
}
.wpcf7-form .your-message {
grid-row: 3;
grid-column: 1 / span 2;
}
#contact-form-514 .your-name {
grid-row: 1;
grid-column: 1;
}
#contact-form-514 .your-email {
grid-row: 2;
grid-column: 1;
}
#contact-form-514 .your-number {
grid-row: 1;
grid-column: 2;
}
#contact-form-514 .your-company {
grid-row: 2;
grid-column: 2;
}
#contact-form-514 .your-message {
grid-row: 3;
grid-column: 1 / span 2;
}
#contact-form-1342 .your-company {
grid-row: 3;
grid-column: 1;
}
#contact-form-1342 .your-lastname {
grid-row: 1;
grid-column: 2;
}
#contact-form-1342 .your-email {
grid-row: 2;
grid-column: 1 / span 2;
}
#contact-form-1342 .your-firstname {
grid-row: 1;
grid-column: 1;
}
#contact-form-1342 .your-number {
grid-row: 3;
grid-column: 2;
}
#contact-form-1499 .your-name {
grid-row: 1;
grid-column: 1;
}
#contact-form-1499 .your-email {
grid-row: 2;
grid-column: 1 / span 2;
}
#contact-form-1499 .your-number {
grid-row: 1;
grid-column: 2;
} .site-footer .footer-row h3 {
font-size: 2rem;
font-weight: bold;
color: #fffabc;
text-align: left;
}
.site-footer .footer-row ul {
padding: 0;
}
.site-footer .footer-row li, .site-footer .footer-row a, .site-footer .footer-row p {
font-size: 1.2rem;
font-weight: bold;
color: #ffffff;
list-style: none;
}
.site-footer {
background-color: #3a3a3a;
display: table;
width: 100%;
position: relative;
}
.site-footer::before {
content: '';
background-image: radial-gradient(circle at 77% 60%, #48527b, #151d41 1%);
padding: 10px;
width: 100%;
height: 15px;
top: -15px;
position: absolute;
z-index: -1;
}
.footer-row {
display: grid;
width: 100%;
padding: 0 10vw;
margin: 7vh auto;
}
.footer-logo {
grid-row: 1;
grid-column: 1;
}
.footer-logo img {
width: 20vw;
}
.footer-social {
width: auto;
text-align: right;
grid-row: 1;
grid-column: 2;
}
.footer-row .footer-social ul {
display: grid;
-webkit-box-pack: right;
justify-content: right;
}
.footer-row .footer-social ul li {
width: 50px;
height: 50px;
background-color: #83bcfd;
border-radius: 100%;
list-style: none;
grid-row: 1;
position: relative;
margin: 0 10px;
}
.footer-row .footer-social ul li i {
color: #3a3a3a;
display: block;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.footer-items {
display: block;
width: 100%;
grid-row: 1;
} .copyright {
background-color: black;
padding: 20px 0;
}
.copyright span {
color: white;
text-align: center;
margin: auto;
display: table;
} #home-avantages .blue-rectangle.blue-rectangle-1 {
width: 15vw;
height: 15vw;
left: 13%;
bottom: -27%;
}
#home-avantages .blue-rectangle.blue-rectangle-2 {
width: 15vw;
height: 15vw;
right: 13%;
top: 27%;
}
.header-right .elementor-element.blue-rectangle {
width: 15vw;
height: 15vw;
right: 45%;
top: 3%;
}
.usages-header .blue-rectangle {
width: 15vw;
height: 15vw;
right: 20%;
top: 15%;
}
.appli-offres .elementor-element.blue-rectangle {
width: 15vw;
height: 15vw;
left: 20%;
top: 30%;
}
.team-boss-photos .elementor-element.blue-rectangle {
width: 12vw;
height: 15vw;
right: -3%;
top: -8%;
}
.team-photos .elementor-element.blue-rectangle {
width: 12vw;
height: 15vw;
right: 30%;
top: -8%;
}
.blue-rectangle {
opacity: 0.08;
background-color: #245ba5;
position: absolute !important;
z-index: -1;
}
.header-right .elementor-element.floating-rectangle {
width: 28vw;
height: 30vh;
right: -4%;
top: 17%;
}
.home-offres-area .elementor-element.floating-rectangle {
width: 25vw;
height: 65vh;
left: -22%;
top: 58%;
}
.floating-area .elementor-element.floating-rectangle {
width: 28vw;
height: 55vh;
right: -11%;
top: -60%;
}
.usages-header .floating-rectangle {
width: 28vw;
height: 30vh;
right: -4%;
top: 30%;
}
.floating-rectangle, .home-offres-area .elementor-element.floating-rectangle, .header-right .elementor-element.floating-rectangle, .floating-area .elementor-element.floating-rectangle {
border: solid 8px #f5a623;
position: absolute;
z-index: -1;
}
.floating-area .elementor-element.grey-rectangle {
width: 15vw;
height: 15vw;
right: 12%;
top: 3%;
}
.grey-rectangle  {
opacity: 0.11;
background-color: #dcdcdc;
position: absolute !important;
z-index: -1;
}
.home-offres-area .elementor-element.grey-rectangle {
width: 27vw;
height: 15vw;
right: 0%;
bottom: 0%;
}
.home-temoignage-left .elementor-element.grey-rectangle {
width: 15vw;
height: 15vw;
left: -24%;
top: 15%;
}
.home-blog .elementor-element.grey-rectangle {
width: 15vw;
height: 15vw;
right: -10%;
top: 20%;
} img.aligncenter {
margin: 1vh auto;
display: block;
}