@charset "UTF-8";
html,select,input,textarea,button{font-family: Nunito, sans-serif;font-size: 16px;color: #333;}
select,input,textarea{border-radius: 0;}
body{margin: 0;padding: 0;}
iframe,img{border: 0;}
button,
a{cursor: pointer;text-decoration: none;}
a{color: #f27c21;}
.clear{clear: both;}
.gauche{
    float:left;
    margin-right: 12px;
    margin-bottom: 10px;
    line-height: 0;
}
.droite{
    float:right;
    margin-left: 12px;
    margin-bottom: 10px;
    line-height: 0;
}
.petit{width: 140px;}
.moyen{width: 320px;}
.grand{width: 100%;}
#old-browser-dialog p{
    text-align:center;
    font-size:18px;
    background-color:#FAF1AA;
    padding:5px;
    position:relative;
    top:100px;
}
#old-browser-dialog a{
    cursor:pointer;
    color:#0000ff;
    text-decoration:underline;
}
.admin-preview{
    border-width: 2px;
    border-style: dashed;
    border-color: rgba(0,0,0,0.2);
    box-sizing: border-box;
}
.hide {
    display: none!important;
}
.grecaptcha-badge {     /* decision prise le 26 / 04 /18*/
    display: none;
}
#recherche-avancee .boutons-mobile,
#recherche-avancee-mobile,
.cont-options-mobile,
.entete-mobile,#menu-offset-click,
#btn-menu{display: none}
.wrap{width: 1108px;margin: auto;}
.txtleft{text-align: left;}
.txtcenter{text-align: center;}
.txtright{text-align: right;}
.clear{clear: both;}
header nav{color: #f27c21;font-weight: 600;font-size: 24px;text-transform: lowercase;}
header nav a{margin-left: 32px;border-bottom: 4px solid transparent;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;outline: none}
header nav a.actif:hover,header nav a.actif{border-color: #f27c21;}
header nav a:hover{border-color: #E1E0E0;}
h1,h2,h3,h4,h5,h6{color: #f27c21;font-weight: 600;}
button,a.bouton{
    background: #fff;border-radius: 4px;font-weight: 900;border: 0;padding: 10px 22px;font-size: 18px;display: inline-block;color: #333;
    -webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
    -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;-o-user-select: none;
}
#recherche-avancee .recherche-avance-boutons .bouton.orange:hover,
#accueil-alertes .conteneur-texte .bouton:hover,
button.gris:hover,.bouton.gris:hover,
button:hover,a.bouton:hover{background: #333;color: #fff;}
button.gris,
.bouton.gris{background: #d7d5d5;color: #333;}
button.orange,
.bouton.orange{background: #f27c21;color: #fff;}
select,
textarea,
input[type=email],
input[type=text]{
    border: 0;border-radius: 4px;padding: 16px 20px;box-sizing: border-box;background: none;color: #333;font-weight: 600;font-size: 18px;outline: none;width: 100%;
    background: #fff;
}
textarea{resize: none;}
select{appearance:none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance:none;-o-appearance:none;background-image: url(../images/select.svg);background-repeat: no-repeat;background-position: right 9px center;background-size: auto 6px;}
input[type=checkbox]{
    border: 0;border-radius: 6px;
}
#entete-conteneur{display: flex;justify-content: space-between;padding: 35px 0 21px;align-items: center;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;	}
header{position: fixed;left: 0;right: 0;top: 0;background: #fff;z-index: 100;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
header.scroll{box-shadow: 0 1px 4px rgba(0,0,0,0.6);}
header.scroll #entete-conteneur{padding: 12px 0 6px;}
header .logo-glmc{height: 73px;width: auto;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
#entete-conteneur a{outline: none}
header.scroll .logo-glmc{height: 52px;width: auto;}
#header-offset{height: 135px;}

.liste-filtre{position: relative}
.liste-filtre > div{position: absolute;top: -9px;background: #fff;left: -1px;right: -1px;z-index: 10;padding: 3px 17px 14px;border-left: 1px solid #f27c21;border-right: 1px solid #f27c21;border-bottom: 1px solid #f27c21;border-radius: 0 0 4px 4px;display: none;}
.liste-filtre .liste-filtre-contenu{border-top: 1px solid #d7d5d5;padding: 18px 0 12px;max-height: 467px;overflow-y: auto;}
.liste-filtre .bouton{display: block;text-align: center; margin-top:16px;}
.liste-filtre .bouton .fermer{background: url(../images/supprimer.svg) center no-repeat;display: inline-block;background-size: 14px;padding: 7px;vertical-align: middle;margin-right: 8px;margin-top: -3px;}
#accueil-recherche .liste-filtre label.checkbox,
.liste-filtre .conteneur-recherche{color: #333;width: auto}
.liste-filtre label.checkbox{margin-bottom: 7px;}
.liste-filtre label.checkbox span {
    margin-left: 0;
    margin-right: 12px;
    background: #d7d5d5;
}

.liste-filtre-alerte {position: relative}
.liste-filtre-alerte > div{position: absolute;top: -9px;background: #fff;left: -1px;right: -1px;z-index: 10;padding: 3px 17px 14px;border-left: 1px solid #f27c21;border-right: 1px solid #f27c21;border-bottom: 1px solid #f27c21;border-radius: 0 0 4px 4px;display: none;}
.liste-filtre-alerte .liste-filtre-contenu-alerte{border-top: 1px solid #d7d5d5;padding: 18px 0 12px;max-height: 300px;overflow-y: auto;}
.liste-filtre-alerte .bouton{display: block;text-align: center; margin-top:16px;}
.liste-filtre-alerte .bouton .fermer{background: url(../images/supprimer.svg) center no-repeat;display: inline-block;background-size: 14px;padding: 7px;vertical-align: middle;margin-right: 8px;margin-top: -3px;}
.liste-filtre-alerte label.checkbox,
.liste-filtre-alerte .conteneur-recherche-alerte{color: #333;width: auto}
.liste-filtre-alerte label.checkbox{margin-bottom: 7px;}
.liste-filtre-alerte label.checkbox span {margin-left: 0;margin-right: 12px;background: #d7d5d5;}
form.cont-form-alerte {width: 100%;}
input.txt-recherche.liste-filtre-input-alerte {background-color: #d7d5d5;}
input.txt-recherche-alerte.liste-filtre-input-alerte {background-color: #d7d5d5;}

input.input-txt-gris {background-color: #d7d5d5;font-size: 14px; padding: 2px 6px;margin-bottom: 8px;}

input.input-txt-gris::-webkit-input-placeholder {color:#3c3c3c;}
input.input-txt-gris:-ms-input-placeholder{color:#3c3c3c;}
input.input-txt-gris:-moz-placeholder,
input.input-txt-gris::-moz-placeholder{color:#3c3c3c;opacity:1;}
/******************************** SWITCHES ******************************/
.switch {
    display: inline-block;margin-bottom: 6px
}
.switch input[type=checkbox] {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    display: none;
}
.switch input[type=checkbox] + span {
    display: inline-block;margin-right:12px;margin-left:12px;vertical-align: middle;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.switch input[type=checkbox] + span {
    /*padding: 2px;*/
    width: 46px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 60px;
}
.switch input[type=checkbox] + span:before{bottom: 1px;top: 1px;}
.switch input[type=checkbox] + span:after{bottom: 2px;top: 2px;}
.switch input[type=checkbox] + span:before,
.switch input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    left: 2px;
    content: "";
}
.switch input[type=checkbox] + span:before {
    right: 1px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -ms-transition: background 0.4s;
    transition: background 0.4s;
}
.switch input[type=checkbox] + span:after {
    width: 21px;
    background-color: #F1F1F1;
    border-radius: 100%;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.switch input[type=checkbox]:checked + span:after {margin-left: 20px;}
.switch input[type=checkbox] + span:hover:after{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);}
.switch *{transition: all 1.4s ease;}
/******************************** /SWITCHES ******************************/
#etapes{position: relative;height: 20px;margin-right: 16px;font-weight: 600;font-size: 14px;margin-top: 11px;}
#etapes .ligne{position: absolute;top: calc(50% - 1px);height: 11px;background: #fff;left: 0;right: 20px;border-radius: 6px;}
#etapes .etape, .ui-slider-handle{outline:none;position: absolute;color: #00477a;background: #fff;border:5px solid #f27c21;border-radius: 50%;width: 21px;height: 21px;top:-10px;margin-left:-10.5px;}#etapes .titre-etape{position: absolute;bottom: -27px;left: 0;right: 0;text-align: center;margin: 0 -75px;font-size: 14px;color: #fff;}
.ui-slider-handle{cursor: pointer;}
#etapes-alerte {position: relative;height: 20px;margin-right: 16px;font-weight: 600;font-size: 14px;margin-top: 11px;}
#etapes-alerte .ligne{position: absolute;top: calc(50% - 1px);height: 11px;background: #f27c21;left: 0;right: 20px;border-radius: 6px;}
#etapes-alerte .titre-etape{position: absolute;bottom: -27px;right: 0;text-align: center;margin: 0 -75px;font-size: 14px;color: #333; width:100px; left: 36px}

#etapes-alerte .etape, #etapes-alerte .ui-slider-handle{position: absolute;color: #00477a;background: #f27c21;border:5px solid #fff;border-radius: 50%;width: 21px;height: 21px;top:-10px;margin-left:-10.5px;}
#etapes .ui-slider-handle:first-of-type .titre-etape {
    bottom:27px;
}

label.checkbox{cursor: pointer}
label.checkbox input[type=checkbox]{
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    display: none;
}
label.checkbox span {
    display: inline-block;padding: 7px;border-radius: 3px;vertical-align: middle;
    background-color: #eee;position: relative;margin-left: 10px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
}
label.checkbox:hover input ~ span {
    background-color: #dedede;
}
label.checkbox input:checked ~ span {
    /*background-color: #f27c21;*/
}
label.checkbox span:after {
    content: "";
    position: absolute;
    display: none;
}
label.checkbox input:checked ~ span:after {
    display: block;
}
label.checkbox span:after {
    left: 6px;
    top: -4px;
    width: 5px;
    height: 12px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#accueil-recherche{background: url(../images/arriere-plan.jpg) center bottom no-repeat;background-position: center -100px;background-size: cover;background-attachment: fixed;position: relative;}
.page-entete{background: url(../images/arriere-plan.jpg) center top no-repeat;background-size: cover;background-attachment: fixed;position: relative;}
#accueil-recherche .wrap{position: relative;}
#accueil-recherche .conteneur-titre{text-align: center;margin: 0;}
#accueil-recherche .titre{background: transparent;color: #f27c21;padding: 5px 17px 10px 17px;font-weight: 600;font-size: 46px;display: inline-block;margin-top: 80px;}
#accueil-recherche .conteneur-recherche{padding: 45px 37px 17px 45px;color: #fff;background: rgba(242, 124, 33, 0.8);margin-top: 103px;}
#accueil-recherche .premiere-ligne{display: flex;justify-content: space-between;margin-bottom: 9px}
#accueil-recherche .cont-input-recherche{width: 501px;}
#accueil-recherche .cont-options{text-align: right;color: #fff;font-weight: 800;font-size: 14px;display: table}
#accueil-recherche .cont-options a{color: #fff;}
#accueil-recherche .cont-options > div{display: table-row}
#accueil-recherche .cont-options > div > div{display: table-cell}
#accueil-recherche label.checkbox{width: 183px;display: inline-block;}

.cont-form-alerte .wrap{position: relative;}
.cont-form-alerte .conteneur{position: absolute;bottom: 0;left: 0;right: 0;}
.cont-form-alerte .conteneur-titre{text-align: center;margin: 0;}
.cont-form-alerte .titre{background: #fff;color: #f27c21;padding: 5px 17px 10px 17px;font-weight: 600;font-size: 46px;margin-bottom: 103px;display: inline-block;}
.cont-form-alerte .conteneur-recherche{padding: 45px 37px 17px 45px;color: #fff;background: rgba(242, 124, 33, 0.8)}
.cont-form-alerte .premiere-ligne{display: flex;justify-content: space-between;margin-bottom: 9px}
.cont-form-alerte .cont-input-recherche{width: 501px;}
.cont-form-alerte .cont-options{text-align: right;color: #fff;font-weight: 800;font-size: 14px;display: table}
.cont-form-alerte .cont-options a{color: #fff;}
.cont-form-alerte .cont-options > div{display: table-row}
.cont-form-alerte .cont-options > div > div{display: table-cell}
.cont-form-alerte label.checkbox{width: 183px;display: inline-block;}
.recherche-avance-boutons > div:nth-child(3) {width: 0; display: inline-block;}

#recherche-liste-criteres{margin-bottom: 8px}
#recherche-liste-criteres a{
    color: #333;background-image: url(../images/supprimer.svg);font-weight: 800;background-repeat: no-repeat;font-size: 14px;
    background-position: left 12px center;
    padding: 4px 10px 4px 38px;background-color: rgba(255,255,255,0.71);border-radius: 4px;
    margin: 3px 3px 3px;display: inline-block;
    background-size: 14px;
}

#recherche-liste-criteres-alerte {margin: 8px 0}
#recherche-liste-criteres-alerte a{
    color: #333;background-image: url(../images/supprimer.svg);font-weight: 800;background-repeat: no-repeat;font-size: 14px;
    background-color: #eae9e9;
    background-position: left 12px center;
    padding: 4px 10px 4px 38px;border-radius: 4px;
    margin: 0 3px 6px;display: inline-block;
    background-size: 14px;
}
#accueil-recherche .troisieme-ligne{display: flex; margin-top:20px}
#accueil-recherche .slider-etapes{flex: 1}
#accueil-recherche button{margin-right: 6px;color: #333;}
#accueil-recherche button:hover{background: #333;color: #fff;}
#bouton-criteres-avances{margin-top: 16px;display: block;text-align: center;background: url(../images/avance.png) center bottom no-repeat;padding-bottom: 6px;color: #fff;}

#recherche-avancee{position: relative;}
#recherche-avancee > div{position: absolute;top: 0;left: 0;right: 0;border: 1px solid #f27c21;border-radius: 0 0 4px 4px;z-index: 4;padding: 0 42px 20px;background: #fff;display: none;}
#recherche-avancee .colones{display: flex;padding: 16px 0 0;justify-content: space-between;}
#recherche-avancee .colones > div{width: 296px;}
#recherche-avancee .titre-colone{font-size: 28px;font-weight: 600;margin: 31px 0 9px;}
#recherche-avancee label.checkbox span{margin-left: 0;margin-right: 12px;background: #d7d5d5}
#recherche-avancee label.checkbox{width: auto;margin-bottom: 7px;}
#recherche-avancee select{background-color: #d7d5d5;font-size: 14px;padding: 2px 6px;margin-bottom: 8px;}
#recherche-avancee .recherche-plex label.checkbox{margin-right: 40px;}
#recherche-avancee .recherche-avance-boutons{text-align: right}
#recherche-avancee .recherche-avance-boutons button,
#recherche-avancee .recherche-avance-boutons .bouton{margin-left: 9px;width: 118px;text-align: center;margin-top: 27px;}
#recherche-avancee .recherche-avance-boutons .bouton.orange{color: #333;}
#recherche-avancee .conteneur-select{margin: 18px 0 5px;}
#recherche-avancee .selecteurs-superficie select.unite_superficie {width: 60px; margin: 0}
#recherche-avancee .selecteurs-superficie select.superficie_nb, select.superficie_mod {width: 90px; margin: 0}
.section-liste-propriete .btn-tous {margin-bottom: 20px;margin-left: 5px;}


.alerte-dropdown {position: relative;}
.alerte-dropdown .colones{display: flex;width: 100%;padding: 16px 0 0;justify-content: space-between;}
.alerte-dropdown .colones > div{width: 320px;}
.alerte-dropdown .titre-colone{font-size: 28px;font-weight: 600;margin: 31px 0 9px;}
.alerte-dropdown label.checkbox span{margin-left: 0;margin-right: 12px;background: #d7d5d5}
.alerte-dropdown label.checkbox{width: auto;margin-bottom: 7px;}
.alerte-dropdown select{background-color: #d7d5d5;font-size: 14px;padding: 2px 6px;margin-bottom: 8px;}
.alerte-dropdown .recherche-plex label.checkbox{margin-right: 40px;}
.alerte-dropdown .recherche-avance-boutons{text-align: right; margin-top:20px;}
.alerte-dropdown .recherche-avance-boutons button,
.alerte-dropdown .recherche-avance-boutons .bouton{margin-left: 9px;width: 118px;text-align: center;margin-top: 27px;}
.alerte-dropdown .recherche-avance-boutons .bouton.orange{color: #333;}
.alerte-dropdown .recherche-avance-boutons .bouton.orange:hover{color: #fff;}
.alerte-dropdown .conteneur-select{margin: 18px 0 5px;}
.alerte-dropdown .conteneur-select-demi select{width: 116px;}
.alerte-dropdown .conteneur-select-demi select:nth-child(odd){margin-right: 12px;}
.alerte-dropdown .selecteurs-superficie select {width: 80px!important;margin: 0 !important;  }
h3.success {width: auto;color: green;display: inline-block;padding: 0 20px;}
h3.error {width: auto;color: #770000;display: inline-block;padding: 0 20px;}
#recherche-avancee-mobile a.btn-fermer-recherche-avance,
#btn-fermer-recherche{position: absolute;right: 0;top: 0;padding: 23px;background: url(../images/supprimer.svg) center no-repeat;background-size: 14px;}

#accueil-alertes{padding: 70px 0 54px;}
#accueil-alertes .conteneur{display: flex;width: 100%;}
#accueil-alertes .alerte-dropdown {border-top: 1px solid #f27c21 ;margin-top: 20px;}
#accueil-alertes .titre{font-size: 101px;font-weight: 600;margin:0;line-height: 76px;}
#accueil-alertes .sous-titre{font-weight: 300;font-size: 24px;color: #f27c21;}
#accueil-alertes .contact{width: 250px;padding-right: 22px;text-align: right;align-self: center;position: relative;}
#accueil-alertes .contact a{display: block;padding-left: 76px;padding-bottom: 10px;background: url(../images/contact.svg) left 32px top 4px no-repeat;background-size: 48px auto;}
#accueil-alertes .contact .besoin{font-weight: 600;font-size: 17px;display: block;color: #f27c21;}
#accueil-alertes .contact .numero{font-weight: 900;font-size: 18px;display: block;color: #333;margin-top: 4px;}
#accueil-alertes .conteneur-texte{flex: 1;padding-left: 50px;padding-right: 26px;position: relative;font-weight: 600;font-size: 18px;color: #333;}
#accueil-alertes .conteneur-texte p{margin: 0;}
#accueil-alertes .conteneur-texte .bouton{background: #d7d5d5}
#accueil-alertes .contact .bordure{position: absolute;width: 1px;left: 0;top: -32px;bottom: -16px;background: #f27c21;}
#accueil-alertes .bouton-conteneur{margin-top: 22px;}
#accueil-alertes.page-recherche{padding-top: 120px;}
#accueil-alertes.page-agents {padding: 32px 0;}
.section-liste-propriete{padding: 29px 0 45px;background: #e1e0e0;}
.fond-blanc{background: #fff;}
.section-liste-propriete .voir-tous{float: right;background: #d7d5d5;margin-top: 22px;}
.section-liste-propriete .titre{font-weight: 600;font-size: 53px;margin: 28px 0}
.liste-proprietes{display: flex;flex-wrap: wrap;justify-content: space-between;}
.propriete{width: 169px;position: relative;margin-left: 6px;height: 270px;margin-bottom: 17px;background: #fff;color: #333;cursor:pointer;}
.propriete.propriete-vendu {cursor:  default;}
.article-fill,.liste-courtiers .courtier.courtier-fill,
.propriete-fill {height:  0;background: none;background-color: transparent;visibility:hidden;}
.liste-courtiers .courtier.courtier-fill{margin: 0;}
.fond-blanc .propriete{background: #e1e0e0;}
.propriete-image{height: 114px;overflow: hidden;}
.propriete-image img{object-fit: cover;display: inline-block;width: 100%;vertical-align:  middle;}
.propriete-description{padding: 19px 19px 24px;}
.propriete-type{font-weight: 600;font-size: 12px;line-height: 14px;color: #333;margin: 0;}
.propriete-adresse{font-weight: 600;font-size: 14px;line-height: 16px;max-height: 48px;overflow-y: hidden;color: #333;margin: 0;}
.propriete-prix{font-weight: 900;font-size: 17px;line-height: 23px;}
.propriete-prix p{margin: 0; font-size: 12px;}
.propriete-icones{position: absolute;bottom: 0;left: 0;right: 0;display: flex;justify-content: space-around;font-weight: 700;font-size: 12px;padding-bottom: 3px;}
.propriete-type{font-weight: 600;font-size: 12px;line-height: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow:  ellipsis;margin: 0;max-width: 100%;}
.propriete-ico-bain{padding-left: 23px;background: url(../images/ico-bain.svg) center left no-repeat;background-size: 16px auto}
.propriete-ico-maison{padding-left: 16px;background: url(../images/ico-maison.svg) center left no-repeat;background-size: 13px auto}
.propriete-ico-chambre{padding-left: 28px;background: url(../images/ico-chambre.svg) center left no-repeat;background-size: 22px auto}
.propriete .vendu{background: #c33402;color: #fff;position: absolute;left: 0;top: 101px;padding: 1px 11px 1px 12px;font-size: 16px;font-weight: 900}
.portes-ouvertes .propriete{width: 256px;height: 363px;}
.portes-ouvertes .propriete-ico-maison {padding-left: 22px;background-size: 16px auto;}
.portes-ouvertes .propriete-image{height: 170px;}
.portes-ouvertes .propriete-icones {font-size: 14px;}
.portes-ouvertes .propriete-ico-maison {padding-left: 22px;background-size: 16px auto;}
.portes-ouvertes .propriete-ico-bain {padding-left: 26px;background-size: 18px auto;}
.portes-ouvertes .propriete-ico-chambre {padding-left: 32px;background-size: 25px auto;}
.portes-ouvertes .propriete-type {font-size: 15px;line-height: 19px;}
.portes-ouvertes .propriete-adresse {font-size: 17px;line-height: 22px;}
.portes-ouvertes .propriete-prix {font-size: 20px;line-height: 27px;}
.portes-ouvertes .propriete-description {padding: 26px 26px 24px;}
.portes-ouvertes .propriete .vendu {top:158px}
/* #section-courtien-pied{position: relative;margin-top: 72px;padding-top: 88px;background: url(../images/le-dude.png) left calc(50% - 466px) bottom no-repeat} */
#section-courtien-pied{/* margin-top: 72px; */position: relative;padding-top: 65px;background: left calc(50% - 485px) top 60px no-repeat;background-size: 570px;}
#section-courtien-pied .background{position: absolute;left: 0;right: 0;top: 110px;bottom: 0;z-index: -1;background: #f27c21;}
#section-courtien-pied .wrap{position: relative;z-index: 2;}
#section-courtien-pied .colones{display: flex;padding-bottom: 68px;align-items: stretch;}
#section-courtien-pied .calculateur{flex: 1;position: relative;}
#section-courtien-pied .calculateur .titre{color: #fff;text-align: center;font-size: 30px;font-weight: 600;margin: 30px 0 33px;}
#section-courtien-pied .calculateur select,
#section-courtien-pied .calculateur input[type=text]{width: 216px;margin-bottom: 18px;padding: 13px 15px;font-size: 16px;}
#section-courtien-pied .calculateur select:nth-child(odd),
#section-courtien-pied .calculateur input[type=text]:nth-child(odd){margin-right: 10px;}
#section-courtien-pied .colone-courtier{width: 582px;}
#section-courtien-pied .colone-courtier .entete{padding-left: 186px}
#section-courtien-pied .colone-courtier .titre{font-weight: 600;font-size: 40px;margin: 0;white-space: nowrap;}
.page-courtier .courriel,
#section-courtien-pied .courriel{display: inline-block;color: #fff;background: url(../images/courriel.svg) center left 5px no-repeat;padding-left: 37px;font-size: 18px;font-weight: 600;background-size: 22px auto;}
.page-courtier .telephone,
#section-courtien-pied .telephone{display: inline-block;color: #fff;background: url(../images/telephone.svg) center left 5px no-repeat;background-size: 16px;padding-left: 28px;font-size: 18px;font-weight: 600;margin-left: 25px;}
#section-courtien-pied .conteneur-texte{padding-left: 272px;padding-right: 77px;text-align: right;}
#section-courtien-pied .texte{line-height: 24px;padding-top: 39px;padding-bottom: 44px;font-size: 18px;}

#section-courtien-pied .calculateur-background{position: absolute;right: -10px;top: -18px;left:56px;bottom: -127px;background: #f27c21;z-index: -1;}
#section-courtien-pied .calculateur-separateur{position: absolute;left: -2px;width: 2px;top: 73px;bottom: -25px;background: #fff;}
#section-courtien-pied .calculateur-conteneur{padding-left: 75px;position: relative;z-index: 2}
#section-courtien-pied .calculateur .bouton{width: 216px;padding-left: 0;padding-right: 0;text-align: center;margin-right: 10px;}
#calculateur-total{display: inline-block;width: 216px;color: #fff;font-size: 16px;vertical-align: middle}
#calculateur-total span{font-size: 33px;font-weight: 600;}
#calculateur-total sup{font-size: 20px;}
#section-carte{height: 716px}
#section-carte .bouton{font-size: 24px;font-weight: 600;padding: 6px 65px 6px 12px;margin-right: -8px;background-image: url(../images/loupe-blanc.svg);background-repeat: no-repeat;background-position: right 11px center;background-size: 30px;}
#section-carte::-webkit-input-placeholder {color:#fff;}
#section-carte:-ms-input-placeholder{color:#fff;}
#section-carte:-moz-placeholder,
#section-carte::-moz-placeholder{color:#fff;opacity:1;}
#map-search-input::-webkit-input-placeholder {color:#fff;}
#map-search-input:-ms-input-placeholder{color:#fff;}
#map-search-input:-moz-placeholder,
#map-search-input::-moz-placeholder{color:#fff;opacity:1;}
#section-carte input[type=text]{width: 278px;font-size: 24px;
    font-weight: 600;
    padding: 6px 65px 6px 12px;
    margin-right: -8px;
    background-color: #f27c21;color: #fff;
    background-image: url(../images/loupe-blanc.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 30px;
}
#section-carte #map-section {
    height: 100%;
}
#section-carte #map-search-wrap {
    position: relative!important;
    margin-top: 80px!important;
}
.infoBox article.propriete {
    margin: 0!important;
    height: auto;
    background: none!important;
}

.infoBox .propriete-image {
    width:  100%;
    background-color: white;
    vertical-align: middle;
    line-height: 114px;
}
.infoBox > img {position:  absolute;z-index: 10;}

.infoBox {
    overflow:  hidden!important;
}
.infoBox .propriete-prix {
    padding: 5px 0;
}


.infoBox .propriete-description {
    background: white;
}

.infoBox .map-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 87.5px 20px 87.5px;
    border-color: transparent transparent #ffffff transparent;
}
.infoBox > img {
    top:20px!important;
}
.section-joindre{color: #fff;padding: 27px 0 67px;background: #f27c21;}
.section-joindre a{color: #fff;}
.section-joindre .colones{display: flex;justify-content: space-between;}
.section-joindre .formulaire{width: 469px;}
.section-joindre .sujet-recent{width: 454px;}
.section-joindre .formulaire .titre{color: #fff;font-size: 40px;font-weight: 600;margin: 22px 0;}
.section-joindre .sujet-recent .titre{color: #fff;font-size: 40px;font-weight: 600;margin: 22px 0 11px;}
.section-joindre .sujet-recent .voir-tous{float: right;margin-top: 29px;}
.section-joindre .selection{font-size: 24px;font-weight: 800;margin-bottom: 18px;}
.section-joindre .selection > div{display: inline-block}
.section-joindre .formulaire textarea,
.section-joindre .formulaire input[type=email],
.section-joindre .formulaire input[type=text]{margin-bottom: 16px;padding: 12px 20px;}
.section-joindre .formulaire textarea{height: 163px;}
.section-joindre .formulaire button{width: 100%;text-align: center;}
.section-joindre .liste-sujets .sujet{border-bottom: 1px solid #fff;padding-bottom: 14px;margin-bottom: 14px;}
.section-joindre .liste-sujets .sujet .titre{margin: 0;color: #fff;font-size: 16px;font-weight: 600;}
.section-joindre .liste-sujets .date{font-size: 14px;}
.section-joindre .liste-sujets .texte{color: #333;font-size: 14px;font-weight: 600;margin-top: 6px;line-height: 18px;padding-left: 4px}
.section-joindre .liste-sujets .texte img{float: left;margin: 6px 14px 4px 0;}
footer{padding: 38px 0;font-size: 14px;font-weight: 600;}
footer .colones{display: flex;justify-content: space-between;align-items: center;}
footer img{vertical-align: middle;}
footer .logo-oaciq{margin-right: 44px;}
footer .logo-sia{margin-right: 30px;}
footer .logo-centris{margin-right: 4px;}
footer .copyright{display: inline-block;vertical-align: middle;margin-left: 18px;color: #333;}
footer .politique-confidentialite{text-decoration: underline;color: #999;}
.footer-offset-orange{height: 31px;background: #f27c21;}
.offset-orange {
    height: 31px;
    background: #f27c21;
    margin: 40px 0;
}
.pagination > div{border-bottom: 1px solid #424242;display: inline-block;font-size: 18px;margin: 82px 0 65px;}
.pagination > div a,
.pagination > div span{border-bottom: 4px solid transparent;display: inline-block;padding: 2px 11px;margin: 0 6px;color: #333;}
.pagination > div span.actif,
.pagination > div a.actif{border-bottom: 4px solid #f27c21;color: #f27c21;font-weight: 900;}
.pagination > div a:first-child,
.pagination > div span:first-child{margin-left: 0}
.pagination > div a:last-child,
.pagination > div span:last-child{margin-right: 0}
.page-entete{padding-top: 35px;padding-bottom: 0;}
#accueil-recherche.page-recherche .conteneur-recherche{padding-top: 35px;padding-bottom: 12px;}
#accueil-recherche.page-entete{
    padding-top: 0;padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
#accueil-recherche.page-recherche .premiere-ligne{margin-bottom: 0;}
#accueil-recherche.page-recherche #recherche-liste-criteres{margin-bottom: 0;}
#accueil-recherche.page-recherche #bouton-criteres-avances{margin-top: 8px;}
.section-liste-propriete .propriete-filtres{float: right;}
.section-liste-propriete .propriete-filtres select{width: 245px;}
.page-entete.page-courtier{position: relative;height:240px}
.page-entete .conteneur-entete{position: absolute;bottom: 0;left: 0;right: 0;}
.page-entete .background-courtier{background-image: url(../images/le-dude-petit.png);position: absolute;top: 0;left: 0;bottom: 0;width: calc(50% - 360px);z-index: 2;background-size: 195px auto;background-position: bottom right;background-repeat: no-repeat}
.courtier-media a{padding: 13px;margin-right: 8px;display: inline-block;margin-top: 5px;/*background: #fff center no-repeat;*/background-size: 26px;background-position: center;background-repeat: no-repeat;}
.courtier-media a.facebook{background-image: url(../images/courtier-facebook.svg); }
.courtier-media a.twitter{background-image: url(../images/courtier-twitter.svg);}
.courtier-media a.linkedin{background-image: url(../images/courtier-linkedin.svg);}
.courtier-media a.gplus{background-image: url(../images/courtier-gplus.svg);}
.courtier-media a.pinterest{background-image: url(../images/courtier-pinterest.svg);}
.page-courtier .conteneur{background: #f27c21;display: flex;padding: 12px 43px 26px 200px;justify-content: space-between;align-items: center;}
.page-courtier.page-entete .texte{font-size: 14px;font-weight: 600;flex: 1;padding-left: 20px;line-height: 22px;padding-top: 16px;}
.page-courtier.page-entete .coordonnees{padding-top: 10px;}
.page-courtier.page-entete .titre{font-size: 36px;font-weight: 600;color: #fff;margin: 0}
.page-courtier.page-entete .titre-partagez{color: #333;font-size: 14px;font-weight: 700;margin-top: 24px;}
.section-liste-propriete.page-courtier .titre{font-size: 30px}
.page-entete .background-fade{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255,255,255,0.8);}
.page-entete-default{
    position: relative;background: url(../images/arriere-plan.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center bottom;
}
.page-entete-default .background-fade {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.24);
}
.page-entete-default .wrap{position: relative;z-index: 1;background: rgba(242, 124, 33, 0.79);}
.page-entete-default .titre{padding: 35px 0 35px 40px;font-size: 40px;font-weight: 600;color: #fff;margin: 0;}
.joindre-coordonnees{padding: 0 0 35px 0;}
.joindre-coordonnees .colones{display: flex;justify-content: flex-start;font-size: 14px;font-weight: 600;line-height: 21px;}
.joindre-coordonnees .adresse{padding-left: 83px;background: url(../images/contact-position.jpg) left 43px top 15px no-repeat;background-size: 28px auto;}
.joindre-coordonnees .contact-info{padding-left: 60px;}
.joindre-coordonnees .info{margin: 11px 0;}
.joindre-coordonnees .courriel,
.joindre-coordonnees .telephone,
.joindre-coordonnees .fax{display: inline-block;padding-left: 38px;}
.joindre-coordonnees .courriel{background: url(../images/contact-courriel.svg) center left 5px no-repeat;background-size: 22px auto;}
.joindre-coordonnees .telephone{background: url(../images/contact-telephone.svg) center left 8px no-repeat;background-size: 16px;}
.joindre-coordonnees .fax{background: url(../images/contact-fax.svg) center left 5px no-repeat;background-size: 22px auto;}
.joindre-coordonnees a{color: #333;}
.joindre-coordonnees h2 {
    margin: 0 0 20px 0!important;
}
.gris-apropos {
    padding: 20px 0;
    background: #e1e0e0;
    margin-bottom: 20px;
}
.apropos-ctn {
    padding: 0 45px;
}
.page-joindre-carte{height: 405px;background: url(../images/contact-carte.jpg) center top no-repeat;background-size: cover;}
.page-joindre-carte .colones{display: flex;justify-content: flex-end;}
.page-joindre-carte .formulaire{width: calc(50% - 56px);margin-top: -26px;margin-bottom: -29px;position: relative;padding: 14px 24px 38px;background: #f27c21;}
.page-joindre-carte .titre{color: #fff;margin: 10px 0;font-size: 30px;font-weight: 600;}
.page-joindre-carte .formulaire input[type=email],
.page-joindre-carte .formulaire input[type=text]{width: 240px;padding: 12px 20px;margin-bottom: 13px;}
.page-joindre-carte .formulaire input[type=email]:nth-child(even),
.page-joindre-carte .formulaire input[type=text]:nth-child(even){margin-right: 11px;}
.page-joindre-carte .formulaire textarea{height: 157px;padding: 12px 20px;margin-bottom: 16px}
.page-joindre-carte .formulaire button{width: 240px;text-align: center;}
.joindre-map {height: 405px;}
.page-joindre-carte > .wrap {top: -100%;position:  relative;pointer-events: none;}
.page-joindre-carte > .wrap .formulaire {pointer-events: all;}
.section-liste-courtiers{padding: 48px 0;background: url(../images/courtiers-bg.jpg) left top 286px repeat;}
.liste-courtiers{display: flex;flex-wrap: wrap;justify-content: space-between;}
.courtier-description .courriel,.courtier-description .telephone{display: inline-block;color: #333;}
.courtier-description .courriel{background: url(../images/contact-courriel.svg) center left 5px no-repeat;background-size: 22px auto;padding-left: 41px;font-size: 14px;font-weight: 600;}
.courtier-description .telephone{background: url(../images/contact-telephone.svg) center left 8px no-repeat;background-size: 16px;padding-left: 41px;}
.liste-courtiers .courtier{padding-top: 13px;width: 262px;margin-left: 5px;margin-bottom: 68px;}
.liste-courtiers .courtier-image{height: 225px;overflow: hidden;}
.liste-courtiers .courtier-image img{object-fit: cover;min-width: 100%;display: block; width:100%}
.courtier-description{border: 1px solid #E1E0E0;background: white;padding: 22px 22px 63px;position: relative;height: 146px;}
.courtier-description .titre{font-size: 22px;font-weight: 600;text-align: center;margin: 0;line-height: 25px;}
.courtier-description .poste{text-align: center;margin-bottom: 10px;}
.courtier-description .info{margin-bottom: 8px;}
.courtier-description .bouton-conteneur{text-align: center;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 25px;}
.courtier-description .bouton{color: #333;font-size: 14px;font-weight: 900;padding: 9px 15px;}
.fiche-propriete .courtier-media a{margin: 4px 1px 0 6px;}
.fiche-propriete .colones{display: flex;justify-content: space-between;padding: 21px 26px 27px 36px;align-items: center}
.fiche-propriete .sous-titre{font-size: 18px;font-weight: 600;line-height: 20px;color: #fff; }
.fiche-propriete .titre{padding: 0;font-size: 36px; display: flex; flex-direction: column;}
.fiche-propriete .partage{color: #333;text-align: right;font-weight: 700;}
.fiche-propriete .courtier-media .imprimer{background: url(../images/imprimer.svg) center right no-repeat;padding: 0 30px 0;color: #333;font-weight: 900;font-size: 14px;margin: 0 6px 0 0;background-size: 22px auto;vertical-align: super;}
.fiche-propriete-description{background: url(../images/fiche-bg.jpg) center top repeat-x;padding: 60px 0 82px;position: relative;}
.fiche-propriete span.prix-propriete {white-space:  nowrap;}
.lightbox-hidden {
    display: none;
}
.onglets span,
.onglets a{color: #333;font-size: 14px;font-weight: 700;display: inline-block;margin-right: 8px;background-color: #f27c21;border-radius: 4px 4px 0 0;}
.onglets span.actif,
.onglets a.actif{background-color: #fff;}
.onglets .onglet-detail{padding: 12px 26px 16px 54px;background-image: url(../images/photo.svg);background-position: top 11px left 19px;background-repeat: no-repeat;background-size: 22px auto;}
.onglets .onglet-carte{padding: 12px 26px 16px 43px;background-image: url(../images/contact-position.svg);background-position: top 10px left 12px;background-repeat: no-repeat;background-size: 17px auto;}
.onglets .onglet-video{padding: 12px 26px 16px 43px;background-image: url(../images/camera.svg);background-position: top 12px left 12px;background-repeat: no-repeat;background-size: 22px auto;}
.fiche-propriete-detail{padding: 22px 0;}
.fiche-propriete-detail .colones{display: flex;}
.fiche-propriete-detail .carrousel{flex: 1;}
.fiche-propriete-detail .cont-agents{width: 262px;margin-left: 18px;}
/*.fiche-propriete-detail .agent{width: 262px;margin-left: 18px;}*/
.carrousel-liste-photos{font-size: 0;}
.carrousel .btn-suivant{display: inline-block;padding: 26px;background: url(../images/fiche-suivant.svg) center no-repeat;background-size: 42px auto;}
.carrousel .btn-precedent{display: inline-block;margin-right: 14px;padding: 26px;background: url(../images/fiche-suivant.svg) center no-repeat;background-size: 42px auto; -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
.carrousel .carrousel-overflow{margin-top: 7px;max-width: 644px;overflow: hidden;display: inline-block;white-space: nowrap;}
.carrousel .image-courrante{background-size: cover;position: relative;z-index: 2;height: 618px;     cursor: pointer;}
.carrousel .image-suivante{background-size: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.carrousel .img_affiche{position: relative;}
.puces-images{-webkit-transition: left 0.4s ease;-ms-transition: left 0.4s ease;transition: left 0.4s ease;position: relative;left: 0;}
.puces-images img{margin-right: 14px;display: inline-block;width: 78px;}
.fiche-propriete-description .courtier-description {padding: 22px 22px 63px;height: 219px;}
.fiche-propriete-description .courtier-description .bouton-conteneur {padding-bottom: 73px;}
.fiche-propriete-description .agent-photo{background: url(../images/fiche-courtier-bg.jpg) center bottom repeat-x;}
.fiche-propriete-description .agent-photo img{display: block; max-width:262px;}
.fiche-propriete-technique{padding: 40px 0;}
.fiche-propriete-technique .titre-details{font-size: 53px;font-weight: 600;margin: 7px 0;}
.fiche-propriete-technique .titre-description{margin: 18px 0 52px;font-size: 42px;font-weight: 600;}
.fiche-propriete-technique .titre-addenda {margin: 18px 0 18px;font-size: 42px;font-weight: 600;}
.fiche-propriete-technique .titre-inclusion {margin: 18px 0 18px;font-size: 42px;font-weight: 600;}
.fiche-propriete-technique .titre-exclusion {margin: 18px 0 18px;font-size: 42px;font-weight: 600;}
.fiche-propriete-technique .description p{font-size: 14px;line-height: 24px;margin: 23px 0;}
.fiche-propriete-technique .titre-addenda { cursor:  pointer;}
.fiche-propriete-technique .titre-addenda .addenda-arrow {display: inline-block;padding: 15px 20px 10px 15px;background: url(../images/select.svg) center no-repeat;background-size: 80%;transition-duration:  0.5s;}
.fiche-propriete-technique .titre-addenda .addenda-arrow.closed {transform: rotate(90deg);}
.fiche-propriete-technique .colones{display: flex;justify-content: space-between;}
.fiche-propriete-technique .colones > div{width: 533px;margin-right: 17px;}
.fiche-propriete-technique .sous-titre{margin: 98px 0 0;font-size: 41px;font-weight: 600;}
.fiche-propriete-technique .details-icones{display: flex;justify-content: space-between;font-size: 14px;font-weight: bold;margin-bottom: 34px;}
.fiche-propriete-technique .details-icones > div{padding: 32px 10px 0 10px;}
.fiche-propriete-technique .details-icones .pieces{background: url(../images/ico-pieces.svg) left 8px top 2px no-repeat;background-size: 18px auto}
.fiche-propriete-technique .details-icones .chambres{background: url(../images/ico-chambre.svg) left 12px top 6px no-repeat;background-size: 35px auto}
.fiche-propriete-technique .details-icones .bain{background: url(../images/ico-bain.svg) left 8px top 3px no-repeat;background-size: 26px auto;}
.fiche-propriete-technique .details-icones .eau{background: url(../images/ico-eau.svg) left 11px top 5px no-repeat;background-size: 22px auto;}
.erreur-fiche {text-align: center;}
.erreur-form { color: white; text-align: center; margin: 10px 0;}
.conteneur-ligne-detail{display: table;margin-top: 19px;width: 100%;font-size: 14px;}
.conteneur-ligne-detail > div{display: table-row;}
.conteneur-ligne-detail .ligne-detail-titre{display: table-cell;width: 274px;border-bottom: 1px solid #D3D3D3;font-weight: bold;padding-top: 3px;}
.conteneur-ligne-detail .ligne-detail-vide{display: table-cell;width: 274px;padding-top: 3px;}
.conteneur-ligne-detail .ligne-detail-valeur{display: table-cell;padding-left: 6px;padding-top: 3px;}
.conteneur-ligne-detail .ligne-detail-offset{display: table-cell;padding: 26px 0;}
.fiche-propriete-carte{height: 609px;left: 0;right: 0;top: 108px;z-index: 2;display: none;padding-top:22px;}
#fiche-propriete-video {min-height: 609px;left: 0;right: 0;top: 108px;z-index: 2; background-color: white;}
.fiche-propriete-video .video-container{ position: relative;width: 100%;height: 0;padding-bottom: 56.25%;margin-top: 22px;margin-bottom: 22px;}
.fiche-propriete-video .video-container .video {position: absolute;left: 0;width: 100%;height: 100%;}
.fiche-map { height: 100%; }
.blogue-recherche{padding: 30px 0;background: #e1e0e0;}
.blogue-recherche .colones{display: flex;justify-content: space-between;align-items: center;}
.blogue-recherche .input-recherche{width: 175px;padding: 11px 30px 11px 23px;margin-right: 14px;background-image: url(../images/recherche.svg);background-size: 21px;background-position: right 9px center;background-repeat: no-repeat;}
.blogue-recherche select{padding: 11px 12px;margin-right: 14px;width: 168px;}
.blogue-recherche .select-annee{width: 104px;}
.blogue-recherche .select-ordre{width: 168px;}
.blogue-recherche .pagination > div{margin: 0;}
.liste-articles{padding-top: 46px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.liste-articles .article{width: 356px;margin-bottom: 17px;}
.liste-articles .article img{display: block;object-fit: cover;width: 100%;}
.liste-articles .article-image{height: 238px;overflow: hidden;}
.liste-articles .article-description{border: 1px solid #E1E0E0;padding: 16px 13px;height: 91px;}
.liste-articles .article .titre{margin: 0;font-size: 20px;font-weight: 600;line-height: 19px;margin-bottom: 6px;color: #333;}
.liste-articles .article .texte{font-size: 14px;font-weight: 600;line-height: 18px;color: #999;}
.section-blogue-detail{padding-bottom: 140px;}
.section-blogue-detail .conteneur-pad{padding-top: 48px;}
.section-blogue-detail .colones{display: flex;justify-content: space-between;}
.section-blogue-detail .conteneur-texte{width: 520px;}
.section-blogue-detail .titre{margin: 5px 0 6px;font-weight: 600;font-size: 30px;line-height: 30px;color: #333;}
.section-blogue-detail .date{font-size: 14px;line-height: 18px;}
.section-blogue-detail .texte{font-size: 14px;font-weight: 600;margin-top: 30px;line-height: 18px;}
.section-blogue-detail .texte p:first-child{font-size: 16px;font-weight: bold;line-height: 18px;}
.section-blogue-detail .bouton{margin-top: 10px;}
.section-blogue-detail .conteneur-photos{width: 539px}
.section-blogue-detail .carrousel .carrousel-overflow{max-width: 362px;}
.section-blogue-detail .carrousel .image-courrante{height: 361px;}
.section-404{padding: 80px 0 120px}
.wrap-pagination{text-align: left;width: 100%;}
.fiche-propriete-description .agent.mobile{display: none;}
.fiche-nosia{font-weight: 600;font-size: 16px;}
.prix-propriete{ display: flex;}
.prix-propriete p {margin: 0; align-self: center; font-size: 24px; margin-left: 12px;}
/* Prettyphoto */

/* prettyPhoto styling for small screens */
/*.pp_pic_holder {width: 80%!important;left: 10%!important;overflow: hidden;max-width: 1600px!important;}
div.pp_pic_holder .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_pic_holder .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_top, .pp_bottom {display: none!important;}
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details {width: 94%!important;padding-left: 3%;padding-right: 4%;padding-top: 30px;padding-bottom: 10px;background-color: #333;margin-top: -2px!important;}
a.pp_close { right: 10px!important; top: 10px!important; }
.pp_hoverContainer{width: 100%!important;height: 100%!important;}*/

.pp_pic_holder {
    bottom: 0 !important;top: 0 !important;left: 0 !important;right: 0 !important;width: auto !important;height: auto !important;
    position: fixed !important;
}
div.dark_square .pp_content{height: calc(100vh - 40px) !important;width: 100% !important;}
.pp_hoverContainer{width: auto !important;height: calc(100vh - 40px) !important;}
div.ppt{height: 0;margin: 0;}
#fullResImage{height: auto !important;width: auto !important;max-width: 100%;max-height: calc(100vh - 80px);}
#pp_full_res {text-align: center;}
.pp_details{width: 100% !important;}


/*2022*/
.table-pieces-2022 {display: table;width: 100%;font-size: 14px;}

.table-pieces-2022 > div {display: table-row;}

.table-pieces-2022 > div > div {display: table-cell;}

.table-pieces-2022 .v2-entete {font-weight: bold;}

.table-pieces-2022 > div:not(.v2-entete) > div {border-bottom: 1px solid #D3D3D3;padding-block: 2px;}

.table-pieces-2022 .titre-colone-2022 {
    display:none;
}

@media screen and (max-width:860px) {
    .table-pieces-2022 .v2-entete {
        display:none;
    }

    .table-pieces-2022 .titre-colone-2022 {
        display:block;
        font-weight:bold;
    }

    .table-pieces-2022 {
        display:block;
    }

    .table-pieces-2022 > div:not(.v2-entete):not(:last-child) {
        margin-bottom:20px;
    }

    .table-pieces-2022 > div:not(.v2-entete) {
        display:grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap:20px;
        grid-row-gap:10px;
        align-items:end;
    }

    .table-pieces-2022 > div:not(.v2-entete) > div:first-child {
        display:none;
    }

    .table-pieces-2022 > div:not(.v2-entete) > div:empty {
        display:none;
    }

    .table-pieces-2022 > div:not(.v2-entete) > div {
        border-bottom-width:0px;
        padding:0px;
    }

    .table-pieces-2022 > div:not(.v2-entete) {
        border-bottom: 1px solid #D3D3D3;
        padding-bottom:10px;
    }

    .table-pieces-2022 > div:not(.v2-entete) > div:nth-child(4) {
        grid-row-start: 1;
        grid-column-start: 2;
    }
}

@media screen and (max-width:560px) {
    .table-pieces-2022 > div:not(.v2-entete) {
        grid-template-columns:1fr;
    }

    .table-pieces-2022 > div:not(.v2-entete) > div:nth-child(4) {
        grid-row-start: 2;
        grid-column-start: 1;
    }
}