@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caudex&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Judson:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Judson&display=swap');
html {
scroll-behavior: smooth;
} 
body {
position:relative;
margin:0;
padding:0;
overflow:hidden;
overflow-y:auto;
background-repeat:repeat;
width:100%;
left:0;
top:0;
font-family: 'Ubuntu',sans-serif;
word-spacing:2px;
font-size:16px;
line-height:24px;
z-index:1;
animation:fade 0.8s;
}
@keyframes fade {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.webp {
background-image:url(https://eiffelimmo.fr/img/fond.webp); 
}
.notwebp {
background-image:url(https://eiffelimmo.fr/img/fond.png);
}
@media screen and (max-width:1023px) {
body {
font-family: 'Ubuntu',sans-serif;
font-size:14px;
line-height:24px;
}
}
p {
text-align:justify;
text-justify:inter-word;
margin-top:-5px;
}
input[type=submit] {
cursor: pointer;
}
.lettrine::first-letter {
font-size:2em;
padding-right:0.04em;
padding-top:0.07em;
float:left;
color:rgb(180,160,110);
} 
li {
text-align:justify;
text-justify:inter-word;
}
a {
font-weight:normal;
text-decoration:none;
position:relative;
color:rgb(150,130,80);
}
a:hover {
color:white; 
background:linear-gradient(to bottom, rgba(180,160,110,1) 0%, rgba(60,50,10,1) 90%, rgba(0,0,0,1) 100%);
}
a.nostyle {
text-decoration:none;
}
a.nostyle:hover{
background:rgb(255,255,255,0);
}
i {
font-style: italic;
}
img {
max-width:100%;
height:auto;
}
.indentation {
display:block;
background:rgba(255,255,255,0.9);
padding:0.8%;
float:right;
z-index:990;
position:relative;
font-size:24px;
font-weight:normal;
color:black;
line-height:24px;
margin-top:-350px;
width:900px;
max-width:80%;
border-color:rgb(180,160,110);
border-width:1px;
border-style:solid;
}
@media screen and (max-width:1919px) {
.indentation {
font-size:20px;
}
}
@media screen and (max-width:1023px) {
.indentation {
margin:0 auto;
font-size:18px;
line-height:18px;
float:none;
margin-top:0px;
}
}
.zoom img {
transform: scale(1);
transition: .3s ease-in-out;
}
.zoom img:hover {
transform: scale(1.3);
}
.zoom div img {
transform: scale(1);
transition: .3s ease-in-out;
}
.zoom div:hover img {
transform: scale(1.3);
}
.zoom1-1 img {
filter:none;
transform:scale(1);
transition:.3s ease-in-out;
}
.zoom1-1 img:hover
{
box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
transform:scale(1.1);
filter:brightness(120%);
}
.zoom1-2 img {
filter:none;
transform:scale(1);
transition:.3s ease-in-out;
}
.zoom1-2 img:hover
{
box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
transform:scale(1.2);
filter:brightness(120%);
}
.expansion_texte{
line-height:32px;
animation: expansion-txt 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
animation-delay:1.5s;
}
@keyframes expansion-txt {
0% {
letter-spacing: -3px;
opacity: 0;
}
40% {
opacity: 0.2;
}
100% {
letter-spacing: 0px;
opacity: 1;
}
}
.expansion_lettres {
animation:letter-expansion;
animation-delay:4.0s;
animation:5s infinite;
}
@keyframes letter-expansion {
0% {
transform:scale(0.5);
letter-spacing:-3px;
opacity:0.5;
}
10% {
transform:scale(1);
letter-spacing:1px;
opacity:1;
}
90% {
transform:scale(1);
letter-spacing:1px;
opacity:1;
}
100% {
transform:scale(0.5);
letter-spacing:-3px;
opacity:0.5;
}
}
.avant-apres{
display:inline-block;
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:center;
box-shadow:0px 5px 10px 10px rgba(0,0,0,0.2);
outline:2px solid white;
outline-offset:-5px;
}
@media screen and (max-width:1023px) {
.grand_ecran {
display:none; 
}
}
@media screen and (min-width:1024px) {
.petit_ecran {
display:none; 
}
}
.avant-apres img{
margin-bottom:-15px;
transition: all 0.3s ease-out;
}
.avant-apres span{
position: absolute;
top:0;
left: 0;
right: 0;
margin-top:0px;
background: rgba(0,0,0,0.5);
padding: 3px 50px; 
text-align: center;
font-size: 16px;
color: white;
transition: all 0.3s ease-out;
}
.avant-apres:hover span{
opacity: 0;
}
.avant-apres:hover img{
transform: scale(1.10, 1.10);
}
.zoom20:hover img {
transform: scale(1.10, 1.20); 
}
ul {
margin-left:15px;
padding-left:5px;
}
option {
margin-left:20px;
padding-left:10px;
} 
p.mini {
margin-top:0px;
margin-bottom:0px; 
margin-left:-2px; 
padding-left:3px;
margin-right:0px;
}
.losange:before{
/*background:linear-gradient(to right, rgb(255,255,255) 0%, rgb(210,190,140) 100%);*/
color:rgb(180,160,110);
padding:3px;
content:"◆ ";
}
.losange:after{
/*background:linear-gradient(to left, rgb(255,255,255) 0%, rgb(210,190,140) 100%);*/
color:rgb(180,160,110);
padding:3px;
content:" ◆";
}
.enveloppe{
content:"►";
line-height: 0;
text-indent:0px;
}
.triangle_bas_apres:after {
content:" ▼";
}
.triangle_gauche:after{
content:"◄";
line-height: 0;
text-indent:0px;
}
.triangle_droite:after {
content:"►";
line-height: 0;
text-indent:0px;
}
.triangle_haut:after {
content:"▲";
line-height: 0;
text-indent:0px;
}
.triangle_bas:after {
content:"▼";
line-height: 0;
text-indent:0px;
}
.ecran_accueil {
position:fixed;
display:block;
left:0;
top:0;
height:100%;
width:100%;
background-color:black;
background-size:cover;
background-repeat:no-repeat;
animation:zoom-arriere 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation-delay:3.0s;
z-index:996;
}
.webp .ecran_accueil{
background-image:url(https://eiffelimmo.fr/img/bienvenue.webp);
}
.notwebp .ecran_accueil{
background-image:url(https://eiffelimmo.fr/img/bienvenue.jpg);
}
@keyframes zoom-arriere {
0% {
transform:scale(1);
opacity:1;
}
100% {
transform:scale(0);
opacity:0;
}
}
.titre_ecran_accueil{
position:relative;
display:block;
top:3%;
height:796px;
width:650px;
margin-left:auto;
margin-right:auto;
animation:zoom1-arriere 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation-delay:5.5s;
z-index:997;
}
.webp .titre_ecran_accueil{
background-image:url(https://eiffelimmo.fr/img/logo_accueil.webp);
}
.notwebp .titre_ecran_accueil{
background-image:url(https://eiffelimmo.fr/img/logo_accueil.png);
}
@keyframes zoom1-arriere {
0% {
transform:scale(1);
opacity:1;
}
100% {
transform:scale(0);
opacity:0;
}
}
.conteneur_titre_bas_ecran_accueil {
position:absolute;
background:rgba(0,0,0,0.5);
width:100%;
top:92%;
transform:translateY(0%);
left:50%;
transform:translateX(-50%);
height:46px;
border-top-color:rgba(180,160,110,1);
border-top-width:4px;
border-top-style:solid;
border-bottom-color:rgba(180,160,110,1);
border-bottom-width:4px;
border-bottom-style:solid;
text-align:center;
z-index:997;
}
.titre_ecran_accueil_ligne3{
color:rgba(255,255,255,1);
margin-top:10px;
font-size:16px;
transform:scale(1,1.4);
font-weight:bold;
letter-spacing:1px;
word-spacing:5px;
text-align:center;
}
.loader {
border:6px solid rgb(50,50,50);
border-radius:50%;
border-top:6px solid rgb(100,210,255);
border-bottom:6px solid rgb(100,210,255);
width:30px;
height:30px;
animation:spin 2s linear infinite;
margin-left:35%;
margin-top:25%;
}
@keyframes spin {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@media screen and (max-width:1023px) {
.ecran_accueil, .loader {
display:none;
}
}
.fond_accueil {
position:fixed;
display:block;
left:0;
top:0;
background-repeat:no-repeat;
width:100%;
height:100%;
background-size:cover;
color:rgba(100,100,100,0.9);
z-index:-1;
}
.webp .fond_accueil{
background-image:url(https://eiffelimmo.fr/img/photo_accueil.webp); 
}
.notwebp .fond_accueil{
background-image:url(https://eiffelimmo.fr/img/photo_accueil.jpg); 
}
@media screen and (max-width:1023px) {
.fond_accueil{
display:none;
} 
}
.intro {
position:fixed;
display:block;
left:0;
top:0;
height:100%;
width:100%;
background:white;
animation:zoom-arriere 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation-delay:0s;
animation-duration:0.4s;
z-index:100;
}
@keyframes zoom-arriere {
0% {
opacity:1;
}
99% {
opacity:0;
}
100% {
opacity:0;
height:0;
}
}
.inner {
display:block;
position:relative;
background:rgb(255,255,255,0.5);
width:60%;
margin-left:auto;
margin-right:auto;
border-radius:20px;
padding:40px;
padding-top:330px;
font-family: 'Ubuntu',sans-serif;
font-size:14px;
line-height:22px;
overflow:hidden;
}
@media screen and (max-width:1919px) {
.inner {
margin-top:-590px;
z-index:1;
}
}
@media screen and (max-width:1023px) {
.inner {
width:90%;
margin-top:-30px;
margin-bottom:30px;
padding-left:5px;
padding-right:5px;
padding-top:40%;
padding-bottom:10px;
font-family: 'Ubuntu',sans-serif;
overflow:hidden;
font-size:11px;
line-height:24px;
}
}
.animation_contenu_inner{
display:block;
animation:down 0.5s cubic-bezier(0, 0, 0, 1.0);
z-index:4;
animation-fill-mode:both;
}
@keyframes down {
0% {
transform:translateY(-2000px);
opacity:0;
}
60% {
opacity:0.20;
}
100% {
transform:translateY(60px);
opacity:1;
}
}
@media screen and (max-width:1023px) {
.animation_contenu_inner{
display:block;
animation:down 1s cubic-bezier(0, 0, 0, 1.0);
z-index:4;
animation-fill-mode:both;
}
@keyframes down {
0% {
transform:translateY(-1000px);
opacity:0;
}
60% {
opacity:0.40;
}
100% {
transform:translateY(20px);
opacity:1;
}
}
}
aside {
display:block;
position:absolute;
width:24%;
top:0;
left:0;
}
.animation_contenu_slider{
display:block;
animation:up 1.3s cubic-bezier(0, 0, 0, 1.0);
z-index:4;
animation-fill-mode:both;
}
@keyframes up {
0% {
transform:translateY(200px);
opacity:0;
}
50% {
opacity:0.50;
}
100% {
transform:translateY(40px);
opacity:1;
}
}
@media screen and (max-width:1023px) {
.animation_contenu_slider{
animation:none;
}
}
.bas_page {
display:block;
width:100%;
line-height:7000%;
background-repeat:repeat;
}
.webp .bas_page {
background-image:url(https://eiffelimmo.fr/img/fond_bas_page.webp); 
}
.notwebp .bas_page {
background-image:url(https://eiffelimmo.fr/img/fond_bas_page.jpg); 
}
@media screen and (max-width:1023px) {
.bas_page{
display:none;
}
}
main {
display:block;
position:relative;
width:75%;
top:0;
left:25%;
padding-left:1%;
text-align:justify;
border-left-width:3px;
border-left-style:dotted;
border-left-color:rgba(0,0,0,1);
}
@media screen and (max-width:1023px) {
main {
width:99%;
left:0.5%;
padding-left:0;
border-width:0;
}
}
.above_entete{
display:block;
height:162px;
width:100%;
top:0px;
margin-top:-2px;
margin-left:auto;
margin-right:auto;
background-color:rgb(255,255,255,0);
background-repeat:repeat-x;
z-index:23;
}
.webp .above_entete {
background:url(https://eiffelimmo.fr/img/rideau_haut.webp);
background-size:105px;
} 
.notwebp .above_entete {
background:url(https://eiffelimmo.fr/img/rideau_haut.png);
background-size:105px;
}
@media screen and (min-width:1920px) {
.above_entete{
top:250px;
margin-top:0px;
width:60%;
position:fixed;
}
}
@media screen and (max-width:1023px) {
.above_entete{
display:none;
}
}
.first_entete{
position:relative;
background-repeat:repeat;
padding-top:3%;
padding-bottom:1%;
margin-bottom:-2%;
margin-top:-1%;
}
.first_entete:hover img{
filter:grayscale(100%);
}
.first_entete img{
filter:grayscale(0%);
}
.first_entete::before{ 
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.webp .first_entete::before{
background:url(https://eiffelimmo.fr/img/deco_entete.webp);
} 
.notwebp .first_entete::before{
background:url(https://eiffelimmo.fr/img/deco_entete.png);
}
@media screen and (min-width:1920px){
.first_entete::before{
animation:rideaux 30s ease-in;
}
@keyframes rideaux{
0% {
filter:saturate(0.5%);
width:0.5%;
filter:hue-rotate(0deg);
}
8% {
filter:saturate(0%);
width:100%;
filter:hue-rotate(0deg);
}
35% {
filter:saturate(50%);
width:100%;
filter:hue-rotate(-40deg);
}
45% {
filter:saturate(150%);
width:100%;
filter:hue-rotate(-60deg);
}
75% {
filter:saturate(50%);
width:100%;
filter:hue-rotate(-40deg);
}
85% {
filter:saturate(0%);
width:100%;
filter:hue-rotate(0deg);
}
100% {
filter:saturate(0%);
width:100%;
filter:hue-rotate(0deg);
}
}
}
@media screen and (max-width:1023px) {
.first_entete{
width:100%;
width:98%;
left:6px;
top:6px;
margin-top:-43%;
margin-bottom:-5%;
margin-left:auto;
margin-right:auto;}
}
.sitemap {
display:block;
width:80%;
margin-left:9.3%;
text-align:left;
font-size:16px;
line-height:25px;
padding:0;
}
@media screen and (max-width:1023px) {
.sitemap {
width:90%;
margin-left: 3%;
}
}
.sitemap li {
padding-left:20px;
background:rgb(180,160,110);
color:white;
list-style:none;
border-bottom:2px solid grey;
border-top:2px solid rgb(120,120,120);
}
.sitemap li li {
padding-left:10px;
background:rgb(220,200,160);
color:white;
list-style:none;
border-bottom:1px solid grey;
border-top:1px solid rgb(120 120 120);
}
.sitemap a {
color:rgb(0,0,0);
text-decoration:none;
}
.sitemap li a:hover {
display:block;
margin-left:-10px;
padding-left:10px;
background:rgb(0,0,0);
color:white;
width:100%;
}
.grid_container3 {
display:grid;
grid-template-columns:33% 33% 33%;
gap:10px;
background:rgb(255,255,255);
padding:10px;
}
.grid_container3 > div {
display:flex;
justify-content:center;
align-items:center;
background:rgb(255,255,255);
text-align:center;
padding:10px 10px;
}
@media screen and (max-width:2000px) {
.grid_container3 {
grid-template-columns:50% 50%;
}
}
@media screen and (max-width:1600px) {
.grid_container3 {
grid-template-columns:auto;
}
}
.grid_container2_centre {
display:grid;
grid-template-columns:50% 50%;
gap:10px;
background:rgb(255,255,255);
padding:10px;
}
.grid_container2_centre > div {
display:flex;
justify-content:center;
align-items:center;
background:rgb(255,255,255);
text-align:center;
padding:10px 10px;
}
@media screen and (max-width:1439px) {
.grid_container2_centre {
grid-template-columns:auto;
}
}
.grid_container2 {
display:grid;
grid-template-columns:50% 50%;
gap:0px;
/*background:rgb(255,255,255);*/
padding:0;
}
.grid_container2 > div {
display:flex;
background:rgb(255,255,255);
text-align:justify;
padding:20px;
border-style:solid;
border-width:1px;
/*border-color:rgb(180,160,110);*/
}
@media screen and (max-width:1439px) {
.grid_container2 {
grid-template-columns:auto;
}
}
.colonne_container2 {
column-count:2;
column-gap:20px;
column-rule:rgb(150,150,150) 1px solid;
padding:5px;
text-align:justify;
text-justify:inter-word;
}
@media screen and (max-width:1023px) {
.colonne_container2 {
column-count:1;
padding:5px;
text-align:justify;
text-justify:inter-word;
}
}
.centre {
display:block;
margin:auto;
}
.alignement_vertical_horizontal {
display:flex;
justify-content:center;
align-items:center;
}
.texte_centre {
text-align:center;
}
.legende_centre { 
text-align:center; 
font-size:12px; 
font-style:italic;
color:rgb(150,130,80); 
}
.legende_centre:before {
display:block;
color:rgb(180,160,110);
font-weight:normal;
letter-spacing:-2px;
text-align:center;
content:"―――― <> ――――";
}
.legende_centre:after {
display:block;
color:rgb(180,160,110);
font-weight:normal;
letter-spacing:-2px;
text-align:center;
content:"―――― <> ――――";
}
.ombre_portee_bas_droite {
text-shadow:2px 2px 4px rgb(130,130,130);
}
.font_10 {
font-size:10px;
}
.font_11 {
font-size:11px;
}
.font_12 {
font-size:12px;
}
.font_14 {
font-size:14px;
}
.font_16 {
font-size:16px;
}
.font_18 {
font-size:18px;
}
.font_20 {
font-size:20px;
}
.font_22 {
font-size:22px;
}
.font_24 {
font-size:24px;
}
.font_28 {
font-size:28px;
}
.font_40 {
font-size:40px;
}
.font_gris {
color:rgb(160,160,160);
}
.font_rouge { 
color:rgb(255,0,0);
} 
.font_or {
color:rgb(177,163,133);
}
.font_blanc {
color:rgb(255,255,255);
}
.font_noir {
color:rgb(0,0,0);
}
.logo {
top:50%;
float:left;
margin-right:10px;
}
.bouton_dore {
display:inline-block;
font-family: 'Ubuntu',sans-serif;
background-color: white;
width:205px;
border-style:solid;
border-color:rgb(180,160,110);
border-width:2px;
border-radius:0px 0px 10px 10px;
color: rgb(180,160,110);
padding: 6px 12px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight:bold;
margin: 3px 1px;
transition: 0.2s;
}
.bouton_dore a{
text-shadow:0 0 4px rgba(0,0,0,0);
text-decoration:none;
}
.bouton_dore:hover {
background-color: rgb(180,160,110);
color: white;
}
.bouton_menu {
display:inline-block;
font-family: 'Ubuntu',sans-serif;
background-color: white;
width:205px;
border-style:solid;
border-color:rgb(180,160,110);
border-width:2px;
border-radius:0px 0px 10px 10px;
color: rgb(0,0,0);
padding: 6px 12px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight:bold;
margin: 3px 1px;
transition: 0.2s;
}
.bouton_menu a{
text-shadow:0 0 4px rgba(0,0,0,0);
text-decoration:none;
}
.bouton_menu:hover {
background-color: rgb(255,255,255);
color: white;
}
.bouton_dore_rectangle {
display:inline-block;
font-family: 'Ubuntu',sans-serif;
background-color: white;
width:205px;
border-style:solid;
border-color:rgb(180,160,110);
border-width:2px;
color: rgb(180,160,110);
padding: 6px 12px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight:bold;
margin: 3px 1px;
transition: 0.2s;
}
.bouton_dore_rectangle a{
text-shadow:0 0 4px rgba(0,0,0,0);
text-decoration:none;
}
.bouton_dore_rectangle:hover {
background-color: rgb(180,160,110);
color: white;
}
.cadre_photo{
display:inline-block;
position:relative;
text-align:center;
box-shadow:0 0 4px 1px rgba(0,0,0,0.2);
border-width:18px;
border-bottom-width:14px;
border-style:solid;
border-color:white;
}
table.general {
width:70%;
border:rgb(51,51,51) solid 1px;
border-radius:8px;
margin:auto;
}
td.general {
border:rgb(0,0,0) solid 1px;
padding-left:5px;
padding-right:5px;
border-radius:8px;
}
.deco_bas_page {
display:block;
background:black;
height:44px;
margin-left:auto;
margin-right:auto;
margin-bottom:-8px;
margin-top:-120px;
padding:10px;
padding-top:8px;
}
@media screen and (min-width:1024px) {
.deco_bas_page {
margin-top:40px;
}
}
.grand_conteneur_banniere {
display:block;
width:100%;
background-repeat:repeat;
height:250px;
left:0;
top:0;
overflow:hidden;
width:100%;
z-index:5;
}
@media screen and (min-width:1920px) {
.grand_conteneur_banniere {
position:fixed;
}
}
.webp .grand_conteneur_banniere {
background:url(https://eiffelimmo.fr/img/fond_banniere.webp);
} 
.notwebp .grand_conteneur_banniere {
background:url(https://eiffelimmo.fr/img/fond_banniere.png);
}
.conteneur_banniere {
display:flex;
justify-content:space-between;
align-items:center;
position:absolute;
height:260px;
left:0;
top:0;
margin-bottom:250px;
overflow:hidden;
width:100%;
z-index:5;
}
.flex_banniere1 {
width:14.0%;
text-align:right;
}
.flex_banniere2 {
text-align:center;
top:0;
width:1024px;
}
.flex_banniere3 {
width:14.0%;
text-align:left;
}
@media screen and (max-width:1439px) {
.flex_banniere1, .flex_banniere3{
width:0 !important;
}
}
.diaporama { 
position:relative;
height:260px; 
width:340px;
left:50%; 
margin-left:150px; 
top:0;
z-index:2;
} 
.diaporama > div{ 
position:absolute; 
background:rgb(0,0,0,0);
top: 10px; 
left: 10px; 
right: 10px; 
bottom: 10px; 
}
.texte_diaporama {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
font-family: 'Teko',sans-serif;
font-size:32px;
line-height:32px;
font-weight:bold;
text-align:center;
-webkit-text-stroke:1px;
-webkit-text-stroke-color:black;
background-clip:text;
-webkit-background-clip:text;
color:transparent;
background-image:linear-gradient(135deg, rgba(180,160,110,1) 0%,rgba(180,160,110,1) 20%, rgba(255,255,255,1) 50%, rgba(180,160,110,1) 80%, rgba(180,160,110,1) 100%);
}
@media screen and (max-width:1023px) {
.grand_conteneur_banniere,.diaporama,.conteneur_banniere,.section_grand_ecran,.flex_banniere1, .flex_banniere3 {
display:none;
}
}
.conteneur_banniere_mobile {
position:relative;
display:block;
background:rgba(255,255,255,0);
left:0;
width:100%;
z-index:5;
}
@media screen and (min-width:1024px) {
.conteneur_banniere_mobile {
display:none;
}
}
@media screen and (max-width:1023px) {
.deco_banniere {
display:block;
position:absolute;
height:6px;
width:100%;
background:rgb(160,160,160);
margin-left:auto;
margin-right:auto;
z-index:25;
}
}
@media screen and (min-width:1024px) {
.deco_banniere {
display:block;
/*position:absolute;*/
height:6px;
width:100%;
top:250px;
background:rgb(160,160,160);
margin-left:auto;
margin-right:auto;
z-index:95;
}
}
@media screen and (min-width:1920px) {
.deco_banniere {
display:block;
position:fixed;
height:6px;
width:100%;
top:250px;
background:rgb(160,160,160);
margin-left:auto;
margin-right:auto;
z-index:95;
}
}
.fond_menu {
display:block;
position:relative;
height:147px;
width:970px;
top:-4px;
background:rgb(80,80,80);
margin-left:auto;
margin-right:auto;
border-style:ridge;
border-width:0 2px 2px 2px;
border-color:rgb(255,255,255);
border-radius:0 0 20px 20px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
padding:8px 0px 0px 24px;
z-index:25;
}
@media screen and (min-width:1920px) {
.fond_menu {
display:block;
position:fixed;
height:147px;
width:970px;
top:256px;
background:rgb(80,80,80);
left:50%;
transform:translateX(-500px);
border-style:ridge;
border-width:0 2px 2px 2px;
border-color:rgb(255,255,255);
border-radius:0 0 20px 20px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
padding:8px 0px 0px 24px;
z-index:25;
}
}
h1 {
font-family:Futura, "Trebuchet MS", Arial, sans-serif;
font-size:32px;
font-weight:bold;
text-align:center;
height:32px;
line-height:30px;
margin-top:-3px;
margin-left:auto;
margin-right:auto;
border-width:2px;
border-style:solid;
border-color:rgb(220,200,150);
width:94%;
padding:5px;
background-clip:text;
-webkit-background-clip:text;
color:transparent;
background-image:linear-gradient(135deg,rgba(180,160,110,1) 0%,rgba(180,160,110,1) 45%,rgba(255,255,255,1) 50%,rgba(180,160,110,1) 55%,rgba(180,160,110,1) 100%);
animation:deplacement_titre 2.5s both;
animation-delay:1.5s;
}
@keyframes deplacement_titre {
0% {
transform:translateX(-500px);
animation-timing-function:ease-in;
opacity:0;
}
38% {
transform:translateX(0);
animation-timing-function:ease-out;
opacity:1;
}
55% {
transform:translateX(-65px);
animation-timing-function:ease-in;
}
72% {
transform:translateX(0);
animation-timing-function:ease-out;
}
81% {
transform:translateX(-28px);
animation-timing-function:ease-in;
}
90% {
transform:translateX(0);
animation-timing-function:ease-out;
}
95% {
transform:translateX(-8px);
animation-timing-function:ease-in;
}
100% {
transform:translateX(0);
animation-timing-function:ease-out;
}
}
@media screen and (max-width:1023px) {
h1 {
font-size:16px;
height:30px;
margin-bottom:15px;
}
}
.titre_sous_menu {
text-align:center;
width:920px;
max-width:95%;
background-color:black;
color:rgb(210,190,140);
margin-left:auto;
margin-right:auto;
font-size:20px;
font-weight:bold;
padding-top:8px;
padding-bottom:8px;
border-radius:0px 0px 30px 30px;
border-width:3px;
border-top-width:0px;
border-style:solid;
border-color:rgb(210,190,140);
}
h2 {
display:block;
font-size:20px;
text-align:center;
font-family:'Judson',serif;
text-transform: uppercase;
color:rgba(180,160,110,1);
margin-left:0;
margin-bottom:10px;
padding-left:5px;
padding-bottom:3px;
padding-top:3px;
}
h2:before {
font-size:18px;
letter-spacing:-1px;
color:rgba(180,160,110,0.5);
content:"――――∞ ";
}
h2:after {
font-size:18px;
letter-spacing:-1px;
color:rgba(180,160,110,0.5);
content:" ∞――――";
}
@media screen and (max-width:1023px) {
h2 {
font-size:12px;
}
h2:before {
content:"";
}
h2:after {
content:"";
}
}
h3 {
font-size:18px;
width:100%;
color:rgb(150,130,80);
text-align:left;
font-family:'Ubuntu',sans-serif;
font-weight:bold;
text-shadow: 0px 0px 10px rgba(150,130,80,0.3);
letter-spacing:1px;
margin-left:0;
margin-bottom:10px;
padding-left:5px;
border-bottom-width:3px;
border-left-width:0px;
border-top-width:0px;
border-right-width:0px;
border-style:solid;
border-color:rgb(230,210,160)
}
@media screen and (max-width:1023px) {
h3 {
font-size:16px;
}
}
h4 {
display:block;
font-weight:normal;
font-size:16px;
color:rgb(180,160,110);
letter-spacing:4px;
}
.soulignement_annonces{
background:linear-gradient(to right, rgb(180,160,110) 0%, rgb(180,160,110) 25%, rgb(255,255,255) 100%);
width:50%;
margin-top:-15px;
margin-bottom:12px;
border-width:0;
margin-left:0;
height:5px;
}
h5{
display:table; /*saut ligne auto après fermeture balise */
font-size:12px; 
height:auto; 
width:auto;
font-weight:bold; 
background:rgba(180,160,110,1);
color:white;
padding-left:8px;
padding-right:8px;
margin-bottom:6px;
}
h5::before {
content:"▫▫▫ ";
}
h5::after {
content:" ▫▫▫";
}
.g-recaptcha {
display:block;
margin-bottom:12px;
}
@media screen and (min-width:1024px) {
.titre_permanent {
display:block;
position:relative;
height:30px; 
font-size:32px;
font-weight:bold;
max-width:925px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:10px;
text-align:center;
animation:fade-out 5s 7s ease-out both;
animation-delay:0s;
top:-68px;
}
}
@media screen and (max-width:1023px) {
.titre_permanent {
display:block;
position:relative;
font-size:45px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
margin-top:28px;
margin-bottom:10px;
top:-90px;
text-align:center;
color:rgb(220,200,150);
animation:fade-out 5s 7s ease-out both;
animation-delay:0s;
}
}
@keyframes fade-out {
0% {
opacity:0;
}
30% {
opacity:0;
}
70% {
opacity:1;
}
100% {
opacity:1;
}
}
.google_traduction {
position:absolute;
display:block;
font-family: 'Ubuntu',sans-serif;
font-size:6px;
font-weight:normal;
text-decoration:none;
color:black;
left:116px;
background-repeat:no-repeat;
width:403px;
height:110px;
transition-duration:0.3s;
top:298px;
border-radius:0px 0px 10px 10px;
border-style:solid;
border-color:rgb(0,0,0);
border-width:2px;
cursor:pointer;
z-index:3;
}
.webp .google_traduction {
background-image:url(https://eiffelimmo.fr/img/drapeaux.webp); 
}
.notwebp .google_traduction {
background-image:url(https://eiffelimmo.fr/img/drapeaux.png); 
}
.google_traduction_new {
position:absolute;
display:block;
left:50%;
margin-left:-65px;
top:167px; 
margin-top:0px; 
text-align:center;
z-index:500;
}
@media screen and (min-width:1920px) {
.google_traduction, .google_traduction_new {
top:167px;
margin-top:0; 
margin-left:-65px;
position:fixed;
}
}
@media screen and (max-width:1023px) {
.google_traduction, .google_traduction_new {
display:none;
}
}
.titre_google {
position:relative;
background:rgb(255,255,255);
color:#000;
margin-top:-30px;
margin-left:auto;
margin-right:auto;
width:90%;
max-width:1010px;
padding:10px 4px 10px 5px;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 2px rgb(200,200,200);
border:solid 2px;
border-color:rgb(200,200,200);
box-shadow:0 0 4px 1px rgb(153,153,153) inset;
z-index:4;
}
.google_traduction_new_mobile {
text-align:center;
}
@media screen and (min-width:1024px) {
.titre_google, .google_traduction_new_mobile {
display:none;
}
}
.souligne {
text-decoration:underline;
}
.bouton_FB {
display:block;
top:10px;
width:30px;
height:30px;
margin-left:10px;
background-repeat:no-repeat;
}
.webp .bouton_FB {
background-image:url(https://eiffelimmo.fr/img/FB1.webp);
}
.notwebp .bouton_FB {
background-image:url(https://eiffelimmo.fr/img/FB1.png);
}
.webp .bouton_FB:hover {
background-image:url(https://eiffelimmo.fr/img/FB.webp);
}
.notwebp .bouton_FB:hover {
background-image:url(https://eiffelimmo.fr/img/FB.png);
}
.bouton_FB_partage {
display:block;
top:60px;
width:30px;
height:30px;
margin-left:-30px;
background-repeat:no-repeat;
}
.webp .bouton_FB_partage {
background-image:url(https://eiffelimmo.fr/img/FBpartage1.webp);
}
.notwebp .bouton_FB_partage {
background-image:url(https://eiffelimmo.fr/img/FBpartage1.png);
}
.webp .bouton_FB_partage:hover {
background-image:url(https://eiffelimmo.fr/img/FBpartage.webp);
}
.notwebp .bouton_FB_partage:hover {
background-image:url(https://eiffelimmo.fr/img/FBpartage.png);
}
.bouton_Google {
display:block;
top:110px;
width:30px;
height:30px;
margin-left:-30px;
background-repeat:no-repeat;
}
.webp .bouton_Google {
background-image:url(https://eiffelimmo.fr/img/Google1.webp);
}
.notwebp .bouton_Google {
background-image:url(https://eiffelimmo.fr/img/Google1.png);
}
.webp .bouton_Google:hover {
background-image:url(https://eiffelimmo.fr/img/Google.webp);
}
.notwebp .bouton_Google:hover {
background-image:url(https://eiffelimmo.fr/img/Google.png);
}
.bouton_Linkedin {
display:block;
top:160px;
width:30px;
height:30px;
margin-left:-30px;
background-repeat:no-repeat;
}
.webp .bouton_Linkedin {
background-image:url(https://eiffelimmo.fr/img/Linkedin1.webp);
}
.notwebp .bouton_Linkedin {
background-image:url(https://eiffelimmo.fr/img/Linkedin1.png);
}
.webp .bouton_Linkedin:hover {
background-image:url(https://eiffelimmo.fr/img/Linkedin.webp);
}
.notwebp .bouton_Linkedin:hover {
background-image:url(https://eiffelimmo.fr/img/Linkedin.png);
}
.bouton_Instagram {
display:block;
top:210px;
width:30px;
height:30px;
margin-left:-30px;
background-repeat:no-repeat;
}
.webp .bouton_Instagram {
background-image:url(https://eiffelimmo.fr/img/Instagram1.webp);
}
.notwebp .bouton_Instagram {
background-image:url(https://eiffelimmo.fr/img/Instagram1.png);
}
.webp .bouton_Instagram:hover {
background-image:url(https://eiffelimmo.fr/img/Instagram.webp);
}
.notwebp .bouton_Instagram:hover {
background-image:url(https://eiffelimmo.fr/img/Instagram.png);
}
.conteneur_boutons_droite {
background:rgb(0,0,0);
display:flex;
float:right;
position:sticky;
top:30.0%;
width:52px;
margin-right:-4px;
margin-left:-52px;
height:400px;
border-radius:10px 0 0 10px;
border-style:solid;
border-color:rgb(180,160,110);
border-width:6px;
animation: boutons_droite 3s;
}
@keyframes boutons_droite {
0% { opacity:0; }
50% { opacity:0; }
100% { opacity:1; }
}
@media screen and (max-width:1023px) {
.bouton_FB, .bouton_FB_partage, .bouton_Google, .bouton_Linkedin, .bouton_Youtube, .bouton_Instagram, .conteneur_boutons_droite {
display:none;
}
}
.bouton_FB_mobile {
display:block;
position:sticky;
left:5%;
width:60px;
height:60px;
background-repeat:no-repeat;
}
.webp .bouton_FB_mobile {
background-image:url(https://eiffelimmo.fr/img/FB1-mobile.webp);
}
.notwebp .bouton_FB_mobile {
background-image:url(https://eiffelimmo.fr/img/FB1-mobile.png);
}
.webp .bouton_FB_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/FB-mobile.webp);
}
.notwebp .bouton_FB_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/FB-mobile.png);
}
.bouton_FB_partage_mobile {
display:block;
position:sticky;
left:23%;
width:60px;
height:60px;
background-repeat:no-repeat;
}
.webp .bouton_FB_partage_mobile {
background-image:url(https://eiffelimmo.fr/img/FBpartage1-mobile.webp);
}
.notwebp .bouton_FB_partage_mobile {
background-image:url(https://eiffelimmo.fr/img/FBpartage1-mobile.png);
}
.webp .bouton_FB_partage_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/FBpartage-mobile.webp);
}
.notwebp .bouton_FB_partage_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/FBpartage-mobile.png);
}
.bouton_Google_mobile {
display:block;
position:sticky;
left:41%;
width:60px;
height:60px;
background-image:url(https://eiffelimmo.fr/img/Google1-mobile.png);
background-repeat:no-repeat;
}
.webp .bouton_Google_mobile {
background-image:url(https://eiffelimmo.fr/img/Google1-mobile.webp);
}
.notwebp .bouton_Google_mobile {
background-image:url(https://eiffelimmo.fr/img/Google1-mobile.png);
}
.webp .bouton_Google_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Google-mobile.webp);
}
.notwebp .bouton_Google_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Google-mobile.png);
}
.bouton_Linkedin_mobile {
display:block;
position:sticky;
left:59%;
width:60px;
height:60px;
background-repeat:no-repeat;
}
.webp .bouton_Linkedin_mobile {
background-image:url(https://eiffelimmo.fr/img/Linkedin1-mobile.webp);
}
.notwebp .bouton_Linkedin_mobile {
background-image:url(https://eiffelimmo.fr/img/Linkedin1-mobile.png);
}
.webp .bouton_Linkedin_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Linkedin-mobile.webp);
}
.notwebp .bouton_Linkedin_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Linkedin-mobile.png);
}
.bouton_Instagram_mobile {
display:block;
position:sticky;
left:77%;
width:60px;
height:60px;
background-repeat:no-repeat;
}
.webp .bouton_Instagram_mobile {
background-image:url(https://eiffelimmo.fr/img/Instagram1-mobile.webp);
}
.notwebp .bouton_Instagram_mobile {
background-image:url(https://eiffelimmo.fr/img/Instagram1-mobile.png);
}
.webp .bouton_Instagram_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Instagram-mobile.webp);
}
.notwebp .bouton_Instagram_mobile:hover {
background-image:url(https://eiffelimmo.fr/img/Instagram-mobile.png);
}
.bloc_boutons_mobiles {
display:flex;
height:60px;
max-height:60px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px;
margin-top:20px;
align-content:center;
align-items:center;
}
@media screen and (min-width:1024px) {
.bouton_FB_mobile, .bouton_FB_partage_mobile, .bouton_Google_mobile, .bouton_Linkedin_mobile, .bouton_Youtube_mobile, .bouton_Instagram_mobile, .bloc_boutons_mobiles{
display:none;
}
}
.bouton_page_haut {
display:flex;
top:260px;
width:30px;
height:30px;
margin-left:-30px;
background:rgb(200,200,200);
border-radius:3px;
font-size:18px;
color:black;
justify-content:center;
align-items:center;
margin-right:-30px;
text-indent: -9999px;
line-height: 0;
}
.bouton_page_haut:hover {
color:white;
background:rgb(100,100,100);
}
@media screen and (max-width:1023px) {
.bouton_page_haut {
display:none;
}
.bouton_page_haut_mobile {
display:flex;
width:60px;
height:60px;
margin-left:auto;
margin-right:auto;
background:rgb(200,200,200);
border-radius:3px;
font-size:36px;
color:black;
justify-content:center;
align-items:center;
text-indent: -9999px;
line-height: 0;
}
.bouton_page_haut_mobile:hover {
color:black;
background:white;
}
}
@media screen and (min-width:1024px) {
.bouton_page_haut_mobile {
display:none;
}
}
.bouton_page_precedente {
display:flex;
top:310px;
width:30px;
height:30px;
margin-left:0;
background:rgb(200,200,200);
border-radius:3px;
font-size:18px;
color:black;
justify-content:center;
align-items:center;
margin-right:-30px;
text-indent: -9999px;
line-height: 0;
}
.bouton_page_precedente:hover {
color:white;
background:rgb(100,100,100);
}
@media screen and (max-width:1023px) {
.bouton_page_precedente {
display:none;
}
}
.bouton_page_bas {
display:flex;
top:360px;
width:30px;
height:30px;
margin-left:0;
background:rgb(200,200,200);
border-radius:3px;
font-size:18px;
color:black;
justify-content:center;
align-items:center;
margin-right:-30px;
text-indent: -9999px;
line-height: 0;
}
.bouton_page_bas:hover {
color:white;
background:rgb(100,100,100);
}
@media screen and (max-width:1023px) {
.bouton_page_bas {
display:none;
}
}
@media screen and (max-width:1023px) {
.topnav {
display:none;
}
}
@media screen and (min-width:1024px) {
.topnav {
position:absolute;
width:970px;
left:50%;
margin-left:-470px;
top:12px;
z-index:20;
}
}
@media screen and (min-width:1920px) {
.topnav {
position:absolute;
width:970px;
left:50%;
margin-left:-470px;
top:12px;
z-index:20;
}
}
.topnav a {
float:left;
display:block;
height:22px;
}
.active {
height:14px;
background:rgb(255,255,255);
}
.topnav .icon {
display:none;
font-size:14px;
}
.dropdown {
float:left;
overflow:hidden;
}
.dropdown .dropbtn {
font-family: 'Ubuntu',sans-serif;
background-color: white;
width:205px;
border-style:solid;
border-color:rgb(180,160,110);
border-width:2px;
border-radius:0px 0px 10px 10px;
color: rgb(0,0,0);
padding: 6px 12px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight:bold;
}
@media screen and (min-width:1024px) {
.dropdown .dropbtn {
height:22px;
margin:1px;
margin-top:3px;
}
}
.dropdown_content {
display:none;
position:absolute;
background:rgba(220,210,180,0.9);
min-width:223px;
border-style:double;
border-color:black;
border-width:4px;
font-size: 12px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
font-weight:bold;
z-index:26;
margin-top:41px;
animation:scale-in-ver-top 0.5s cubic-bezier(0.250,0.460,0.450,0.940) both;
column-count:2;
column-gap:10px;
column-rule-color:gray;
column-rule-style:solid;
column-rule-width:1px;
column-width:auto;
height:auto;
overflow:hidden;
}
@keyframes scale-in-ver-top {
0% {
transform:scaleY(0);
transform-origin:100% 0%;
opacity:1;
}
100% {
transform:scaleY(1);
transform-origin:100% 0%;
opacity:1;
}
}
.dropdown_content a {
float:none;
color:black;
padding:10px 8px;
padding-top:0px;
text-decoration:none;
display:block;
text-align:left;
height:14px;
}
.topnav a:hover, .dropdown:hover .dropbtn {
color:white;
}
.dropdown a:hover {
/*background:linear-gradient(to bottom, rgb(0,0,0) 0%, rgb(255,255,255) 11%, rgb(255,255,255) 87%, rgb(0,0,0) 100%);
color:black;*/
}
.dropdown:hover .dropdown_content {
display:block;
}
@media screen and (max-width:1023px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
}
.topnav a.icon {
float:right;
display:block;
font-size:18px;
display:none;
}
}
table.plan { 
width:90%; 
border:rgba(51, 51, 51, 1) solid 1px; 
border-radius:8px; 
background-color:rgba(102, 102, 102, 1); 
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.5); 
margin:0 auto; 
} 
th.plan { 
width:50%; 
background-color:rgba(220, 220, 220, 1); 
padding-left:10px; 
border-radius:8px; 
box-shadow:0 5px 5px rgba(0, 0, 0, 0.3) inset; 
text-align:center; 
text-shadow:1px 1px rgba(255, 255, 255, 0.5); 
} 
td.plan { 
border:rgba(0, 0, 0, 1) solid 1px; 
padding-left:5px; 
padding-right:5px; 
border-radius:8px; 
background-color:rgba(255, 255, 255, 1); 
box-shadow:0 5px 12px rgba(0, 0, 0, 0.3) inset; 
} 
table.honoraires { 
width:90%; 
border:rgba(51, 51, 51, 1) solid 1px; 
border-radius:8px; 
background-color:rgba(102, 102, 102, 1); 
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.5); 
margin:0 auto; 
} 
td.honoraires { 
border:rgba(0, 0, 0, 1) solid 1px; 
padding-left:5px; 
padding-right:5px; 
border-radius:8px; 
background-color:rgba(255, 255, 255, 1); 
box-shadow:0 5px 3px rgba(0, 0, 0, 0.2) inset; 
text-shadow:1px 1px rgba(255, 255, 255, 0.3); 
}
.ville_annonce {
font-size:22px;
font-weight:bold;
background-clip:text;
-webkit-background-clip:text;
color:transparent;
background-image:linear-gradient(135deg,rgba(120,100,50,1) 0%,rgba(120,100,50,1) 15%,rgba(255,255,255,1) 50%,rgba(120,100,50,1) 85%,rgba(120,100,50,1) 100%);
}
table.annonces { 
width:100%; 
border:rgba(51, 51, 51, 1) solid 1px; 
border-radius:8px;
background: linear-gradient(to bottom, rgba(180,160,110,1) 0%, rgba(255,255,255,1) 50%, rgba(180,160,110,1) 100%);
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.5); 
margin-left:auto;
margin-right:auto;
padding:15px;
} 
td.annonces { 
border:rgba(0, 0, 0, 1) solid 1px; 
padding-left:5px; 
padding-right:5px; 
border-radius:8px;
background-color:rgba(0, 0, 0, 1); 
box-shadow:0 5px 3px rgba(255, 255, 255, 0.2) inset; 
text-shadow:1px 1px rgba(255, 255, 255, 0.3); 
} 
table.descriptifs_annonces { 
width:90%; 
border:rgba(0, 0, 0, 1) solid 1px; 
border-radius:8px; 
background-color:rgba(150, 130, 80, 1); 
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.5); 
margin:0 auto; 
} 
td.descriptifs_annonces { 
border:rgba(0, 0, 0, 1) solid 1px; 
padding-left:5px; 
padding-right:5px; 
border-radius:8px; 
background-color:rgba(255, 255, 255, 1); 
box-shadow:0 5px 3px rgba(0, 0, 0, 0.2) inset; 
text-shadow:1px 1px rgba(0, 0, 0, 0.2); 
} 
table.infos { 
width:90%; 
margin:0 auto; 
} 
th.infos { 
padding-left:5px; 
padding-right:5px; 
border-radius:0 0 20px 20px; 
border:groove; 
background-color:rgba(204, 180, 100, 0.3); 
text-shadow:1px 1px rgba(255, 255, 255, 0.3); 
border-color:rgba(250, 239, 207, 0.5); 
} 
td.infos { 
width:50%; 
text-align:center; 
} 
tr.infos { 
height:30px; 
text-align:center; 
} 
table.liens { 
width:80%; 
border:rgba(51, 51, 51, 1) solid 1px; 
border-radius:8px; 
background-color:rgba(255, 255, 255, 1); 
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.5); 
margin:0 auto; 
} 
td.liens { 
padding-left:40px; 
padding-right:40px; 
border-radius:8px 0 0 8px; 
} 
table.deco { 
width:95.5%; 
margin:0 auto; 
} 
img.flottement_droite { 
float:right; 
margin-left:20px;
vertical-align:text-top;
} 
img.flottement_gauche { 
float:left; 
margin-right:20px;
vertical-align:text-top;
} 
img.centre { 
display:block; 
margin-left:auto; 
margin-right:auto; 
top:100%; 
margin-top:4px; 
} 
img.unitag { 
margin-left:35%; 
top:100%; 
margin-top:4px; 
} 
video { 
height:auto; 
width:auto; 
margin-top:0; 
margin-bottom:-3px; 
} 
textarea, table, td, th, code, pre, samp { 
margin:10px; 
}
.inner_inside { 
background-color:rgba(255, 255, 255, 1); 
width:auto; 
text-align:justify; 
line-height:22px; 
border:solid 2px; 
border-radius:8px; 
box-shadow:0 0 4px 1px rgba(102, 102, 102, 1) inset; 
border-color:#FFFFFF; 
border-style:ridge; 
margin-top:-90px;
padding: 0px 30px 15px 20px;
z-index:10; 
}
@media screen and (max-width:1023px) {
.inner_inside { 
margin-top:-100px;
}
}
.fond_lettre {
background-repeat:no-repeat;
background-position:center;
background-size:70%;
}
.webp .fond_lettre{
background-image:url(https://eiffelimmo.fr/img/logo_translucide.webp);
}
.notwebp .fond_lettre{
background-image:url(https://eiffelimmo.fr/img/logo_translucide.jpg);
}
.deuxcolonnes {
column-count:2;
column-gap:25px;
column-rule-color:gray;
column-rule-style:solid;
column-rule-width:1px;
column-width:auto;
height:auto;
overflow:hidden;
}
@media screen and (max-width:1023px) {
.deuxcolonnes {
column-count:1;
}
}
.ombre_portee_periph {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.6);
}
.separation:before {
display:block;
color:rgb(0,0,0);
font-weight:normal;
letter-spacing:-2px;
text-align:center;
content:"―――――――――――― <> ―――――――――――――";
}
.separation_doree:before {
display:block;
color:rgb(180,160,110);
font-weight:normal;
letter-spacing:-2px;
text-align:center;
content:"―――――――――――――8<>8―――――――――――――";
}
.alignement_droite {
text-align:right; 
}
.soulign {
text-decoration:underline; 
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 5px 20px;
background-color:black;
box-shadow: 0px 0px 35px 0px rgba(180,160,110,1);
}
.caroussel {
display: block;
text-align: left;
position: relative;
margin-bottom: 30px;
}
.caroussel > input {
text-align:center;
}
.caroussel > input {
height:15px;
width:15px;
margin-right:-1px;
margin-left:8px;
margin-top:15px;
}
.caroussel > input:nth-of-type(18):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1700%;
}
.caroussel > input:nth-of-type(17):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1600%;
}
.caroussel > input:nth-of-type(16):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1500%;
}
.caroussel > input:nth-of-type(15):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1400%;
}
.caroussel > input:nth-of-type(14):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1300%;
}
.caroussel > input:nth-of-type(13):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1200%;
}
.caroussel > input:nth-of-type(12):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1100%;
}
.caroussel > input:nth-of-type(11):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -1000%;
}
.caroussel > input:nth-of-type(10):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -900%;
}
.caroussel > input:nth-of-type(9):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -800%;
}
.caroussel > input:nth-of-type(8):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -700%;
}
.caroussel > input:nth-of-type(7):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -600%;
}
.caroussel > input:nth-of-type(6):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -500%;
}
.caroussel > input:nth-of-type(5):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -400%;
}
.caroussel > input:nth-of-type(4):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -300%;
}
.caroussel > input:nth-of-type(3):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -200%;
}
.caroussel > input:nth-of-type(2):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: -100%;
}
.caroussel > input:nth-of-type(1):checked ~ .caroussel__slides .caroussel__slide:first-of-type {
margin-left: 0%;
}
.caroussel > input:nth-of-type(1):checked ~ .caroussel__thumbnails li:nth-of-type(1) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(2):checked ~ .caroussel__thumbnails li:nth-of-type(2) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(3):checked ~ .caroussel__thumbnails li:nth-of-type(3) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(4):checked ~ .caroussel__thumbnails li:nth-of-type(4) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(5):checked ~ .caroussel__thumbnails li:nth-of-type(5) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(6):checked ~ .caroussel__thumbnails li:nth-of-type(6) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(7):checked ~ .caroussel__thumbnails li:nth-of-type(7) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(8):checked ~ .caroussel__thumbnails li:nth-of-type(8) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(9):checked ~ .caroussel__thumbnails li:nth-of-type(9) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(10):checked ~ .caroussel__thumbnails2 li:nth-of-type(1) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(11):checked ~ .caroussel__thumbnails2 li:nth-of-type(2) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(12):checked ~ .caroussel__thumbnails2 li:nth-of-type(3) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(13):checked ~ .caroussel__thumbnails2 li:nth-of-type(4) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(14):checked ~ .caroussel__thumbnails2 li:nth-of-type(5) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(15):checked ~ .caroussel__thumbnails2 li:nth-of-type(6) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(16):checked ~ .caroussel__thumbnails2 li:nth-of-type(7) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(17):checked ~ .caroussel__thumbnails2 li:nth-of-type(8) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel > input:nth-of-type(18):checked ~ .caroussel__thumbnails2 li:nth-of-type(9) {
box-shadow: 0px 0px 0px 5px rgba(180, 160, 110, 1);
}
.caroussel__slides {
position: relative;
z-index: 1;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
}
.caroussel__slide {
position: relative;
display: block;
flex: 1 0 100%;
width: 100%;
height: 100%;
overflow: hidden;
transition: all 200ms ease-out;
vertical-align: top;
box-sizing: border-box;
white-space: normal;
}
.caroussel__slide figure {
display: flex;
margin: 0;
}
.caroussel__slide img {
display: block;
flex: 1 1 auto;
object-fit: cover;
}
.caroussel__slide.scrollable {
overflow-y: scroll;
}
.caroussel__thumbnails {
list-style: none;
padding: 0;
margin: 0;
display: flex;
margin: 0 -10px;
}
.caroussel__thumbnails2 {
list-style: none;
padding: 0;
margin: 0;
display: flex;
margin: 0 -10px;
}
.caroussel__thumbnails li {
flex: 1 1 auto;
max-width: calc((100% / 9) - 20px);
margin: 0 10px;
transition: all 100ms ease-in-out;
}
.caroussel__thumbnails2 li {
flex: 1 1 auto;
max-width: calc((100% / 9) - 20px);
margin: 0 10px;
transition: all 100ms ease-in-out;
}
.caroussel__thumbnails label {
display: block;
position: relative;
}
.caroussel__thumbnails2 label {
display: block;
position: relative;
}
.caroussel__thumbnails label:before {
display: block;
content: "";
width: 100%;
padding-top: 60%;
}
.caroussel__thumbnails2 label:before {
display: block;
content: "";
width: 100%;
padding-top: 60%;
}
.caroussel__thumbnails label > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.caroussel__thumbnails2 label > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.caroussel__thumbnails label:hover, .caroussel__thumbnails label:focus {
cursor: pointer;
}
.caroussel__thumbnails2 label:hover, .caroussel__thumbnails2 label:focus {
cursor: pointer;
}
.caroussel__thumbnails label:hover img, .caroussel__thumbnails label:focus img {
box-shadow: 0px 0px 4px 4px rgba(180, 160, 110, 1);
transition: all 200ms ease-in-out;
}
.caroussel__thumbnails2 label:hover img, .caroussel__thumbnails2 label:focus img {
box-shadow: 0px 0px 4px 4px rgba(180, 160, 110, 1);
transition: all 200ms ease-in-out;
}
.caroussel__thumbnails img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.caroussel__thumbnails2 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width:1023px) {
.modal-window {
position:absolute;
background-color: rgba(200, 200, 200, 0.75);
top:12.9%;
height:100%;
width:99%;
margin:auto;
z-index: 999;
opacity: 0;
text-align:center;
pointer-events: none;
}
.modal-window:target {
opacity: 1;
pointer-events: auto;
}
.modal-window >div {
width: 600px;
max-width:78%;
max-height:80%;
overflow:auto;
position:relative;
margin:auto;
top:30px;
padding:10px;
background:rgb(255,255,255);
color:rgb(0,0,0);
border-color:rgb(180,160,110);
border-width:4px;
border-style:ridge;
border-radius:15px;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}
.modal-close {
color:rgb(0,0,0);
font-size:50px;
position: absolute;
right:5px;
top:5px;
padding:8px;
padding-top:0px;
text-align: center;
text-decoration: none;
}
}
@media screen and (min-width:1024px) {
.modal-window {
position:fixed;
background-color: rgba(200, 200, 200, 0.75);
top: 0;
left: 0;
right: 0;
bottom: 0;
height:100%;
width:100%;
margin:auto;
z-index: 999;
opacity: 0;
pointer-events: none;
transition: all 0.5s;
}
.modal-window:target {
opacity: 1;
pointer-events: auto;
}
.modal-window >div {
width: 600px;
max-width:90%;
max-height:80%;
overflow:auto;
position:relative;
margin:auto;
top: 50%;
transform: translate(0, -50%);
padding:10px;
background:rgb(255,255,255);
color:rgb(0,0,0);
border-color:rgb(180,160,110);
border-width:4px;
border-style:ridge;
border-radius:15px;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}
.modal-close {
color:rgb(0,0,0);
font-size:30px;
position: absolute;
right:5px;
top:5px;
padding:5px;
padding-top:0px;
text-align: center;
text-decoration: none;
}
.modal-close:hover {
color:rgb(255,255,255);
}
}
.calculatrice {
margin-left:auto;
margin-right:auto;
text-align:center;
width:623px;
max-width:95%;
background:linear-gradient(to bottom, rgba(240,220,180,1) 0%, rgba(180,160,110,1) 100%);
padding:10px;
border-color:rgb(180,160,110);
border-width:4px;
border-style:ridge;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}