@import url('//static.azko.fr/css/font-awesome-4.7.0/css/font-awesome.min.css');
@import url('//static.azko.fr/css/font-awesome-5.5.0/css/all.min.css');
@import url('//static.azko.fr/css/font-awesome-5.10.0/css/all.min.css');

/*
@import url('//static.azko.fr/css/font-awesome-5.2.0/css/all.min.css');
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.eot");
    src: url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.woff2") format("woff2"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.woff") format("woff"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.ttf") format("truetype"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    src: url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.eot");
    src: url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.woff2") format("woff2"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.woff") format("woff"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.ttf") format("truetype"),
    url("//static.azko.fr/css/font-awesome-5.2.0/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
*/

/* debug bootstrap */
.dropdown-menu { display:none; }



/**
 * Sous-sous-menu bootstrap - à combiner avec la méthode JS oMain.bootstrapDropdownMenu()
 */
.dropdown-menu li                                               { position:relative;}
.dropdown-menu li > ul.subdropdown-menu                         { display:none; position:absolute; top:0; left:100%; padding: 0px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); margin-top:-1px; margin-left:-5px; }
.dropdown-menu li.has-submenu:hover > ul.subdropdown-menu       { display:none; /* passer en block pour activer les sous-sous-menus */ }
.dropdown-menu li.has-submenu > ul.subdropdown-menu > li        { list-style:none; color: #6f6f6f; font-weight: 300; line-height: 1.42857; padding:7px 15px; white-space: nowrap; }
.dropdown-menu li.has-submenu > ul.subdropdown-menu > li > a    { color: #6f6f6f; padding: 0px 10px; }
.dropdown-menu li.has-submenu > a:after                         { display:none; /* passer en block pour activer les sous-sous-menus */ content:" "; float:right; width:0; height:0; border:5px solid transparent; border-right:0px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; }
.dropdown-menu li.has-submenu:hover > a:after                   { border-left-color:#aaaaaa; }
@media all and (max-width: 767px){
    .dropdown-menu li > ul.subdropdown-menu { display:none; opacity:1; position:relative; top:0px; left:0px; border:none; box-shadow:none; padding:0px 0px 0px 20px; }
}

/**
 * Pour activer les sous-sous menus :
 * .dropdown-menu li.has-submenu:hover > ul.subdropdown-menu { display:block; }
 *
 * Pour activer et changer la couleur de la petite flèche :
 * .dropdown-menu li.has-submenu > a:after { display:block; border-left-color:#cccccc; }
 */


/**
 * Menu custom
 */
.menu-principal {
    display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap;
    justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    list-style: none; width: 100%; margin: 0; padding: 0;
}
.menu-principal li { position: relative; display: block; padding: 0px 15px; }
.menu-principal li.active > a { background:#dedede; }
.menu-principal li > a {  }
.menu-principal li > ul { position: absolute; display: block; width: 250px; background: #FFFFFF; padding: 15px 0px; border: 1px solid #DDDDDD; }
.menu-principal li li > ul { position: relative; }

.menu-principal li > a.navigate { display: block; }
.menu-principal li > a.clickable { display: none; }
.menu-principal li > a.non-clickable { display: none; }

.menu-principal li.has-submenu > ul.menu-dropdown { display: none; }
.menu-principal li.has-submenu:hover > ul.menu-dropdown { display: block; }
.menu-principal li.has-submenu > ul.menu-dropdown.niveau-2 { display: none; }

/* TODO : seuil responsive < à 768px => menu burger */


/** NEW RS **/

.RS ul.menuSocial li.btn_meetlaw_rs a::before{
    content: '';
    background-image: url('../img/rs/meetlaw-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 27px;
    margin-left: 4px;
    margin-right: 8px;
}
.RS ul.menuSocial li.btn_meetlaw_rs a:hover{
    background: #23b9ce;
}
.RS ul.menuSocial li.btn_meetlaw_rs a:hover::before{
    background-image: url('../img/rs/meetlaw-icon-hover.png');
}
/** FIN NEW RS **/


/**
 * Scroll progress bar reading
 */
.scroll-progress-bar{
    background: #28b8ce; height: 10px;
}

/* CSS communs */
.clear_both  { clear:both; }
.float_left  { float:left; }
.float_right { float:right; }


/* lien top page */
a.toplink       { display:none; position:fixed; width:50px; height:50px; right:20px; bottom:70px; padding:10px 15px; background:rgba(0,0,0,0.5) url('../img/fleche-top-white-32x32.png') no-repeat center center; z-index:2000; color:#FFFFFF; border-radius:27px; text-decoration:none; opacity:0.8; }
a.toplink span  { display:none; }
a.toplink:hover { opacity:1; }


/* boutons */
a.btnStatus             { display:inline-block; height: 14px; min-width: 16px; font-size: 13px; line-height: 18px; /*padding-left: 17px;*/ }
a.btnStatus.green       { color:#00CC00; /*background-image:url('../img/voyants/puce_green.png');  background-repeat:no-repeat; background-position:2px 4px;*/ }
a.btnStatus.orange      { color:#EA8E00; /*background-image:url('../img/voyants/puce_orange.png'); background-repeat:no-repeat; background-position:2px 4px;*/ }
a.btnStatus.red         { color:#CC0000; /*background-image:url('../img/voyants/puce_red.png');    background-repeat:no-repeat; background-position:2px 4px;*/ }
a.btnStatus.blue        { color:#75A0EF; /*background-image:url('../img/voyants/puce_blue.png');   background-repeat:no-repeat; background-position:2px 4px;*/ }
a.btnStatus.grey        { color:#c1c1c1; /*background-image:url('../img/voyants/puce_grey.png');   background-repeat:no-repeat; background-position:2px 4px;*/ }
a.btnStatus:empty       { /*padding-left:0px;*/ }

a.btnStatus:before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #9e9e9e; margin-right: 5px; }
a.btnStatus.green:before { background-color:#00CC00; }
a.btnStatus.orange:before { background-color:#EA8E00; }
a.btnStatus.red:before { background-color:#CC0000; }
a.btnStatus.blue:before { background-color:#75A0EF; }
a.btnStatus.grey:before { background-color:#c1c1c1; }
a.btnStatus.empty:before { display:none; }


a.btnDelete, a.btnDelete:hover { height:20px; width:20px; padding:0px; background-image:url('../img/btn_delete.png'); background-repeat:no-repeat; background-position:0px 0px; }
a.btnDelete > span             { display:none; }


/* lien sur image */
a.lienimage             { border:none; text-decoration:none; outline:none; }
a.lienimage img         { border:none; text-decoration:none; outline:none; }
a.lienimage:hover img   { opacity:0.8;  }


/* bouton switch */
input.checkb.switch[type="checkbox"]:checked,
input.checkb.switch[type="checkbox"]:not(:checked)                  { display:none; }

input.checkb.switch[type="checkbox"]:checked        + label,
input.checkb.switch[type="checkbox"]:not(:checked)  + label         { padding-left:31px; position:relative; cursor: pointer; }

input.checkb.switch[type="checkbox"]:checked        + label:before,
input.checkb.switch[type="checkbox"]:not(:checked)  + label:before  { position:absolute; top:4px; left:0px; display:block; width:25px; height:12px; border-radius: 7px; content:''; }

input.checkb.switch[type="checkbox"]:checked        + label:hover:before { box-shadow: 0px 0px 5px rgba(0, 153, 0, 0.5); }
input.checkb.switch[type="checkbox"]:not(:checked)  + label:hover:before { box-shadow: 0px 0px 5px rgba(153, 0, 0, 0.5); }

input.checkb.switch[type="checkbox"]:checked        + label:before  { background: #d6f1d6; border: 1px solid #009900; }
input.checkb.switch[type="checkbox"]:not(:checked)  + label:before  { background: #f9dfdf; border: 1px solid #990000; }

input.checkb.switch[type="checkbox"]:checked + label:after ,
input.checkb.switch[type="checkbox"]:not(:checked) + label:after { position:absolute; top: 6px; left: 3px; display:block; width: 10px; height: 10px; border-radius: 10px; content:''; }

input.checkb.switch[type="checkbox"]:checked + label:after { content:''; background: #00a200; /* background: #00cc00; */ }
input.checkb.switch[type="checkbox"]:not(:checked) + label:after { left: 14px; background: #cc0000; }

input.checkb.switch[type="checkbox"]:disabled               + label:hover        { cursor: default; }
input.checkb.switch[type="checkbox"]:disabled               + label:hover:before { box-shadow: unset; }
input.checkb.switch[type="checkbox"]:disabled:checked       + label:before       { background: #cccccc; border: 1px solid #a5bfa5; }
input.checkb.switch[type="checkbox"]:disabled:checked       + label:after        { background: #a5bfa5; }
input.checkb.switch[type="checkbox"]:disabled:not(:checked) + label:before       { background: #cccccc; border: 1px solid #d2b6b6; }
input.checkb.switch[type="checkbox"]:disabled:not(:checked) + label:after        { background: #d2b6b6; }


/* bandeauCookies */
#bandeauCookies { display:none; position: fixed; bottom: 0px; background: rgba(51, 51, 51, 0.9); color: #FFFFFF; padding: 30px 15px; width: 100%; text-align: center; z-index: 1000; }
#bandeauCookies .titre { font-family: " Arial", sans-serif; font-size: 16px; text-transform: uppercase; text-align: center; color: #FFFFFF; }
#bandeauCookies .message { font-family: " Arial", sans-serif; font-size: 14px; padding: 10px 0px; color: #FFFFFF; text-align: center; }
#bandeauCookies .message a { color: #FFFFFF; text-decoration: underline; }
#bandeauCookies .message a.cookiesMoreInfo {  }
#bandeauCookies .message a.cookiesLessInfo { display:none; }
#bandeauCookies .infos { font-family: " Arial", sans-serif; font-size: 12px; padding: 10px 0px 20px 0px; display: none; color: #FFFFFF; text-align: center; }
#bandeauCookies a.btnStandard { cursor: pointer; text-transform: none; font-size: 14px; font-family: Arial, sans-serif; font-weight: 300; color: #f3f3f3; padding: 5px 15px; margin: 0px 1px; background-color: #000000; text-decoration: none; transition: all 800ms ease; }
#bandeauCookies a.btnStandard:hover { color: #000000; background-color: #FFFFFF; }

#bandeauCookies a.btnStandard.btnCookiesAccepter { background: #00a200; }
#bandeauCookies a.btnStandard.btnCookiesConfigurer { background: #888888; }
#bandeauCookies a.btnStandard.btnCookiesRefuser { background: #888888; /* display: none; */ }

#bandeauCookies a.btnStandard.btnCookiesAccepter:before { display: inline-block; content:'\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; }
#bandeauCookies a.btnStandard.btnCookiesConfigurer:before { display: inline-block; content:'\f4fe'; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; }
#bandeauCookies a.btnStandard.btnCookiesRefuser:before { display: inline-block; content:'\f00d'; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; }

@media (max-width: 430px) {
    #bandeauCookies a.btnStandard{display: block;margin-bottom: 6px;}
}

#bandeauCookieBtn { display: block; position: fixed; bottom: 35px; left: 10px; z-index: 999; }
#bandeauCookieBtn a { display: block; width: 0px; height: 0px; overflow: hidden; }
#bandeauCookieBtn a:before { content: "\f505"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: #AAAAAA; position: absolute; top: 0; left: 0; cursor: pointer; }
#bandeauCookieBtn a:hover:before { color: #333333; }

#bandeauCookieDialogBox { display: none; width: 50%; }
#bandeauCookieDialogBox .bandeauCookieTitle { font-size: 20px; font-weight: bold; color: #26b7ce; }
#bandeauCookieDialogBox .bandeauCookieTitle:before { content:"\f505"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-right: 5px; }
#bandeauCookieDialogBox .infos { color: #888; font-size: 13px; }


#bandeauCookieDialogBox .bandeauCookiesBoutons { text-align: right; padding-top: 20px; }
#bandeauCookieDialogBox .bandeauCookiesBoutons .btnToutAccepter { text-decoration: none; padding: 6px 9px; background: #00a200; color: #FFFFFF; font-size: 14px; border: none; outline: none; cursor:pointer; }
#bandeauCookieDialogBox .bandeauCookiesBoutons .btnToutRefuser { text-decoration: none; padding: 6px 9px;background: #b77c7c; color: #FFFFFF; font-size: 14px; border: none; outline: none; cursor:pointer; }
#bandeauCookieDialogBox .bandeauCookiesBoutons .btnToutAccepter:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-right: 5px; }
#bandeauCookieDialogBox .bandeauCookiesBoutons .btnToutRefuser:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-right: 5px; }

#bandeauCookieDialogBox .bandeauCookieItem { background: #EEEEEE; padding: 10px; margin: 20px 0px; position: relative; }
#bandeauCookieDialogBox .bandeauCookieItem label { font-size: 16px; font-weight: bold; color: #26b7ce; }
#bandeauCookieDialogBox .bandeauCookieItemAnalytics > label:before { display: inline-block; content: "\f201"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; }


#bandeauCookieDialogBox input.checkb.switch[type="checkbox"]:checked + label:before,
#bandeauCookieDialogBox input.checkb.switch[type="checkbox"]:not(:checked) + label:before { width: 45px; height: 26px; border-radius: 13px; }

#bandeauCookieDialogBox input.checkb.switch[type="checkbox"]:checked + label:after,
#bandeauCookieDialogBox input.checkb.switch[type="checkbox"]:not(:checked) + label:after{ top: 7px; width: 20px; height: 20px; border-radius: 10px; }
#bandeauCookieDialogBox input.checkb.switch[type="checkbox"]:not(:checked) + label:after{ left: 22px; }

#bandeauCookieDialogBox .bandeauCookieItemSwitch{ position: absolute; top: 0px; right: 25px; }

.ui-dialog.bandeauCookieDialogBox button .ui-button-text { font-size: 15px; }
.ui-dialog.bandeauCookieDialogBox button .ui-button-text:before { display: inline-block; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 5px; }


/* formulaires */
.form-group .info { font-style:italic; color:#888888; }
.form-group textarea { resize: vertical; }
.form-group .form-checkb { padding-top:7px; }
.form-group input.checkb { height:20px; vertical-align:middle; width:20px; margin: 2px 0 0; }
.form-group label.checkb { height:18px; vertical-align:middle; margin: 0px 10px 0px 0px; cursor:pointer; }
.form-group.RgpdConsent .consentField { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 7px; }
.form-group.RgpdConsent label.RgpdConsentLabel { font-size: 12px; font-weight:300; margin-right:0px; width:calc(100% - 25px); height: 100%; margin-top: 2px; margin-left: 2px; }








/* erreur */
.error   { border-radius: 4px; border: 1px solid #a9444240; padding: 20px; background:#f2dede; color:#a94442; font-size:12px; font-family:Verdana, Arial; font-weight:normal; margin: 0px auto 15px auto; }
.warning { border-radius: 4px; border: 1px solid #e26c0840; padding: 20px; background: #fff3cd; color: #e26c08; font-size: 12px; font-family: Verdana, Arial; font-weight: normal; margin: 0px auto 15px auto; }
.notice  { border-radius: 4px; border: 1px solid #428bca40; padding: 20px; background: rgb(223, 238, 251); color: #428bca; font-size: 12px; font-family: Verdana, Arial; font-weight: normal; margin: 0px auto 15px auto; }

.error strong,
.warning strong,
.notice strong { font-family: Verdana, Arial; font-weight: bold; }

/* section */
section { clear:both; width:100%; max-width: 100%; }
section > .sectionContainer { width:100%; max-width: 1170px; margin:auto; padding:0px; display: -webkit-flex; display :flex; -webkit-flex-flow: row wrap; flex-flow : row wrap ; -webkit-justify-content: space-around; justify-content:space-around; }
section > .sectionContainer:after { content:"\00a0"; display:block; height:0px; clear:both; width:100%; }



/* type de contenu introuvable/indéfini */
.content_notfound,
.content_partage_error        { border:1px dotted rgba(204, 0, 0, 0.5); padding:10px 20px; background:rgba(204, 0, 0, 0.2); }
.content_notfound .texte,
.content_partage_error .texte { color:rgba(204, 0, 0, 0.5); font-size:11px; font-family:Verdana, Arial; font-weight:normal; text-transform:uppercase; }

/* contenu texte/image */
.content_image .texte p { margin: 0px; }


    /* contenu de type "sous-menu" */
.content_sousmenu ul                        {  }
.content_sousmenu ul li                     {  }
.content_sousmenu ul li > a                 { font-weight:normal; }
.content_sousmenu ul li.active              {  }
.content_sousmenu ul li.active > a          { font-weight:bold; }
.content_sousmenu ul li:not(.active) > ul   { display:none; } /* permet de masquer les sous-menus dont le parent n'est pas actif ! */


    /* contenu de type "derniers tweets" */
.content_lasttweets .fullTweetsListe .infoTweeterNotSupported { color: #cccccc; border: dotted 1px; padding: 15px; margin-top: 20px; margin-bottom: 20px; }


    /* contenu diaporama */
.content_diaporama .carousel-indicators { display:none; }

/* contenu diaporama-galerie */
.content_diaporama .diapoGalerie                        {  }
.content_diaporama .diapoGalerie ul                     { width:100%; list-style:none; display:table; position:relative; margin:0px; padding:0px; }
.content_diaporama .diapoGalerie ul li                  { display:block; width:23%; margin: 1%; float:left; cursor:pointer; padding:10px; border:1px solid #CCCCCC; background:#FFFFFF; }
.content_diaporama .diapoGalerie ul li:nth-child(4n+1)  { clear:both;  }

.content_diaporama .diapoGalerie ul li .diapoGalerieItemImg     {  }
.content_diaporama .diapoGalerie ul li .diapoGalerieItemTexte   { width:225px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

#diaporama_popin188 .item .diaporamaItemImg     { display:block; max-width:40%; float:left; margin-right:20px; margin-bottom:10px; }
#diaporama_popin188 .item .diaporamaItemTexte   { display:block; }

/* effet fade sur .carousel bootstrap */
.carousel.carousel-fade .carousel-inner .item { opacity: 0;
    -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;
    -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;
}
.carousel.carousel-fade .carousel-inner .active       { opacity: 1; }
.carousel.carousel-fade .carousel-inner .active.left  ,
.carousel.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel.carousel-fade .carousel-inner .next.left    ,
.carousel.carousel-fade .carousel-inner .prev.right   { opacity: 1; }
.carousel.carousel-fade .carousel-control             { z-index: 2; }

.content_diaporama_v2 .slick-slide  { margin: 10px;}
.content_diaporama_v2 .slick-next   { right: 0;}
.content_diaporama_v2 .slick-prev   { left: 0;}
.content_diaporama_v2 .slick-prev   ,
.content_diaporama_v2 .slick-next   { z-index: 100;}


/* mise en forme galerie pêle-mêle, si fenêtre supérieure à 990px
@media all and (min-width: 990px){

    .content_diaporama .diapoGalerie ul     { height: 380px; }
    .content_diaporama .diapoGalerie ul li  { float:none; clear:both; position: absolute; top: 0px; left: 0px; }
    .content_diaporama .diapoGalerie ul li#diapoGalerie188_item0 { transform: rotate(5deg);  left: 11px;  top: 12px;  }
    .content_diaporama .diapoGalerie ul li#diapoGalerie188_item1 { transform: rotate(-2deg); left: 110px; top: 180px; }
    .content_diaporama .diapoGalerie ul li#diapoGalerie188_item2 { transform: rotate(5deg);  left: 280px; top: 10px;  }
    .content_diaporama .diapoGalerie ul li#diapoGalerie188_item3 { transform: rotate(-5deg); left: 470px; top: 25px;  }
    .content_diaporama .diapoGalerie ul li#diapoGalerie188_item4 { transform: rotate(6deg);  left: 670px; top: 100px; }
    .content_diaporama .diapoGalerie ul li:hover                 { z-index:99; transform: rotate(0deg) !important; }

    .content_diaporama .diapoGalerie ul li {
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
    }
}
*/

/* tables en content */
.richtext table td,
.richtext table th{
    padding: 15px;
    border: 1px solid #000;
}


/* Card open-graph */
.ogcard             { padding:5px; border:1px solid #CCCCCC; }
.ogcard a           { color:#000000; }
.ogcard .ogimg      { float:left; width:30%; padding-right:10px; }
.ogcard h4.ogtitre  { /*float:right; width:70%;*/ float:none; width:100%; padding-top:0px; margin:0px 0px 5px 0px; font-weight:400; }
.ogcard .ogdesc     { /*float:right; width:70%;*/ float:none; width:100%; }
.ogcard .oglien     { /*float:right; width:70%;*/ float:none; width:100%; padding-top:5px; }


/* Captcha */
.captchaField                       { color:#555555; }
.captchaField .captchaBtnRefresh    { display: inline-block; width: 31px; height: 39px; background: none; position: relative; top: -1px; left: -2px; }
.captchaField .captcha-col1         { float:right; width:160px; margin-top: 5px; height: 42px; }
.captchaField .captcha-col1 img     { position: relative; top: -1px; width: 120px; vertical-align: top; margin-top: 0px; margin-left: 0px; }
.captchaField .captcha-col2         { float:left; width: calc(100% - 160px); }
.captchaField input                 { float:left; clear:both; height: 40px; margin-top:5px; border-radius: 4px 0px 0px 4px; }

.captchaField .captchaBtnRefresh:before{
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    display: block;
    color: #4c4c4c;
    content: "\f021";
    text-align: left;
    width: 27px;
    height: 27px;
    top: 7px;
    left: 7px;
    transition: all 0.3s linear;
    -webkit-font-smoothing: antialiased;
}
.captchaField .captchaBtnRefresh:hover:before{
    color: #959595;
}


/* Moteur de recherche */
div.searchBox                   { padding:2px 0px; }
div.searchBox input.searchField { font-size: 14px; line-height: 30px; padding-left: 10px; padding-right: 10px; height: 30px; }
div.searchBox a.btnSearch       { font-size: 14px; line-height: 30px; padding-left: 1px; padding-right: 1px; height: 30px; display:inline-block; background: #6f6f6f; width: 110px; text-align: center; color: #FFFFFF; text-transform: uppercase; text-decoration:none; }
div.searchBox a.btnSearch:hover { opacity:0.8; }
div.searchBox div.searchWait    { display:inline-block; width:24px; height:24px; background:url('../img/wait_white.gif') no-repeat 0px 2px; vertical-align: top; }


div.mdrResultType               { display:inline; color:#808080; padding-right:0px; }
div.mdrResultType:after         { content:":"; padding-left:5px; }
div.mdrResultUrl                { display:inline; color:#006621; }
div.mdrResultTexte              { clear:both; }
div.mdrResultDebug              { display:none; }

ul.mdrResultsDetails    { padding:0px; margin:0px; }
ul.mdrResultsDetails li { display:inline-block; padding:0px; margin:0px; }
ul.mdrResultsDetails li:after { content:","; padding:0px; }
ul.mdrResultsDetails li:first-child:after { display:none; }
ul.mdrResultsDetails li:last-child:after { display:none; }

/* Autocomplete */
div.autocomplete             { background:#FFFFFF; padding:0px 5px; font-style:normal; max-height:200px; overflow-y:auto; }
div.autocomplete:empty       { display:none; }
div.autocomplete ul          { list-style:none; margin:0px; padding:0px; }
div.autocomplete ul li       { float:left; clear:both; width:100%; margin: 3px 0px; padding: 4px 5px; cursor: pointer; background: rgba( 36, 100, 100, 0.1); color: #000000; }
div.autocomplete ul li:hover { background:rgba( 36, 139, 190, 0.75); color:#FFFFFF; }
div.autocomplete ul li.on    { background:rgba( 36, 139, 190, 0.75); color:#FFFFFF; }



/* articles/pages - partage */
.actu_share,                .page_share           { clear:both; float:right; padding-top: 10px;padding-bottom: 10px;}
.actu_share a,              .page_share a         { display:inline-block; width:61px; height:24px; }
.actu_share a span,         .page_share a span    { display:none; }
.actu_share a.shareFbFrame, .page_share a.shareFbFrame {                } /* Iframe Facebook j'aime + partage */
.actu_share a.shareTw,      .page_share a.shareTw { background: url("../img/sprite_partage.png") no-repeat -150px -3px;               } /* Twitter */
.actu_share a.shareLi,      .page_share a.shareLi { background: url("../img/sprite_partage.png") no-repeat -306px -3px;               } /* LinkedIn */
.actu_share a.shareFb,      .page_share a.shareFb { display:none; background: url("../img/sprite_partage.png") no-repeat -75px -3px;                } /* Facebook */
.actu_share a.shareGp,      .page_share a.shareGp { display:none; background: url("../img/sprite_partage.png") no-repeat -223px -3px; width:71px;   } /* Google+ */
.actu_share a.sharePi,      .page_share a.sharePi { display:none; background: url("../img/sprite_partage.png") no-repeat 0px -3px;                  } /* Pinterest */
.actu_share a.shareMa,      .page_share a.shareMa { display:none; background: #6f6f6f;             } /* Mail */
.actu_share div.shareVi,    .page_share a.shareVi { display:inline-block; vertical-align:top;      } /* Viadeo */


/* articles/pages - partage via "social share privacy" */
.actu_share_2 { clear:both; float:right; padding-top: 10px;padding-bottom: 10px;}
.actu_share_2 .social_share_privacy_area.line li.gplus div.gplusone { width: auto; }
.actu_share_2 .social_share_privacy_area.line li.facebook div.fb_like { margin-right: 20px; width: auto; }
.actu_share_2 .social_share_privacy_area.line li.facebook iframe { width: 80px; }
.actu_share_2 .social_share_privacy_area.line li.twitter div.tweet { width: auto; }
.actu_share_2 .social_share_privacy_area.line li.twitter iframe { width: 80px; }
.actu_share_2 .social_share_privacy_area.line li.linkedin div.linkedin { width: auto; }
.actu_share_2 .social_share_privacy_area li.settings_info { top:0px; }
.actu_share_2 .social_share_privacy_area li.settings_info .settings_info_menu { position: relative; width: auto; min-width: initial; }



/* content annonces immo */
.content_annonces  .annoncesSlickSlider {
    width: 100%;
}
.content_annonces  .annoncesSlickSlider .slick-dots li {
    border: none;
}

/* content actus */
.content_actus .actu_date .jour,
.content_actus .actu_date .mois,
.content_actus .actu_date .moiscourt,
.content_actus .actu_date .moischiffre,
.content_actus .actu_date .annee{
    display:none;
}

.content_actus .carousel-control.left  { display:none; }
.content_actus .carousel-control.right { display:none; }


/* content ateliers */
.content_ateliers  .atelier_date .date,
.content_ateliers  .atelier_date .jour,
.content_ateliers  .atelier_date .mois,
.content_ateliers  .atelier_date .moiscourt,
.content_ateliers  .atelier_date .annee,
.content_ateliers  .difficulte,
.content_ateliers  .tarifs,
.content_ateliers  .lieu,
.content_ateliers  .lieu_details{
    display:none;
}

.content_ateliers .carousel-control.left  { display:none; }
.content_ateliers .carousel-control.right { display:none; }


/* content form v2:paiement libre - étapes */
.content_frmcontact .fieldset .form-group:not(.etape_0):not(.etape_1) { display:none; }
.content_paiementlibre .fieldset .form-group:not(.etape_0):not(.etape_1) { display:none; }
ul.frmContactStepMenu { /* voir .menu_etapes{} */ }
ul.frmContactStepFooter { list-style: none; padding:15px 0px; margin: 0px; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between;  justify-content: space-between; }
ul.frmContactStepFooter li { padding: 0px; margin: 0px; }
ul.frmContactStepFooter li.btnPrev > a { display:none; }
ul.frmContactStepFooter li.btnNext > a {  }



/* articles - blocs */
.article_container .actu_bloc1 { float: left; width:250px; max-width: 100%; padding-right: 20px; }
.article_container .actu_bloc2 { float: left; width:100%; max-width: 100%; }
.article_container .actu_bloc1+.actu_bloc2 { width:calc(100% - 250px); }

.article_container .actu_bloc2 .articleInjectedImg { display: inline-block; }

.article_container .actu_bloc3 { background: #EEEEEE; clear: both; padding: 15px; }
.article_container .actu_bloc3 .article_auteur { clear: both; padding: 15px 0px; }
.article_container .actu_bloc3 .article_auteur:after { content:"\00a0"; clear: both; height: 0; width: 0; display: block; }
.article_container .actu_bloc3 .article_auteur h5 { color: #428bca; font-size: 16px; margin: 0px; }
.article_container .actu_bloc3 .article_auteur .article_auteur_img { float: left; padding-right: 15px; }
.article_container .actu_bloc3 .article_auteur .article_auteur_img > img { max-width: 120px; }
.article_container .actu_bloc3 .article_auteur .article_auteur_infos { float: left; }
.article_container .actu_bloc3 .article_auteur .article_auteur_liens { float: right; border-left: 1px solid #428bca; padding: 0 0 0 15px; }
.article_container .actu_bloc3 .article_auteur .article_auteur_liens > a { display: block; }

.article_container .actu_bloc_auteur { background: #EEEEEE; clear: both; padding: 15px; }
.article_container .actu_bloc_auteur .article_auteur { clear: both; padding: 15px 0px; }
.article_container .actu_bloc_auteur .article_auteur:after { content:"\00a0"; clear: both; height: 0; width: 0; display: block; }
.article_container .actu_bloc_auteur .article_auteur h5 { color: #428bca; font-size: 16px; margin: 0px; }
.article_container .actu_bloc_auteur .article_auteur .article_auteur_img { float: left; padding-right: 15px; }
.article_container .actu_bloc_auteur .article_auteur .article_auteur_img > img { max-width: 120px; }
.article_container .actu_bloc_auteur .article_auteur .article_auteur_infos { float: left; }
.article_container .actu_bloc_auteur .article_auteur .article_auteur_liens { float: right; border-left: 1px solid #428bca; padding: 0 0 0 15px; }
.article_container .actu_bloc_auteur .article_auteur .article_auteur_liens > a { display: block; }


.article_container .actu_date .jour,
.article_container .actu_date .mois,
.article_container .actu_date .moiscourt,
.article_container .actu_date .moischiffre,
.article_container .actu_date .annee{
    display:none;
}


/* article/actu */
.articles_historique    { clear:both; }
ul.actu_files           { list-style:none; padding:10px 0px; margin:0px; }
ul.actu_files li        { padding:2px 0px; margin:0px; }
ul.actu_files li:before { content:"\00a0"; display:inline-block; width:10px; height:10px; line-height: 10px; border-radius:5px; margin:0px 5px 0px 0px; background:#CCCCCC; }
.content ul.actu_files              { display:none; }
.articles_historique ul.actu_files  { display:none; }
.actu_mention_auteurs { color: #999999; border-left: 1px dotted #999999; padding-left: 10px; }
.article_mention_semi_prive { background: #fff0df; padding: 1px 10px 10px 10px; border: 1px solid #ff7a05; color: #ff7a05; margin: 15px 0px; }

.actuImgCopyright:empty { display:none; }
.actuImgCopyright { color:#AAAAAA; font-size: 10px; }

/* historique */
.articles_historique ul li .actu_readmore   { display:none; }
.articles_historique ul li .actu_date       { display:none; }
.articles_historique ul li .actu_date .jour,
.articles_historique ul li .actu_date .mois,
.articles_historique ul li .actu_date .moiscourt,
.articles_historique ul li .actu_date .moischiffre,
.articles_historique ul li .actu_date .annee{
    display:none;
}
.articles_historique ul li .actu_categories { display:none; }
.articles_historique ul li .actu_shortdesc  { display:none; }
.articles_historique ul li .actu_liensource  { display:none; }
.articles_historique ul li img              { max-width:100px; }

/* multipage historique d'articles */
.articles_historique_multipage                          { display:block; width:100%; text-align:center; }
.articles_historique_multipage .btnpage                 { display:inline-block; height:25px; line-height:25px; margin:10px 2px; padding:0px 7px; }
.articles_historique_multipage .btnpage.btnpageFirst    {  }
.articles_historique_multipage .btnpage.btnpagePrev     { margin-right:10px; }
.articles_historique_multipage .btnpage.btnpageNext     { margin-left:10px; }
.articles_historique_multipage .btnpage.btnpageLast     {  }
.articles_historique_multipage .btnpage:hover,
.articles_historique_multipage .btnpage:focus           { background:#EEEEEE; text-decoration:none; }
.articles_historique_multipage .btnpage.active          { background:#CCCCCC; }
.articles_historique_multipage .btnpage.disabled        { background:none; color:#DDDDDD; text-decoration:none; cursor:default; }

/* multipage content actus */
.content_actus_multipage                          { display:block; width:100%; text-align:center; }
.content_actus_multipage .btnpage                 { display:inline-block; height:25px; line-height:25px; margin:10px 2px; padding:0px 7px; }
.content_actus_multipage .btnpage.btnpageFirst    {  }
.content_actus_multipage .btnpage.btnpagePrev     { margin-right:10px; }
.content_actus_multipage .btnpage.btnpageNext     { margin-left:10px; }
.content_actus_multipage .btnpage.btnpageLast     {  }
.content_actus_multipage .btnpage:hover,
.content_actus_multipage .btnpage:focus           { background:#EEEEEE; text-decoration:none; }
.content_actus_multipage .btnpage.active          { background:#CCCCCC; }
.content_actus_multipage .btnpage.disabled        { background:none; color:#DDDDDD; text-decoration:none; cursor:default; }

/* multipage content ateliers */
.content_ateliers_multipage                          { display:block; width:100%; text-align:center; }
.content_ateliers_multipage .btnpage                 { display:inline-block; height:25px; line-height:25px; margin:10px 2px; padding:0px 7px; }
.content_ateliers_multipage .btnpage.btnpageFirst    {  }
.content_ateliers_multipage .btnpage.btnpagePrev     { margin-right:10px; }
.content_ateliers_multipage .btnpage.btnpageNext     { margin-left:10px; }
.content_ateliers_multipage .btnpage.btnpageLast     {  }
.content_ateliers_multipage .btnpage:hover,
.content_ateliers_multipage .btnpage:focus           { background:#EEEEEE; text-decoration:none; }
.content_ateliers_multipage .btnpage.active          { background:#CCCCCC; }
.content_ateliers_multipage .btnpage.disabled        { background:none; color:#DDDDDD; text-decoration:none; cursor:default; }

/* multipage liste d'annonces */
.liste_annonces_multipage                          { display:block; width:100%; text-align:center; }
.liste_annonces_multipage .btnpage                 { display:inline-block; height:25px; line-height:25px; margin:10px 2px; padding:0px 7px; }
.liste_annonces_multipage .btnpage.btnpageFirst    {  }
.liste_annonces_multipage .btnpage.btnpagePrev     { margin-right:10px; }
.liste_annonces_multipage .btnpage.btnpageNext     { margin-left:10px; }
.liste_annonces_multipage .btnpage.btnpageLast     {  }
.liste_annonces_multipage .btnpage:hover,
.liste_annonces_multipage .btnpage:focus           { background:#EEEEEE; text-decoration:none; }
.liste_annonces_multipage .btnpage.active          { background:#CCCCCC; }
.liste_annonces_multipage .btnpage.disabled        { background:none; color:#DDDDDD; text-decoration:none; cursor:default; }

/* multipage extranet secibair/neo */
.extranet_multipage                          { display:block; width:100%; text-align:center; background: #DDDDDD; }
.extranet_multipage .btnpage                 { display:inline-block; height:25px; line-height:25px; margin:2px 2px; padding:0px 7px; }
.extranet_multipage .btnpage.btnpageFirst    {  }
.extranet_multipage .btnpage.btnpagePrev     { margin-right:10px; }
.extranet_multipage .btnpage.btnpageNext     { margin-left:10px; }
.extranet_multipage .btnpage.btnpageLast     {  }
.extranet_multipage .btnpage:hover,
.extranet_multipage .btnpage:focus           { background:#EEEEEE; text-decoration:none; }
.extranet_multipage .btnpage.active          { background: #444444; color: #FFFFFF; }
.extranet_multipage .btnpage.disabled        { background:none; color:#BBBBBB; text-decoration:none; cursor:default; }


/* extranet secibair/neo */
.pagedefaut.extranet_accueil a.btnSubmit ,
.pagedefaut.extranet_dossier a.btnSubmit ,
table.extranet-table a.btnSubmit ,
#extranet_dossier_content a.btnSubmit { font-family: Arial, sans-serif; background: #2096a8; color:#FFFFFF !important; font-size: 15px; font-weight: normal; display: inline-block; height: 26px; line-height: 26px; padding: 0px 15px 0px 10px; text-shadow: none; text-decoration: none; transition:all 300ms; border-radius: 15px; }

.pagedefaut.extranet_accueil a.btnSubmit:hover ,
.pagedefaut.extranet_dossier a.btnSubmit:hover ,
table.extranet-table a.btnSubmit:hover ,
#extranet_dossier_content a.btnSubmit:hover { opacity: 0.8; color:#FFFFFF; text-decoration:none; }

.pagedefaut.extranet_accueil a.btnSubmit.contactResp,
table.extranet-table a.btnSubmit.contactResp,
#extranet_dossier_content a.btnSubmit.contactResp{ background: #444444; }
a.btnSubmit.contactResp:before { content: "\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -93px -37px; display: inline-block; width: 25px; margin-right: 5px; }

a.btnSubmit.sendDoc:before { content: "\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -199px -37px; display: inline-block; width: 25px; margin-right: 5px; }

a.btnSubmit.btnPaiement { white-space: nowrap; }
a.btnSubmit.btnPaiement:before { content: "\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -51px -37px; display: inline-block; width: 20px; margin-right: 5px; }

a.btnSubmit.btnDetailsSolde { white-space: nowrap; }
a.btnSubmit.btnDetailsSolde:before { content: "€"; background: none; display: inline-block; margin-left: 0px; margin-right: 10px; font-weight: bold; }

a.btnSubmit.btnAboDetails {  }
a.btnSubmit.btnAboDetails:before { content: "\f05a"; background: none; display: inline-block; margin-left: 0px; margin-right: 10px; font-weight: 700; font-family: "Font Awesome 5 Free"; font-size: 16px; }

a.btnSubmit.btnAboEcheancier {  }
a.btnSubmit.btnAboEcheancier:before { content: "€"; background: none; display: inline-block; margin-left: 0px; margin-right: 10px; font-weight: bold; }


a.btnSubmit.btnMonCompte:before { content: "\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -157px -37px; display: inline-block; width: 20px; margin-right: 5px; }

.extranetbloc { clear: both; display: flex; flex-flow: row wrap; justify-content: space-between; font-size: 16px; padding: 20px 0px; }

.extranetbloc h3 { flex:1; background: #444444; color: #FFFFFF; padding: 5px 10px; margin: 0; font-weight: 500; border-radius: 10px 0px 0px 0px; }
.extranetbloc.extranetbloc_dossiers h3:before { content: "\00a0"; background: #444444 url(../img/extranet-sprite.png) no-repeat -183px -123px; width: 30px; display: inline-block; margin-right: 5px; }
.extranetbloc.extranetbloc_documents h3:before { content: "\00a0"; background: #444444 url(../img/extranet-sprite.png) no-repeat -218px -122px; width: 30px; display: inline-block; margin-right: 5px; }
.extranetbloc.extranetbloc_agendas h3:before { content: "\00a0"; background: #444444 url(../img/extranet-sprite.png) no-repeat -42px -121px; width: 30px; display: inline-block; margin-right: 5px; }

.extranetbloc .recherche { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex:0 0 210px; flex:1 0 0 210px; padding: 5px 6px 5px 10px;  background: #444444; border-radius: 0px 10px 0px 0px; }
.extranetbloc .recherche input { display: inline-block; height: 26px; border: none; padding: 2px 5px 2px 15px; border-radius: 15px 0px 0px 15px; }
.extranetbloc .recherche input:focus { outline:none; }


.extranetbloc.extranetbloc_abonnements .recherche > * { display: none !important; }

.extranetbloc .recherche a.btnSubmit,
#extranet_dossier_content .extranetbloc .recherche a.btnSubmit { border-radius: 0px 15px 15px 0px !important; width: 28px !important; background: #2096a8 url('../img/btn_search.png') no-repeat 4px 4px; display: inline-block; height: 26px; width: 26px; padding: 0px; }

.extranetbloc .recherche a.btnSubmit span,
#extranet_dossier_content .extranetbloc .recherche a.btnSubmit span { display:none !important; }


#extranet_dossier_content { font-size: 14.5px; }
#extranet_dossier_content h3 { background: #444444; color: #FFFFFF; padding: 5px 10px; margin: 0; }
#extranet_dossier_content h3:before { content: "\00a0"; background: #444444 url(../img/extranet-sprite.png) no-repeat -183px -123px; width: 30px; display: inline-block; margin-right: 5px; }

#extranet_dossier_content .extranet_dossier_infos { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc { flex:1 1 460px; -webkit-flex:1 1 460px; padding: 0px; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc1 { display: block; margin-bottom: 20px; background: #DDD; padding: 10px 15px; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc2 { display: block; margin-bottom: 20px; background: #DDD; padding: 10px 15px; text-align:right; justify-content: flex-end; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc3 { padding: 2px 0px; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc4 { padding: 2px 0px; background: none; justify-content:flex-end; -webkit-justify-content:flex-end; }
#extranet_dossier_content .extranet_dossier_infos .extranetbloc4 .recherche { flex:0 0 210px; -webkit-flex:0 0 210px; padding:0px; border:1px solid #cfcfcf; background: none; border-radius: 15px; }

#extranet_dossier_content .extranet_dossier_infos h4 { color:#000000; line-height: 20px; }
#extranet_dossier_content .extranet_dossier_infos h4.dossier_factured,
#extranet_dossier_content .extranet_dossier_infos h4.dossier_regled,
#extranet_dossier_content .extranet_dossier_infos h4.dossier_solde { text-align: right; }

#extranet_dossier_content .extranet_dossier_infos .dossier_factured .valeur { color:#a20606; }
#extranet_dossier_content .extranet_dossier_infos .dossier_regled .valeur { color:#057305; }
#extranet_dossier_content .extranet_dossier_infos .dossier_solde .valeur { color:#e87121; }


#extranet_dossier_content .extranet_dossier_infos .libelle,
#extranet_dossier_content .extranet_dossier_infos .dossier_factured .libelle,
#extranet_dossier_content .extranet_dossier_infos .dossier_regled .libelle,
#extranet_dossier_content .extranet_dossier_infos .dossier_solde .libelle { font-size: 16px; font-weight: normal; /*float: left;*/ line-height: 20px; padding-right: 5px; }

#extranet_dossier_content .extranet_dossier_infos .valeur,
#extranet_dossier_content .extranet_dossier_infos .dossier_factured .valeur,
#extranet_dossier_content .extranet_dossier_infos .dossier_regled .valeur,
#extranet_dossier_content .extranet_dossier_infos .dossier_solde .valeur { font-size: 20px; font-weight: bold; line-height: 20px; }



/* dialbox RDV MEETLAW */
.extranet_dialbox_rdv_meetlaw {
    display:none; z-index: 900001; position: fixed; bottom: 16px; right: 16px; background: #23bacf; color: #FFFFFF;
    padding: 20px 20px 12px 20px; border-radius: 16px; text-align:center;
}
.extranet_dialbox_rdv_meetlaw .titre { text-transform: uppercase; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; padding-bottom: 16px; line-height: initial; }
.extranet_dialbox_rdv_meetlaw select { color: #222222; width: 100%; }
.extranet_dialbox_rdv_meetlaw a.btnSubmit { margin-top: 8px; background-color:#444444 !important; }
.extranet_dialbox_rdv_meetlaw .powered_by_ml { text-align: right; font-size: 11px; font-family: Arial, sans-serif; font-weight: normal; padding-top: 8px; }

/* popin RDV MEETLAW */
.extranet_popin_rdv_meetlaw { display:none; z-index: 100000000; position: fixed; top:0px; left:0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5); padding: 16px; }
.extranet_popin_rdv_meetlaw .extranet_popin_rdv_content { background: #23bacf; height: 100%; width: 100%; }
.extranet_popin_rdv_meetlaw .extranet_popin_rdv_content iframe { width: 100%; height: calc(100% - 50px); border:none; }
.extranet_popin_rdv_meetlaw .extranet_popin_rdv_footer { text-align: center; padding: 5px; }
.extranet_popin_rdv_meetlaw a.btnSubmit { background-color:#444444 !important; }


@media all and (max-width: 768px) {
    .extranet_dialbox_rdv_meetlaw {
        position: initial;
        z-index: initial;
        margin: 16px;
    }

}





#dossier_tabs.ui-tabs {
    border: none;
    border-radius: 0px;
    padding: 20px 0px 0px 0px;
}
#dossier_tabs.ui-tabs .ui-tabs-nav{
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #CFCFCF;
    background: none;
    padding: 0px;
    display: flex;
    flex-flow: row wrap;
}
#dossier_tabs.ui-tabs .ui-tabs-nav li {
    flex: 1;
    border-radius: 0px;
    border: none;
    background: none;
}
#dossier_tabs.ui-tabs .ui-tabs-nav li:last-child {
    margin-right: 0px;
}
#dossier_tabs.ui-tabs .ui-tabs-nav li a,
#dossier_tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
    position: relative;
    top: 1px;
    background: #444444;
    color: #FFFFFF;
    outline: none;
    width: 100%;
    text-align: center;
    transition: all 300ms;
}
#dossier_tabs.ui-tabs .ui-tabs-nav li a:hover{
    background: rgba(68, 68, 68, 0.8);
}
#dossier_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-radius: 0px;
    border: 1px solid #CFCFCF;
    border-bottom: none;
}
#dossier_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    background: #FFFFFF;
    color: #444444;
}
#dossier_tabs.ui-tabs .ui-tabs-panel{
    border:1px solid #CFCFCF;
    border-top:none;
    padding: 15px;
}
#dossier_tabs.ui-tabs .ui-tabs-panel table.extranet-table{
    border:none;
}
#dossier_tabs.ui-widget-content table.extranet-table a{
    color: #428bca;
}



    /* mdr annonces */
.frmMdrAnnonce { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 -7px; }
.frmMdrAnnonce .field { flex: 1 1 320px; margin: 0 7px; }
.frmMdrAnnonce .frmMdrAnnonce_dep { width:49%; float: left; }
.frmMdrAnnonce .frmMdrAnnonce_ville { width:49%; float: right; }
.frmMdrAnnonce .frmMdrAnnonce_prixMini { width:49%; float: left; }
.frmMdrAnnonce .frmMdrAnnonce_prixMaxi { width:49%; float: right; }
.frmMdrAnnonce .frmMdrAnnonce_nbPieces { width:49%; float: left; }
.frmMdrAnnonce .frmMdrAnnonce_nbChambres { width:49%; float: right; }
.frmMdrAnnonce .frmMdrAnnonce_bouton { width: 100%; padding: 15px 0px; margin: 0 7px; }
.frmMdrAnnonce .frmMdrAnnonce_bouton button[type="submit"] { clear: both; float: right; }


/* Liste d'annonces immo */
.no_annonce { font-size: 18px; padding: 15px 0 30px 0; }

ul.listeAnnonces { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: flex-start; -webkit-justify-content: flex-start; list-style: none; padding: 0; margin: 0; }
ul.listeAnnonces li { flex:1 250px; margin:0 1% 20px 1%; border:1px solid #dddddd; padding-bottom: 25px; position: relative; }

ul.listeAnnonces li.disabled { opacity: 0.7; background: #EEEEEE; /*display:none;*/ }
ul.listeAnnonces li.disabled *,
ul.listeAnnonces li.disabled .annonceStatutEncheres,
ul.listeAnnonces li.disabled .annonceRef,
ul.listeAnnonces li.disabled *:not(.annonceStatutEncheresShort):hover { cursor: default; text-decoration: none; color: inherit; }
ul.listeAnnonces li.disabled .annonceLireSuite { display: none; }

ul.listeAnnonces li.statutEnchere {  }
ul.listeAnnonces li.statutEnchere.statutEnchereAdjuge     {  }
ul.listeAnnonces li.statutEnchere.statutEnchereVendu      {  }
ul.listeAnnonces li.statutEnchere.statutEnchereSurencheri {  }
ul.listeAnnonces li.statutEnchere.statutEnchereReporte    {  }
ul.listeAnnonces li.statutEnchere.statutEnchereDeserte    { opacity: 0.7; }
ul.listeAnnonces li.statutEnchere.statutEnchereAnnule     { opacity: 0.7; }


ul.listeAnnonces li > * { padding-left: 10px; padding-right: 10px; }
ul.listeAnnonces li .annonceImage { padding: 0; height: 200px; background: #EEEEEE; overflow: hidden; display: flex; align-items: center;  justify-content: center; }
ul.listeAnnonces li .annonceImage img { width: 100%; max-width: 100%; }
ul.listeAnnonces li .annonceImage a { display: flex; align-items: center; justify-content: center;width: 100%; height: 100%; text-decoration:none; }
ul.listeAnnonces li .annonceImage a .noimage:before { content:"Aucune image"; color:#888888; }
ul.listeAnnonces li .annonceMentionCoupCoeur { display:none; }
ul.listeAnnonces li .annoncePrix { font-weight: bold; }
ul.listeAnnonces li .annonceRef { position: absolute; bottom: 0px; left: 0px; color: #868686; font-size: 14px; }
ul.listeAnnonces li .annonceLireSuite { position: absolute; bottom: 0px; right: 0px; }
ul.listeAnnonces li .annonceStatutEncheresShort { position: absolute; top: 80px; left: 0; right: 0; border: 2px dashed #CC0000; padding: 5px 20px; display: block; margin: 0 10px; text-align: center; color: #CC0000; font-size: 15px; font-weight: bold; font-family: Verdana; background: rgba(255,255,255,0.7); transform: rotate(-10deg); }
ul.listeAnnonces li .annonceStatutEncheres { color: #CC0000; font-size: 15px; font-weight: bold; }
ul.listeAnnonces li .annonceStatutEncheres .surenchereMaxDate { font-size: 0.9em; }

ul.listeAnnonces li .annonceDateVente,
ul.listeAnnonces li .annonceDateVente .jour,
ul.listeAnnonces li .annonceDateVente .mois,
ul.listeAnnonces li .annonceDateVente .moiscourt,
ul.listeAnnonces li .annonceDateVente .moischiffre,
ul.listeAnnonces li .annonceDateVente .annee,
ul.listeAnnonces li .annonceAdresse,
ul.listeAnnonces li .annonceAdresse .annonceAdressePays,
ul.listeAnnonces li .annonceAdresse .annonceAdresseVille,
ul.listeAnnonces li .annonceAdresse .annonceAdresseCp,
ul.listeAnnonces li .annonceLieuVente,
ul.listeAnnonces li .annonceLieuVente .lieuVenteNom,
ul.listeAnnonces li .annonceLieuVente .lieuVenteAdresse1,
ul.listeAnnonces li .annonceLieuVente .lieuVenteAdresse2,
ul.listeAnnonces li .annonceLieuVente .lieuVenteCp,
ul.listeAnnonces li .annonceLieuVente .lieuVenteVille{
    display:none;
}

/* Annonce immo */
.annonceDetails .annonceBtnRecherche { float:right; }
.annonceDetails .annonceContent            { display: flex; flex-flow: row wrap; justify-content: space-between; }
.annonceDetails .annonceBloc               {  }

.annonceDetails .annonceBloc.annoncePhotos { flex:1 400px; margin-right: 20px; position: relative; }
.annonceDetails .annonceBloc.annoncePhotos .annonceStatutEncheresShort { position: absolute; top: 140px; left: 0; right: 0; border: 2px dashed #CC0000; padding: 5px 20px; display: block; margin: 0 10px; text-align: center; color: #CC0000; font-size: 15px; font-weight: bold; font-family: Verdana; background: rgba(255,255,255,0.7); transform: rotate(-10deg); }
.annonceDetails .annonceBloc.annoncePhotos .annonceBlocNoPhoto { width:100%; height: 100%; background: #EEEEEE; display: flex; align-items: center; justify-content: center; }
.annonceDetails .annonceBloc.annoncePhotos .annonceBlocNoPhoto:before { content: "Aucune image"; color: #888888; }

/* .annonceDetails.annonceNbPhoto_0 .annonceBloc.annoncePhotos { display:none } */
.annonceDetails.annonceNbPhoto_1 #annoncePhotoSlider .carousel-indicators { display:none; }

.annonceDetails .annonceBloc.annonceInfos  { flex:1 400px; }
.annonceDetails .annonceBloc.annonceInfos > *               { color: #000000; font-size: 21px; display: flex; display: -webkit-flex; align-items: baseline; }
.annonceDetails .annonceBloc.annonceInfos > * > .libelle    { color: #868686; font-size: 14px; display: inline-block; width: 30%; min-width: 90px; }
.annonceDetails .annonceBloc.annonceInfos > * > .valeur     { width: 70%; padding-left: 6px; }
.annonceDetails .annonceBloc.annonceInfos > .ref            { color: #868686; font-size: 14px; }
.annonceDetails .annonceBloc.annonceInfos > .coupcoeur      { display:none; }
.annonceDetails .annonceBloc.annonceInfos > .prixmention    { color: #868686; font-size: 16px; }
.annonceDetails .annonceBloc.annonceInfos > .typebien       { /*display: inline;*/ }
.annonceDetails .annonceBloc.annonceInfos > .pieces         { /*display: inline; padding-left: 5px;*/ }
.annonceDetails .annonceBloc.annonceInfos > .statutEncheres { color: #CC0000; font-size: 23px; }
.annonceDetails .annonceBloc.annonceInfos > .statutEncheres .surenchereMaxDate { font-size: 0.8em; }
.annonceDetails .annonceBloc.annonceInfos > .annonceCarte .mapFrame { width: 100%; }

.annonceDetails .annonceBloc.annonceDpeGes { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.annonceDetails .annonceBloc.annonceDpeGes > div { flex:1 250px; }
.annonceDetails .annonceBloc.annonceDpeGes > h3 { width: 100%; }
.annonceDetails .annonceBloc.annonceDpeGes .coutAnnuelEnergetique { flex: 100%; }
.annonceDetails .annonceBloc.annonceDpeGes .annonceDpeUnites,
.annonceDetails .annonceBloc.annonceDpeGes .annonceGesUnites { color: #5a5a5a; font-style: italic; font-size: 12px; padding-bottom: 5px; padding-left: 5px; }
.annonceDetails .annonceBloc.annonceDpeGes .annonceDiagNonDispo { background: #CC0000; color: #FFFFFF; font-style: italic; font-weight: bold; padding: 2px 10px; display: inline-block; margin-left: 5px; }
.annonceDpeGes .annonceDpe.annonceNewDpe svg {min-width: 180px; width: 100%; max-width: 500px;}
.annonceDpeGes .annonceGes.annonceNewGes svg {min-width: 180px; width: 100%; max-width: 330px;}

.annonceDetails .annonceBloc.annonceDesc   { width: 100%; }
.annonceDetails .annonceBloc.annonceShare  { width: 100%; }
.annonceDetails .annonceBloc.annonceShare .page_share { float: left; }
.annonceDetails .annonceBloc.annonceContact  { width: 100%; }
.annonceDetails .annonceBloc.annonceInfosEncheres { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.annonceDetails .annonceBloc.annonceInfosEncheres h3 { width: 100%; }
.annonceDetails .annonceBloc.annonceInfosEncheres > .col1 { width: 100%; }
.annonceDetails .annonceBloc.annonceInfosEncheres > .col2 { flex:1 250px; }
.annonceDetails .annonceBloc.annonceInfosEncheres > .col3 { flex:1 250px; }

.annonceDetails .annonceBloc.annonceCaracteristiques,
.annonceDetails .annonceBloc.annonceFrais,
.annonceDetails .annonceBloc.annonceMandat,
.annonceDetails .annonceBloc.annonceCommodites {
    width: 100%;
}

.annonceDetails .annonceBloc.annonceCaracteristiques > table,
.annonceDetails .annonceBloc.annonceFrais > table,
.annonceDetails .annonceBloc.annonceMandat > table,
.annonceDetails .annonceBloc.annonceCommodites > table{
    width: 100%;
}

.annonceDetails .annonceBloc.annonceCaracteristiques > table th,
.annonceDetails .annonceBloc.annonceFrais > table th,
.annonceDetails .annonceBloc.annonceMandat > table th,
.annonceDetails .annonceBloc.annonceCommodites > table th{
    width: 50%;
    background: #eeeeee;
    padding: 2px 5px;
    border: 1px solid #FFFFFF;
}

.annonceDetails .annonceBloc.annonceCaracteristiques > table td,
.annonceDetails .annonceBloc.annonceFrais > table td,
.annonceDetails .annonceBloc.annonceMandat > table td,
.annonceDetails .annonceBloc.annonceCommodites > table td{
    width: 50%;
    background: #f7f7f7;
    padding: 2px 5px;
    border: 1px solid #FFFFFF;
}



.annonceDetails .annonceBloc.annonceEnsemble{ width: 100%; }
.annonceDetails .annonceBloc.annonceEnsemble h3 { width: 100%; }

/* Baisse de prix */
ul.listeAnnonces li .annonceMentionBaissePrix { color: #ffffff; font-weight: bold; background: #009900; border-radius: 5px; padding: 0px 8px; max-width: fit-content; margin-left: 10px; }
.annonceDetails .annonceMentionBaissePrix { color: #ffffff; font-weight: bold; background: #009900; border-radius: 5px; padding: 0px 8px; max-width: fit-content; }


/* Calcul des Frais */
.annonceDetails .annonceBloc.annonceInfosEncheres .calculFraisBloc{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
#calculFraisBlocParametres{
    flex: 1;
}
#calculFraisBlocFrais{
    flex: 2;
    padding-left: 53px;
}
#frmCalculFrais .control-label{
    width: 100%;
    text-align: left;
    padding: 0;
    text-transform: inherit;
}
#frmCalculFrais .input-group{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
#frmCalculFrais .input-group-addon{
    padding: inherit;
    width: 40px;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
    border-radius: 0;
    width: 80%;
    font-weight: 700;
    font-size: 18px;
}
#frmCalculFrais .fa-euro:before,
#frmCalculFrais  .fa-eur:before {
    content: "\f153";
    display: block;
    margin: auto;
    padding-top: 10px;
}
.calculFraisSousBloc .form-group .info{
    font-size:11px;
    width:100%;
}
.calculFraisSousBloc .input-group .form-control:last-child,
.calculFraisSousBloc .input-group-addon:last-child, .input-group-btn:last-child>.btn,
.calculFraisSousBloc .input-group-btn:last-child>.btn-group>.btn,
.calculFraisSousBloc .input-group-btn:last-child>.dropdown-toggle,
.calculFraisSousBloc .input-group-btn:first-child>.btn:not(:first-child),
.calculFraisSousBloc .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
    width: 25px;
}
.calculFraisSousBloc .form-group .col-md-8{
    padding:0;
}
#calculFraisBlocFrais .calculFraisResultat {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid  #cecece;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    flex-flow: row wrap;
}
.calculFraisResultatLibelle {
    font-size: 21px;
    padding: 0;
    width:100%;
}
.calculFraisResultatDetails {
    width: 100%;
    padding: 0;
}
.calculFraisResultatMontant {
    width: auto!important;
    order: 3;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
}

/* ANNONCE IMMO DETAIL GRID DEBUT */
.annonceDetailsGrid .annonceShare.page_share { float: none; }
.annonceDetailsGrid .annonceShare.page_share a.shareFb { display:inline-block; } /* Facebook */

.annonceDetailsGrid {margin: 50px auto;width: 100%;max-width: 1250px;display: grid;grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));grid-gap: 0 25px;align-items: flex-start;}

.annonceDetailsGrid::before, .annonceDetailsGrid::after {display: none;}

.annonceDetailsGrid h1 {margin: 0;grid-row: 1/2;grid-column: 1/-2;margin-bottom: 8px;font-size: 28px;font-weight: 600;color: #008794;}

.annonceDetailsGrid h3 {color: #008794;margin: 0 0 20px 0;padding: 0 0 10px 0;font-weight: 600;position: relative;}

.annonceDetailsGrid h3::after {content: '';height: 2px;width: 20px;background: #16becf;display: block;position: absolute;left: 0;bottom: 0;}

.annonceDetailsGrid .page_share {padding: 0;}

.annonceDetailsGrid .page_share a {width: auto;height: auto;background: none;color: #008794;}

.annonceDetailsGrid .page_share a:hover {outline: none;text-decoration: none;color: #FFF;}

.annonceDetailsGrid .page_share a:hover::before {background: #008794;}

.annonceDetailsGrid .page_share a::before {content: "\000";font-family: "Font Awesome 5 Brands";font-weight: normal;border: 1px solid #008794;border-radius: 4px;font-size: 20px;line-height: initial;display: flex;align-items: center;justify-content: center;text-align: center;width: 40px;height: 40px;transition: all .3s ease-in-out;}

.annonceDetailsGrid .page_share a.shareTw::before {content: "\f099";}

.annonceDetailsGrid .page_share a.shareLi::before {content: "\f0e1";}

.annonceDetailsGrid .page_share a.shareFb::before {content: "\f39e";}

.annonceDetailsGrid > div:not(.typebien):not(.terrain):not(.pieces):not(.surface):not(.situationbien) {grid-column: 1/-1;}

.annonceDetailsGrid .typebien,
.annonceDetailsGrid .terrain,
.annonceDetailsGrid .pieces,
.annonceDetailsGrid .surface,
.annonceDetailsGrid .situationbien {
    box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px 0;
    border-radius: 4px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 12px 12px 12px 72px;
}

.annonceDetailsGrid .typebien .libelle,
.annonceDetailsGrid .terrain .libelle,
.annonceDetailsGrid .pieces .libelle,
.annonceDetailsGrid .surface .libelle,
.annonceDetailsGrid .situationbien .libelle {
    font-size: 16px;
    color: #707070;
    font-style: italic;
}

.annonceDetailsGrid .typebien .valeur,
.annonceDetailsGrid .terrain .valeur,
.annonceDetailsGrid .pieces .valeur,
.annonceDetailsGrid .surface .valeur,
.annonceDetailsGrid .situationbien .valeur {
    font-weight: 600;
    font-size: 18px;
}

.annonceDetailsGrid .typebien::before,
.annonceDetailsGrid .terrain::before,
.annonceDetailsGrid .pieces::before,
.annonceDetailsGrid .surface::before,
.annonceDetailsGrid .situationbien::before {
    font-size: 38px;
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.annonceDetailsGrid .typebien::before {content: '\f015';}

.annonceDetailsGrid .terrain::before {content: '\f1bb';}

.annonceDetailsGrid .pieces::before {content: '\f52b';}

.annonceDetailsGrid .surface::before {content: '\f546';}

.annonceDetailsGrid .situationbien::before {content: '\f21d';}

.annonceDetailsGrid .btn-primary,
.annonceDetailsGrid .annonceBtnRecherche,
.annonceDetailsGrid .annonceBtnContact,
.annonceDetailsGrid .btn_retour a,
.annonceDetailsGrid .annonceEnsemble .annonceLireSuite {
    padding: 8px 18px;
    background: transparent;
    color: #16becf;
    border: 1px solid #16becf;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
    transition: all .3s ease-in-out;
}

.annonceDetailsGrid .btn-primary::before,
.annonceDetailsGrid .annonceBtnRecherche::before,
.annonceDetailsGrid .annonceBtnContact::before,
.annonceDetailsGrid .btn_retour a::before,
.annonceDetailsGrid .annonceEnsemble .annonceLireSuite::before {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
}

.annonceDetailsGrid .btn-primary:hover,
.annonceDetailsGrid .annonceBtnRecherche:hover,
.annonceDetailsGrid .annonceBtnContact:hover,
.annonceDetailsGrid .btn_retour a:hover,
.annonceDetailsGrid .btn-primary:focus,
.annonceDetailsGrid .annonceBtnRecherche:focus,
.annonceDetailsGrid .annonceBtnContact:focus,
.annonceDetailsGrid .btn_retour a:focus,
.annonceDetailsGrid .annonceEnsemble .annonceLireSuite:hover,
.annonceDetailsGrid .annonceEnsemble .annonceLireSuite:focus {
    background: #16becf;
    color: #FFF;
    outline: none;
    text-decoration: none;
}

.annonceDetailsGrid .annonceBtnRecherche,
.annonceDetailsGrid .annonceBtnContact {
    grid-column: -2/-1;
    grid-row: 1/3;
    justify-self: flex-end;
}

.annonceDetailsGrid .annonceBtnRecherche::before,
.annonceDetailsGrid .annonceBtnContact::before {
    content: "\f002";
}

.annonceDetailsGrid #frmAnnonce_ok {background: #16becf;color: #FFF;}

.annonceDetailsGrid #frmAnnonce_ok:hover {background: transparent;color: #16becf;}

.annonceDetailsGrid #frmAnnonce_ok::before {content: '\f1d8';}

.annonceDetailsGrid .annonceBtnContact {grid-row: 1/3;align-self: flex-end;margin-top: 8px;background: #16becf;color: #FFF;}

.annonceDetailsGrid .annonceBtnContact::before {content: '\f0e0';}

.annonceDetailsGrid .annonceBtnContact:hover,
.annonceDetailsGrid .annonceBtnContact:focus {
    background: transparent;
    color: #16becf;
}

.annonceDetailsGrid .prix {grid-row: 2/3;grid-column: 1/-2 !important;color: #008794;}

.annonceDetailsGrid .prix span {font-size: 42px;font-weight: 700;line-height: initial;}

.annonceDetailsGrid .prix .libelle {display: none;}

.annonceDetailsGrid .prixmention {grid-row: 3/4;grid-column: 1/-2 !important;font-size: 14px;color: #948f99;line-height: initial;}

.annonceDetailsGrid .annonceShare {grid-row: 3/5;grid-column: -2/-1;align-self: flex-end;justify-self: flex-end;}

.annonceDetailsGrid .cpville {grid-row: 4/5;grid-column: 1/3 !important;color: #16becf;font-size: 20px;margin-top: 20px;}

.annonceDetailsGrid .cpville .libelle {display: none;}

.annonceDetailsGrid .cpville::before {margin-right: 4px;font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;content: '\f3c5';}

.annonceDetailsGrid .ref {grid-row: 4/5;grid-column: 2/-2 !important;align-self: flex-end;color: #948f99;}

.annonceDetailsGrid .annoncePhotos,
.annonceDetailsGrid .coupcoeur {
    grid-row: 5/6;
    z-index: 0;
    margin: 16px 0 30px 0;
    position: relative;
}

.annonceDetailsGrid .coupcoeur {z-index: 1;margin: 45px 0 0 15px;font-size: 0px;padding: 15px;border-radius: 50px;background: #FFF;transition: all .3s ease-in-out;font-weight: 800;justify-self: flex-start;line-height: initial;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

.annonceDetailsGrid .coupcoeur .valeur {display: flex;align-items: center;}

.annonceDetailsGrid .coupcoeur .valeur::before {font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;content: '\f004';font-size: 24px;color: red;transition: all .3s ease-in-out;}

.annonceDetailsGrid .coupcoeur:hover {font-size: 16px;}

.annonceDetailsGrid .coupcoeur:hover .valeur::before {margin-right: 8px;}

.annonceDetailsGrid .annoncePhotos {position: relative;overflow: hidden;}

.annonceDetailsGrid .annoncePhotos .annonceStatutEncheresShort {position: absolute;bottom: 15px;left: 0;transform: translate(0%, -50%);background: rgba(230, 29, 47, 0.9);z-index: 1;padding: 8px 30px;color: #FFF;font-size: 24px;font-weight: 900;text-transform: uppercase;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

.annonceDetailsGrid .statutEncheres {display: none;}

.annonceDetailsGrid .annonceCarte {grid-row: 50/51;width: 100vw;left: 50%;transform: translateX(-50%);position: relative;margin-top: 50px;}

.annonceDetailsGrid .annonceCarte iframe {width: 100%;min-height: 400px;}

.annonceDetailsGrid .annonceDesc,
.annonceDetailsGrid .annonceInfosComplementaires {
    grid-row: 30/31;
}

.annonceDetailsGrid .annonceDesc ul,
.annonceDetailsGrid .annonceInfosComplementaires ul {
    padding: 0 0 0 15px;
    list-style: none;
}

.annonceDetailsGrid .annonceDesc ul li,
.annonceDetailsGrid .annonceInfosComplementaires ul li {
    position: relative;
}

.annonceDetailsGrid .annonceDesc ul li::before,
.annonceDetailsGrid .annonceInfosComplementaires ul li::before {
    content: '';
    height: 6px;
    width: 6px;
    background: #16becf;
    border-radius: 10px;
    position: absolute;
    left: -15px;
    top: 8px;
}

.annonceDetailsGrid .annonceInfosComplementaires {grid-row: 31/32;}

.annonceDetailsGrid .annonceDpeGes {grid-row: 32/33;display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;grid-gap: 1.6rem;}
.annonceDetailsGrid .annonceDpeGes h3 {width: 100%;}
.annonceDetailsGrid .annonceDpeGes .coutAnnuelEnergetique {width: 100%;}

.annonceDetailsGrid .annonceDpeGes > div {width: calc(50% - 1.6rem * 2);}


.annonceDetailsGrid .annonceCaracteristiques,
.annonceDetailsGrid .annonceCommodites {
    grid-row: 33/34;
    width: 49%;
    height: 100%;
}

.annonceDetailsGrid .annonceCaracteristiques table,
.annonceDetailsGrid .annonceCommodites table {
    width: 100%;
}

.annonceDetailsGrid .annonceCaracteristiques table tr,
.annonceDetailsGrid .annonceCommodites table tr {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
}

.annonceDetailsGrid .annonceCaracteristiques table tr::after,
.annonceDetailsGrid .annonceCommodites table tr::after {
    content: '';
    border: 1px dashed #efefef;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.annonceDetailsGrid .annonceCaracteristiques table th,
.annonceDetailsGrid .annonceCaracteristiques table td,
.annonceDetailsGrid .annonceCommodites table th,
.annonceDetailsGrid .annonceCommodites table td {
    display: inline-block;
    background: #FFF;
    padding-right: 8px;
}

.annonceDetailsGrid .annonceCaracteristiques table td,
.annonceDetailsGrid .annonceCommodites table td {
    padding: 0 0 0 8px;
}

.annonceDetailsGrid .annonceCommodites {justify-self: flex-end;height: 100%;}

.annonceDetailsGrid .annonceContact {grid-row: 55/56;position: relative;margin: 50px auto 30px auto;max-width: 900px;width: 100%;}

.annonceDetailsGrid .annonceContact h3 {text-align: center;}

.annonceDetailsGrid .annonceContact h3::after {left: 50%;transform: translateX(-50%);}

.annonceDetailsGrid .annonceContact .contactFrmInfo {font-size: 9px;}

.annonceDetailsGrid .annonceContact::before {content: '';width: 30px;height: 30px;border-bottom: none;border-right: none;transform: rotate(45deg) translate(-50%, -50%);transform-origin: 0 0;background: #FFF;position: absolute;left: 50%;top: 0;box-shadow: rgba(0, 0, 0, 0.16) 0 0 8px 0;z-index: 0;}

.annonceDetailsGrid .annonceContact::after {content: '';width: 100%;height: 30px;border-radius: 4px;background: #FFF;z-index: 1;position: absolute;top: 0;left: 0;}

.annonceDetailsGrid .btn_retour {grid-row: 200/200;text-align: center;margin-top: 30px;}

.annonceDetailsGrid .btn_retour a:before {content: '\f137';}

.annonceDetailsGrid #annoncePhotoSlider {display: grid;grid-template-columns: repeat(auto-fit, minmax(49%, 1fr) 50%);grid-gap: 5px;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-inner {width: 100%;margin: 0;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item {height: 100%;background: transparent;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item a {height: 100%;width: 100%;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-indicators li img,
.annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item:only-child img {max-height: 400px;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-indicators {background: transparent;margin: 0;width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-gap: 5px;align-items: flex-start;padding: 0;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-indicators li {margin: 0;height: 100%;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-indicators li:only-child {display: none;}

.annonceDetailsGrid #annoncePhotoSlider.item > .itemContent {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.annonceDetailsGrid #annoncePhotoSlider .carousel-control {display: none;}

.annonceDetailsGrid > .annonceDesc,
.annonceDetailsGrid > .annonceDpeGes,
.annonceDetailsGrid > .annonceCaracteristiques,
.annonceDetailsGrid > .annonceCommodites,
.annonceDetailsGrid > .annonceContact,
.annonceDetailsGrid > .calculFraisBloc,
.annonceDetailsGrid > .annonceInfosEncheresVente,
.annonceDetailsGrid > .annonceInfosEncheresVisites,
.annonceDetailsGrid > .annoncePiecesJointes,
.annonceDetailsGrid > .annonceEnsemble,
.annonceDetailsGrid > .annonceInfosComplementaires,
.annonceDetailsGrid > .annonceMandat,
.annonceDetailsGrid > .annonceFrais {
    box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px 0;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
}

.annonceDetailsGrid .annonceInfosEncheresVente,
.annonceDetailsGrid .annonceInfosEncheresVisites {
    grid-row: 35/36;
    width: 49%;
    margin: 30px 0 0 0;
    height: 100%;
}

.annonceDetailsGrid .annonceInfosEncheresVente > div,
.annonceDetailsGrid .annonceInfosEncheresVisites > div {
    padding-left: 30px;
    position: relative;
}

.annonceDetailsGrid .annonceInfosEncheresVente > div::before,
.annonceDetailsGrid .annonceInfosEncheresVisites > div::before {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 18px;
}

.annonceDetailsGrid .annonceInfosEncheresVente .datevisite,
.annonceDetailsGrid .annonceInfosEncheresVente .datevente,
.annonceDetailsGrid .annonceInfosEncheresVisites .datevisite,
.annonceDetailsGrid .annonceInfosEncheresVisites .datevente {
    margin-bottom: 8px;
}

.annonceDetailsGrid .annonceInfosEncheresVente .datevisite::before,
.annonceDetailsGrid .annonceInfosEncheresVente .datevente::before,
.annonceDetailsGrid .annonceInfosEncheresVisites .datevisite::before,
.annonceDetailsGrid .annonceInfosEncheresVisites .datevente::before {
    content: '\f017';
}

.annonceDetailsGrid .annonceInfosEncheresVente .lieuvisite::before,
.annonceDetailsGrid .annonceInfosEncheresVente .lieuvente::before,
.annonceDetailsGrid .annonceInfosEncheresVisites .lieuvisite::before,
.annonceDetailsGrid .annonceInfosEncheresVisites .lieuvente::before {
    content: '\f5a0';
}

.annonceDetailsGrid .annonceInfosEncheresVisites {justify-self: flex-end;}

.annonceDetailsGrid .calculFraisBloc {grid-row: 37/38;margin-top: 70px;display: flex;justify-content: space-between;flex-flow: row wrap;align-items: flex-start;}

.annonceDetailsGrid .calculFraisBloc > h3 {text-align: center;text-transform: uppercase;margin-bottom: 30px;width: 100%;}

.annonceDetailsGrid .calculFraisBloc > h3::after {left: 50%;transform: translateX(-50%);}

.annonceDetailsGrid #calculFraisBlocFrais .calculFraisResultat {border-radius: 4px;}

.annonceDetailsGrid #calculFraisBlocFrais .calculFraisResultatLibelle {font-size: 18px;color: #000;font-weight: 400;}

.annonceDetailsGrid #calculFraisBlocFrais .calculFraisResultatMontant {color: #16becf;}

.annonceDetailsGrid #calculFraisBlocParametres {background: #efefef;padding: 30px 15px;border-radius: 8px;}

.annonceDetailsGrid #calculFraisBlocParametres .info {margin-left: 8px;}

.annonceDetailsGrid #calculFraisBlocParametres .calculFraisDonneesRevente .control-label {font-size: 12px;}

.annonceDetailsGrid #calculFraisBlocParametres .calculFraisDonneesRevente .input-group {display: inline;}

.annonceDetailsGrid .annoncePiecesJointes {grid-row: 20/30;}

.annonceDetailsGrid .annoncePiecesJointes ul {margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));grid-gap: 15px;list-style: none;}

.annonceDetailsGrid .annoncePiecesJointes ul li a {color: #16becf;border: 1px solid #16becf;padding: 8px 16px;display: flex;align-items: center;height: 100%;transition: all .3s ease-in-out;}

.annonceDetailsGrid .annoncePiecesJointes ul li a::before {font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;content: '\f56d';margin-right: 15px;font-size: 40px;}

.annonceDetailsGrid .annoncePiecesJointes ul li a:hover,
.annonceDetailsGrid .annoncePiecesJointes ul li a:focus {
    text-decoration: none;
    background: #16becf;
    color: #FFF;
}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control {background: none;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);opacity: 1;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control::before {font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;content: '\f054';transition: all .3s ease-in-out;font-size: 40px;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control.left {left: 25px;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control.left::before {transform: rotate(180deg);}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control.right {right: 25px;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-control:hover::before {color: #16becf;}

.annonceDetailsGrid #annoncePhotoLightbox img {object-fit: cover;height: 100%;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-dialog {max-height: 100%;height: 70vh;min-height: 650px;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 900px;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-header {border: 0;padding: 0;min-height: initial;position: absolute;top: 15px;right: 15px;z-index: 1;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-header .btn {height: initial;line-height: initial;position: relative;top: 0;right: 0;float: none !important;margin: 15px 15px 0 0;background: transparent;border: 0;padding: 0;font-size: 0;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-header .btn::after {font-family: "Font Awesome 5 Free";font-weight: 900;content: '\f00d';display: flex;align-items: center;justify-content: center;height: 40px;width: 40px;border: 1px solid #16becf;color: #FFF;background: #16becf;font-size: 24px;border-radius: 8px;transition: all .3s ease-in-out;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-header .btn:hover::after {background: transparent;color: #16becf;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-header .btn:focus {outline: none;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-body {display: flex;flex-direction: column-reverse;height: 100%;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-inner {border: 0;}

.annonceDetailsGrid #annoncePhotoLightbox .modal-content {height: auto;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-indicators {margin-top: 15px;bottom: 0;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-indicators li {background: #008794;width: 8px;height: 8px;}

.annonceDetailsGrid #annoncePhotoLightbox .carousel-indicators li.active {background: #16becf;height: 12px;width: 12px;}

.annonceDetailsGrid .annonceBlocNoPhoto {background: #efefef;min-height: 215px;}

.annonceDetailsGrid .annonceEnsemble {grid-row: 100/100;margin-top: 30px;}

.annonceDetailsGrid .annonceEnsemble ul.listeAnnonces {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: 30px 15px;}

.annonceDetailsGrid .annonceEnsemble ul.listeAnnonces li {border: 0;background: #efefef;margin: 0;}

.annonceDetailsGrid .annonceEnsemble ul.listeAnnonces li.disabled {background: #efefef;}

.annonceDetailsGrid .annonceEnsemble .annonceDesc {margin-bottom: 50px;}

.annonceDetailsGrid .annonceEnsemble .annonceLireSuite {right: 8px;bottom: 8px;}

.annonceDetailsGrid .annonceEnsemble h4 a {color: #16becf;font-size: 20px;font-weight: 400;}

.annonceDetailsGrid .annonceMandat{
    -ms-grid-row: 45;
    -ms-grid-row-span: 1;
    grid-row: 45/46;
}
.annonceDetailsGrid .annonceFrais{
    -ms-grid-row: 44;
    -ms-grid-row-span: 1;
    grid-row: 44/45;
}
.annonceDetailsGrid .annonceFrais a:hover{
    opacity: .5;
}
.annonceDetailsGrid .annonceMandat table,
.annonceDetailsGrid .annonceFrais table{
    width: 100%;
}
.annonceDetailsGrid .annonceMandat table tr,
.annonceDetailsGrid .annonceFrais table tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
}
.annonceDetailsGrid .annonceMandat table th,
.annonceDetailsGrid .annonceMandat table td,
.annonceDetailsGrid .annonceFrais table th,
.annonceDetailsGrid .annonceFrais table td{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4px 8px;
}
.annonceDetailsGrid .annonceMandat table th,
.annonceDetailsGrid .annonceFrais table th{
    background: #eee;
}
.annonceDetailsGrid .annonceMandat table td,
.annonceDetailsGrid .annonceFrais table td{
    background: #f7f7f7;
}

/* ADD */
@media (max-width: 767px) {
    .annonceDetailsGrid #annoncePhotoSlider {display: flex;flex-flow: row wrap;}
    .annonceDetailsGrid #annoncePhotoSlider .carousel-indicators {grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));}
    .annonceDetailsGrid #annoncePhotoSlider .carousel-indicators,
    .annonceDetailsGrid #annoncePhotoSlider .carousel-inner {
        width: 100%;
    }
    .annonceDetailsGrid #calculFraisBlocParametres {flex: 100%;}
    .annonceDetailsGrid #calculFraisBlocFrais {flex: 100%;padding: 0;margin: 30px 0 0 0;}
    .annonceDetailsGrid #annonceFormContact .col-md-9 {padding: 0;}
    .annonceDetailsGrid #annonceFormContact label {padding-left: 0;}
    .annonceDetailsGrid #frmCalculFrais .calculFraisDonneesRevente .control-label,
    .annonceDetailsGrid #frmCalculFrais .calculFraisDonneesRevente .input-group {
        width: auto;
    }
    .annonceDetailsGrid #frmCalculFrais .calculFraisDonneesRevente input.radio-switch {margin: 2px 8px 0 0;box-shadow: none;}
    .annonceDetailsGrid #calculFraisBlocParametres .info {margin-left: 0;}
}

@media (max-width: 730px) {
    .annonceDetailsGrid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));grid-gap: 0 15px;padding: 0 8px;}
    .annonceDetailsGrid .annonceBtnRecherche,
    .annonceDetailsGrid .annonceBtnContact {
        grid-row: 1/2;
        grid-column: 1/2;
        justify-self: center;
    }
    .annonceDetailsGrid .annonceBtnContact {margin: 0;grid-row: 1/2;grid-column: 2/3;justify-self: center;}
    .annonceDetailsGrid h1 {margin: 15px 0;grid-row: 2/3;grid-column: 1/-1;}
    .annonceDetailsGrid .prix {grid-row: 3/5;grid-column: 1/-1 !important;}
    .annonceDetailsGrid .prixmention {width: 100%;grid-row: 5/6;grid-column: 1/-1 !important;}
    .annonceDetailsGrid .cpville {grid-row: 6/7;grid-column: 1/-1;}
    .annonceDetailsGrid .annonceShare {margin-top: 15px;grid-row: 8/9;grid-column: 1/-1;justify-self: flex-start;}
    .annonceDetailsGrid .annoncePhotos,
    .annonceDetailsGrid .coupcoeur {
        grid-row: 9/10;
        grid-column: 1/-1;
    }
    .annonceDetailsGrid .annoncePhotos .annonceStatutEncheresShort {bottom: initial;top: 50px;right: 0;left: initial;font-size: 18px;}
    .annonceDetailsGrid .ref {grid-row: 7/8;grid-column: 1/-1 !important;}
    .annonceDetailsGrid .annonceCaracteristiques,
    .annonceDetailsGrid .annonceCommodites {
        width: 100%;
    }
    .annonceDetailsGrid .annonceCommodites {grid-row: 34/35;margin-top: 30px;}
    .annonceDetailsGrid .annonceInfosEncheresVente,
    .annonceDetailsGrid .annonceInfosEncheresVisites {
        margin-top: 58px;
    }
    .annonceDetailsGrid .calculFraisBloc {margin-top: 90px;}
}

@media (max-width: 605px) {
    .annonceDetailsGrid {grid-template-columns: 100%;grid-gap: 0;}
    .annonceDetailsGrid .typebien {grid-row: 10/11;}
    .annonceDetailsGrid .pieces {grid-row: 11/12;}
    .annonceDetailsGrid .surface {grid-row: 12/13;}
    .annonceDetailsGrid .terrain {grid-row: 14/15;}
    .annonceDetailsGrid .situationbien {grid-row: 15/16;}
    .annonceDetailsGrid > .annonceDesc,
    .annonceDetailsGrid > .annonceDpeGes,
    .annonceDetailsGrid > .annonceCaracteristiques,
    .annonceDetailsGrid > .annonceCommodites,
    .annonceDetailsGrid > .annonceContact,
    .annonceDetailsGrid > .calculFraisBloc,
    .annonceDetailsGrid > .annonceInfosEncheresVente,
    .annonceDetailsGrid > .annonceInfosEncheresVisites,
    .annonceDetailsGrid > .annoncePiecesJointes,
    .annonceDetailsGrid > .annonceEnsemble,
    .annonceDetailsGrid > .annonceInfosComplementaires,
    .annonceDetailsGrid > .annonceMandat,
    .annonceDetailsGrid > .annonceFrais {
        padding: 30px 15px;
        height: auto;
    }
    .annonceDetailsGrid .annonceEnsemble ul.listeAnnonces {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}
    .annonceDetailsGrid .annonceCommodites {margin-top: 0;}
    .annonceDetailsGrid .annonceDpeGes > div {width: 100%;}
    .annonceDetailsGrid .annonceDpeGes > div:first-of-type {margin-bottom: 30px;}
    .annonceDetailsGrid .annonceBtnRecherche,
    .annonceDetailsGrid .annonceBtnContact {
        justify-self: flex-start;
        margin-bottom: 50px;
    }
    .annonceDetailsGrid .annonceBtnContact {grid-column: 1/2;justify-self: flex-start;position: relative;top: 50px;}
    .annonceDetailsGrid .coupcoeur {margin: 18px 0 0 5px;transform: scale(0.7);}
    .annonceDetailsGrid .annonceInfosEncheresVente,
    .annonceDetailsGrid .annonceInfosEncheresVisites {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .annonceDetailsGrid .annonceInfosEncheresVisites {grid-row: 39/40;margin-top: 30px;}
    .annonceDetailsGrid .calculFraisBloc {grid-row: 40/41;margin-top: 30px;}
}

/* ANNONCE IMMO DETAIL GRID FIN */

/* diaporama photo d'annonce */
#annoncePhotoSlider .carousel-inner { margin-bottom: 5px; }
#annoncePhotoSlider .carousel-inner > .item { height: 320px; background: #EEEEEE; }
#annoncePhotoSlider .carousel-inner > .item > .itemContent { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
#annoncePhotoSlider .carousel-inner > .item > img,
#annoncePhotoSlider .carousel-inner > .item > a > img { max-width: 100%; max-height:100%; }
#annoncePhotoSlider .carousel-inner > .item img:hover { cursor: -webkit-zoom-in; }
/*Suppression du curseur zoom sur les photos d'une annonce affichée en format tv*/
.annonce_format_tv  #annoncePhotoSlider .carousel-inner > .item img:hover { cursor: auto; }

#annoncePhotoSlider .carousel-indicators               { text-align: left; display: flex; flex-flow: row wrap; justify-content: flex-start; background: #EEEEEE; padding: 3px 3px 0px 3px; }
#annoncePhotoSlider .carousel-indicators li            { width: auto; height: 40px; margin:0px 3px 5px 0px; padding: 0px; border:none; border-radius:0px; overflow: hidden; }
#annoncePhotoSlider .carousel-indicators li img        {width: auto; height: 100%; opacity: 0.5;  }
#annoncePhotoSlider .carousel-indicators li.active     {  }
#annoncePhotoSlider .carousel-indicators li.active img { opacity: 1; transition: opacity 0.1s linear; }
#annoncePhotoSlider .carousel-indicators li:hover  img { opacity: 1; transition: opacity 0.3s linear; }



/* ateliers/evenements */
.ateliersEvnmtBloc.ateliersEvnmtFooter { padding-top: 15px; }
.ateliersEvnmtBloc .piecesjointes { padding: 15px 0px; }
.ateliersEvnmtBloc .piecesjointes ul { padding: 0 0 0 20px; }
.atelierListeEvnmts .difficulte,
.atelierListeEvnmts .lieu_details,
.atelierListeEvnmts .description,
.atelierListeEvnmts .tarifs,
.ateliersEvnmtContent .difficulte,
.ateliersEvnmtContent .tarifs .tarifs_ht,
.ateliersEvnmtContent .tarifs .tarifs_ttc,
.ateliersEvnmtContent .tarifs .tarifs_ttc_membres,
.ateliersEvnmtContent .tarifs .tarifs_ht_membres { display: none; }



/* Lightbox de bootstrap */
.modal-dialog { width: 95%; height: 100%; max-height: 90%; }
.modal-content { height: 100%; }
.modal-header {  }
.modal-header .btn { position: absolute; top: 3px; right: 3px; height: 25px; line-height: 25px; padding: 0px 15px; }
.modal-body { height: 90%; }
.modal.and.carousel { position: fixed; /* Needed because the carousel overrides the position property */ }
.modal-dialog .carousel-inner { height: 100%; border-bottom: 20px solid #FFFFFF; }
.modal-dialog .carousel-inner .item { height: 100%; }
.modal-dialog .carousel-inner .item > .itemContent { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #EEEEEE; }
.modal-dialog .carousel-inner .item > .itemContent > img     { flex: 0 1 50%; object-fit: scale-down; object-position: center; display: block; max-width:100%; max-height:100%; width: auto; height: auto; }
.modal-dialog .carousel-inner .item > .itemContent > a > img { flex: 0 1 50%; object-fit: scale-down; object-position: center; display: block; max-width:100%; max-height:100%; width: auto; height: auto; }


/* montants */
.montant         { font-size: 21px; white-space: nowrap; }
.montant .entier { font-size: 1em; }
.montant .cents  { font-size: 0.6em; opacity: 0.7; display: none; }
.montant .devise { font-size: 1em; display: inline-block; }


/* paiement - autoredir (redirection perso) */
.autoredir { float: left; line-height: 42px; padding-left: 10px; }
.autoredir img { margin-right: 5px; }



/* menu etapes (ul ou ol) */
.menu_etapes { list-style: none; padding: 0; margin: 15px 0px 20px 0px; display: -webkit-flex; display: flex; }
.menu_etapes > li { flex: 1; padding: 5px 5px 5px 30px; background: #cecece; position: relative; font-size: 14px; }
.menu_etapes > li a { display: block; text-decoration: none; color: #000000; }
.menu_etapes > li:first-child { padding-left: 10px; }
.menu_etapes > li:after { content: " "; border: 5px solid #FFFFFF; border-radius: 9px 0px 9px 30px; border-left: 0px; border-bottom: 0px; width: 26px; display: inline-block; height: 26px; position: absolute; right: -14px; top: 2px; transform: rotateZ(45deg); z-index: 1; background: #cecece; }
.menu_etapes > li:hover { background: #aeaeae; }
.menu_etapes > li:hover:after { background: #aeaeae; }
.menu_etapes > li.viewed { background: #404040; }
.menu_etapes > li.viewed a { color:#AAAAAA; }
.menu_etapes > li.viewed:after { background: #404040; }
.menu_etapes > li.viewed:hover { background: #505050; }
.menu_etapes > li.viewed:hover a { color: #FFFFFF; }
.menu_etapes > li.viewed:hover:after { background: #505050; }
.menu_etapes > li.on { background: #404040; color:#FFFFFF; font-weight: bold; }
.menu_etapes > li.on a { color:#FFFFFF; cursor: default; }
.menu_etapes > li.on:after { background: #404040; }
.menu_etapes > li:last-child:after { display:none; }
ol.menu_etapes { counter-reset: step-counter; }
ol.menu_etapes li:before { content: counter(step-counter)". "; counter-increment: step-counter; }





/* nuage de tags */
.tagscloud_textes { display:none; }
.tagscloud_popins { display:none; }
.tagscloud_popin { display:none; }


/* select chosen */
.chosen-container{ width: 100% !important; height: 34px; font-size: 14px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; padding: 0px; }
.chosen-container .chosen-single{ height: 34px !important; background: none !important; border: 1px solid #ccc !important; }
.chosen-container .chosen-single span { height: 34px; line-height: 33px; }
.chosen-container-single .chosen-single div b { background-position: 0px 7px !important; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 7px !important; }
.chosen-container .chosen-single abbr { top: 11px !important; }

/* select > select2 */
.select2-container{ height: 34px; max-width: 100%; font-size: 14px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; padding: 0px; }
.select2-container .select2-selection--single{ height: 34px !important; background: none !important; border: 1px solid #ccc !important; border-radius: 0px !important; }
.select2-container .select2-selection--single .select2-selection__rendered { height: 34px !important; line-height: 34px !important; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 34px !important; }
.select2-container .select2-selection--single .select2-selection__clear { font-size: 28px; color: #CC0000; font-family: Arial, sans-serif; }


/* Annuaire */
.annuaireBlocSearch                 { border-bottom: 1px solid #CCC; }
.annuaireBlocSearch select          { color: #999999; }
.annuaireBlocSearch select.filled   { color: #000000; }
.annuaireBlocSearch select option   { color: #000000; }

/* champs type (profession) - merged et detailled */
.annuaireBlocSearch .frmAnnuaire_type.frmAnnuaire_typeMerged    {  }
.annuaireBlocSearch .frmAnnuaire_type.frmAnnuaire_typeDetailled { display: none !important; }

/* champ ville avec btn geoloc */
.annuaireBlocSearch .form-group.hasGeoloc select                  { display: inline-block; width: calc(100% - 30px); }
.annuaireBlocSearch .form-group.hasGeoloc .btnGeoloc              { width: 30px; height: 34px; display: inline-block; background: #757575; padding: 7px 0px; line-height: 20px; text-align: center; text-decoration: none; }
.annuaireBlocSearch .form-group.hasGeoloc .btnGeoloc:before       { content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; line-height: 20px; color: #FFFFFF; }
.annuaireBlocSearch .form-group.hasGeoloc .btnGeoloc:hover        { background: #cccccc; }
.annuaireBlocSearch .form-group.hasGeoloc .btnGeoloc:hover:before { color: #757575; /* color: #23b9ce; */ }

/* champ domaine competence avec btn info */
#container_champs_desc_domcomp                     { display: none;} /* Cette ligne est a changer pour voir la fonctionnalité du btn info apparaître */
#container_champs_desc_domcomp > span              { width: 30px; height: 34px; display: inline-block; background: #757575; padding: 7px 0px; line-height: 20px; text-align: center; text-decoration: none; }
#container_champs_desc_domcomp > span:before       { content: "\f129"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; line-height: 20px; color: #FFFFFF; }
#container_champs_desc_domcomp > span:hover        { background: #cccccc; }
#container_champs_desc_domcomp > span:hover:before { color: #757575; /* color: #23b9ce; */ }

.annuaireBlocSearch .annuaireLabel  { display: none !important; /* masqué par défaut */ }
body.annu_base .annuaireBlocSearch .frmAnnuaire_specialite { display: none; /* masqué par défaut */ }
body.annu_base .annuaireBlocSearch .frmAnnuaire_courappel  { display: none; /* masqué par défaut */ }

.annuaireBlocResults    { border-bottom: 1px solid #CCC; padding-bottom:20px; }

.annuaireBlocRegister   { text-align:justify; }
.btnAnnuaireRegister    {  }

.annuaireResultsInfo    { padding-bottom: 10px; }

.annuaireListeFiches                                    { clear:both; }
.annuaireFicheMini                 { padding:0px; }
/*
Pour annuaire-avocat.net :
.annuaireFicheMini                 { float:left; width:33%; min-height:250px; }
.annuaireFicheMini:nth-child(3n-2) { padding-right:10px; clear:both; }
.annuaireFicheMini:nth-child(3n-1) { padding-left:10px; padding-right:10px; }
.annuaireFicheMini:nth-child(3n)   { padding-left:10px; }
*/

.annuaireNoFiche * { font-weight: normal; }
.annuaireNoFiche .annuaireRechercheDetails { display: none; }
.annuaireNoFicheForm { display: none; }
.annuaireNoFicheForm * { font-weight: normal; }
.annuaireNoFicheForm h4 { padding: 15px 0px; }
.annuaireNoFicheForm .form-group.domcmp .row { color: #666666; }
.annuaireNoFicheForm .form-group.domcmp .row .libelle {  }
.annuaireNoFicheForm .form-group.domcmp .row .valeur { font-weight: bold; }

.annuaireFicheMiniContainer    { padding:5px 10px; border:1px solid #BBBBBB; }

.annuaireFicheHead             { border-bottom:1px solid #BBBBBB; }
.annuaireFicheHead2            { padding:5px; }
.annuaireFicheContent          { padding:10px 5px 0px 5px; }
.annuaireFicheDomaines         {  }
.annuaireFicheBtns             { padding:10px 0px; }

.annuaireFicheMini .annuaireFicheImage { display: none; }
.annuaireFicheMini .annuaireFicheImageEmpty { display: none; }
.annuaireFicheMini .annuaireFicheImage img { max-width: 120px; }

.annuaireFicheMini .annuaireFicheContent .type    { display:none; }
.annuaireFicheMini .annuaireFicheContent .adresse    { display:none; }
.annuaireFicheMini .annuaireFicheContent .cpville    {  }
.annuaireFicheMini .annuaireFicheContent .dateserment    {  }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp    {     display: flex; flex-flow: column wrap; justify-content: flex-start; }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp .libelle    {  }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp ul.annuaireFicheDomaines       { list-style: none; padding: 0px; margin: 0px; }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp ul.annuaireFicheDomaines > li  { display: inline-block; padding: 2px 4px; margin: 0px 2px 2px 0px; height: 18px; line-height: 14px; background: #ededed; }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp .autresdomaines    { display: inline-block; padding: 2px 4px; margin: 0px 2px 2px 0px; height: 18px; line-height: 14px; background: #ededed; width: fit-content; }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheSocialNetwork    { display:none; }

/* RDV - prochaines dispos */
.annuaireFicheMini .annuaireProchainesDispos { position: relative; background: rgba(39, 184, 206, 0.1); padding: 5px 15px; display: flex; flex-flow: column wrap; justify-content: flex-end; }
.annuaireFicheMini .annuaireProchainesDispos table { width:100%; }
.annuaireFicheMini .annuaireProchainesDispos table thead {  }
.annuaireFicheMini .annuaireProchainesDispos table thead th { text-align: center; }
.annuaireFicheMini .annuaireProchainesDispos table tbody { border-top: 1px solid #27b8ce; border-bottom: 1px solid #27b8ce; }
.annuaireFicheMini .annuaireProchainesDispos table tbody td { text-align: center; padding: 2px; }
.annuaireFicheMini .annuaireProchainesDispos table tbody td span { background: #27b8ce; color: #FFFFFF; padding: 0px 5px; }

.annuaireFicheMini .annuaireProchainesDispos table tbody td span:empty { background: none; color: #000000; }
.annuaireFicheMini .annuaireProchainesDispos table tbody td span:empty:before { content:"-"; }

.annuaireFicheMini .annuaireProchainesDispos .prochaineDispo { display: block; position: absolute; bottom: 42px; width: calc(80% - 30px); margin-left: 10%; padding: 4px 15px; background: #27b8ce; color: #FFFFFF; font-size: 16px; line-height: 18px; text-align: center; }
.annuaireFicheMini .annuaireProchainesDispos .prochaineDispo:empty { display: none; }



.annuaireBlocAdresse           { float:left; }
.annuaireBlocCarte             { float:right; }
.annuaireBlocCertifications    { clear: both; float:right; }

.annuaireFicheSite a span.valeur { display:none; }

.annuaireFicheBlocPhoto         { float:right; width:160px; padding-bottom: 15px; }
.annuaireFicheBlocPhoto img     { float:right; max-width:100%; }
.annuaireFicheBlocNoPhoto       { float:right; width:160px; height:160px; background:#DDDDDD url('../img/annuaire/AvocatGris160.png') no-repeat 0px 0px; }

.annuaireFicheBlocLogo          { padding-bottom:15px; }

.annuaireFicheDetails           {  }
.annuaireFicheBloc              { padding:20px 0px 20px 0px; margin-bottom:20px; }
.annuaireFicheBloc h3           { margin-top:0px; }
.annuaireFicheDetails .mapFrame { width:100%; height: 200px; }

.annuaireFicheType              { display:none; }
.annuaireficheavocat .annuaireFicheBloc.annuaireFicheSocialNetwork  { display:none; }

ul.annuaireListeDomCmp        { padding:0px; margin:0px; list-style: inside; }
ul.annuaireListeDomCmp li     { padding:0px 10px; }

/* annuaire trombinoscope */
ul.annuaireBlocListe    { list-style:none; padding:0px; margin:0px; }
ul.annuaireBlocListe li { padding:0px; margin:0px; }

ul.annuaireBlocTrombi           { list-style:none; padding:0px; margin:0px; }
ul.annuaireBlocTrombi li        { padding:0px; margin:0px; display:block; float:left; width:100px; height:100px; }
ul.annuaireBlocTrombi li img    { max-width:100px; max-height:100px; transition: all 0.3s ease; }

.annuairefichecabinet .annuaireFicheMailTo { display: none; }

/* pour lexavoue
ul.annuaireBlocTrombi:hover li img       { opacity:0.35; }
ul.annuaireBlocTrombi:hover li img:hover { opacity:1; transition: }
ul.annuaireBlocTrombi li               { width:142px; height:83px; background:#666666; }
ul.annuaireBlocTrombi li img           { width:100px; height:100px;  transform:rotate(-45deg); position:relative; top:20px; left:20px; }
ul.annuaireBlocTrombi li:nth-child(5)  { clear:both; margin-left:70px; }
ul.annuaireBlocTrombi li:nth-child(8)  { clear:both; }
ul.annuaireBlocTrombi li:nth-child(12) { clear:both; margin-left:70px; }
ul.annuaireBlocTrombi li:nth-child(15) { clear:both; margin-left:140px; }
*/



/* articles rattachés à une fiche */
.annuaireFicheArticles ul li .actu_readmore   { display:none; }
.annuaireFicheArticles ul li .actu_date       { display:none; }
.annuaireFicheArticles ul li .actu_categories { display:none; }
.annuaireFicheArticles ul li .actu_auteur     { display:none; }
.annuaireFicheArticles ul li .actu_shortdesc  { display:none; }
.annuaireFicheArticles ul li img              { max-width:100px; }


/* fiche membre en mode grid */
.annuairefichemembregrid {}
.annuairefichemembregrid .annuaireFicheContent { display: grid; grid-template-columns: 1fr 2fr 1fr; }
.annuairefichemembregrid .annuaireFicheBloc { float: none; grid-column: 1 / 4; }
.annuairefichemembregrid .annuaireFicheBloc.annuaireFicheTitre { grid-column: 2; grid-row: 1; }
.annuairefichemembregrid .annuaireFicheBloc.annuaireFicheBlocPhoto { grid-row: 1 / 3; grid-column: 1; }
.annuairefichemembregrid .annuaireFicheBloc.annuaireFicheCoordonnees { grid-column: 2; grid-row: 2; }
.annuairefichemembregrid .annuaireFicheBloc.annuaireFicheCoordonnees .annuaireBlocContact { display: none; }
.annuairefichemembregrid .annuaireFicheBloc.annuaireBlocCarte { grid-column: 3; grid-row: 1 / 3; }
.annuairefichemembregrid .annuaireFicheMailTo { display: none; }


/* fiche structure en mode grid */
.annuairefichestructuregrid {}
.annuairefichestructuregrid .annuaireFicheContent { display: grid; grid-template-columns: 1fr 2fr 1fr; }
.annuairefichestructuregrid .annuaireFicheBloc { float: none; grid-column: 1 / 4; }
.annuairefichestructuregrid .annuaireFicheBloc.annuaireFicheTitre { grid-column: 2; grid-row: 1; }
.annuairefichestructuregrid .annuaireFicheBloc.annuaireFicheBlocLogo { grid-row: 1 / 3; grid-column: 1; }
.annuairefichestructuregrid .annuaireFicheBloc.annuaireFicheCoordonnees { grid-column: 2; grid-row: 2;  }
.annuairefichestructuregrid .annuaireFicheBloc.annuaireBlocCarte { grid-column: 3; grid-row: 1 / 3; }
.annuairefichestructuregrid .annuaireFicheMailTo { display: none; }

    /* fiche avocat spécifique meetlaw */
.annuaireficheavocatmeetlaw {  }
.annuaireficheavocatmeetlaw .annuaireFicheBlocPhoto { float: none; }
.annuaireficheavocatmeetlaw .annuaireFicheType { display: block; }
.annuaireficheavocatmeetlaw .annuaireBlocCarte { float: none; }
.annuaireficheavocatmeetlaw .annuaireFicheApplications { display: none; }
.annuaireficheavocatmeetlaw .annuaireFicheCabinets { display: none; }
.annuaireficheavocatmeetlaw .annuaireFicheLangues { display: none; }
.annuaireficheavocatmeetlaw .annuaireFicheDevises { display: none; }
.annuaireficheavocatmeetlaw .annuaireFicheContact { display: none; }
.annuaireficheavocatmeetlaw .annuaireFicheArticles { display: none; }

.annuaireficheavocatmeetlaw .annuaireFicheContent { display: grid; grid-template-columns: 20% 60% 20%; grid-template-rows: auto auto auto auto auto auto; }

.annuaireficheavocatmeetlaw .annuaireFicheBlocPhoto { grid-column: 1 ; grid-row: 1 / span 3; }
.annuaireficheavocatmeetlaw h1 { grid-column: 2 ; grid-row: 1; }
.annuaireficheavocatmeetlaw .annuaireFicheType { grid-column: 2 ; grid-row: 2; }
.annuaireficheavocatmeetlaw .annuaireFicheDomainesSpecialites { grid-column: 2 ; grid-row: 3; }
.annuaireficheavocatmeetlaw .annuaireFicheOnglets { grid-column: 1 / span 2 ; grid-row: 4; display: flex; }
.annuaireficheavocatmeetlaw .annuaireFicheCoordonnees { grid-column: 3 ; grid-row: 1 / span 4; }
.annuaireficheavocatmeetlaw .annuaireFicheRdv { grid-column: 1 / span 3 ; grid-row: 5; }
.annuaireficheavocatmeetlaw .annuaireFicheRetour { grid-column: 1 / span 3 ; grid-row: 6; }

.annuaireficheavocatmeetlaw .annuaireFicheOnglets > .annuaireFicheBloc { position: relative; padding: 0px; }
.annuaireficheavocatmeetlaw .annuaireFicheOnglets > .annuaireFicheBloc > h3 { transition: all 0s; cursor: pointer; height: 40px; font-size: 12px; line-height: 40px; padding: 0px 15px; margin-right: 15px; border: 1px solid #0f0f0f; }
.annuaireficheavocatmeetlaw .annuaireFicheOnglets > .annuaireFicheBloc > div { transition: all 0s; height: 0px; opacity: 0; overflow: hidden; position: absolute; top: 45px; left: 0px; background: rgb(120,144,156); padding: 15px 20px; min-width: 640px; max-width: 100%; }

.annuaireficheavocatmeetlaw .annuaireFicheOnglets > .annuaireFicheBloc.on > h3 { transition:background-color 1s; height: 45px; background: rgb(120, 144, 156); border-color: rgb(120, 144, 156); }
.annuaireficheavocatmeetlaw .annuaireFicheOnglets > .annuaireFicheBloc.on > div { transition:all 1s; height: auto; opacity: 1; overflow: visible; }




#imagemapBulle        { background:#FFFFFF; color:#2F9AAF; padding:25px 15px 15px 15px; min-width:300px; }
#imagemapBulle strong { font-weight:bold; text-transform:uppercase; }
#imagemapBulle:after  { position:absolute; bottom:-80px; right:0px; display:block; content:"\00a0"; width:160px; height:80px; background:url('../img/languetteBulle.png') no-repeat 0px 0px; }



/* Espace privé */
.epHeader                               { width:100%; background:#EEEEEE; }
.epHeader .epHeaderFullName             { float:left; font-size:20px; padding:2px 10px; }
.epHeader ul.epHeaderMenu               { float:right; margin:0px; padding:0px; list-style:none; }
.epHeader ul.epHeaderMenu li            { float:left; margin:0px; padding:0px; }
.epHeader ul.epHeaderMenu li a          { padding:6px 10px; display:block; }
.epHeader ul.epHeaderMenu li.active>a   { background:rgba(39, 184, 206, 0.2); }

body.notconnected .epHeader.epHeaderExtranetSecibAirNeo { display: none; }

.epMenu                         { float: left; width:30%; background:#EEEEEE; min-height:800px; padding: 10px; }
.epMenu + .mainPage             { float:right; width:70%; padding-left:10px; }
.epMenu + .mainPageArticle      { float:right; width:70%; padding-left:10px; }
.epMenu a.btnMainPage           { font-size: 22px; }
.epMenu ul                      { list-style:none; margin:0px; padding:0px; }
.epMenu ul li                   { display:block; padding:2px 0px; }
.epMenu ul li ul li             { padding-left:15px; }
.epMenu ul li>a                 { display:block; padding:2px; }
.epMenu ul li.active            {  }
.epMenu ul li.active>a          { background:rgba(39, 184, 206, 0.2); }
.epMenu ul li:not(.active) > ul { display:none; } /* permet de masquer les sous-menus dont le parent n'est pas actif ! */


/* boutique */
.prod_tarif .prod_tarif_ttc { font-size:25px; }
.prod_tarif .prod_tarif_ht  { font-size:16px; }
.prod_tarif .prod_tarif_tva { font-size:16px; }
.prod_tarif .prod_tarif_ttc span { font-size:16px; }
.prod_tarif .prod_tarif_ht  span { font-size:11px; }
.prod_tarif .prod_tarif_tva span { font-size:11px; }

.prod_tarif .prod_tarif_ttc div { text-align:right; }
.prod_tarif .prod_tarif_ht  div { text-align:right; }
.prod_tarif .prod_tarif_tva div { text-align:right; }

table tr.prod_tarif th.prod_tarif_ttc { text-align:right; }
table tr.prod_tarif th.prod_tarif_ht  { text-align:right; }
table tr.prod_tarif th.prod_tarif_tva { text-align:right; }


.lst_produits ul                            { padding:0px; margin:0px; list-style:none; }
.lst_produits ul li                         { background: #f0f0f0; clear:both; padding:0px 15px 15px 15px; width:100%;  }
.lst_produits ul li.odd                     { background: #e5e5e5; }
.lst_produits ul li.even                    {  }
.lst_produits ul ul                         { border-left: 1px dashed #808080; border-right: 1px dashed #808080; }
.lst_produits ul ul > li                    { /*padding-left:15px;*/ }
.lst_produits ul li .prod_titre             { font-size:22px; padding:7px 0px; }
.lst_produits ul li .prod_image             { padding-left: 0px; }
.lst_produits ul li .prod_info              {  }
.lst_produits ul li .prod_info img          { margin:0px 10px 10px 0px; }
.lst_produits ul li .prod_tarif             { text-align:right; padding-right: 0px; }
.lst_produits ul li .prod_tarif .btn_panier {  }
.lst_produits ul li .prod_children          { clear: both; padding-top: 15px; }
.lst_produits ul li .prod_children:empty    { padding: 0px; }
.lst_produits ul li .prod_commander                         { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
.lst_produits ul li .prod_commander .prod_qte               { width: 40px; line-height: 30px; border: 1px solid #a9a9a9; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding-left: 3px; padding-right: 3px; text-align: center; }
.lst_produits ul li .prod_commander .prod_qte+.btnCommander { border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left:1px;  }
.lst_produits ul li .prod_commander .customInputNumberContainer+.btnCommander { border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left:1px;  }


.fiche_produit                         { padding-bottom: 15px; }
.fiche_produit .prod_tarif             { text-align:right; }
.fiche_produit .prod_tarif .btnSubmit  { font-size:20px; }
.fiche_produit .prod_commander                         { display: flex; justify-content: flex-end; }
.fiche_produit .prod_commander .prod_qte               { width: 40px; line-height: 38px; border: 1px solid #a9a9a9; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding-left: 3px; text-align: center; }
.fiche_produit .prod_commander .prod_qte+.btnCommander { border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 1px; }
.fiche_produit .prod_commander .customInputNumberContainer+.btnCommander { border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 1px; }



.fiche_produit_options                { padding: 0px 0px 15px 0px; }
.pagedefaut .fiche_produit_options h2 { color: #428bca; text-transform: uppercase; padding: 0px; }
.fiche_produit_options .lst_produits  { padding:0px; }


table.commande                    { border:1px solid #DDDDDD; border-collapse:collapse; width:100%; }
table.commande tr.toRevoke        { text-decoration: line-through; opacity: 0.5; }
table.commande tr:nth-child(even) { background:#EEEEEE; }
table.commande tr th              { background:#DDDDDD; padding:5px 2px; }
table.commande tr th.total        { text-align:center; }
table.commande tr th.action       { text-align:right; width:50px; }
table.commande tr th.number       { text-align:right; padding-right:10px; }
table.commande tr th.help         { cursor: help; }
table.commande tr td              { padding:5px 2px; }
table.commande tr td.number       { text-align:right; padding-right:10px; }
table.commande tr td.prod_image    { width:50px; }
table.commande tr td.prod_image img    { width:50px; }
table.commande tr td input.prod_qte    { width:40px; line-height: 30px; border: 1px solid #a9a9a9;     text-align: center; }
table.commande tr td input.prod_qte[disabled],
table.commande tr td input.prod_qte[readonly] { background: #dddddd; border: 1px solid #c7c7c7; color: #333333; cursor: default; cursor: not-allowed; }

table.commande tr.prod_tarif th                                 { background: #DDDDDD; }
table.commande tr.prod_tarif_hors_abo th                        { background: #F8F8F8; color: #7b7b7b; font-weight: normal; font-size: 14px; }
table.commande tr.prod_tarif_hors_abo th.prod_tarif_ttc         { font-size: 16px; }
table.commande tr.prod_tarif_mensuel th                         { background: #F8F8F8; color: #7b7b7b; font-weight: normal; font-size: 14px; }
table.commande tr.prod_tarif_mensuel th.prod_tarif_ttc          { font-size: 16px; }
table.commande tr.prod_tarif_premier_mois th                    { background: #F8F8F8; color: #7b7b7b; font-weight: normal; font-size: 14px; }
table.commande tr.prod_tarif_premier_mois th.prod_tarif_ttc     { font-size: 16px; }
table.commande tr.prod_tarif_aregler th                         { background: #DDDDDD; }
table.commande tr.prod_tarif_mensuel_souscrit th                { background: #F8F8F8; color: #7b7b7b; font-weight: normal; font-size: 14px; }
table.commande tr.prod_tarif_mensuel_souscrit th.prod_tarif_ttc { font-size: 16px; }
table.commande tr.prod_tarif_prochainmois th                    { background: #DDDDDD; }

table.commande tr.prod_tarif_separator th                    { background: #CACACA; padding: 1px 0px 0px 0px; }



table.commande tfoot    { border-top: 1px solid #CACACA; }

table.commande_files                    { border:1px solid #DDDDDD; border-collapse:collapse; width:100%; margin-bottom:10px; }
table.commande_files tr:nth-child(even) { background:#EEEEEE; }
table.commande_files tr th              { background:#DDDDDD; padding:5px 2px; }
table.commande_files tr td              { padding:5px 2px; }
table.commande_files tr td.number       { text-align:right; padding-right:10px; }


/* extranet secibair/neo */
table.extranet-table                    { border:1px solid #DDDDDD; border-collapse:collapse; width:100%; }
table.extranet-table tr:nth-child(even) { background:#EEEEEE; }
table.extranet-table tr:hover           { background:#E0E0E0; }
table.extranet-table tr th              { background:#CFCFCF; padding:5px 5px; font-family: Arial, Verdana, sans-serif; font-size: 15px; }
table.extranet-table tr th.dateorref    { width: 18%; }
table.extranet-table tr th.date         { width: 18%; }
table.extranet-table tr th.datefin      { width: 18%; }
table.extranet-table tr th.libelle      { width: 30%; }
table.extranet-table tr th.total        { text-align:center; }
table.extranet-table tr th.action       { text-align:right; width:50px; }
table.extranet-table tr th.number       { text-align:right; padding-right:10px; white-space: nowrap; }
table.extranet-table tr td              { padding:5px 5px; font-family: Arial, Verdana, sans-serif; font-size: 15px; vertical-align: top; }
table.extranet-table tr td.number       { text-align:right; padding-right:10px; white-space: nowrap; }

table.extranet-table tr td > div        { font-family: Arial, Verdana, sans-serif; font-size: 15px; }

table.extranet-table a { color: #2096a8; text-decoration: none; font-family: Arial, Verdana, sans-serif; }
table.extranet-table a:hover { color: #2a6496; text-decoration: underline; }

table.extranet-table a.download { white-space: nowrap; }
table.extranet-table a.download:before { content:"\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -181px -9px; display: inline-block; width: 20px; }

table.extranet-table a.dossier { font-weight: bold; }
table.extranet-table a.dossier:before { content:"\00a0"; background: transparent url(../img/extranet-sprite.png) no-repeat -118px -10px; display: inline-block; width: 20px; }

table.extranet-table th.number.dossier_factured { /*color:#a20606;*/ }
table.extranet-table td.number.dossier_factured { /*color:#a20606;*/ }

table.extranet-table th.number.dossier_regled { /*color:#057305;*/ }
table.extranet-table td.number.dossier_regled { /*color:#057305;*/ }

table.extranet-table th.number.dossier_solde { /*color:#e87121;*/ }
table.extranet-table td.number.dossier_solde { /*color:#e87121;*/ }

table.extranet-table th.number.dossier_solde:not(.dossier_solde_zero) { color:#e87121; font-weight: bold; }
table.extranet-table td.number.dossier_solde:not(.dossier_solde_zero) { color:#e87121; font-weight: bold; }

table.extranet-table tr.extranetAbonnement,
table.extranet-table tr.extranetAbonnement:hover { background: #cfcfcf; }

.extranetbloc_abonnements h3 svg { position: relative; top: 3px; }
.extranetbloc_abonnements h3 svg #IconeAbonnement path { fill: #FFFFFF; }

.extranetbloc_abonnements table.extranet-table > tbody > tr:nth-child(4n+1) { background:#EEEEEE; }
.extranetbloc_abonnements table.extranet-table > tbody > tr:hover { background: #cfcfcf; }
.extranetbloc_abonnements table.extranet-table > tbody > tr.actif { background: #cfcfcf; }
.extranetbloc_abonnements table.extranet-table > tbody > tr.extranetAbonnement  { background: #EEEEEE; }

.extranetbloc_abonnements th.colAboNum { width: 200px; }
.extranetbloc_abonnements th.colAboConso { width: auto; }
.extranetbloc_abonnements th.colAboMontant { width: 50px; }
.extranetbloc_abonnements th.colAboBtnDetails { width: 10px; }
.extranetbloc_abonnements th.colAboBtnEcheancier { width: 10px; }

.extranetAboLigne.actif a.btnSubmit.btnAboDetails,
.extranetAboLigne.actif a.btnSubmit.btnAboEcheancier{ background: #adadad; border-radius: 15px 15px 0px 0px; position: relative; top: 10px; }
.extranetAboLigne.actif a.btnSubmit.btnAboDetails.actif,
.extranetAboLigne.actif a.btnSubmit.btnAboEcheancier.actif{ /*background: #2096a8;*/ background: #eeeeee; opacity: 1; color: #2096a8 !important; height: 31px; top: 5px; padding-top: 3px; }


.extranetAbonnement { display: none; }
.extranetAbonnement .btnAboOnglet {  }
.extranetAbonnement .btnAboOnglet.btnAboOngletInfos {  }
.extranetAbonnement .btnAboOnglet.btnAboOngletEcheancier {  }
.extranetAbonnement .btnAboDetailClose { float: right; width: 25px; height: 25px; overflow: hidden; text-decoration: none !important; }
.extranetAbonnement .btnAboDetailClose:before { content: "\f057"; font-family: "Font Awesome 5 Free"; font-weight: 400; display: block; width: 25px; height: 25px; font-size: 24px; position: relative; top: -5px; }

.extranetAbonnementDetails { display: none; overflow: hidden; padding: 20px 0px; }
.extranetAbonnementDetails .bloc1 { display: inline-block; width: 50%; padding-left: 50px; position: relative; }
.extranetAbonnementDetails .bloc1:before { content: "\f073"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 25px; color: #2096a8; position: absolute; top: 12px; left: 15px; }
.extranetAbonnementDetails .bloc2 { display: inline-block; width: 50%; padding-left: 50px; position: relative; }
.extranetAbonnementDetails .bloc2:before { content: "\f153"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 25px; color: #2096a8; position: absolute; top: 12px; left: 15px; }
.extranetAbonnementDetails table tr,
.extranetAbonnementDetails table tr:hover,

.extranetAbonnementDetails table tr th,
.extranetAbonnementDetails table tr th:hover { background: none; padding-top: 0px; padding-bottom: 0px; font-weight: normal; font-size: 14px; }
.extranetAbonnementDetails table tr td,
.extranetAbonnementDetails table tr td:hover { background: none; padding-top: 0px; padding-bottom: 0px; font-weight: bold; font-size: 14px; }


.extranetAbonnementDetails table tr.aboMontantARegler th,
.extranetAbonnementDetails table tr.aboMontantARegler td { color: #e87121; }

.extranetAbonnementEcheances { display: none; overflow: hidden; padding: 20px 20px 20px 0px; }
.extranetAbonnementEcheances table tr { background: none; }
.extranetAbonnementEcheances table tr th { background: none; border-bottom: 2px solid #CFCFCF; font-weight: bold; font-size: 14px; white-space: nowrap; }
.extranetAbonnementEcheances table tr td { background: none; border-bottom: 1px solid #CFCFCF; font-weight: normal; font-size: 15px; height: 41px; vertical-align: middle; }
.extranetAbonnementEcheances table th.statut,
.extranetAbonnementEcheances table td.statut { border-bottom-color: transparent; width: 60px; padding: 0 0 0 30px; position: relative; }
.extranetAbonnementEcheances table td.statut .aboEchStatut { width: 3px; height: calc(100% + 2px); background: #CFCFCF; position: absolute; top: -1px; }
.extranetAbonnementEcheances table td.statut .aboEchStatut:before { position: absolute; top: calc(50% - 5px); left: -3px; content:''; display: block; width: 10px; height: 10px; border-radius: 10px; background:#CFCFCF; }
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchNonFacture,
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchNonFacture:before {  }
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchNonRegle,
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchNonRegle:before { background: #EE0000; }
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchReglePartiel,
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchReglePartiel:before { background: #ff8e00; }
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchRegle,
.extranetAbonnementEcheances table td.statut .aboEchStatut.aboEchRegle:before { background: #11d000; }

.aboEchBtnPay ,
.aboEchBtnViewPdf ,
.aboEchBtnDownloadPdf { display: block; width: 25px; height: 25px; overflow: hidden; }

.aboEchBtnPay:before ,
.aboEchBtnViewPdf:before ,
.aboEchBtnDownloadPdf:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 20px; display: inline-block; width: 20px; height: 20px; }

.aboEchBtnPay:before { content: "\f09d";  }
.aboEchBtnViewPdf:before { content: "\f06e"; padding-top: 1px; }
.aboEchBtnDownloadPdf:before { content: "\f019";  }

.extranetProgress { background: #adadad; height:10px; }
.extranetProgressBar { background:#00CC00; height:10px; }


.extranetAboLigne .tooltip-inner { max-width: 300px; }
table.aboTableTooltip { border: none; margin: 3px; }
table.aboTableTooltip tr { background: none !important; }
table.aboTableTooltip tr td { font-size: 11px !important; color: #FFFFFF !important; background: none !important; text-align: left; white-space: nowrap; padding: 1px 2px !important; }



    /* vosactes */
.vosactesMdrInfos                        { font-style:italic; padding:20px 0px; }
table.vosactesLstDocs                    { border:1px solid #DDDDDD; border-collapse:collapse; width:100%; }
table.vosactesLstDocs tr:nth-child(even) { background:#EEEEEE; }
table.vosactesLstDocs tr th              { background:#DDDDDD; padding:5px 2px; }
table.vosactesLstDocs tr td              { padding:5px 2px; }


/* Paiement */
body.Paiement .filAriane{ display:none; }
body.Paiement .mainPage h2{ font-size: 16px; text-align: center; margin-top: -19px; }
body.Paiement .mainPage .content_paiementlibre{ width: 740px; margin: auto; }
body.Paiement .mainPage .form-horizontal .control-label { text-align: left; }
body.Paiement .mainPage .form-horizontal .col-md-4 { width: 25.333333%; }
body .mainPage .content_paiementlibre_pbx  .form-horizontal .infoAfterFormField { padding-left: 0px; padding-top: 7px; font-style: italic;}
body .mainPage .content_paiementlibre_pbx  .form-horizontal .retour_message_paiement_n_fois { padding-top: 7px; }



/* formulaires.... */
fieldset, .fieldset { padding-top: 1px; }

fieldset.borderleft,
.fieldset.borderleft                    { border-left: 1px dashed #bbb; }
.form-group label.obligatoire:after     { content: " * "; }
.form-group div.image                   {  }
.form-group div.image table             { border: 1px solid rgba(128, 128, 128, 0.5); background: #E8E8E8; width: 100%; }
.form-group div.image table tr td       { vertical-align:top; padding:3px; }
.form-group div.image table tr td a     { cursor:pointer; }
.form-group div.image table tr td input { padding: 5px; font-size: 15px; }

.field { float:left; clear:both; width:100%; padding-bottom:20px; }

.listCheckboxes { padding-top:7px; }
.listCheckboxes > span { display:inline-block; }

div.imgPreview          { width:170px; height:100px; overflow:hidden; background:#CCCCCC; }
div.imgPreview img      { max-width:160px; max-height:90px; }
div.imgPreviewSmall     { width:90px; height:55px; overflow:hidden; background:#CCCCCC; position:relative; }
div.imgPreviewSmall img { max-width:80px; max-height:45px; }
img.previewRollover     { position:absolute; display:block; max-width:250px; height:auto; z-index:999; padding:1px; background:rgba(255,255,255,1); border:1px solid rgba(128,128,128,0.5); box-shadow:rgba(0,0,0,0.25) 3px 3px 5px; }

/* champs input file */
input[type=file] { padding: 4px; }
/* champs input file - IE */
input[type=file]::-ms-value { border:none; padding: 0px; background: #FFFFFF; }
input[type=file]::-ms-browse { border:1px solid #AAAAAA; padding: 0px 5px;}
/* champs input file - CHROME */
input[type=file]::-webkit-file-upload-button { }



/* ----- champ input number ----- */
div.customInputNumberContainer{ display: flex; justify-content: flex-end; }
div.customInputNumberContainer.disabled { cursor: not-allowed; }
div.customInputNumberContainer.disabled * { cursor: not-allowed; }
div.customInputNumberContainer .spinners { display: flex; justify-content: flex-end; flex-flow: column wrap; }
div.customInputNumberContainer .spinners .numberStepUp,
div.customInputNumberContainer .spinners .numberStepDown { padding: 1px 3px; width: 17px; height: 17px; line-height: 13px; border-radius: 0px; border: 1px solid #a9a9a9; background: #eeeeee; color: #666666; }
div.customInputNumberContainer .spinners .numberStepUp { border-bottom: 0px; line-height: 14px; }

.fiche_produit .prod_commander div.customInputNumberContainer .spinners .numberStepUp,
.fiche_produit .prod_commander div.customInputNumberContainer .spinners .numberStepDown { height: 21px; width: 21px; line-height: 15px; }
.fiche_produit .prod_commander div.customInputNumberContainer .spinners .numberStepUp { line-height: 16px; }

div.customInputNumberContainer:not(.disabled):hover .spinners .numberStepUp   { background: #ffffff; color: #000000; }
div.customInputNumberContainer:not(.disabled):hover .spinners .numberStepDown { background: #ffffff; color: #000000; }
div.customInputNumberContainer:not(.disabled) .spinners .numberStepUp:hover   { background: #428bca; color: #FFFFFF; }
div.customInputNumberContainer:not(.disabled) .spinners .numberStepDown:hover { background: #428bca; color: #FFFFFF; }
div.customInputNumberContainer input[type="number"]{ margin-right: 0px !important; border-right: 0px !important; }

/* Pour masquer les spinners par défaut */
div.customInputNumberContainer input[type="number"].customSpinners { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; width: 35px; }
div.customInputNumberContainer input[type="number"].customSpinners::-webkit-inner-spin-button { -webkit-appearance: none; opacity: 0; display:none; }
div.customInputNumberContainer input[type="number"].customSpinners::-webkit-outer-spin-button { -webkit-appearance: none; opacity: 0; display:none; }



/* ui dialog, ui-widget ... */
.ui-widget-overlay { z-index: 900000; background: #000; opacity: 0.5; }
.ui-widget { z-index: 900001; }
.ui-dialog { position: fixed !important; top: 50px !important; left: calc((100% - 450px) / 2) !important; width: 450px !important; max-width: 100%; margin: auto; padding: 0px; }
.ui-dialog.annuaireDialogForm { left: 5% !important; width: 90% !important; top: calc((100% - (100% - 100px)) / 2) !important; height: 90% !important; top:5% !important; }
.ui-dialog.bandeauCookieDialogBox { left: calc((100% - (100% - 100px)) / 2) !important; width: calc(100% - 100px) !important; top: calc((100% - (100% - 100px)) / 2) !important; height: calc(100% - 100px) !important; }
.ui-dialog-content { height: 250px; overflow: auto; font-size: 14px; }
.ui-dialog .form-horizontal .control-label,
.ui-widget .form-horizontal .control-label{ text-align: right; text-transform: uppercase; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: Arial,sans-serif; font-size: 17px; }
.ui-widget-header { background: #ccc; border: none; font-size: 16px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e6e6e6; }
.ui-button:hover { cursor: pointer; background: #ddd; }
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { border-top-left-radius: 0px; }
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr { border-top-right-radius: 0px; }
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl { border-bottom-left-radius: 0px; }
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { border-bottom-right-radius: 0px; }
.ui-dialog .ui-dialog-titlebar-close::before{ content: "\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-size: 16px; color: #000; height: 100%; width: 100%; transition: all 0.3s ease-in; position: absolute; top: -3px; left: 0px; }



/* carte gmap */
.cartegmap_map                                   { height:400px; }
#GmapPreview                                     { background:#FFFFFF; padding:10px; box-shadow:rgba(0,0,0,0.5) 5px 5px 5px; max-width:400px; z-index: 2147483648; /* pour passer au dessus de la carte gmap si fullscreen */ }
#GmapPreview .gmapInfoTexts                      {  }
#GmapPreview .gmapInfoTexts .gmapInfoTitle       { display:block; font-size:18px; padding:0px; }

#GmapInfoWindow                                  { background:#FFFFFF; padding:10px; box-shadow:rgba(0,0,0,0.5) 5px 5px 5px; max-width:400px; z-index: 2147483648; /* pour passer au dessus de la carte gmap si fullscreen */ }
#GmapInfoWindow .gmapInfoTexts                   {  }
#GmapInfoWindow .gmapInfoTexts .gmapInfoBtnClose { position:absolute; top:5px; right:10px; display:block; font-family:Verdana; font-size:18px; cursor:pointer; }
#GmapInfoWindow .gmapInfoTexts .gmapInfoTitle    { display:block; font-size:18px; border-bottom:rgba(0,0,0,0.2) 1px solid; padding:0px 30px 5px 0px; margin-bottom:5px; }
#GmapInfoWindow .gmapInfoTexts .gmapInfoDesc     { display:block; font-size:14px; }
#GmapInfoWindow .gmapInfoTexts .gmapInfoId       { display:block;  }



/* pleasewait */
#pleasewait             { display: none; position: fixed; top: 0px; left: 0px; width:100%; height:100%; background:rgba(0,0,0,0.7) url(../img/wait_blackalpha.gif) no-repeat center center; z-index:999999999; cursor: wait; opacity: 0.5; }
#pleasewait_progress    { display:none; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 20px; background: rgba(0, 0, 0, 1); overflow:hidden; }
#pleasewait_progressbar { height:100%; width:0px; background: rgba(0, 112, 255, 1); }



/* carousel bootstrap */
.carousel-indicators            { position: relative; top: 0px; left:0px; width: auto; margin: 0; }
.carousel-indicators li         { background:#CCCCCC; }
.carousel-indicators li.active  { background-color: #BBBBBB; }


/* preview warning */
#previewWarning {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    background: rgba(255, 202, 0, 0.5);
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #cc6000;
    cursor: pointer;
}
#previewWarning span:nth-child(1) {
    position: absolute;
    left:20px;
    color: #cc6000;
}
#previewWarning span:nth-child(3) {
    position: absolute;
    right:20px;
    color: #cc6000;
}


/* msgpopin */
body .msgpopin { position: fixed; top: 0; display: none; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1000000; left: 0; }
body .msgpopin h5 { margin: 0; padding: 15px 25px; width: 100%; text-align: left; background: #CCC; color: #FFF; font-weight: 500; font-size: 24px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
body .msgpopin h5 .btnCloseTop:last-child { font-size: 0px; }
body .msgpopin h5 .btnCloseTop:last-child::after { font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-size: 24px; color: #fff; content: "\f00d"; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; }
body .msgpopin .richtext { max-width: 500px; width: 100%; background: #FFF; position: absolute; left: 50%;top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #CCC; overflow-y: scroll; max-height: 75vh; display: block; }
body .msgpopin .richtext p.btnCloseBottom { display: inline-block; width: auto; text-align: right; padding: 7px 10px; margin: 15px 0; border: 1px solid #CCC; text-transform: uppercase; border-radius: 7px; background-color: #CCC; cursor: pointer; font-size: 14px; font-weight: 500; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #FFF; position: relative; left: 80%; }
body .msgpopin .richtext p.btnCloseBottom:hover { background-color: transparent; color: #CCC; }
body .msgpopin .richtext .text { border-bottom: 1px solid #CCC; padding: 35px 25px; width: 100%; }
body .msgpopin ul li::before { content: ""; display: inline-block; width: 7px; height: 7px; background: #CCC; margin-right: 10px; position: relative; top: -2px; }
body .msgpopin.supprPopin { display: none !important; }


/* Bandeau IE */
.bandeauIE {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, .95);
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.bandeauIE.visible { display: -webkit-box; display: -ms-flexbox; display: flex; }
.bandeauIE .texte { position: relative; padding: 40px 20px; color: #FFF; background: #000; border: solid 7px #ffdd40; -webkit-box-shadow: 0px 10px 30px #000; box-shadow: 0px 10px 30px #000; width: 100%; max-width: 600px; text-align: center; font-size: 18px; font-weight: 300; font-family: "Arial", sans-serif; }
.bandeauIE .texte * { font-size: 18px !important; font-weight: 300 !important; font-family: "Arial", sans-serif !important; }
.bandeauIE .texte strong { font-size: 34px !important; }
.bandeauIE .texte strong::before { display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f071'; margin: 0 0 15px 0; font-size: 60px; }
.bandeauIE .texte a { color: #27B8CE; text-decoration: none; }
.bandeauIE .texte a:hover { color: #FFFFFF; text-decoration: underline; }
.bandeauIE .closeIE { border: 2px solid #ffdd40; color: #000; font-weight: 600; background: #ffdd40; margin: 30px auto 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 50px; height: 50px; cursor: pointer; }
.bandeauIE .closeIE:hover { color: #ffdd40; background: transparent; }


/* boutons de langue */
.lgSelector             { float: right; }
.lgFlag                 { opacity:0.5; display:inline-block; width: 32px; height: 32px; background:url('../img/flags.png') no-repeat; }
.lgFlag:hover           { opacity:0.8; }
.lgFlag.lgFlagActive    { opacity:1; cursor:default; }
.lgFlag span            { display:none; }
.lgFlag.lgFlag_ad { background-position:-32px 0px; }    .lgFlag.lgFlag_ae { background-position:-64px 0px; }
.lgFlag.lgFlag_af { background-position:-96px 0px; }    .lgFlag.lgFlag_ag { background-position:-128px 0px; }
.lgFlag.lgFlag_ai { background-position:-160px 0px; }   .lgFlag.lgFlag_al { background-position:-192px 0px; }
.lgFlag.lgFlag_am { background-position:-224px 0px; }   .lgFlag.lgFlag_an { background-position:-256px 0px; }
.lgFlag.lgFlag_ao { background-position:-288px 0px; }   .lgFlag.lgFlag_ar { background-position:-320px 0px; }
.lgFlag.lgFlag_as { background-position:-352px 0px; }   .lgFlag.lgFlag_at { background-position:-384px 0px; }
.lgFlag.lgFlag_au { background-position:-416px 0px; }   .lgFlag.lgFlag_aw { background-position:-448px 0px; }
.lgFlag.lgFlag_az { background-position:0px -32px; }    .lgFlag.lgFlag_ba { background-position:-32px -32px; }
.lgFlag.lgFlag_bb { background-position:-64px -32px; }  .lgFlag.lgFlag_bd { background-position:-96px -32px; }
.lgFlag.lgFlag_be { background-position:-128px -32px; } .lgFlag.lgFlag_bf { background-position:-160px -32px; }
.lgFlag.lgFlag_bg { background-position:-192px -32px; } .lgFlag.lgFlag_bh { background-position:-224px -32px; }
.lgFlag.lgFlag_bi { background-position:-256px -32px; } .lgFlag.lgFlag_bj { background-position:-288px -32px; }
.lgFlag.lgFlag_bm { background-position:-320px -32px; } .lgFlag.lgFlag_bn { background-position:-352px -32px; }
.lgFlag.lgFlag_bo { background-position:-384px -32px; } .lgFlag.lgFlag_br { background-position:-416px -32px; }
.lgFlag.lgFlag_bs { background-position:-448px -32px; } .lgFlag.lgFlag_bt { background-position:0px -64px; }
.lgFlag.lgFlag_bw { background-position:-32px -64px; }  .lgFlag.lgFlag_by { background-position:-64px -64px; }
.lgFlag.lgFlag_bz { background-position:-96px -64px; }  .lgFlag.lgFlag_ca { background-position:-128px -64px; }
.lgFlag.lgFlag_cd { background-position:-160px -64px; } .lgFlag.lgFlag_cf { background-position:-192px -64px; }
.lgFlag.lgFlag_cg { background-position:-224px -64px; } .lgFlag.lgFlag_ch { background-position:-256px -64px; }
.lgFlag.lgFlag_ci { background-position:-288px -64px; } .lgFlag.lgFlag_ck { background-position:-320px -64px; }
.lgFlag.lgFlag_cl { background-position:-352px -64px; } .lgFlag.lgFlag_cm { background-position:-384px -64px; }
.lgFlag.lgFlag_cn { background-position:-416px -64px; } .lgFlag.lgFlag_co { background-position:-448px -64px; }
.lgFlag.lgFlag_cr { background-position:0px -96px; }    .lgFlag.lgFlag_cu { background-position:-32px -96px; }
.lgFlag.lgFlag_cv { background-position:-64px -96px; }  .lgFlag.lgFlag_cy { background-position:-96px -96px; }
.lgFlag.lgFlag_cz { background-position:-128px -96px; } .lgFlag.lgFlag_de { background-position:-160px -96px; }
.lgFlag.lgFlag_dj { background-position:-192px -96px; } .lgFlag.lgFlag_dk { background-position:-224px -96px; }
.lgFlag.lgFlag_dm { background-position:-256px -96px; } .lgFlag.lgFlag_do { background-position:-288px -96px; }
.lgFlag.lgFlag_dz { background-position:-320px -96px; } .lgFlag.lgFlag_ec { background-position:-352px -96px; }
.lgFlag.lgFlag_ee { background-position:-384px -96px; } .lgFlag.lgFlag_eg { background-position:-416px -96px; }
.lgFlag.lgFlag_eh { background-position:-448px -96px; } .lgFlag.lgFlag_en { background-position:-288px -128px; }
.lgFlag.lgFlag_er { background-position:0px -128px; }   .lgFlag.lgFlag_es { background-position:-32px -128px; }
.lgFlag.lgFlag_et { background-position:-64px -128px; } .lgFlag.lgFlag_fi { background-position:-96px -128px; }
.lgFlag.lgFlag_fj { background-position:-128px -128px; } .lgFlag.lgFlag_fm { background-position:-160px -128px; }
.lgFlag.lgFlag_fo { background-position:-192px -128px; } .lgFlag.lgFlag_fr { background-position:-224px -128px; }
.lgFlag.lgFlag_ga { background-position:-256px -128px; } .lgFlag.lgFlag_gd { background-position:-320px -128px; }
.lgFlag.lgFlag_ge { background-position:-352px -128px; } .lgFlag.lgFlag_gg { background-position:-384px -128px; }
.lgFlag.lgFlag_gh { background-position:-416px -128px; } .lgFlag.lgFlag_gi { background-position:-448px -128px; }
.lgFlag.lgFlag_gl { background-position:0px -160px; }    .lgFlag.lgFlag_gm { background-position:-32px -160px; }
.lgFlag.lgFlag_gn { background-position:-64px -160px; }  .lgFlag.lgFlag_gp { background-position:-96px -160px; }
.lgFlag.lgFlag_gq { background-position:-128px -160px; } .lgFlag.lgFlag_gr { background-position:-160px -160px; }
.lgFlag.lgFlag_gt { background-position:-192px -160px; } .lgFlag.lgFlag_gu { background-position:-224px -160px; }
.lgFlag.lgFlag_gw { background-position:-256px -160px; } .lgFlag.lgFlag_gy { background-position:-288px -160px; }
.lgFlag.lgFlag_hk { background-position:-320px -160px; } .lgFlag.lgFlag_hn { background-position:-352px -160px; }
.lgFlag.lgFlag_hr { background-position:-384px -160px; } .lgFlag.lgFlag_ht { background-position:-416px -160px; }
.lgFlag.lgFlag_hu { background-position:-448px -160px; } .lgFlag.lgFlag_id { background-position:0px -192px; }
.lgFlag.lgFlag_ie { background-position:-32px -192px; }  .lgFlag.lgFlag_il { background-position:-64px -192px; }
.lgFlag.lgFlag_im { background-position:-96px -192px; }  .lgFlag.lgFlag_in { background-position:-128px -192px; }
.lgFlag.lgFlag_iq { background-position:-160px -192px; } .lgFlag.lgFlag_ir { background-position:-192px -192px; }
.lgFlag.lgFlag_is { background-position:-224px -192px; } .lgFlag.lgFlag_it { background-position:-256px -192px; }
.lgFlag.lgFlag_je { background-position:-288px -192px; } .lgFlag.lgFlag_jm { background-position:-320px -192px; }
.lgFlag.lgFlag_jo { background-position:-352px -192px; } .lgFlag.lgFlag_jp { background-position:-384px -192px; }
.lgFlag.lgFlag_ke { background-position:-416px -192px; } .lgFlag.lgFlag_kg { background-position:-448px -192px; }
.lgFlag.lgFlag_kh { background-position:0px -224px; }    .lgFlag.lgFlag_ki { background-position:-32px -224px; }
.lgFlag.lgFlag_km { background-position:-64px -224px; }  .lgFlag.lgFlag_kn { background-position:-96px -224px; }
.lgFlag.lgFlag_kp { background-position:-128px -224px; } .lgFlag.lgFlag_kr { background-position:-160px -224px; }
.lgFlag.lgFlag_kw { background-position:-192px -224px; } .lgFlag.lgFlag_ky { background-position:-224px -224px; }
.lgFlag.lgFlag_kz { background-position:-256px -224px; } .lgFlag.lgFlag_la { background-position:-288px -224px; }
.lgFlag.lgFlag_lb { background-position:-320px -224px; } .lgFlag.lgFlag_lc { background-position:-352px -224px; }
.lgFlag.lgFlag_li { background-position:-384px -224px; } .lgFlag.lgFlag_lk { background-position:-416px -224px; }
.lgFlag.lgFlag_lr { background-position:-448px -224px; } .lgFlag.lgFlag_ls { background-position:0px -256px; }
.lgFlag.lgFlag_lt { background-position:-32px -256px; }  .lgFlag.lgFlag_lu { background-position:-64px -256px; }
.lgFlag.lgFlag_lv { background-position:-96px -256px; }  .lgFlag.lgFlag_ly { background-position:-128px -256px; }
.lgFlag.lgFlag_ma { background-position:-160px -256px; } .lgFlag.lgFlag_mc { background-position:-192px -256px; }
.lgFlag.lgFlag_md { background-position:-224px -256px; } .lgFlag.lgFlag_me { background-position:-256px -256px; }
.lgFlag.lgFlag_mg { background-position:-288px -256px; } .lgFlag.lgFlag_mh { background-position:-320px -256px; }
.lgFlag.lgFlag_mk { background-position:-352px -256px; } .lgFlag.lgFlag_ml { background-position:-384px -256px; }
.lgFlag.lgFlag_mm { background-position:-416px -256px; } .lgFlag.lgFlag_mn { background-position:-448px -256px; }
.lgFlag.lgFlag_mo { background-position:0px -288px; }    .lgFlag.lgFlag_mq { background-position:-32px -288px; }
.lgFlag.lgFlag_mr { background-position:-64px -288px; }  .lgFlag.lgFlag_ms { background-position:-96px -288px; }
.lgFlag.lgFlag_mt { background-position:-128px -288px; } .lgFlag.lgFlag_mu { background-position:-160px -288px; }
.lgFlag.lgFlag_mv { background-position:-192px -288px; } .lgFlag.lgFlag_mw { background-position:-224px -288px; }
.lgFlag.lgFlag_mx { background-position:-256px -288px; } .lgFlag.lgFlag_my { background-position:-288px -288px; }
.lgFlag.lgFlag_mz { background-position:-320px -288px; } .lgFlag.lgFlag_na { background-position:-352px -288px; }
.lgFlag.lgFlag_nc { background-position:-384px -288px; } .lgFlag.lgFlag_ne { background-position:-416px -288px; }
.lgFlag.lgFlag_ng { background-position:-448px -288px; } .lgFlag.lgFlag_ni { background-position:0px -320px; }
.lgFlag.lgFlag_nl { background-position:-32px -320px; }  .lgFlag.lgFlag_no { background-position:-64px -320px; }
.lgFlag.lgFlag_np { background-position:-96px -320px; }  .lgFlag.lgFlag_nr { background-position:-128px -320px; }
.lgFlag.lgFlag_nz { background-position:-160px -320px; } .lgFlag.lgFlag_om { background-position:-192px -320px; }
.lgFlag.lgFlag_pa { background-position:-224px -320px; } .lgFlag.lgFlag_pe { background-position:-256px -320px; }
.lgFlag.lgFlag_pf { background-position:-288px -320px; } .lgFlag.lgFlag_pg { background-position:-320px -320px; }
.lgFlag.lgFlag_ph { background-position:-352px -320px; } .lgFlag.lgFlag_pk { background-position:-384px -320px; }
.lgFlag.lgFlag_pl { background-position:-416px -320px; } .lgFlag.lgFlag_pr { background-position:-448px -320px; }
.lgFlag.lgFlag_ps { background-position:0px -352px; }    .lgFlag.lgFlag_pt { background-position:-32px -352px; }
.lgFlag.lgFlag_pw { background-position:-64px -352px; }  .lgFlag.lgFlag_py { background-position:-96px -352px; }
.lgFlag.lgFlag_qa { background-position:-128px -352px; } .lgFlag.lgFlag_re { background-position:-160px -352px; }
.lgFlag.lgFlag_ro { background-position:-192px -352px; } .lgFlag.lgFlag_rs { background-position:-224px -352px; }
.lgFlag.lgFlag_ru { background-position:-256px -352px; } .lgFlag.lgFlag_rw { background-position:-288px -352px; }
.lgFlag.lgFlag_sa { background-position:-320px -352px; } .lgFlag.lgFlag_sb { background-position:-352px -352px; }
.lgFlag.lgFlag_sc { background-position:-384px -352px; } .lgFlag.lgFlag_sd { background-position:-416px -352px; }
.lgFlag.lgFlag_se { background-position:-448px -352px; } .lgFlag.lgFlag_sg { background-position:0px -384px; }
.lgFlag.lgFlag_si { background-position:-32px -384px; }  .lgFlag.lgFlag_sk { background-position:-64px -384px; }
.lgFlag.lgFlag_sl { background-position:-96px -384px; }  .lgFlag.lgFlag_sm { background-position:-128px -384px; }
.lgFlag.lgFlag_sn { background-position:-160px -384px; } .lgFlag.lgFlag_so { background-position:-192px -384px; }
.lgFlag.lgFlag_sr { background-position:-224px -384px; } .lgFlag.lgFlag_st { background-position:-256px -384px; }
.lgFlag.lgFlag_sv { background-position:-288px -384px; } .lgFlag.lgFlag_sy { background-position:-320px -384px; }
.lgFlag.lgFlag_sz { background-position:-352px -384px; } .lgFlag.lgFlag_tc { background-position:-384px -384px; }
.lgFlag.lgFlag_td { background-position:-416px -384px; } .lgFlag.lgFlag_tg { background-position:-448px -384px; }
.lgFlag.lgFlag_th { background-position:0px -416px; }    .lgFlag.lgFlag_tj { background-position:-32px -416px; }
.lgFlag.lgFlag_tl { background-position:-64px -416px; }  .lgFlag.lgFlag_tm { background-position:-96px -416px; }
.lgFlag.lgFlag_tn { background-position:-128px -416px; } .lgFlag.lgFlag_to { background-position:-160px -416px; }
.lgFlag.lgFlag_tr { background-position:-192px -416px; } .lgFlag.lgFlag_tt { background-position:-224px -416px; }
.lgFlag.lgFlag_tv { background-position:-256px -416px; } .lgFlag.lgFlag_tw { background-position:-288px -416px; }
.lgFlag.lgFlag_tz { background-position:-320px -416px; } .lgFlag.lgFlag_ua { background-position:-352px -416px; }
.lgFlag.lgFlag_ug { background-position:-384px -416px; } .lgFlag.lgFlag_us { background-position:-416px -416px; }
.lgFlag.lgFlag_uy { background-position:-448px -416px; } .lgFlag.lgFlag_uz { background-position:0px -448px; }
.lgFlag.lgFlag_va { background-position:-32px -448px; }  .lgFlag.lgFlag_vc { background-position:-64px -448px; }
.lgFlag.lgFlag_ve { background-position:-96px -448px; }  .lgFlag.lgFlag_vg { background-position:-128px -448px; }
.lgFlag.lgFlag_vi { background-position:-160px -448px; } .lgFlag.lgFlag_vn { background-position:-192px -448px; }
.lgFlag.lgFlag_vu { background-position:-224px -448px; } .lgFlag.lgFlag_ws { background-position:-256px -448px; }
.lgFlag.lgFlag_ye { background-position:-288px -448px; } .lgFlag.lgFlag_za { background-position:-320px -448px; }
.lgFlag.lgFlag_zm { background-position:-352px -448px; } .lgFlag.lgFlag_zw { background-position:-384px -448px; }

/* Tooltip container */
/*.mytooltip { position: relative!important; }*/
/* Tooltip text */
/*.mytooltip .mytooltiptext { visibility: hidden!important; width: 120px!important; height: auto!important; background-color: #555!important; color: #fff!important; text-align: center!important; padding: 5px 4px!important; border-radius: 6px!important; font-size: 12px!important; font-family: Arial, Verdana!important;  !* Position the tooltip text *! position: absolute!important; z-index: 1!important; bottom: 125%!important; left: 50%!important; margin-left: -60px!important;  !* Fade in tooltip *! opacity: 0!important; transition: opacity 0.3s!important; }*/
/* Tooltip arrow */
/*.mytooltip .mytooltiptext::after { content: ""!important; position: absolute!important; top: 100%!important; left: 50%!important; margin-left: -5px!important; border-width: 5px!important; border-style: solid!important; border-color: #555 transparent transparent transparent!important; }*/
/* Show the tooltip text when you mouse over the tooltip container */
/*.mytooltip:hover .mytooltiptext { visibility: visible!important; opacity: 1!important; }*/

/**
 * Supérieur à 830px
 */
@media all and (min-width: 825px){
    #extranet_dossier_content .extranet_dossier_infos .extranetbloc2 { max-width: 300px; }
}



/**
 * Si largeur inférieure à 1200px
 */
@media all and (max-width: 1199px){

    fieldset.borderleft,
    .fieldset.borderleft { border-left:none; }
}
/**
 * Si largeur inférieure à 990px
 */
@media all and (max-width: 989px){

    .annuaireFicheMini:nth-child(3n-2),
    .annuaireFicheMini:nth-child(3n-1),
    .annuaireFicheMini:nth-child(3n) {
        padding:0px; clear:both; width:100%;
    }
    #epMenu             { float: left; width:100%; min-height:0px; }
    #epMenu + .mainPage { float:left; width:100%; }
}
/**
 * Si largeur inférieure à 768
 */
@media all and (max-width: 768px) {
    .article_container .actu_bloc1 {
        width: 250px;
        padding-bottom: 20px;
    }
    .article_container .actu_bloc2 {
        width: 100%;
    }
    .article_container .actu_bloc1 + .actu_bloc2 {
        width: 100%;
    }
    #previewWarning span:nth-child(1) ,
    #previewWarning span:nth-child(3) {
        display: none;
    }
    .ui-dialog.bandeauCookieDialogBox {
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        width: 100% !important;
        height: auto !important;
    }
    #bandeauCookieDialogBox .bandeauCookiesBoutons a {
        display:block;
        max-width: 160px;
        text-align: center;
        margin: 4px auto;
    }
}

/**
 * Si largeur inférieure à 600px
 */
@media all and (max-width: 599px){

    .content_diaporama .diapoGalerie ul li { clear:both; margin-left:0px; margin-right:0px; width:100%; }

    .annonceDetails .annonceBloc.annonceInfos > * { display: block; }
    .annonceDetails .annonceBloc.annonceInfos > * > .libelle { display: block; width:100%; }
    .annonceDetails .annonceBloc.annonceInfos > * > .valeur { display: block; width:100%; padding-left: 0px; }
}


@media all and (max-width: 546px){
    .annonceDetails .annonceBloc.annonceCouts,
    .annonceDetails .annonceBloc.annonceCommodites {
        padding-right: 0px;
        padding-left: 0px;
    }
}



@media all and (max-width: 480px){
    .ui-dialog { max-width: calc(100% - 30px); margin: auto 15px; left: 0px !important; }
}


/* ------------- MAUTIC --------------- */
/* formulaires MAUTIC par défaut */
.mauticform_wrapper { max-width: 800px; margin: 10px auto; font-family: 'Ubuntu', sans-serif; color: #676767; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red;}
.mauticform-message {margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label {display: block;font-weight: 400;margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #ccc; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
.mauticform-checkboxgrp-label { font-weight: 300; font-size: 0.8em; }
.mauticform-radiogrp-row { padding: 0 10px 0 0px; display: inline-block; }
.mauticform-radiogrp-label {font-weight: normal; }
.mauticform-freetext {font-size: 1.2rem; }
.mauticform-row.mauticform-freetext, .mauticform-row.mauticform-checkboxgrp {width: 100%; }
.mauticform-button-wrapper { text-align: center; }
.mauticform-row.mauticform-has-error input, .mauticform-row.mauticform-has-error select { border-color: rgba(255, 51, 87, 0.75) !important; background-color: rgba(255, 52, 48, 0.17) !important; }
.mauticform-row.mauticform-checkboxgrp.mauticform-has-error { border-color: rgba(255, 51, 87, 0.75) !important; background-color: rgba(255, 52, 48, 0.17) !important; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; /* background-color: #663300; */ float: left; position: relative; /* top: -59px; */ font-size: 0.6em; }
.mauticform-pagebreak-wrapper, .mauticform-row.mauticform-button-wrapper { width: 100%; text-align: center; margin: 1rem 0 0; }
.mauticform-row { display: block; margin-bottom: 20px; }
form input.mauticform-input, form select.mauticform-selectbox, form textarea { /*background: #f4f3f3;*/ color: #676767; border: 0; border-bottom: 1px solid; border-color: rgba(33, 33, 33, .1); font-size: 0.8em !important; box-shadow: 0px 0px 0px #fff inset; box-sizing: border-box; border-radius: 0; /*-webkit-appearance: none;*/ height: 3.5rem; font-weight: 300; width: 100%; outline: 0; padding: 0 1rem; -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); transition: all 1s cubic-bezier(.19, 1, .22, 1); }
input:hover, select:hover, textarea:hover {background: #fff !important; }
input[type=text]:focus { color: #212121; }
.mauticform-button-wrapper .mauticform-button { background: rgb(40, 184, 206); color: #fff; border: none; border-width: 0; max-width: 100%; display: inline-block; font-size: 1.1em; border-radius: 2rem; padding: 1rem 5rem; height: auto; text-align: center; -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); transition: all 1s cubic-bezier(.19, 1, .22, 1); -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .2); -moz-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .2); box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .2); }
.mauticform-button:hover {background: rgb(1, 145, 166); }
.mauticform-message { display: none; border-color: rgba(37, 255, 17, 0.75) !important; background-color: rgba(20, 255, 32, 0.17) !important; padding: 20px; }
.mauticform-post-success > form > .mauticform-message { display: block !important; }
.mauticform-post-success > form > .mauticform-innerform { display: none; }
.iti.iti--separate-dial-code { width: 100%; }

/* ---------------- iFrame ML ------------------ */
/* Permet de surcharger le CSS du "Powered by ML" déjà ajouté sur les sites  */
body a.btnIframMl span::before { width: 150px; height: 31px; top: initial; background-size: contain; }
body a.btnIframMl span{ top: initial; line-height: 1; display: inline-flex; align-items: flex-start; }
body a.btnIframMl{ color: #1E3758; line-height: 1.6; }
body a.btnIframMl:hover{ color: #1E3758; opacity: .7; }