body {
    /*    padding-top: 50px;
    padding-bottom: 20px;*/
}

/* overflow: hidden uniquement pour les pages de slideshow */
body.slideshow-page {
    overflow: hidden;
}

.sectionVideo {
    background-color: black; /* Évite l'écran blanc pendant le chargement de la vidéo */
    width: 100%;
    height: 100vh;
}

.sectionVideo video {
        width: 100%;
        height: auto;
        max-height: 100%;
        background-color: black;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Backgrounds will cover all the section
	* --------------------------------------- */
.sectionImage {
    height: 100vh;
    background-size: cover;
}
.sectionImageMaintenance {
    /*margin-left: -285px;/*en local*/
    margin-left: -565px;/*en ligne*/
}
/*
.imageContent {
    width: 100vw;
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.imageContent img {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
} */

html, body {
    margin: 0;
    height: 100%;
}

#carouselImhotepscreen {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
/*olivier*/
/*img {
    display: block;
    /*height: 100%;*/ /* pour renaud on remplace le 100% par auto pour chrome */
  /*  height: auto;
    width:100% !important;
    object-fit: cover;
}
*/
.AgentysVitrineVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    /*background-image: */
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index: 3;
}

.imgbien{
    width: 900px;
    height:auto;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-blue {
    color: #003366;
}

.text-white {
    color: white;
}

.bg {
    height: 100vh; 
    background-image: url("../Assets/Images/pimgpsh_fullsize_distr.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer {
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.pricebien {
    font-size: 35pt;
    margin: 0;
}

.labelpricebien {
    font-size: 11pt;
    margin: 0;
}
.contentconsommationbien {
    float: left;
}

.contentreferencebien {
    float: right;
}


.emission {
    text-align: left;
    font-size: 15pt;
    height: 100px;
    margin-left:30px;
}

.consommation {
    height: 100px;
    vertical-align: middle;
    margin-left: 30px;
}

.contentconsommationbien {
    font-size: 15pt;
}
.contentpricebien {
    height: 130px;
    margin-right: 20px;
}

.descriptionbien {
    margin-right: 30px;
    margin-left: 30px;
    height: 200px;
    font-size: 20pt;
}

.citybien {
    font-size: 30pt;
    line-height:100px;
    vertical-align:middle;
}
.sectorbien {
    line-height: 100px;
    vertical-align: middle;
    font-size: 25pt;
}

.infobien {
    font-size: 25pt;
    padding-top: 20px;
    margin-right: 20px;
}


.sectionBienPortrait {
    width: 720px;
    height: 1280px;
    background-color: white;
    margin-right: 0px;
    margin-left: 0px;
}

/** Bandeau Header **/
.bienPortraitHeader {
    background-color: #0A1F3C;
    height: 129px;
    width: 720px;
    margin-right: 0px;
    margin-left: 0px;
}

.imgBienPortraitHeader {
    margin-top: 32px;
    margin-left: 35px;
}

/** Fin Bandeau Header **/

/** Bandeau Ref type bien et Ville **/
.bienPortraitTypePiece {
    background-color: #0188C8;
    height: 110px;
    width: 720px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: -25px;
}

.referencebienPortrait {
    font-size: 20pt;
    color: #03283B;
    font-style: italic;
    font-weight: bold;
}

.labelRefBienPortrait {
    margin-left: 30px;
    font-size: 20pt;
    color: #03283B;
    font-style: italic;
    font-weight: bold;
}

.contentReferenceBienPortrait {
    height: 25px;
    position: relative;
    left: 525px;
}
.contentInfovilleBienPortrait {
    width: 86%;
}

.contentImgImmeubleBienPortrait {
    float: left;
    position: relative;
    top: -15px;
}

.imgBienPortraitImmeuble{
    /*margin-left: 10px*/
}

.nbpiecesBienPortrait{
    margin-top:10px;
    font-size:20pt;
    font-weight:bold;
    color:white;
    position:relative;
    left:-20px;
}

.citybienPortrait, .sectorbienPortrait {
    font-size: 20pt;
    font-weight: bold;
    color: white;
    position: relative;
    left: -20px;
    top: -10px;
}

.contentCitySectorBienPortrait{
    width: 600px;
}
/** Fin Bandeau Ref type bien et Ville **/

/** Bandeau Details **/

.contentDetailsBienPortrait {
    background-color: #A9A3A3;
    height: 75px;
    width: 720px;
}

.blocSurfaceBienPortrait, .blocChambreBienPortrait, .blocEtageBienPortrait, .blocSDBBienPortrait, .blocDpeBienPortrait {
    height: 55px;
    margin-top: 10px;
    border-right: 1px solid white;
    width: 142px;
    float: left;
}

.contentSurfaceBienPortrait {
    height: 55px;
    margin-left: 20px;
    width: 130px;
}

.contentSurfaceBienPortrait, .contentChambreBienPortrait, .contentEtageBienPortrait, .contentSDBBienPortrait, .contentDpeBienPortrait {
    height: 55px;
    margin-left: 15px;
    width: 130px;
}

.chambrebienPortrait, .etagebienPortrait, .sdbbienPortrait {
    font-size: 20pt;
    color: white;
    top: 5px;
    position: relative;
    left: 5px;
}

.surfacebienPortrait {
    font-size: 17pt;
    color: white;
    top: 5px;
    position: relative;
    left: 5px;
}

.blocDpeBienPortrait {
    border: none;
}

.infoDpeBienPortrait {
    float: right;
    width: 75px;
    padding-top: 8px;
}

.dpebienPortrait {
    font-size: 15pt;
    color: white;
}


/** Fin Bandeau Details **/
/** Other Images**/

.otherImagesBienPortrait {
    width: 720px;
    height: 130px;
    margin: 0px;
    margin-bottom: 8px;
}
.contentOtherImagesBienPortrait {
    width: 720px;
    height: 135px;
    margin-bottom: 5px;
}

.blocImgsBienPortrait {
    height: 130px;
    width: 166px;
    margin-right: 18px;
    float: left;
}

.blocImgsBienPortraitLast {
    height: 130px;
    width: 168px;
    float: left;
    right: -2px;
    position: relative;
}
/** Fin Other Images**/

/** Agence Agent**/
.agenceAgentBienPortrait {
    width: 720px;
    height: 245px;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url("../Assets/Images/iStock-610966290_ss-texte.jpg");
}
.AgenceBienPortrait {
    width: 230px;
    height: 240px;
    background-color: #2a92ce;
    text-align: center;
    padding-left: 5px;
    padding-top: 10px;
}
.AgenceEnseignePortrait {
    color: white;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 0px;
}
.AgenceAdressePortrait {
    color: #191c34;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0px;
}
.AgenceTelPortrait {
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
}

/** Fin Agence Agent**/
/** Footer **/
.bienPortraitFooter {
    width: 720px;
    height: 102px;
    margin-left: 0px;
    margin-right: 0px;
}

/** Fin Footer **/

.mainImage {
    width: 720px;
    height: 480px;
    margin-right: 0px;
    margin-left: 0px;
}

.detailsBienPortrait {
    width: 720px;
    height: 76px;
    margin-right: 0px;
    margin-left: 0px;
}

.priceBlock {
    position: absolute;
    background-color: #191c34;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    top: 602px;
    width: 320px;
    left: 400px;
}
.labelagentbienportrait {
    /*color: #13a9e3;*/
    font-size: 17pt;
    font-weight: bold;
    margin-left: 3%;
}

#contentImgAgentBienPortrait {
    background-image: url("../Assets/Images/bg-consultant2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width:430px;
    height: 186px;
    margin-left: 25px;

}

.imgagent {
    top: 5px;
    position: relative;
    left: 4px;
    border:4px solid gray;
}

.agentNomPortrait {
    color: #13a9e3;
    font-size: 27pt;
    font-weight: bold;
    /*left: 240px;
    bottom: 213px;
    position: relative;*/
}
.agentPrenomPortrait {
    color: #13a9e3;
    font-size: 27pt;
    font-weight: bold;
    /*left: 240px;
    bottom: 195px;
    position: relative;*/
}


/***************** Paysage ********************/
.sectionBienPaysage {
    width: 1280px;
    height: 720px;
    background-color: white;
    margin-right: 0px;
    margin-left: 0px;
}

.bienPaysageFooter {
    width: 1280px;
    height: 72px;
    margin-right: 0px;
    margin-left: 0px;
}
.imgBienPaysageFooter {
    width: 1280px;
    height: 72px;
}

.mainImagePaysage {
    width: 720px;
    height: 444px;
    margin-right: 0px;
    margin-left: 0px;
}

.bienPaysageHeader {
    width: 1280px;
    height: 129px;
    margin-right: 0px;
    margin-left: 0px;
}

#contentImgBienPaysageHeader {
    width: 560px;
    height: 129px;
}

/** Bandeau Ref type bien et Ville **/
.bienPaysageTypePiece {
    background-color: #0188C8;
    height: 129px;
    width: 720px;
    margin-right: 0px;
    margin-left: 0px;
}

.referencebienPaysage {
    font-size: 20pt;
    color: #03283B;
    font-style: italic;
    font-weight: bold;
}

.labelRefBienPaysage {
    margin-left: 30px;
    font-size: 20pt;
    color: #03283B;
    font-style: italic;
    font-weight: bold;
}

.contentReferenceBienPaysage {
    height: 25px;
    position: relative;
    left: 525px;
}

.contentImgImmeubleBienPaysage {
    float: left;
    position: relative;
    top: -15px;
}

.imgBienPaysageImmeuble {
    margin-left: 10px
}

.typeBienPaysage {
    margin-top: 10px;
    font-size: 20pt;
    font-weight: bold;
    color: white;
    position: relative;
    left: -20px;
}

.nbpiecesBienPaysage {
    margin-top: 10px;
    font-size: 20pt;
    font-weight: bold;
    color: white;
    position: relative;
    left: -20px;
}

.citybienPaysage, .sectorbienPaysage {
    font-size: 18pt;
    font-weight: bold;
    color: white;
    position: relative;
    left: -20px;
    top: -10px;
}

.contentCitySectorBienPaysage {
    width: 600px;
}
/** Fin Bandeau Ref type bien et Ville **/


/** Bandeau Details **/

.contentDetailsBienPaysage {
    background-color: #A9A3A3;
    height: 75px;
    width: 720px;
    margin-left: 5px;
}

.blocSurfaceBienPaysage, .blocChambreBienPaysage, .blocEtageBienPaysage, .blocSDBBienPaysage, .blocDpeBienPaysage {
    height: 55px;
    margin-top: 10px;
    border-right: 1px solid white;
    width: 142px;
    float: left;
}

.contentSurfaceBienPaysage {
    height: 55px;
    margin-left: 20px;
    width: 130px;
}

.contentSurfaceBienPaysage, .contentChambreBienPaysage, .contentEtageBienPaysage, .contentSDBBienPaysage, .contentDpeBienPaysage {
    height: 55px;
    margin-left: 15px;
    width: 130px;
}

.chambrebienPaysage, .etagebienPaysage, .sdbbienPaysage {
    font-size: 20pt;
    color: white;
    top: 5px;
    position: relative;
    left: 5px;
}

.surfacebienPaysage {
    font-size: 17pt;
    color: white;
    top: 5px;
    position: relative;
    left: 5px;
}

.blocDpeBienPaysage {
    border: none;
}

.infoDpeBienPaysage {
    float: right;
    width: 75px;
    padding-top: 8px;
}

.dpebienPaysage {
    font-size: 15pt;
    color: white;
}


/** Fin Bandeau Details **/

#bienContentPaysageLeft{
    width:720px;
    height:519px;
    float: left;
    margin:0px;
}
#bienContentPaysageRight {
    width: 560px;
    height: 519px;
    margin: 0px;
}

