#video_La_Seyne_Sur_Mer{width: 100vw; height: 90vh;object-fit: cover;} .svg-container2{ position: absolute; left:28%; top:40%;} #h1pa2{ text-align: center;color: #0C2461; font-family: 'Borel'; font-size: 1vw;} #h2delaseyne{display: flex; flex-direction: row; align-items: center; column-gap: 70px; padding-left: 7vw; padding-right: 7vw; padding-top: 5vh; padding-bottom: 5vh;} #h2delah2laseyne{text-align: center; font-family: 'Borel'; color:#303030;} #fond{background-image: url("images/pexels-tara-winstead-8850833.jpg"); height:300vh; width: 100vw; margin: 0; background-attachment: fixed; /* Fixe l'image pendant le scroll */ background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */ background-position: center; /* Centre la position de l'image */ background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */ } #surfond1{position:relative; top:0; background-color: #FFFFFF; height: 100vh; width: 100vw; z-index: 3; display: flex; flex-direction: row; align-items: center; padding-top: 3vh; column-gap: 10vw; background-image: url(images/MaMarianne.svg); background-repeat: no-repeat; background-size: 12%; background-position: 50% 98%;} #designer1{border-radius: 50%;} #ulconstat{line-height: 250%;} #ulconstat li a {text-decoration: none;} #ulconstat li a:hover {text-decoration: underline #E40137 3px; color:#E40137;font-weight: 600; } #flechedubas a {color: #E40137;} #flechedubas:hover{transform : scale(1.2);} #surfond2{background-color: #FFFFFF;height: 100vh;z-index: 3; width: 100vw;} #surfond3{ background-color: transparent;height: 100vh;z-index: 3; color: #FFFFFF;} #menulateral{display: flex; flex-direction: row; position: sticky ; top: 7.72%; z-index: 10000; column-gap: 5px; background-color: #FFFFFF; width: 100%;padding-left: 3%; padding-right: 3%;} #menulateral1{width: 350px;cursor: pointer; background-color: #FFFFFF; border-color: #E40137; color: #0C2461; border-right: none; border-left: none;} #menulateral1:hover{border-color: #0C2461; color: #E40137; border-top: none; border-bottom:none; border-right: solid; border-left: solid;} #flechedubas{font-size: 5vw; z-index: 4; position: fixed;top:87vh; left:90vw; cursor: pointer;} ul{list-style-type: "# "; line-height: 3.7vh; ;} #h3surfond3{text-align: center; font-size: 1.4vw; font-family: 'Borel'; } #peth3surfonds3{width: 45%; text-align: center;} #h4recouvrement{display: flex; flex-direction: row; width: 56vw; } #significationlaseynesurmer{position: relative;display: flex; flex-direction: row; height: 100vh; z-index: 3;} #divmillaseynesignif{background-image: url("images/significationlaseyne.jpg"); height:100vh; width: 100vw; margin: 0; background-attachment: fixed; /* Fixe l'image pendant le scroll */ background-size: 60%; /* L'image prendra 100% de l'espace, quitte à la crop */ background-position: center; /* Centre la position de l'image */ background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */ width: 33.33vw;padding-top: 5vh;} #divmillaseynesignif1, #divmillaseynesignif2{width: 33.33vw; height: 100vh;} #tarifconstatlaseyne{display: flex; flex-direction: column; row-gap: 6vh; align-items: center; width: 50%;} #deuxiemedivconstatseyne{width: 50%;} table, td, tr, caption{border: solid 2px; text-align: center; } table{width: 90%; border-collapse: collapse;} td, tr {width: 50%; border-radius: 5px;} #divdusvg{ position:absolute; top:8%; left:8.5%; z-index: -1;} #grandetable{ width: 100%;} #svg2{position: absolute; top:-8%; width: 30vw; left:58%;} #svg22 path:nth-child(1){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 6s ease forwards; } #svg22 path:nth-child(2){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 8s ease forwards; } #svg22 path:nth-child(3){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 10s ease forwards; } #svg22 path:nth-child(4){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 12s ease forwards; } #svg22 path:nth-child(5){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 14s ease forwards; } #svg22 path:nth-child(6){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 16s ease forwards; } #svg22 path:nth-child(7){ stroke-dasharray: 500px; stroke-dashoffset: 500px; animation: anim 18s ease forwards; } @keyframes anim { to {stroke-dashoffset: 0;}} #locatiflaseyne{position: absolute; width: 30%; left:65%;} .plocatif{color: #FFFFFF; font-weight: 700;} #h4locatif1{position: relative; left:5%; font-family: 'Borel'; font-size: 1.2vw;} #ullocatif1{position: relative; left:6%; font-family: 'Borel'; font-size: 1vw;} #ullocatif2{position: relative; left:3%; color: #FFFFFF; font-weight: 700;} #ullocatif2 li:hover{text-decoration: underline; cursor: pointer;} #ullocatif3{ position: relative; left:1%; font-family: 'Borel'; font-size: 1vw; } #ullocatif4{position: relative; left:13%; color: #FFFFFF; font-weight: 700; } #ullocatif5{position: relative; left:5%; font-family: 'Borel'; font-size: 1vw;} #ullocatif6{position: relative; left:20%; color: #FFFFFF; font-weight: 700;} #ullocatif7{ position: relative; left:45%; font-family: 'Borel'; font-size: 1vw;} #ullocatif8{ position: relative; left:50%; color: #FFFFFF; font-weight: 700;} #h3recouvrement1{text-align: center; font-family: 'Borel'; color: #303030; font-size: 1.4vw;} #recouvrement2{text-align: center; color: #303030; font-weight: 500;} #recouvrement3{ text-align: center; color: #F1A512; font-family: 'Borel'; padding-left: 3%; padding-right: 3%;} #recouvrement4{ color: #303030; font-weight: 500; line-height: 3vh;} #recouvrement5{ color: #303030; font-weight: 500; line-height: 4vh;} #Mariannerougebleu{display: inline-block;} #marteau2{position: relative; text-align: center;} #significaion1{text-align: center; font-family: 'Borel'; color: #303030; font-size: 1.4vw; z-index: 3;} #signification22{ position: relative; text-align: center;} #signification3 {text-align: center; color: #0C2461; font-weight: 600;} #signification5{text-align: center;} label {margin-left: 5%;} select{background-color: transparent; margin-left: 5%;} #recuperer_le_tarif_scc{background-color: transparent; } #signification56{ margin-left: 5%;} #signification7{background-color: #FFFFFF; border: none; } #signification8{text-align: center; padding-bottom: 20%;} #buttonmp4{width: 100%;} #laseynesurMer1{display: flex; flex-direction: row; align-items: center; padding: 5%; column-gap: 5%; color: #001D6E; font-weight: 200; line-height: 2.9vh; align-content: center;} #laseynesurmer2{width: 30%;} #laseynesurmer5{border-radius: 5px; border: solid 4px black;} #laseynesurmer33{line-height: 1vw; text-align: center;} #laseynesurmer333{text-align: center;} #laseynesurmer4{text-align: justify;} #laseynesurmer3{min-width: 300px;} #Lalaseyne{ position: relative; width: 100%; padding-top: 5%; text-align: center;} #ullocatif2 li a{color: #FFFFFF; text-decoration: none;} #ullocatif2 li a:hover{text-decoration: underline #0C2461 3px; color:#0C2461;font-weight: 600;} #ullocatif4 li a{color: #FFFFFF; text-decoration: none;} #ullocatif4 li a:hover{text-decoration: underline #0C2461 3px; color:#0C2461;font-weight: 600;} #ullocatif6 li a{color: #FFFFFF; text-decoration: none;} #ullocatif6 li a:hover{text-decoration: underline #0C2461 3px; color:#0C2461;font-weight: 600;} #ullocatif8 li a{color: #FFFFFF; text-decoration: none;} #ullocatif8 li a:hover{text-decoration: underline #0C2461 3px; color:#0C2461;font-weight: 600;} #recouvrement4 li a { color: #303030; text-decoration: none;} #recouvrement4 li a:hover{text-decoration: underline #E40137 3px; color:#E40137 ;font-weight: 600;} #recouvrement5 li a { color: #303030; text-decoration: none;} #recouvrement5 li a:hover{text-decoration: underline #E40137 3px; color:#E40137 ;font-weight: 600;} #signification4 li a:hover{text-decoration: underline #E40137 3px; color:#E40137 ;font-weight: 600;} #signification4 li a{color: #303030; text-decoration: none; font-weight: 600;} #signification6, #signification5{color: #0C2461;} #signification8{ color: #E40137;} /*CSS GENERAL POUR LA SUITE LA SEYNE*/ .rotate1{transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); display: inline-block;} .borel{font-family: 'Borel';color:#303030} .borel1{font-family: 'Raleway';color:#303030; font-size: 2vh; } .pageaccueillll{rotate: -15deg;} button {cursor: pointer;} #lesbots{display: flex; flex-direction: row; margin-top: 3%; padding-left: 5vw; position: sticky; top: 0.1px;z-index: 10000; background-color: #FFFFFF; } #bot1, #bot2, #bot3, #bot4, #bot5, #bot6, #bot7{width:230px; height: 80px; font-family: 'Raleway'; background: transparent; margin-right: 20px; border-top: none; border-bottom: none; border-color: #001D6E; color: #001D6E; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .rouge1{color:#E40137;} .bleu{color:#0C2461;} body{ height:8500px; margin: 0; padding: 0; font-family: "Raleway", sans-serif; background-color: #FFFFFF; } header{ position: relative; z-index: 1; height: 90vh; text-decoration: none; color: black;} .nav-toggler{ cursor: pointer; position: fixed; z-index:101000; top: 1%; left: 1%; height: 3%; width: 3%; min-width: 30px; border-radius: 30px; border:red ; outline: black; cursor: pointer; display: flex; justify-content: center; align-items: center; align-content: center; background: transparent; transition: all 450ms; &:hover{ transform: scale(1.13)} } .nav-toggler1{ position: fixed; z-index:101000; top: 40%; left: 4%; height: 3%; width: 3%; min-width: 30px; border-radius: 30px; border:red ; outline: black; cursor: pointer; display: flex; justify-content: center; align-items: center; align-content: center; background: transparent; transition: all 450ms; &:hover{ transform: scale(1.13)} } .MENUDENAVIGATION {position: fixed; top: 3.8%; left: 0.8%; text-align: center; font-family: "Borel"; font-size: 1.2vw; color: #0C2461; z-index:1000000052; } .line{ position:absolute; display: block; width: 100%; height:5px; background: #0C2461; transition: transform 0.3s ease-out, opacity 0.1s ease-out; border: #0C2461;} .l1{ transform: translateY(-10px);} .l3{ transform: translateY(10px);} .nav-toggler.active .l1 { transform: translateY(0px) rotate(135deg);} .nav-toggler.active .l2 { opacity: 0;} .nav-toggler.active .l3 { transform: translateY(0px) rotate(-135deg);} nav{ position: fixed; top: 0; z-index: 100000; width: 100vw; min-height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #ECEDF3; border-bottom: 3px solid #E40137; transform: translatey(-300%); transition: transform 0.3s cubic-bezier(0.73, 0.11, 0.67, 0.84); /* CUSTOMISATION DE LA NAV*/ list-style: none; margin-right: 1%; } #imagenav{position: absolute; z-index: -1; min-height: 35vh; max-height: 35vh; left: 70%; top: 1%; } .customnav{ position: absolute; left: 3%; } #cliquez{color:#E40137; font-size: 2.5vw;} .customnave{ position: absolute; top:1%; left:13%; font-family: 'Raleway', sans-serif; color: #204391ff; font-size: 1.5vw;} #navmail{position: absolute; top:40%; text-align: center; left:75%; color:#0C2461; font-family: 'Raleway', sans-serif;} #navmail a{ text-decoration: none;} #paneauNav{ position: absolute; top:95%; display: flex; flex-direction: row; width: 90%; margin-right: 5%; margin-left: 5%; text-align: center;} #paneauNav a{text-decoration: none; color: #0C2461;} #paneauNav1{ width: 30%; text-decoration: none;} #paneauNav2{ width: 30%;} #paneauNav3{width: 30%;} #navnavnav{display: flex; flex-direction: column; row-gap: 3px; width: 100%;} .navnav{text-decoration: none; color:#FFFFFF;} .signification { font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px;} .signification:hover { background-color: #0C2461; border-color: #0C2461;} .navnav:hover{text-decoration: underline #FFFFFF 1px;} .significationsinternationales{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px;} .significationsinternationales:hover{background-color: #0C2461; border-color: #0C2461;} .executiondedecisiondejustice{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px;} .executiondedecisiondejustice:hover {background-color: #0C2461; border-color: #0C2461;} .obtenirunedecisiondejustice { font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px;} .obtenirunedecisiondejustice:hover{background-color: #0C2461; border-color: #0C2461;} .immobilier{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .constat{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .icommissaire{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .consultant{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .tarif{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .salledesventes{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} .contact{ font-family: 'Raleway', sans-serif; width: 60%; list-style: none; margin-right: 10%; margin-left: 10%; background-color: #E40137; border-color: #E40137; border-radius:5px; &:hover{background-color: #0C2461; border-color: #0C2461;}} nav.active{ transform: translate(0);} #liseret{ position: relative; width: 100%; height: 10px; display:flex; flex-direction: row; flex-basis: 100%; flex-grow: 1; align-items: center; text-align: center; justify-content: center;} #liseret1{ display: inline-flex; width: 28.11%; height: 10px; background-color: #001D6E; align-items: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} #liseret2{display: inline-flex; width: 28.13%; height: 10px; background-color: #FFFFFF; align-items: center; text-align: center; justify-content: center; font-size: 10PX; font-family: "Marianne"; color: #FFFFFF; text-shadow: 3px 3px 0px rgba(0,0,0,0.2);} #liseret3{ display: inline-flex; height: 10px; width: 28.11%; background-color: #E1000F; align-items: center; border-top-right-radius: 30px; border-bottom-right-radius: 30px;} .footer ul li{ list-style-type: "# "; text-decoration: none; color: #FFFFFF; } .footer ul li a{ text-decoration: none; color: #FFFFFF; } .footer ul li a:hover{text-decoration: underline;} .footer a{text-decoration: none; color: #E40137; } .footer a:hover{text-decoration: underline;} .footer ul ul a{ text-decoration: none; color: #FFFFFF;} .footer li a {text-align: center;} .footer ul ul a:hover{text-decoration: underline;} #planDuSite{text-align: center; font-family: 'Rock Salt'; color: #E40137; font-size: 4vw;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 200px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:10%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 200px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 10%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 500px); flex-wrap: wrap; text-align: justify; line-height: 1.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 500px; height: 1000px; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 500px; height: 1000px; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 500px; height: 1000px; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: 1000px; } .footerconstat{ width: 500px; height: 200px; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: 200px; } .footernostarifs{ width: 500px; height: 200px; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: 200px; } .footersalledesventess{ color: #E40137; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:23%; display: flex; flex-direction: row; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: end; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 5%;} .itempiedepage{ width: 33.33%;} footer { color:#FFFFFF} #h1efdj, #h1nsi{font-size:2vw;} @media screen and (orientation:landscape){ } @media screen and (min-height:250px) and (max-height:450px) { #laseynesurmer3{width: 100%; min-width: 0;} #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{ width: 100%; text-align: center; } #laseynesurMer1{flex-direction: column; line-height: 6vh; } #Lalaseyne{ width: 60%; padding-top: 5%;left:20%;} #svg2{position: absolute; top:-4%; width: 50vw; left:24%;} #signification56{margin-left: 2%; margin-right: 2%;} #divmillaseynesignif2{width: 100%; height: auto;} #marteau{left:15%;} #signification2{left: 26%;} #significaion1{font-size: 4vw;} #divmillaseynesignif1{width: 100%; height: auto;} #signification8{padding-bottom:5%;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height: auto;} #surfond2{height: auto;} #h3recouvrement1{font-size: 6vw;} #recouvrement4, #recouvrement5{line-height: 6vh;} #h4recouvrement{flex-direction: column; width: 100%;} #ullocatif8{left: 0;} #ullocatif7{left: 0; font-size: 3vw;} #ullocatif6{left: 0;} #ullocatif5{font-size: 3vw; left: 0;} #ullocatif3{left: 0; font-size: 3vw;} #ullocatif4{left: 0;} #ullocatif1{left: 0;} #ullocatif2{left: 0;} #ullocatif1{font-size: 3vw;} #h4locatif1{font-size: 3vw;} #h3surfond3{font-size: 6vw;} #peth3surfonds3{width: 100%;} ul{line-height: 6vh;} #svglocatif{display: none;} #surfond3{height: auto; color: #303030;} #surfond3 li a{height: auto; color: #303030; cursor: pointer;} #surfond3 p {height: auto; color: #303030;} #fond{height: auto;} #ulconstat{line-height: 150%; } #ulconstat li a{font-size: 4vw; } #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; height: auto; background-image: none;} #h2delah2laseyne{ font-size: 4vw;} #h2delaseyne{flex-direction: column;} #menulateral{display: none;} .rouge1{color:#E40137;} #h1pa2{font-size: 3.5vw;} .svg-container2{left:10%; top:30%;} #flechedubas{font-size: 20vw; z-index: 4; position: fixed;top:88vh; left:88vw; cursor: pointer;} #video_La_Seyne_Sur_Mer{height:90vh;} .svg-container {left:16%;} .nav-toggler{top: 0%; left: 1%; position: fixed;} .MENUDENAVIGATION{display: none;} #emer{display:none;} #navnavnav{overflow: auto;} .svg-container {width: 70%;} #telaccueil{display: none;} .tel{display: none;} .marseilletoulon{display:none;} .customnave{display: none;} #navmail{display: none;} .mamanav{display: none;} .signification {width: 92%; height: 15px; font-size: 4vw; margin-right: 0%; margin-left: 0%; } .significationsinternationales { height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%;} .executiondedecisiondejustice{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; } .obtenirunedecisiondejustice { height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; } .immobilier{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; } .constat{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; } .consultant{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; } .tarif{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .salledesventes{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .contact{ height: 15px; font-size: 4vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } #paneauNav1, #paneauNav2, #paneauNav3{font-size: 2.5vw; width: 33%;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 110px); position: relative; margin: 0; width: 100%; margin-top: 3%;column-gap: 5px; justify-content: center; padding-left: 1%; padding-right: 1%;} #bot1, #bot2, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 110px; font-size: 4vw; margin-bottom: 10px; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .rouge1{color:#E40137;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 2vw;} #comcompetence2{background-color: #0C2461; margin:0; padding-left: 7%; display: grid; grid-template-columns: repeat(auto-fill, 40px); align-items: center; align-content: center; column-gap: 1%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 40px; display: flex; align-content: center; align-items: center; padding: 1%; font-family: 'Borel';} .footer{ overflow-x: auto; padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 500px); flex-wrap: wrap; text-align: justify; line-height: 2.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 3.5vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 500px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 500px; height:auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 500px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: auto; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: 130px; } .footersalledesventess{ color: #E40137; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 2.3vw; text-align: center;} .itempiedepage{ width: 33.33%;} footer { color:#FFFFFF} } @media screen and (min-width:250px) and (max-width:479px) { .MENUDENAVIGATION{display: none;} #emer{display:none;} #navnavnav{overflow: auto;} .svg-container {width: 70%;} #telaccueil{display: none;} .tel{display: none;} .marseilletoulon{display:none;} .customnave{display: none;} #navmail{display: none;} .mamanav{display: none;} .signification {width: 92%; height: 45px; font-size: 3.5vw; margin-right: 0%; margin-left: 0%; padding: 2%; } .significationsinternationales { height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .executiondedecisiondejustice{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .obtenirunedecisiondejustice { height:45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .immobilier{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .constat{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .consultant{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .tarif{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .salledesventes{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } .contact{ height: 45px; font-size: 3.5vw; width: 92%; margin-right: 0%; margin-left: 0%; padding: 2%; } #paneauNav{font-size: 3vw;} #paneauNav2{width: 40%;} #imagenav{display: none;} .customnave{display: none;} #navmail{display: none;} #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{text-align: center;} #laseynesurmer2{padding: 0; column-gap: 0; width: 100%; } #laseynesurMer1{flex-direction: column; line-height: 4vh; } #Lalaseyne{ width: 60%; padding-top: 5%;left:20%;} #svg2{position: absolute; top:-2%; width: 50vw; left:24%;} #signification56{margin-left: 2%; margin-right: 2%;} #divmillaseynesignif2{width: 100%; height: auto; } #signification7{height: auto;} #marteau{position: relative; justify-content: center; left: 0;} #signification2{left: 26%;} #significaion1{font-size: 4vw;} #divmillaseynesignif1{width: 100%; height: auto;} #signification8{padding-bottom:5%;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height: auto;} #surfond2{height: auto;} #h3recouvrement1{font-size: 4vw;} #h4recouvrement{flex-direction: column; width: 100%;} #ullocatif8{left: 0;} #ullocatif7{left: 0; font-size: 3vw;} #ullocatif6{left: 0;} #ullocatif5{font-size: 3vw; left: 0;} #ullocatif3{left: 0; font-size: 3vw;} #ullocatif4{left: 0;} #ullocatif1{left: 0;} #ullocatif2{left: 0;} #ullocatif1{font-size: 3vw;} #h4locatif1{font-size: 3vw;} #h3surfond3{font-size: 3.7vw;} #peth3surfonds3{width: 100%;} #svglocatif{display: none;} #surfond3{height: auto;} #fond{height: 430vh;} #ulconstat{line-height: 150%;} #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; height: auto; background-image: none; } #h2delah2laseyne{ font-size: 4vw;} #h2delaseyne{flex-direction: column;} #svg2{position: absolute; top:-2%; width: 40vw; left:28%;} #menulateral{display: none;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 110px); position: relative; margin: 0; width: 100%; margin-top: 3%;column-gap: 5px; justify-content: center; padding-left: 1%; padding-right: 1%;} #bot1, #bot2, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 110px; font-size: 2.3vw; margin-bottom: 10px; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .rouge1{color:#E40137;} #h1pa2{font-size: 3.5vw;} .svg-container2{left:10%; top:30%;} #flechedubas{font-size: 20vw; z-index: 4; position: fixed;top:88vh; left:88vw; cursor: pointer;} #video_La_Seyne_Sur_Mer{height:90vh;} .svg-container {left:16%;} .nav-toggler{top: 5%; left: 5%; position: fixed;} .MENUDENAVIGATION{display: none;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 2vw;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 70px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:5%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 70px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 500px); flex-wrap: wrap; text-align: justify; line-height: 1.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 2.5vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 500px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 500px; height:auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 500px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: auto; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: 130px; } .footersalledesventess{ color: #E40137; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 2.3vw; text-align: center;} .itempiedepage{ width: 33.33%;} footer { color:#FFFFFF} } @media screen and (min-width:480px) and (max-width:720px) { nav{min-height: 95vh;} #paneauNav{font-size: 2vw;} #paneauNav2{width: 40%;} #imagenav{display: none;} .customnave{display: none;} #navmail{display: none;} #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{width: 90%; text-align: center;} #laseynesurMer1{flex-direction: column; line-height: 4vh; } #Lalaseyne{ width: 100%; text-align: center; left:0;padding-top: 0;} #svg2{position: absolute; top:-4%; width: 40vw; left:28%;} #signification56{margin-left: 2%; margin-right: 2%;} #divmillaseynesignif2{width: 100%; height: auto;} #marteau{left:25%;} #signification7{height: auto;} #signification7{height: auto;} #signification4{line-height: 5vh;} #signification2{left: 30%;} #significaion1{font-size: 3vw;} #divmillaseynesignif1{width: 100%; height: auto;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height:auto;} #signification8{padding-bottom: 0;} #surfond2{height: auto;} #recouvrement4{line-height: 5vh;} #recouvrement5{line-height: 5vh;} #h3recouvrement1{font-size: 4vw;} #h4recouvrement{flex-direction: column; width: 100%;} #ullocatif8{left: 0; line-height: 5vh;} #ullocatif7{left: 0; font-size: 2.5vw;} #ullocatif6{left: 0; line-height: 5vh;} #ullocatif5{font-size: 2.5vw; left: 0;} #ullocatif3{left: 0; font-size: 2.5vw;} #ullocatif4{left: 0; line-height: 5vh;} #ullocatif1{left: 0; font-size: 2.5vw;} #ullocatif2{left: 0; line-height: 5vh;} #ullocatif1{font-size: 2.5vw;} #h4locatif1{font-size: 2.5vw;} #h3surfond3{font-size: 3vw;} #peth3surfonds3{width: 100%;} #svglocatif{display: none;} #surfond3{height: auto;} #fond{height: 430vh;} #ulconstat{line-height: 180%;} #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; height: auto; background-image: none;} #h2delah2laseyne{ font-size: 3vw;} #h2delaseyne{flex-direction: column;} #menulateral{display: none;} #bot2{width: 110px; font-size: 1.5vw; margin-bottom: 10px;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 110px); position: relative; margin: 0; width: 100%; margin-top: 3%;column-gap: 5px; justify-content: center; padding-left: 1%; padding-right: 1%;} #bot1, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 110px; font-size: 1.8vw; margin-bottom: 10px; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .rouge1{color:#E40137;} #h1pa2{font-size: 2.8vw;} .svg-container2{left:10%; top:30%;} #flechedubas{font-size: 20vw; z-index: 4; position: fixed;top:82vh; left:88vw; cursor: pointer;} #video_La_Seyne_Sur_Mer{height:90vh;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 2vw;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 120px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:5%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 120px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 500px); flex-wrap: wrap; text-align: justify; line-height: 1.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 2.2vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 500px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 500px; height: auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 500px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: auto; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: auto; } .footersalledesventess{ color: #E40137; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 1.8vw; text-align: center;} .nav-toggler{ top: 1%; left: 4%; height: 4%; width: 3%; min-width: 40px; min-height: 40px;} .MENUDENAVIGATION{display: none;} .customnave{display: none;} .signification {width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .significationsinternationales { width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .executiondedecisiondejustice{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .obtenirunedecisiondejustice { width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .immobilier{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .constat{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .consultant{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .tarif{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .salledesventes{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } .contact{ width: 93%; margin-right: 0%; margin-left: 0%; padding: 2%; } } @media screen and (min-width:721px) and (max-width:900px) { #h1pa2{font-size: 2.5vw;} #navnavnav{overflow: auto;} #imagenav{display: none;} .customnave{display: none;} #flechedubas{font-size: 20vw; z-index: 4; position: fixed;top:78vh; left:88vw; cursor: pointer;} #laseynesurmer5{position: relative; } #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{ width: 100%; text-align: center; } #laseynesurMer1{flex-direction: column; line-height: 4vh; padding: 2%; } #Lalaseyne{ width: 60%; padding-top: 5%;left:20%;} #svg2{display: none;} #signification56{margin-left: 2%; margin-right: 2%;} #divmillaseynesignif2{width: 100%; height: auto;} #buttonmp4{width: 70%;} #Lalaseyne{text-align: center; padding-top: 0; left: 0; width: 100%;} #marteau{left:25%;} #signification4{line-height: 5vh;} #signification2{left: 30%;} #significaion1{font-size: 2.5vw;} #divmillaseynesignif1{width: 100%; height:auto;overflow-y: scroll;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height: auto; overflow-y: scroll;} #signification8{padding-bottom: 0;} #surfond2{height: auto; overflow-y: scroll;} #recouvrement4{line-height: 5vh;} #recouvrement5{line-height: 5vh;} #h3recouvrement1{font-size: 2.5vw;} #h4recouvrement{flex-direction: column; width: 100%; } #recouvrementstock{text-align: center;} #ullocatif8{left: 0; line-height: 5vh;} #ullocatif7{left: 0; font-size: 2vw;} #ullocatif6{left: 0; line-height: 5vh;} #ullocatif5{font-size: 2vw; left: 0;} #ullocatif3{left: 0; font-size: 2vw;} #ullocatif4{left: 0; line-height: 5vh;} #ullocatif1{left: 0;} #ullocatif2{left: 0; line-height: 5vh;} #ullocatif1{font-size: 2vw;} #h4locatif1{font-size: 2vw;} #h3surfond3{font-size: 2.5vw;} #peth3surfonds3{width: 100%;} #svglocatif{display: none;} #surfond3{height: auto;overflow-y: scroll;} #fond{height: 430vh; } #ulconstat{line-height: 180%;} #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; height: auto ;overflow-y: scroll; background-image: none;} #h2delah2laseyne{ font-size: 2vw;} #h2delaseyne{flex-direction: column;} #menulateral{display: none;} #bot2{width: 110px; font-size: 1.2vw; margin-bottom: 10px;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 115px); position: relative; margin: 0; width: 100%; margin-top: 3%;column-gap: 5px; justify-content: center; padding-left: 1%; padding-right: 1%;} #bot1, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 115px; font-size: 1.4vw; margin-bottom: 10px; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .svg-container {left:18%;} nav{height: 98vh;} .signification {width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; left:30%; } .significationsinternationales { width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .executiondedecisiondejustice{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .obtenirunedecisiondejustice { width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .immobilier{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .constat{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .consultant{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .tarif{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .salledesventes{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .contact{ width: 70%; margin-right: 0%; margin-left: 0%; padding: 2%; } .nav-toggler{ top: 1%; left: 4%; height: 4%; width: 3%; min-width: 40px; min-height: 40px;} .MENUDENAVIGATION{display: none;} .gestion_minimenu{font-size: 4vw;} .minimenu{margin-right:5%; margin-left: 5%;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 1.6vw;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 150px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:5%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 150px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 400px); flex-wrap: wrap; text-align: justify; line-height: 1.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 1.8vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 400px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 400px; height: auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 300px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: auto; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: auto; } .footersalledesventess{ color: #E40137; height: auto; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; height: auto; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 1.4vw; text-align: center;} } @media screen and (min-width:901px) and (max-width:1024px) { #imagenav{display: none;} .customnave{font-size: 2vw;} #flechedubas{font-size: 20vw; z-index: 4; position: fixed;top:72vh; left:88vw; cursor: pointer;} #laseynesurmer5{position: relative;} #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{position: relative; left:0; width: 100%; text-align: center;} #laseynesurmer2{padding: 0; column-gap: 0; width: 100%; } #laseynesurMer1{flex-direction: column; line-height: 4vh; } #Lalaseyne{ width: 100%; padding-top: 0%; text-align: center;left: 0;} #svg2{position: absolute; top:-4%; width: 25vw; left:36%;} #signification56{margin-left: 2%; margin-right: 2%;} #divmillaseynesignif2{width: 100%; height: auto;} #marteau{left:35%;} #signification4{line-height: 5vh;} #signification2{left: 25%;} #significaion1{font-size: 2.5vw;} #signification7{width: 80%; position: relative; left:11%; height: auto;} #buttonmp4{width: 70%;} #divmillaseynesignif1{width: 100%; height: auto;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height: auto;} #signification8{padding-bottom: 0; height: auto;} #surfond2{height: auto;} #designer{display: none;} #recouvrement4{line-height: 5vh;} #recouvrement5{line-height: 5vh;} #h3recouvrement1{font-size: 2vw;} #h4recouvrement{flex-direction: column; width: 100%; } #ullocatif8{left: 0; line-height: 5vh;} #ullocatif7{left: 0; font-size: 2vw;} #ullocatif6{left: 0; line-height: 5vh;} #ullocatif5{font-size: 2vw; left: 0;} #ullocatif3{left: 0; font-size: 2vw;} #ullocatif4{left: 0; line-height: 5vh;} #ullocatif1{left: 0; font-size: 2.5vw;} #ullocatif2{left: 0; line-height: 5vh;} #ullocatif1{font-size: 2vw;} #h4locatif1{font-size: 2vw;} #h3surfond3{font-size: 2vw;} #peth3surfonds3{width: 100%;} #svglocatif{display: none;} #surfond3{height: auto;} #fond{height: 380vh;} #ulconstat{line-height: 180%;} #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; height: auto; background-image: none;} #h2delah2laseyne{ font-size: 2vw;} #h2delaseyne{flex-direction: column;} #h1pa2{font-size: 2vw;} #menulateral{display: none;} #bot2{width: 125px; font-size: 1.2vw; margin-bottom: 10px;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 125px); position: relative; margin: 0; width: 100%; margin-top: 3%;column-gap: 5px; justify-content: center; padding-left: 1%; padding-right: 1%; text-align: center;} #bot1, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 125px; font-size: 1.4vw; margin-bottom: 10px; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } nav{height: 98vh;} .signification {width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; left:30%; } .significationsinternationales { width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .executiondedecisiondejustice{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .obtenirunedecisiondejustice { width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .immobilier{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .constat{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .consultant{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .tarif{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .salledesventes{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .contact{ width: 60%; margin-right: 0%; margin-left: 0%; padding: 2%; } .nav-toggler{ top: 1%; left: 4%; height: 4%; width: 3%; min-width: 40px; min-height: 40px;} .MENUDENAVIGATION{display: none;} .gestion_minimenu{font-size: 3vw;} .minimenu{margin-right:5%; margin-left: 5%;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 1.6vw;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 170px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:5%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 170px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 400px); flex-wrap: wrap; text-align: justify; line-height: 1.5rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 1.6vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 400px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 400px; height: auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 300px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: 130px; } .footerconstatt{ color: #E40137; text-align: center; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; text-align: center; } .footernostarifss{ color: #E40137; text-align: center; } .footersalledesventes{ width: 500px; height: auto; } .footersalledesventess{ color: #E40137; text-align: center; height: auto; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; } .footercontact{ width: 100%; height: auto; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 1.4vw; text-align: center;} } @media screen and (min-width:1025px) and (max-width:1841px) { #imagenav{display: none;} #flechedubas{font-size: 15vw; z-index: 4; position: fixed;top:65vh; left:88vw; cursor: pointer;} #h1pa2{font-size: 1.5vw;} #laseynesurmer5{position: relative; left:0;} #laseynesurmer33{line-height: 5vh;} #laseynesurmer2{width: 100%; text-align: center; } #laseynesurMer1{flex-direction: column; line-height: 4vh; } #Lalaseyne{ width: 100%; padding-top: 0%; left:0; text-align: center;} #svg2{position: absolute; top:-4%; width: 25vw; left:38%;} #signification56{margin-left: 2%; margin-right: 2%; width: 96%;} #divmillaseynesignif2{width: 100%; height: auto;} #marteau{left:35%;} #signification4{line-height: 5vh;} #signification2{left: 25%;} #significaion1{font-size: 2.5vw;} #signification7{width: 80%; position: relative; left:11%;} #divmillaseynesignif1{width: 100%; height: auto;} #divmillaseynesignif{display: none;} #significationlaseynesurmer{flex-direction: column; height: auto;} #buttonmp4{width: 50%;} #signification8{padding-bottom: 0;} #surfond2{height: auto;} #designer{display: none;} #recouvrement4{line-height: 5vh;} #recouvrement5{line-height: 5vh;} #h3recouvrement1{font-size: 2vw;} #h4recouvrement{flex-direction: column; width: 100%; } #ullocatif8{left: 0; line-height: 5vh;} #ullocatif7{left: 0; font-size: 1.5vw;} #ullocatif6{left: 0; line-height: 5vh;} #ullocatif5{font-size: 1.5vw; left: 0;} #ullocatif3{left: 0; font-size: 1.5vw;} #ullocatif4{left: 0; line-height: 5vh;} #ullocatif1{left: 0; font-size: 1.5vw;} #ullocatif2{left: 0; line-height: 5vh;} #ullocatif1{font-size: 1.5vw;} #h4locatif1{font-size: 1.5vw;} #h3surfond3{font-size: 2vw;} #peth3surfonds3{width: 100%;} #svglocatif{display: none;} #surfond3{height: auto;} #fond{height: 380vh;} #ulconstat{line-height: 180%;} #deuxiemedivconstatseyne{width: 100%;} table{width: 96%; margin-left: 2%; margin-right: 2%;} #tarifconstatlaseyne{width: 100%;} #imageconstatlaseynesurmerlogo{display: none; } #surfond1{flex-direction: column; background-image: url(images/MaMarianne.svg); background-repeat: no-repeat; background-size: 20%; background-position: 50% 98%; height: 180vh;} #h2delah2laseyne{ font-size: 2vw;} #h2delaseyne{flex-direction: column;} #menulateral{display: none;} #lesbots{display: grid; grid-template-columns:repeat(auto-fill, 240px); padding-left: 1vw; padding-right: 1vw; position: relative; margin: 0%; width: 100%; ; margin-top: 3%; margin-left: 1%; column-gap: 10px;} #bot1, #bot2, #bot3, #bot4, #bot5, #bot6, #bot7{ width: 240px; font-size: 1.2vw; margin-bottom: 10px; margin:4%; } #bot1:hover, #bot2:hover, #bot3:hover, #bot4:hover, #bot5:hover, #bot6:hover, #bot7:hover{color: #E40137; transform: scale(1.1); border-bottom: solid; border-top: solid; border-left: none; border-right: none; border-color: #E40137 ; cursor: pointer; } .MENUDENAVIGATION{left:4.4%; font-size: 2vw; top: 8%;} .svg-container {left:18%;} .gestion_minimenu{font-size: 3vw;} .minimenu{margin-right:10%; margin-left: 10%;} .nav-toggler{left:5%; top:5%; width: 4%;} #comcompetence{background-color: #0C2461; margin:0; padding-top: 1%; font-family: 'Borel'; text-align: center; align-items: center; align-content: center; font-size: 1vw;} #comcompetence2{background-color: #0C2461; margin:0; display: grid; grid-template-columns:repeat(auto-fill, 180px); align-items: center; align-content: center; column-gap: 1%;justify-content: center;row-gap:5%;} .comcompetence{ border: solid 2px #E40137; border-radius: 5%; min-width: 180px; display: flex; align-content: center; align-items: center; text-align: center; padding: 1%; font-family: 'Borel'; text-decoration: none; color: #FFFFFF; justify-content:center;} .footer{ padding-left: 2%; padding-bottom: 5%; padding-top: 3%; color: #E7DCC9; display: grid; grid-template-columns:repeat(auto-fill, 500px); flex-wrap: wrap; text-align: justify; line-height: 1.7rem; list-style-type: none; background-color: #0C2461; text-decoration: none; font-size: 1.4vw ; } .footer ul {padding-right: 3%; line-height: 2.8vh;} .titredefooter{ text-decoration: none; color: #fffff0; font-family: 'Borel'; } .footersignification{ text-decoration: none; width: 500px; height: auto; } .nossignificationsfooter{ font-family: 'Borel'; text-align: center; } .footerexecution{ width: 500px; height: auto; } .footerexecutiondedecisiondejusice{ padding-top: 3%; text-align: center; width: 40%; color: #E40137; } .footerobtenir{ width: 500px; height: auto; } .footerobtenirunedecisionsdejustice{ color: #E40137; text-align: center; width: 40%; } .footerimmobilierr{ color: #E40137; height: auto; text-align: center; } .footerimmobilier{ width: 500px; height: auto; } .footerconstat{ width: 500px; height: auto; } .footerconstatt{ color: #E40137; text-align: center; height: auto; } .footerconsultant{ width: 500px; height: auto; } .footernostarifs{ width: 500px; height: auto; } .footerconsulantt{ color: #E40137; height: auto; text-align: center; } .footernostarifss{ color: #E40137; height: auto; text-align: center; } .footersalledesventes{ width: 500px; height: auto; } .footersalledesventess{ color: #E40137; height: auto; text-align: center; } .footercontactt{ color: #E40137; font-size: 2.5rem; text-align: center; height: auto; } .footercontact{ width: 100%; height: auto; text-align: center; } .pieddepage{ position: relative; width: 100%; padding-left:0%; display: flex; flex-direction: column; align-items: center; align-content: center; background-color: #0C2461; font-family: 'raleway'; text-align: center; } #pieddepage2{background-color: #0C2461; display: flex; flex-direction: row; padding-bottom: 20px; padding-top: 30px; padding-left: 0%; font-size: 1vw; text-align: center;} }