/***** banner projets neufs *****/
banner.projets-neufs                 { width: 100%; height: 70vh; display: block;}
banner.projets-neufs picture img     { width: 100%; height: 70vh; object-fit: cover; display: block;}

banner.projets-neufs:before          { content: ''; width: 100%; height: 720px; z-index: 10; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(21,20,42,1) 0%, rgba(255,255,255,0) 50%);}

#projet-neuf-listing banner.projets-neufs                 { width: 100%; height: 70vh; display: block;}
#projet-neuf-listing banner.projets-neufs picture img     { width: 100%; height: 70vh; object-fit: cover; display: block;}
#projet-neuf-listing banner.projets-neufs:before          { content: ''; width: 100%; height: 720px; z-index: 10; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(21,20,42,1) 0%, rgba(255,255,255,0) 50%);}
#projet-neuf-listing banner.projets-neufs .titre          { position: absolute; z-index: 10; color: #ffffff; left: 5vw; top: 50%; transform: translateY(-50%); }
#projet-neuf-listing banner.projets-neufs h1              { margin-bottom: 0; text-shadow: 1px 1px 2px #000000;}
#projet-neuf-listing banner.projets-neufs .date-disponible { margin-top: 10px; border-top: 1px solid #ffffff; padding-top: 10px; text-shadow: 1px 1px 1px #000000;}
#projet-neuf-listing banner.projets-neufs .photo.full     { position: absolute; z-index: 10; left: 5vw; bottom: 0;} 



/***** Moteur de recherche *****/
#index .bloc_search { position: absolute; bottom: 0; background-color: rgb(21, 20, 42, 0.8); width: 100%; padding: 30px 0;}


.search   							{ position: relative; width: 90vw; max-width: 1200px; margin: 0 auto;}
.search form 						{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr auto; grid-gap: 10px;}
#liste .search form 			    { display: grid; grid-template-columns: 1fr 1fr 1fr auto; grid-gap: 10px;}
.search input[type="text"],
.search form select 				{ width: 100%; padding: 0 40px 0 20px; height: 50px; border: 0; margin: 0; appearance: none; background: url("../images/arrow-select.svg") right 20px center no-repeat #fff;  line-height: 1.5;  font-family:  var(--fontBody);}
.search form .launch 				{ width: 40px; height: 50px; background: url("../images/picto-search-white.svg") right center no-repeat; border: 0; padding: 0; font-size: 0; cursor: pointer; transition: all 400ms ease-in-out;}

#liste banner                       { width: 100%; display: block; background: #ffffff; padding: 240px 0 0 0; }
#liste banner .search form .launch  { background: url("../images/picto-search-white.svg") center center no-repeat #15142a; width: 50px; border-radius: 50%;
 background-size: 40%; }
#liste .search input[type="text"],
#liste .search form select 			{ background: url("../images/arrow-select-white.svg") right 20px center no-repeat #15142a; color: #ffff;}


@media (min-width:1201px) {
    .search form .launch:hover			{ opacity: .4;}
    #liste .search form .launch:hover	{ background-color: var(--colorBodyLink); opacity: 1;}
}

@media (max-width:800px) {
    #index .bloc_search { display: none;}
}