.priceBlockPaysage {
    position: absolute;
    background-color: #191c34;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    top: 456px;
    width: 320px;
    left: 400px;
}

.detailsBienPaysage {
    background-color: #A9A3A3;
    height: 75px;
    width: 720px;
    margin: 0px;
}

.bienContentPaysage{
    margin: 0px;
}

/** Other Images**/

.otherImagesBienPaysage {
    width: 720px;
    height: 130px;
    margin: 0px;
    margin-bottom: 0px;
}

.contentOtherImagesBienPaysage {
    width: 720px;
    height: 135px;
    margin-bottom: 0px;
}

.blocImgsBienPaysage {
    height: 130px;
    width: 166px;
    margin-right: 30px;
    float: left;
}

.blocImgsBienPaysageLast {
    height: 130px;
    width: 168px;
    float: left;
    right: -2px;
    position: relative;
}
/** Fin Other Images**/

/** Agence Agent**/
.agenceAgentBienPaysage {
    width: 560px;
    height: 228px;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url('../Assets/Images/iStock-610966290_ss-texte.jpg');
}

.agenceAgenceBienPaysage {
    width: 100%;
    height: 161px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #2a92ce;
    padding-top: 10px;
}

.labelAgenceBienPaysage{
    padding-left: 10px;
}

.AgenceEnseignePaysage {
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
}
.AgenceAdressePaysage {
    color: #191c34;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}

.AgenceTelPaysage {
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
}


/** Fin Agence Agent**/

.labelagentbienPaysage {
    color: #0A89C0;
    font-size: 17pt;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: 0px;
}

#contentImgAgentBienPaysage {
    background-image: url("../Assets/Images/bg-consultant2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 430px;
    height: 186px;
    margin-left: 25px;
}


.agentNamePaysage {
    color: #0A89C0;
    font-size: 25pt;
    font-weight: bold;
    margin-left: 20px;
    bottom: 5px;
    position: relative;
}

.agentNomPaysage {
    color: #0A89C0;
    font-size: 27pt;
    font-weight: bold;
    left: 240px;
    bottom: 213px;
    position: relative;
}

.agentPrenomPaysage {
    color: #0A89C0;
    font-size: 27pt;
    font-weight: bold;
    left: 240px;
    bottom: 195px;
    position: relative;
}

.contentAgenceBienPaysage{
    margin-left: 28px;
}

/********************************************************* FICHE VITRINE *************************************/
.hdreadyportrait{width:720px;height:1280px;}
.hdreadypaysage{width:1280px;height:720px;}
.fullhdportrait {width: 1080px;height: 1920px;}
.fullhdpaysage {width: 1920px;height: 1080px;}


/*#region FONT */
.condensed {font-family: Roboto-thin, Helvetica, sans-serif;}
.normal {font-family: Roboto, Helvetica, sans-serif;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.souligne {text-decoration: underline;}
.ftcondensed {font-stretch: condensed;}
.rot-90 {transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.f7 {font-size: 7px;}
.f8 {font-size: 8px;}
.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f35 {font-size: 35px;}
.f36 {font-size: 36px;}
.f42 {font-size: 42px;}
.f52 {font-size: 52px;}
.lheight19 {line-height: 19px;}
.lheight26 {line-height: 26px;}
.lheight37 {line-height: 37px;}
.lheight51 {line-height: 51px;}
.lheight64 {line-height: 64px;}
/*#endregion*/

/*#region POSITION */
.pos_abs {position: absolute !important;}
.pos_rel {position: relative;}
.dis_inblock {display: inline-block;}
.dis_none {display: none;}
.visi_none {visibility: hidden;}
.talignleft {text-align: left;}
.talignright {text-align: right;}
.taligncenter {text-align: center;}
.justify {text-align: justify;}
.vatop {vertical-align: top;}
.vasub {vertical-align: sub;}
.vatexttop {vertical-align: text-top!important;}
.trendergeo {text-rendering: geometricPrecision;}
.overhidden {overflow: hidden;}
.preline {white-space: pre-line;}
.fleft {float: left;}
.fright {float: right;}
.cboth {clear: both;}
.zindex-5 {z-index: -5;}
.zindex1 {z-index: 1;}
.zindex2 {z-index: 2;}
.zindex10 {z-index: 10;}
.zindex15 {z-index: 15;}
.zindex20 {z-index: 20;}
/*#endregion*/

/*#region MARGIN */
.mtop-620 {margin-top: -620px;}
.mtop-356 {margin-top: -356px;}
.mtop-300 {margin-top: -300px;}
.mtop-112 {margin-top: -112px;}
.mtop-90 {margin-top: -90px;}
.mtop-55 {margin-top: -55px;}
.mtop-43 {margin-top: -43px;}
.mtop-17 {margin-top: -17px;}
.mtop-15 {margin-top: -15px;}
.mtop-6 {margin-top: -6px;}
.mtop-4 {margin-top: -4px;}
.mtop1p {margin-top: 1%;}
.mtop2 {margin-top: 2px;}
.mtop2p {margin-top: 2%;}
.mtop3 {margin-top: 3px;}
.mtop3p {margin-top: 3%;}
.mtop5 {margin-top: 5px;}
.mtop7 {margin-top: 7px;}
.mtop9 {margin-top: 9px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mtop25 {margin-top: 25px;}
.mtop56 {margin-top: 56px;}
.mtop58{margin-top: 58px;}
.mtop60{margin-top: 60px;}
.mtop69 {margin-top: 69px;}
.mtop80 {margin-top: 80px;}
.mtop90 {margin-top: 90px;}
.mtop96 {margin-top: 96px;}
.mrauto {margin-right: auto;}
.mright0 {margin-right: 0px;}
.mright1p{margin-right:1.333%;}
.mright3 {margin-right: 3px;}
.mright5 {margin-right: 5px;}
.mright15 {margin-right: 15px;}
.mright20 {margin-right: 20px;}
.mright24 {margin-right: 24px;}
.mright30 {margin-right: 30px;}
.mright31 {margin-right: 31px;}
.mright66 {margin-right: 66px;}
.mlauto {margin-left: auto;}
.mleft-40 {margin-left: -40px;}
.mleft-33 {margin-left: -33px;}
.mleft-85 {margin-left: -85px;}
.mleft0 {margin-left: 0px;}
.mleft1p {margin-left: 1%;}
.mleft3p {margin-left: 3%;}
.mleft5 {margin-left: 5px;}
.mleft8 {margin-left: 8px;}
.mleft9 {margin-left: 9px;}
.mleft10 {margin-left: 10px;}
.mleft15 {margin-left: 15px;}
.mleft20 {margin-left: 20px;}
.mleft23 {margin-left: 23px;}
.mleft25 {margin-left: 25px;}
.mleft31 {margin-left: 31px;}
.mleft45 {margin-left: 45px;}
.mleft66 {margin-left: 66px;}
.mleft78 {margin-left: 78px;}
.mleft90 {margin-left: 90px;}
.mleft92 {margin-left: 92px;}
.mleft99 {margin-left: 99px;}
.mleft102 {margin-left: 102px;}
.mleft105 {margin-left: 105px;}
.mleft113 {margin-left: 113px;}
.mleft115 {margin-left: 115px;}
.mleft118 {margin-left: 118px;}
.mleft123 {margin-left: 123px;}
.mleft125 {margin-left: 125px;}
.mleft130 {margin-left: 130px;}
.mleft133 {margin-left: 133px;}
.mleft139 {margin-left: 139px;}
.mleft146 {margin-left: 146px;}
.mleft336 {margin-left: 336px;}
.mbottom-2 {margin-bottom: -2px;}
.mbottom1p {margin-bottom: 1%;}
.mbottom5 {margin-bottom: 5px;}
.mbottom8 {margin-bottom: 8px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom12 {margin-bottom: 12px;}
.mbottom15 {margin-bottom: 15px;}
.mbottom16 {margin-bottom: 16px;}
.mbottom18 {margin-bottom: 18px;}
.mbottom100 {margin-bottom: 100px;}
/*#endregion*/

/*#region PADDING*/
.pleft1p {padding-left: 1%;}
.pleft2 {padding-left: 2px;}
.pleft2p {padding-left: 2%;}
.pleft3 {padding-left: 3px;}
.pleft3p {padding-left: 3%;}
.pleft5 {padding-left: 5px;}
.pleft10 {padding-left: 10px;}
.pleft13 {padding-left: 13px;}
.pleft15 {padding-left: 15px;}
.pleft20 {padding-left: 20px;}
.pleft30 {padding-left: 30px;}
.pleft31 {padding-left: 31px;}
.pright2p {padding-right: 2%;}
.pright5 {padding-right: 5px;}
.pright10 {padding-right: 10px;}
.pright13 {padding-right: 13px;}
.pright15 {padding-right: 15px;}
.pright31 {padding-right: 31px;}
.pright122 {padding-right: 122px;}
.pright160 {padding-right: 122px;}
.ptop1p {padding-top: 1%;}
.ptop2 {padding-top: 2px;}
.ptop2p {padding-top: 2%;}
.ptop3 {padding-top: 3px;}
.ptop4 {padding-top: 4px;}
.ptop5 {padding-top: 5px;}
.ptop5p {padding-top: 5%;}
.ptop6 {padding-top: 6px;}
.ptop7 {padding-top: 7px;}
.ptop7p {padding-top: 7%;}
.ptop10 {padding-top: 10px;}
.ptop11 {padding-top: 11px;}
.ptop13 {padding-top: 13px;}
.ptop15 {padding-top: 15px;}
.ptop20p {padding-top: 20%;}
.ptop28 {padding-top: 28px;}
.ptop36 {padding-top: 36px;}
.ptop50 {padding-top: 50px;}
.ptop90 {padding-top: 90px;}
.ptop110 {padding-top: 110px;}
.pbottom1p {padding-bottom: 1%;}
.pbottom2 {padding-bottom: 2px;}
.pbottom3 {padding-bottom: 3px;}
.pbottom4 {padding-bottom: 4px;}
.pbottom5 {padding-bottom: 5px;}
.pbottom5p {padding-bottom: 5%;}
.pbottom6 {padding-bottom: 6px;}
.pbottom7 {padding-bottom: 7px;}
.pbottom7p {padding-bottom: 7%;}
.pbottom10 {padding-bottom: 10px;}
.pbottom11 {padding-bottom: 11px;}
.pbottom12p {padding-bottom: 12%;}
.pad2p {padding: 2%;}
.pad5 {padding: 5px;}
/*#endregion */

/*#region WIDTH HEIGHT*/
.w16p {width: 16%;}
.w18p {width: 18%;}
.w18_7p {width: 18.7%;}
.w19_3p {width: 19.3%;}
.w20_3p {width: 20.3%;}
.w22p {width: 22%;}
.w23p {width: 23%;}
.w24p {width: 24%;}
.w25p {width: 25%;}
.w26p {width: 26%;}
.w28p {width: 28%;}
.w30p {width: 30%;}
.w33p {width: 33%;}
.w34_5p {width: 34.5%;}
.w36_5p {width: 36.5%;}
.w36p {width: 36%;}
.w39p {width: 39%;}
.w40p {width: 40%;}
.w41p {width: 41%;}
.w42p {width: 42%;}
.w45p {width: 45%;}
.w46-85p {width: 46.85%;}
.w47p {width: 47%;}
.w48p {width: 48%;}
.w49p {width: 49%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w56p {width: 56%;}
.w58p {width: 58%;}
.w59p {width: 59%;}
.w60p {width: 60%;}
.w63p {width: 63%;}
.w66p {width: 66%;}
.w69p {width: 69%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w99p {width: 99%;}
.w100p {width: 100%;}
.w101p {width: 101%;}
.w297 {width: 29.7cm;}
.w2 {width: 2px;}
.w10 {width: 10px;}
.w15 {width: 15px;}
.w17 {width: 17px;}
.w20 {width: 20px;}
.w28 {width: 28px;}
.w30 {width: 30px;}
.w33 {width: 33px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w41 {width: 41px;}
.w44 {width: 44px;}
.w45 {width: 45px;}
.w47 {width: 47px;}
.w58 {width: 58px;}
.w63 {width: 63px;}
.w67 {width: 67px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w109 {width: 109px;}
.w114 {width: 114px;}
.w118 {width: 118px;}
.w120 {width: 120px;}
.w124 {width: 124px;}
.w125 {width: 125px;}
.w128 {width: 128px;}
.w136 {width: 136px;}
.w138 {width: 138px;}
.w141 {width: 141px;}
.w143 {width: 143px;}
.w150 {width: 150px;}
.w154 {width: 154px;}
.w159 {width: 159px;}
.w160 {width: 160px;}
.w166 {width: 166px;}
.w169 {width: 169px;}
.w170 {width: 170px;}
.w171 {width: 171px;}
.w173 {width: 173px;}
.w175 {width: 175px;}
.w178 {width: 178px;}
.w180 {width: 180px;}
.w184 {width: 184px;}
.w194 {width: 194px;}
.w197 {width: 197px;}
.w200 {width: 200px;}
.w203 {width: 203px;}
.w210 {width: 210px;}
.w212 {width: 212px;}
.w216 {width: 216px;}
.w220 {width: 220px;}
.w224 {width: 224px;}
.w225 {width: 225px;}
.w230 {width: 230px;}
.w232 {width: 232px;}
.w233 {width: 233px;}
.w244 {width: 244px !important;}
.w249 {width: 249px;}
.w250 {width: 250px;}
.w261 {width: 261px;}
.w268 {width: 268px;}
.w283 {width: 283px;}
.w285 {width: 285px;}
.w288 {width: 288px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w304 {width: 304px;}
.w305 {width: 305px;}
.w306 {width: 306px;}
.w311 {width: 311px;}
.w312 {width: 312px;}
.w316 {width: 316px;}
.w332 {width: 332px;}
.w325 {width: 325px;}
.w350 {width: 350px;}
.w352 {width: 352px;}
.w360 {width: 360px;}
.w363 {width: 363px;}
.w365 {width: 365px;}
.w375 {width: 375px;}
.w390 {width: 390px;}
.w415 {width: 415px;}
.w420 {width: 420px;}
.w435 {width: 435px;}
.w440 {width: 440px;}
.w442 {width: 442px;}
.w460 {width: 460px;}
.w475 {width: 475px;}
.w480 {width: 480px;}
.w490 {width: 490px;}
.w505 {width: 505px;}
.w515 {width: 515px;}
.w530 {width: 530px;}
.w535 {width: 535px;}
.w547 {width: 547px;}
.w567 {width: 567px;}
.w570 {width: 570px;}
.w586 {width: 586px;}
.w635 {width: 635px;}
.w650 {width: 650px;}
.w664 {width: 664px;}
.w700 {width: 700px;}
.w720 {width: 720px;}
.w733 {width: 733px;}
.w772 {width: 772px;}
.w793 {width: 793px;}
.w1080 {width: 1080px;}
.w1100 {width: 1100px;}
.w1280 {width: 1280px;}
.h31p {height: 31%;}
.h33p {height: 33%;}
.h45p {height: 45%;}
.h46p {height: 46%;}
.h50p {height: 50%;}
.h56p {height: 56.25%;}
.h98p {height: 98%;}
.h99p {height: 99%;}
.h100p {height: 100%;}
.h11 {height: 11px;}
.h14 {height: 14px;}
.h16 {height: 16px;}
.h18 {height: 18px;}
.h23 {height: 23px;}
.h28 {height: 28px;}
.h32 {height: 32px;}
.h38 {height: 38px;}
.h40 {height: 40px;}
.h44 {height: 44px;}
.h45 {height: 45px;}
.h54 {height: 54px;}
.h56 {height: 56px;}
.h60 {height: 60px;}
.h61 {height: 61px;}
.h62 {height: 62px;}
.h65 {height: 65px;}
.h72 {height: 72px;}
.h74 {height: 74px;}
.h75 {height: 75px;}
.h80 {height: 80px;}
.h84 {height: 84px;}
.h93 {height: 93px;}
.h96 {height: 96px;}
.h115 {height: 115px;}
.h122 {height: 122px;}
.h130 {height: 130px;}
.h144 {height: 144px;}
.h145 {height: 145px;}
.h150 {height: 150px;}
.h159 {height: 159px;}
.h160 {height: 160px;}
.h169 {height: 169px;}
.h170 {height: 170px;}
.h179 {height: 179px;}
.h180 {height: 180px;}
.h197 {height: 197px;}
.h200 {height: 200px;}
.h220 {height: 220px;}
.h226 {height: 226px;}
.h232 {height: 232px;}
.h247 {height: 247px;}
.h273 {height: 273px;}
.h315 {height: 315px;}
.h368 {height: 368px;}
.h369 {height: 369px;}
.h357 {height: 357px;}
.h396 {height: 396px;}
.h409 {height: 409px;}
.h445 {height: 445px;}
.h455 {height: 455px;}
.h502 {height: 502px;}
.mh275 {max-height: 275px;}
.mh288 {max-height: 288px;}
.mh445 {max-height: 445px;}
.minh502 {min-height: 502px;}
.maxh502 {max-height: 502px;}
.minh480 {min-height: 480px;}
.maxh480 {max-height: 480px;}
/*#endregion*/

/*#region LEFT TOP RIGHT BOTTOM*/
.left-2 {left: -2px;}
.left0 {left: 0px;}
.left17 {left: 17px;}
.left27 {left: 27px;}
.left40 {left: 40px;}
.left50 {left: 50px;}
.left57 {left: 57px;}
.left60 {left: 60px;}
.left64 {left: 64px;}
.left66 {left: 66px;}
.left67 {left: 67px;}
.left69 {left: 69px;}
.left75 {left: 75px;}
.left100 {left: 100px;}
.left105 {left: 105px;}
.left114 {left: 114px;}
.left135 {left: 135px;}
.left145 {left: 145px;}
.left168 {left: 168px;}
.left175 {left: 175px;}
.left186 {left: 186px;}
.left190 {left: 190px;}
.left197 {left: 197px;}
.left221 {left: 221px;}
.left235 {left: 235px;}
.left240 {left: 240px;}
.left244 {left: 244px;}
.left260 {left: 260px;}
.left266 {left: 266px;}
.left286 {left: 286px;}
.left297 {left: 297px;}
.left308 {left: 308px;}
.left369 {left: 369px;}
.left380 {left: 380px;}
.left386 {left: 386px;}
.left398 {left: 398px;}
.left404 {left: 404px;}
.left406 {left: 406px;}
.left407 {left: 407px;}
.left416 {left: 416px;}
.left423 {left: 423px;}
.left427 {left: 427px;}
.left435 {left: 435px;}
.left460 {left: 460px;}
.left485 {left: 485px;}
.left510 {left: 510px;}
.left517 {left: 517px;}
.left530 {left: 530px;}
.left552 {left: 552px;}
.left555 {left: 555px;}
.left573 {left: 573px;}
.left577 {left: 577px;}
.left595 {left: 595px;}
.left600 {left: 600px;}
.bottom-3 {bottom: -3px;}
.bottom-2 {bottom: -2px;}
.bottom0 {bottom: 0px;}
.bottom5 {bottom: 5px;}
.bottom8 {bottom: 8px;}
.bottom12 {bottom: 12px;}
.bottom26 {bottom: 26px;}
.bottom28 {bottom: 28px;}
.bottom33 {bottom: 33px;}
.bottom39 {bottom: 39px;}
.bottom42 {bottom: 42px;}
.bottom46 {bottom: 46px;}
.bottom53 {bottom: 53px;}
.bottom56 {bottom: 56px;}
.bottom60 {bottom: 60px;}
.bottom64 {bottom: 64px;}
.bottom66 {bottom: 66px;}
.bottom69 {bottom: 69px;}
.bottom72 {bottom: 72px;}
.bottom74 {bottom: 74px;}
.bottom79 {bottom: 79px;}
.bottom81 {bottom: 81px;}
.bottom85 {bottom: 85px;}
.bottom92 {bottom: 92px;}
.bottom97 {bottom: 97px;}
.bottom98 {bottom: 98px;}
.bottom99 {bottom: 99px;}
.bottom105 {bottom: 105px;}
.bottom109 {bottom: 109px;}
.bottom113 {bottom: 113px;}
.bottom114 {bottom: 114px;}
.bottom115 {bottom: 115px;}
.bottom132 {bottom: 132px;}
.bottom149 {bottom: 149px;}
.bottom168 {bottom: 168px;}
.bottom174 {bottom: 174px;}
.bottom185 {bottom: 185px;}
.bottom190 {bottom: 190px;}
.bottom221 {bottom: 221px;}
.bottom230 {bottom: 230px;}
.bottom240 {bottom: 240px;}
.bottom245 {bottom: 245px;}
.bottom258 {bottom: 258px;}
.bottom260 {bottom: 260px;}
.bottom273 {bottom: 273px;}
.bottom310 {bottom: 310px;}
.bottom342 {bottom: 342px;}
.bottom355 {bottom: 355px;}
.bottom383 {bottom: 383px;}
.bottom468 {bottom: 468px;}
.bottom472 {bottom: 472px;}
.bottom555 {bottom: 555px;}
.top-56 {top: -56px;}
.top0 {top: 0px;}
.top3p {top: 3%;}
.top5 {top: 5px;}
.top6 {top: 6px;}
.top12 {top: 12px;}
.top17 {top: 17px;}
.top18 {top: 18px;}
.top20 {top: 20px;}
.top31 {top: 31px;}
.top33 {top: 33px;}
.top35 {top: 35px;}
.top36 {top: 36px;}
.top47 {top: 47px;}
.top51 {top: 51px;}
.top52 {top: 52px;}
.top58 {top: 58px;}
.top68 {top: 68px;}
.top69 {top: 69px;}
.top71 {top: 71px;}
.top80 {top: 80px;}
.top84 {top: 84px;}
.top85 {top: 85px;}
.top87 {top: 87px;}
.top90 {top: 90px;}
.top101 {top: 101px;}
.top102 {top: 102px;}
.top103 {top: 103px;}
.top104 {top: 104px;}
.top112 {top: 112px;}
.top118 {top: 118px;}
.top119 {top: 119px;}
.top120 {top: 120px;}
.top121 {top: 121px;}
.top129 {top: 129px;}
.top137 {top: 137px;}
.top147 {top: 147px;}
.top166 {top: 166px;}
.top169 {top: 169px;}
.top190 {top: 190px;}
.top225 {top: 225px;}
.top230 {top: 230px;}
.top250 {top: 250px;}
.top258 {top: 258px;}
.top263 {top: 263px;}
.top306 {top: 306px;}
.top325 {top: 325px;}
.top343 {top: 343px;}
.top353 {top: 353px;}
.top367 {top: 367px;}
.top372 {top: 372px;}
.top389 {top: 389px;}
.top407 {top: 407px;}
.top411 {top: 411px;}
.top418 {top: 418px;}
.top424 {top: 424px;}
.top428 {top: 428px;}
.top430 {top: 430px;}
.top443 {top: 443px;}
.top447 {top: 447px;}
.top452 {top: 452px;}
.top455 {top: 455px;}
.top469 {top: 469px;}
.top477 {top: 477px;}
.top481 {top: 481px;}
.top486 {top: 486px;}
.top487 {top: 487px;}
.top498 {top: 498px;}
.top503 {top: 503px;}
.top506 {top: 506px;}
.top510 {top: 510px;}
.top521 {top: 521px;}
.top528 {top: 528px;}
.top537 {top: 537px;}
.top552 {top: 552px;}
.top555 {top: 555px;}
.top565 {top: 565px;}
.top570 {top: 570px;}
.top588 {top: 588px;}
.top604 {top: 604px;}
.top607 {top: 607px;}
.top614 {top: 614px;}
.top621 {top: 621px;}
.top631 {top: 631px;}
.top635 {top: 635px;}
.top639 {top: 639px;}
.top648 {top: 648px;}
.top655 {top: 655px;}
.top662 {top: 662px;}
.top669 {top: 669px;}
.top675 {top: 675px;}
.top680 {top: 680px;}
.top682 {top: 682px;}
.top699 {top: 699px;}
.top717 {top: 717px;}
.top718 {top: 718px;}
.top729 {top: 729px;}
.top734 {top: 734px;}
.top750 {top: 750px;}
.top758 {top: 758px;}
.top759 {top: 759px;}
.top787 {top: 787px;}
.top808 {top: 808px;}
.top817 {top: 817px;}
.top822 {top: 822px;}
.top833 {top: 833px;}
.top839 {top: 839px;}
.top860 {top: 860px;}
.top865 {top: 865px;}
.top873 {top: 873px;}
.top882 {top: 882px;}
.top892 {top: 892px;}
.top900 {top: 900px;}
.top902 {top: 902px;}
.top909 {top: 909px;}
.top920 {top: 920px;}
.top932 {top: 932px;}
.top950 {top: 950px;}
.top956 {top: 956px;}
.top966 {top: 966px;}
.top968 {top: 968px;}
.top971 {top: 971px;}
.top984 {top: 984px;}
.top986 {top: 986px;}
.top989 {top: 989px;}
.top997 {top: 997px;}
.top1009 {top: 1009px;}
.top1035 {top: 1035px;}
.right-544 {right: -544px;}
.right-538 {right: -538px;}
.right-94 {right: -94px;}
.right-204 {right: -204px;}
.right-230 {right: -230px;}
.right-2 {right: -2px;}
.right-1 {right: -1px;}
.right0 {right: 0px;}
.right3p {right: 3%;}
.right14 {right: 14px;}
.right18 {right: 18px;}
.right20 {right: 20px;}
.right25 {right: 25px;}
.right30 {right: 30px;}
.right33 {right: 33px;}
.right45 {right: 45px;}
.right67 {right: 67px;}
.right85 {right: 85px;}
.right100 {right: 100px;}
.right130 {right: 130px;}
.right151 {right: 151px;}
.right265 {right: 265px;}
.right317 {right: 317px;}
.right380 {right: 380px;}
.right600 {right: 600px;}
/*#endregion*/

/*#region COULEUR BORDER*/
.bgalphablanc {background-color: rgba(255, 255, 255, 0.75);}
.bgalphanoir {background-color: rgba(39, 39, 39, 0.67);}
.bgblanc {background-color: white;}
.bgbleufonce {background-color: #191c34;}
.bgturquoise {background-color: #13a9e3;}
.bggris {background-color: #e3e1e2;}
.bgbleumoyen {background-color: #0791cf;}
.bggrisfonce {background-color: #bdbbbc;}
.bggrismoyen {background-color: #A9A3A3;}
.bgbleuaf {background-color:#203b56;}

.bgvert {background-color: #b2d88c;}
.bgpapier {
    background-image: url("Images/iStock-610966290_ss-texte.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: contain;*/
}
.doree{color:#d1a27b;}
.bleuaf{color:#203b56;}
.turquoise {color: #13a9e3;}
.bleufonce {color: #191c34;}
.bleumoyen {color: #0791cf;}
.blanc {color: white;}
.noir {color: black;}
.grisfonce {color: #bdbbbc;}
.rborder1 {border-right: 1px solid #191c34;}
.rborder2 {border-right: 2px solid white;}
.tborder1 {border-top: 1px solid #191c34;}
.bborder1 {border-bottom: 1px solid #191c34;}
.lborder1 {border-left: 1px solid #191c34;}
.border1 {border: 1px solid #191c34;padding: 3px 3px 3px 3px;border-radius: 4px;}
.border2 {border: 1px solid #191c34;}
.border3 {border: 1px solid white;padding: 3px 3px 3px 3px;border-radius: 4px;}
.border4 {border: 2px solid #191c34;}
.brad5 {border-radius: 5px 5px 0px 0px !important;}
.borderinfobien {border: 2px solid #e3e1e2;}
.bordergrisleft {border-left: 2px solid #e3e1e2;}
.bordergrisright {border-right: 2px solid #e3e1e2;}
.borderblancleft {border-left: 2px solid white;}
.borderblancright {border-right: 2px solid white;}
.borderbleumoyenleft {border-left: 2px solid #0791cf;}
.borderbleumoyenright {border-right: 2px solid #0791cf;}
.bordervendubien {border: 1px solid #0791cf;}
.borderattestation {border: 3px solid #0791cf;}
.borderlettre {border: 2px solid black;}
.bordemandatsimple {border-bottom: 2px solid #b2d88c;}
.borderagent{border:2px solid gray; object-fit:cover;}
.badge {
    display: inline-block;
    min-width: 10px;
    /*padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;*/
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
}
/*#endregion*/

/* ==========================================================================
   NAVIGATION CAROUSEL - Fleches gauche/droite
   Activables avec la touche 'N' (Navigation)
   ========================================================================== */

/* Boutons de navigation - caches par defaut */
.carousel-nav-btn {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    width: 80px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 3px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0;
}

/* Afficher les boutons quand le mode navigation est actif */
.carousel-nav-btn.nav-visible {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

/* Position du bouton precedent (gauche) */
.carousel-control-prev.carousel-nav-btn {
    left: 30px;
}

/* Position du bouton suivant (droite) */
.carousel-control-next.carousel-nav-btn {
    right: 30px;
}

/* Style des icones fleches */
.carousel-nav-btn .carousel-control-prev-icon,
.carousel-nav-btn .carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-size: 100%;
}

/* Effet hover sur les boutons */
.carousel-nav-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: #fff;
    transform: translateY(-50%) scale(1.1);
}

/* Effet active (clic) */
.carousel-nav-btn:active {
    transform: translateY(-50%) scale(0.95);
}

/* Indicateur de mode navigation actif (coin superieur droit) */
#navModeIndicator {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

#navModeIndicator.visible {
    display: block;
}

/* Bouton Pause/Play au centre */
.carousel-pause-btn {
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-pause-btn.nav-visible {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.carousel-pause-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.carousel-pause-btn:active {
    transform: translate(-50%, -50%) scale(0.95);
}

/* Icones Pause/Play */
.carousel-pause-btn i {
    font-size: 28px;
    color: #fff;
}

/* Etat pause actif - bouton en rouge */
.carousel-pause-btn.paused {
    background-color: rgba(220, 53, 69, 0.7);
    border-color: rgba(255, 255, 255, 0.9);
}

.carousel-pause-btn.paused:hover {
    background-color: rgba(220, 53, 69, 0.9);
}

/* ==========================================================================
   INDICATEURS SLIDES (POINTS) - En bas de l'écran
   ========================================================================== */

.slide-dots-container {
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    gap: 5px;
    padding: 6px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

.slide-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.slide-dot:hover {
    background-color: rgba(255, 255, 255, 0.7);
    transform: scale(1.4);
}

.slide-dot.active {
    background-color: #4fc3f7;
    border-color: #fff;
    transform: scale(1.5);
    box-shadow: 0 0 6px rgba(79, 195, 247, 0.6);
}

/* ==========================================================================
   BADGE INFO SLIDE - Affiche type et URL du slide courant
   Visible uniquement en mode navigation (touche 'N')
   ========================================================================== */

.slide-info-badge {
    display: none;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 15px 25px;
    border-radius: 10px;
    font-family: 'Roboto', Arial, sans-serif;
    min-width: 300px;
    max-width: 80%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.slide-info-badge.visible {
    display: block;
}

.slide-info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.slide-info-number {
    font-size: 14px;
    color: #aaa;
}

.slide-info-type {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 15px;
    text-transform: uppercase;
}

/* Couleurs par type de slide */
.slide-info-type.type-video {
    background-color: #dc3545;
    color: #fff;
}

.slide-info-type.type-video_agence {
    background-color: #e83e8c;
    color: #fff;
}

.slide-info-type.type-image {
    background-color: #28a745;
    color: #fff;
}

.slide-info-type.type-image_agence {
    background-color: #20c997;
    color: #fff;
}

.slide-info-type.type-bien {
    background-color: #007bff;
    color: #fff;
}

.slide-info-url {
    font-size: 12px;
    color: #ccc;
    word-break: break-all;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    max-height: 60px;
    overflow-y: auto;
}

.slide-info-url:empty {
    display: none;
}