/***** Listing *****/
.bloc_listing-projets         { width: 90vw; max-width: 1200px; margin: var(--marginBloc); padding: 60px 0 0 0;}
.bloc_listing-projets:before  { content: ""; position: absolute; top: 0; right: 50%; width: 200vw; height: 550px; background: var(--colorBody); z-index: -1;}
.bloc_listing-projets .slider           { width: 100vw; margin: 30px 0 60px 0;}
.bloc_listing-projets .slider .item     { margin-right: 30px;}
.bloc_listing-projets .slider img       { width: 100%; max-width: 1100px; height: auto;}
.bloc_listing-projets .slider a         { position: absolute; left: 20px; top: 20px; background: #ffffff; padding: 30px; width: fit-content; border-radius: 10px;}
.bloc_listing-projets .slider a:after   { content: ''; width: 13px; height: 13px; background: url("../images/arrow-top.svg") 0 50% no-repeat; position: absolute; right: 20px; top: 20px;}
.bloc_listing-projets .slider a span    { display: block;}
.bloc_listing-projets .slider a .statut { color: var(--colorBodyLink);}
.bloc_listing-projets .slider a .titre  { color: var(--colorBody);}
.bloc_listing-projets .slider a .cp     { color: var(--colorBody);}

.arrow-projets { position: absolute; right: 0; top: 60px; display: flex; column-gap: 10px;}
.arrow-listing { position: absolute; right: 0; top: 20px; display: flex; column-gap: 10px;}



.bloc_listing             { width: 90vw; max-width: 1620px; margin: var(--marginBloc);}
.bloc_listing .bloc_texte { width: 90vw; max-width: 1200px; margin: 0 auto;}
.bloc_listing .bloc_texte .link.arrow-top:nth-child(1) { margin-right: 40px;}

.bloc_listing .slider                      { margin-top: 60px;}
.bloc_listing .slider .item-bien           { margin:0 20px; background: var(--colorBody); display: block; color: #ffffff; overflow: hidden;}
.bloc_listing .slider .item-bien .info     { padding: 30px;}
.bloc_listing .slider .item-bien .statut   { font-size: 11px; color: var(--colorBodyLink); text-transform: uppercase; position: absolute; top: 10px; left: 10px; padding: 15px 20px; z-index: 1; background: var(--colorBody); color: #ffffff; border-radius: 5px;}
.bloc_listing .slider .item-bien .statutVL { font-size: 11px; color: var(--colorBodyLink); text-transform: uppercase; position: absolute; top: 10px; right: 10px; padding: 15px 20px; z-index: 1; background: #ffffff; border-radius: 5px;}
.bloc_listing .slider .item-bien .prix     { color: var(--colorBodyLink); margin: 20px 0; font-weight: 600;}
.bloc_listing .slider .item-bien .prix img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); max-width: 70px; height: auto;}
.bloc_listing .slider .item-bien ul li 						{ display: inline-block; margin-right: 25px; letter-spacing: 0.8px; font-size: 12px;}
.bloc_listing .slider .item-bien ul li a 					{ color: #ffffff;}
.bloc_listing .slider .item-bien ul li:after					{ width: 1px; height: 8px; content: ""; position: absolute; right: -13px; top: 7px; background: #ffffff;}
.bloc_listing .slider .item-bien ul li:last-child:after 		{ display: none;}


.bloc_listing .slider .item-bien.annonce              { border-radius: 25px; display: flex; justify-content: center; align-items: center; padding: 50px; text-align: center;}
.bloc_listing .slider .item-bien.annonce span         { display: block; margin-top: 0; margin-bottom: 20px;}
.bloc_listing .slider .item-bien.annonce .link        { color: var(--colorBody); background: #ffffff; padding: 18px 30px 18px 60px;}
.bloc_listing .slider .item-bien.annonce .link:before { content: ''; background: url(../images/picto-alerte.svg) left 50%;  position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 22px; height: 18px; background-size: cover;}


.bloc_listing .slider_photos img                    { max-width: 100%; height: 340px; object-fit: cover; display: block; filter: brightness(0.9); }
.bloc_listing .slider_photos .portrait   			{ width: 100%; overflow: hidden; position: relative;}
.bloc_listing .slider_photos .portrait img.photo	{ width: auto; height: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 10;}
.bloc_listing .slider_photos .slick-arrow  { position: absolute; top: 50%; transform: translateY(-50%);}
.bloc_listing .slider_photos .slick-next   { right: 10px; z-index: 50;}
.bloc_listing .slider_photos .slick-prev   { left: 10px; z-index: 50;}

#liste .bloc_listing .slider         { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px 0;  margin-top: 0;}
.commune .bloc_listing .slider       { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px 0;}


a.full_link { position: absolute; z-index: 5; width: 100%; height: 100%; top: 0;}


@media (min-width:1201px) {
.bloc_listing .slider .item-bien.annonce .link:hover            { background: var(--colorBodyLink); color: #ffffff; }
.bloc_listing .slider .item-bien.annonce .link:hover:before     { left: 15px;} 
}

@media (max-width:1200px) {
    #liste .bloc_listing .slider { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 60px 0; width: 100%; }
    .bloc_listing-projets .slider img { max-width: 80vw;}
}

@media (max-width:1000px) {
    .bloc_listing .slider .item-bien { margin: 0 10px; }
}

@media (max-width:800px) {
    .bloc_listing-projets:before     { height: 350px;}
    .bloc_listing .slider            { display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 0 10px; width: calc(100vw - 5vw); overflow-x: auto; padding-bottom: 40px; }
    .bloc_listing .slider .item-bien.annonce { padding: 20px; }
    .bloc_listing .slider .item      { width: 400px; margin-right: 0;}
}


@media (max-width:600px) {
    .bloc_listing .slider           { margin-top: 40px;}
    .bloc_listing .slider .item     { width: 350px; }
    .bloc_listing-projets:before    { height: 100%; right: -50%; }
    .bloc_listing-projets           { padding-top: 30px; padding-bottom: 30px;}
    .bloc_listing-projets p         { display: none;}
    .bloc_listing-projets .slider   { margin-bottom: 0;}
    .bloc_listing a.link.arrow-top  { display: block; background: #15142a; margin: 10px 0; padding: 20px 20px; border-radius: 5px; color: #ffffff;}
    .bloc_listing .bloc_texte .link.arrow-top:nth-child(1) { margin-right: 0; margin-top: 40px; }
    .bloc_listing  .link.arrow-top:after { right: 20px;}
    #liste .bloc_listing .slider     { grid-template-columns: 1fr; }
}

/***** Projets neufs *****/
h1 b { color: #e60f76;}
.info span.link { color: var(--colorBodyLink); background: #ffffff; border-radius: 5px; height: 60px; display: block; text-align: center; margin-top: 20px; text-transform: uppercase;}

#liste-projets .bloc_texte.first { margin-bottom: 60px;}
#liste-projets .bloc_texte       { margin-bottom: 0;}
.bloc_projets-neufs { width: 90vw; max-width: 1200px; margin: 0 auto; }


.bloc_projets-neufs .item a                { display: grid; grid-template-columns: 700px auto; grid-gap: 0 40px; background: #15142a; border-radius: 10px; color: #ffffff; overflow: hidden; margin-bottom: 40px; align-items: center; width: 100%}
.bloc_projets-neufs .item a.reverse        { grid-template-columns: auto 700px;}
.bloc_projets-neufs .item a.reverse .info			{ grid-area: 1 / 1;}
.bloc_projets-neufs .item a.reverse .photo        	{ grid-area: 1 / 2;}

.bloc_projets-neufs .item a .photo         { background: #000000; font-size: 0; line-height: 0;  }
.bloc_projets-neufs .item a .photo .statut { z-index: 10; color: #ffffff; background: #e60f76; padding: 15px;  display: block; position: absolute; }
.bloc_projets-neufs .item a .photo .titre  { z-index: 10; position: absolute; color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.bloc_projets-neufs .item a .photo img     { width: 700px; height: 500px; object-fit: cover; display: block; z-index: 0;  }
.bloc_projets-neufs .item a .info ul       { margin-top: 15px;}
.bloc_projets-neufs .item a .info ul li    { display: inline-block; margin-right: 30px;}
.bloc_projets-neufs .item a .info          { padding: 20px 20px 20px 0; }  
.bloc_projets-neufs .item a .info .titre   { margin-bottom: 20px; }  
.bloc_projets-neufs .item a.reverse .info  { padding: 20px 0 20px 40px; }  
.bloc_projets-neufs .item a .info span.link { width: fit-content; line-height: normal;}
.bloc_projets-neufs .item a .info .item { margin: 20px 0; border-top: 1px solid #ffffff20; padding-top: 10px;}
.bloc_projets-neufs .item a .info .item:last-of-type { border-bottom: 1px solid #ffffff20; padding-bottom: 10px; margin-bottom: 30px;}

.titre-projet           { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 10; color: #ffffff; border-radius: 5px; background: var(--colorBody); padding: 20px 30px;}
.titre-projet a         { color: #ffffff; padding-right: 40px;}
.titre-projet :before   { width: 20px; height: 100%; background: url("../images/picto-arrow-detail.svg") 50% no-repeat; position: absolute; right: 0; top: 0; transition: all 400ms ease-in-out; content: "";}


.nbreVendu          { display: inline-block; text-align: center; position: absolute; z-index: 10; bottom: 40px; left: 20px;}
.nbreVendu span     { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 600; line-height: 20px;}
.nbreVendu span b   { font-weight: 300;}

svg.round                   { height: 100px; transform: rotate(-90deg); width: 100px; background: #ffffff; border-radius: 50%; border: 2px solid #e2eff0;  }
.progress-bar__background   { fill: none; stroke: #e2eff0; stroke-width: 2;  }
.progress-bar__progress     { fill: none; stroke: #e2eff0; stroke: #e60f76; stroke-dasharray: 100 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-width: 2; transition: stroke-dashoffset 1s ease-in-out;
  }

h1.center                       { text-align: center; margin: 0 0 60px 0;}
.photo.full                     { max-width: 1620px; width: 90vw; margin: 20px auto 0 auto;font-size: 0; line-height: 0; max-height: 740px;}
.photo.full img                 { min-height: 740px; object-fit: cover; display: block;}
.photo.full .portrait           { overflow: hidden;}
.photo.full .portrait img.photo { width: auto; height: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 10;}
.photo.full .nbrePhoto a        { color: var(--colorBody);}
.photo.full .nbrePhoto          { position: absolute; z-index: 1; bottom: 20px; right: 20px; background: url("../images/picto-zoom.svg") 30px 50% no-repeat #ffffff; padding: 20px 20px 20px 50px; border-radius: 5px;}
.photo.full .slider                 { background: #373737; max-height: 740px;}
.photo.full .slider .slick-arrow    { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 50; filter: brightness(2); width: 90px; height: 100%;}
.photo.full .slider .slick-next     { left: auto; right: 0;}
.photo.full .slider a               { display: block;}
.photo.full .slider a:after         { width: 100%; height: 100%; background: url("../images/picto-search-white.svg") 50% no-repeat rgba(15,15,15,0.4); opacity: 0; position: absolute; left: 0; top: 0; z-index: 100; content: "";}

.bloc-minmax        { display: flex; justify-content: center; gap: 40px;max-width: 1620px; width: 90vw; margin: 60px auto 0 auto;}
.bloc-minmax>div    { border-radius: 5px; background: var(--colorBody); padding: 20px; width: 100%; text-align: center; color: #ffffff;}
.bloc-minmax>div a  { color: #ffffff;}
.bloc-minmax>div span { display: block;}

.bloc-minmax.detail .item     { display: flex; justify-content: center; align-items: center; line-height: 0;}
.bloc-minmax.detail .item img { margin-right: 15px;}

.bloc_listing h3 { margin-bottom: 25px;}

#projet-neuf-listing .bloc_listing.projets-neufs .slider          { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px 40px;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a  { display: grid; grid-template-columns: 200px auto; grid-gap: 40px 40px; background: #15142a; border-radius: 10px; color: #ffffff; overflow: hidden;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .photo { background: #000000; font-size: 0; line-height: 0;  }
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .photo .statut { z-index: 10; color: #ffffff; background: #e60f76; padding: 15px;  display: block; position: absolute; }
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .photo .titre  { z-index: 10; position: absolute; color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .photo img     { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .3; z-index: 0;  }
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul       { margin-top: 15px;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li    { display: inline-block; margin-right: 30px;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info          { padding: 20px 0; }  
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info span.link              { width: fit-content; line-height: normal;}


#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.chambre   { padding-left: 30px; background: url("../images/picto-chambre.svg") left 50% no-repeat;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.sdb       { padding-left: 30px; background: url("../images/picto-sdb.svg") left 50% no-repeat;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.surface-h { padding-left: 30px; background: url("../images/picto-maison.svg") left 50% no-repeat;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.surface-t { padding-left: 30px; background: url("../images/picto-terrain.svg") left 50% no-repeat;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.garage    { padding-left: 30px; background: url("../images/picto-garage.svg") left 50% no-repeat;}
#projet-neuf-listing .bloc_listing.projets-neufs .slider .item a .info ul li.parking   { padding-left: 30px; background: url("../images/picto-parking.svg") left 50% no-repeat;}

@media (min-width:1201px) {
    .bloc_listing .slider a:hover span.link { background: var(--colorBodyLink); color: #ffffff;}
    .bloc_projets-neufs .item a:hover span.link { background: var(--colorBodyLink); color: #ffffff;}
}

@media (max-width:1366px) {
    .bloc-minmax { gap: 20px; flex-wrap: wrap;}
    .bloc-minmax.detail .item { width: max-content;}

}

/***** Pagination *****/
.pagination          { font-size: 0; letter-spacing: 0; text-align: right; margin-top: 45px;}
.pagination a        { width: 46px; height: 46px; border-radius: 50%; line-height: 46px;color: #ffffff; text-align: center; font-size: 14px;    background: var(--colorBody); display: inline-block; vertical-align: top; margin-left: 10px;}
.pagination a.active { color: var(--colorBodyLink);}

@media (min-width:1201px) {
    .pagination a:hover              { color: var(--colorBodyLink); border-radius: 5px;}
}

/***** Détails *****/
.bloc_detail                     { width: 90vw; max-width: 1620px; margin: 200px auto 60px auto;  }
.link-retour        { padding: 0 0 0 30px;}
.link-retour:before { content: ''; background: url("../images/li-footer.svg") left 50% no-repeat; width: 10px; height: 17px; position: absolute; left: 0; top: -1px; transform: rotate(180deg);}
ul.col-2 { column-count: 2;}


.bloc_detail-top                           { display: grid; grid-template-columns: 1fr auto; grid-gap:0 40px; margin-top: 40px; margin-bottom: 60px; align-items: center; }
.bloc_detail-top .item.rs .partage         { background: var(--colorBody); color: #ffffff; padding: 20px; display: flex; align-items: center; justify-content: flex-end; border-radius: 10px;}
.bloc_detail-top .item.rs .partage a       { width: 40px; height: 40px; display: block; margin-left: 10px; cursor: pointer;}
.bloc_detail-top .item.rs .partage a.round { background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.bloc_detail-photo                { display: grid; grid-template-columns: 1fr 30%; grid-template-rows: repeat(2, 1fr); gap: 40px; font-size: 0; line-height: 0; height: 640px;}

.bloc_detail-photo .photo-big                     { grid-row: span 2 / span 2;}
.bloc_detail-photo .photo-big>div { height: 640px;}
.bloc_detail-photo .photo-big img                 { width: 100%; height: 100%; object-fit: cover; }
.bloc_detail-photo .photo-big .portrait           { overflow: hidden;}
.bloc_detail-photo .photo-big .portrait img.photo { width: auto; height: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; z-index: 10;} 
.bloc_detail-photo .photo-big .video-map          { position: absolute; bottom: 20px; left: 20px; z-index: 10; height: auto; }
.bloc_detail-photo .photo-big .video-map a.link-video,
.bloc_detail-photo .photo-big .video-map a.link-map { color: var(--colorBody); background: #ffffff; margin-top: 30px; padding: 20px 30px; display: inline-block; border-radius: 5px; margin-right: 20px;}

.bloc_detail-photo .photo-small-1>div,
.bloc_detail-photo .photo-small-2>div { height: 300px; overflow: hidden;}

.bloc_detail-photo .photo-small-2 { grid-column-start: 2;}

.bloc_detail-photo .photo-small-1 img,
.bloc_detail-photo .photo-small-2 img { height: 100%; width: 100%; object-fit: cover;}

.bloc_detail-photo .photo-small-2 .nbrePhoto a   { color: var(--colorBody);}
.bloc_detail-photo .photo-small-2 .nbrePhoto     { position: absolute; z-index: 1; bottom: 20px; right: 20px; background: url("../images/picto-zoom.svg") 30px 50% no-repeat #ffffff; padding: 20px 20px 20px 50px; height: auto;}


#detail .table_plus                   { margin-bottom: 70px;}
#detail .table_plus .item .hide       { background: #ffffff;}
#detail .table_plus .item .hide ul li { display: grid; position: relative; grid-template-columns: 1fr 1fr; padding: 15px 0; border-bottom: 1px solid #e4e4e4;  color: var(--colorBody);}
/* #detail .table_plus .item .hide ul li:last-child { border-bottom: 1px solid #e4e4e400;} */


.link-dwld { display: block; height: auto; text-align: left; margin-top: 10px; padding: 14px 55px 14px 25px; border: 1px solid #e4e4e4; border-radius: 5px;  color: var(--colorBody);}
.link-dwld:after { width: 14px; height: 15px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url("../images/picto-download.svg") 50% no-repeat; content: "";}

.description     { margin-bottom: 40px;}
.description div:first-child { margin-bottom: 25px;}

.bloc_texte.caracteristique { margin-bottom: 40px;}


@media (min-width:1201px) {
    .bloc_detail-intro .photo .nbrePhoto a:hover    { background-color: var(--colorBodyLink);}
    .bloc_detail-intro .photo .slider a:hover:after { opacity: 1;}
}

@media (max-width:1200px) {
    .bloc_detail { margin-top: 140px;}
}

@media (max-width:1000px) {
    .bloc_detail-photo { grid-gap: 20px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); height: 930px;}
    .bloc_detail-photo .photo-big { grid-area: 1 / 1 / 2 / 3; }
    .photo-small-1 { grid-area: 2 / 1 / 3 / 2; }
    .photo-small-2 { grid-area: 2 / 2 / 3 / 3; }
    
}

@media (max-width:800px) {
    ul.col-2 { column-count: 1;}
}

@media (max-width:600px) {
    .bloc_detail { margin-top: 160px;}
    .bloc_detail-top { grid-template-columns: 1fr; grid-gap: 40px 0; }
    .bloc_detail-photo { height:750px ;}
    .bloc_detail-photo .photo-big>div,
    .bloc_detail-photo .photo-big img { height: 450px;}
    .bloc_detail-photo .photo-small-1 img, .bloc_detail-photo .photo-small-2 img { height: 300px;}
    .bloc_detail-photo .photo-small-2 .nbrePhoto { padding-left: 30px; background: url(../images/picto-zoom.svg) 10px 50% no-repeat #ffffff;}
    .bloc_detail-photo .photo-big .video-map a.link-video, .bloc_detail-photo .photo-big .video-map a.link-map   { margin-top: 10px; padding: 10px 20px; display: inline-block; border-radius: 5px; margin-right: 20px;}
}

/***** PEB *****/
.peb                                { margin-bottom: 20px;}
.peb .peb_item						{ font-size:14px; line-height:30px; color:#222; margin-top:10px; text-align:right; font-weight:400; overflow:hidden; position:relative;}
.peb .peb_item b					{ height:30px; display:block; padding:0 12px; font-weight:400; border-radius:10px; position:relative; z-index:10;}
.peb .peb_item span					{ height:30px; display:block; padding:0 12px; position:absolute; right:0; top:0; border-radius:10px; z-index:5;}
.peb .peb_item span:before			{ width:500px; height:2px; background:#ccc; position:absolute; right:100%; top:50%; margin-top:-1px; z-index:0; content:"";}
.peb .peb_a b						{ width:16%; background:#33a357;}
.peb .peb_a span, 
.peb .peb_a span:before				{ background:#33a357;}
.peb .peb_b b						{ width:24%; background:#79b752;}
.peb .peb_b span, 
.peb .peb_b span:before				{ background:#79b752;}
.peb .peb_c b						{ width:32%; background:#c3d545;}
.peb .peb_c span,					 
.peb .peb_c span:before				{ background:#c3d545;}
.peb .peb_d b						{ width:40%; background:#fff12c;}
.peb .peb_d span, 
.peb .peb_d span:before				{ background:#fff12c;}
.peb .peb_e b						{ width:48%; background:#edb731;}
.peb .peb_e span, 
.peb .peb_e span:before				{ background:#edb731;}
.peb .peb_f b						{ width:56%; background:#d66f2c;}
.peb .peb_f span, 
.peb .peb_f span:before				{ background:#d66f2c;}
.peb .peb_g b						{ width:64%; background:#cc232a;}
.peb .peb_g span, 
.peb .peb_g span:before				{ background:#cc232a;}

@media (max-width:1200px) {
    .grid_peb	 						{ grid-template-columns:1fr 1fr; grid-gap:0 60px;}
}
@media (max-width:1000px) {
    .grid_peb 							{ grid-template-columns:1fr; grid-gap:40px;}
    .peb .peb_a b						{ width:25%;}
    .peb .peb_b b						{ width:30%;}
    .peb .peb_c b						{ width:35%;}
    .peb .peb_d b						{ width:40%;}
    .peb .peb_e b						{ width:45%;}
    .peb .peb_f b						{ width:50%;}
    .peb .peb_g b						{ width:55%;}
}

/***** Bien contact *****/
.bien-contact     { background: var(--colorBody); color: #ffffff; padding: 40px; position: absolute; right: 0; width: 240px; text-align: center; z-index: 10;}
.bien-contact img { max-width: 150px; height: auto; border-radius: 50%;}
.bien-contact a   { color: #ffffff;}
.bien-contact a[href^="mailto:"] { color:var(--colorBodyLink);}

@media (max-width:1700px) {
    .bien-contact { position: relative; margin: 0 auto 60px auto; border-radius: 5px;}
}

/***** Moving Galerie *****/

.moving_gal.bien img { height: 300px; width: auto; }