@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.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; }
 */


/* 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;  }


/* bandeauCookies */
#bandeauCookies { display:none; position: fixed; bottom: 0px; background: rgba(51, 51, 51, 0.9); color: #FFFFFF; padding: 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 { text-transform: none; font-size: 16px; font-family: Arial, sans-serif; font-weight: 300; color: #f3f3f3; padding: 5px 15px; background-color: #000000; text-decoration: none; transition: all 800ms ease; }
#bandeauCookies a.btnStandard:hover { color: #000000; background-color: #FFFFFF; }


/* 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:1px dashed rgba(204, 0, 0, 0.5); padding:10px 20px; background:rgba(204, 0, 0, 0.2); color:rgba(0,0,0,0.75); font-size:12px; font-family:Verdana, Arial; font-weight:normal; }


/* 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        { border:1px dotted rgba(204, 0, 0, 0.5); padding:10px 20px; background:rgba(204, 0, 0, 0.2); }
.content_notfound .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 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; }


/* 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;
    }
}
*/





/* 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; vertical-align: top; position: relative;}
.captchaField .captcha-col1         { float:right; width:145px; }
.captchaField .captcha-col1 img     { width: 102px; vertical-align: text-bottom; margin-top: 5px; margin-left: 5px; }
.captchaField .captcha-col2         { float:left; width: calc(100% - 145px); }
.captchaField input                 { float:left; clear:both; margin-top:5px; }

.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 actus */
.content_actus .actu_date .jour,
.content_actus .actu_date .mois,
.content_actus .actu_date .moiscourt,
.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{
    display:none;
}

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


/* content form v2 */
.content_frmcontact .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/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; }

/* historique */
.articles_historique ul li .actu_readmore   { display:none; }
.articles_historique ul li .actu_date       { display:none; }
.articles_historique ul li .actu_categories { display:none; }
.articles_historique ul li .actu_shortdesc  { 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 ,
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; }

.pagedefaut.extranet_accueil 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: 10px; }

a.btnSubmit.btnDetailsSolde { white-space: nowrap; }
a.btnSubmit.btnDetailsSolde:before { content: "€"; background: none; display: inline-block; margin-left: 5px; margin-right: 15px; 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: 10px; }

.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; }
.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; }
.extranetbloc .recherche input { display: inline-block; height: 26px; border: none; padding: 2px 5px; }
.extranetbloc .recherche input:focus { outline:none; }

.extranetbloc .recherche a.btnSubmit,
#extranet_dossier_content .extranetbloc .recherche a.btnSubmit { 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; }


#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; }

#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; }









#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 240px; 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 -1%; }
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 .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; }


/* 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 > .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 > .annonceCarte .mapFrame { width: 100%; }
.annonceDetails .annonceBloc.annonceDpeGes { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.annonceDetails .annonceBloc.annonceDpeGes > * { flex:1 250px; }
.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.annonceCommodites {
    width: 100%;
}

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

.annonceDetails .annonceBloc.annonceCaracteristiques > table th,
.annonceDetails .annonceBloc.annonceFrais > 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.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%; }





/* 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; }

#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; }



/* 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; }

body.annu_base .annuaireBlocSearch .frmAnnuaire_specialite   { 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; }
*/

.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  {  }
.annuaireFicheMini .annuaireFicheContent .annuaireFicheDomCmp .autresdomaines    { margin-top:auto; }

/* 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; border-top:1px solid #BBBBBB; margin-bottom:20px; }
.annuaireFicheBloc h3           { margin-top:0px; }
.annuaireFicheDetails .mapFrame { width:100%; height: 200px; }

.annuaireFicheType              { 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; }

/* 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 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: flex; 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_premier_mois th     { background: #DDDDDD; }
table.commande tr.prod_tarif_aregler th          { background: #CACACA; }
/*
table.commande tr.prod_tarif_premier_mois th     { background: #EEEEEE; color: #7b7b7b; }
*/
table.commande tr.prod_tarif_mensuel_souscrit th { background: #EEEEEE; color: #7b7b7b; }

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 a { color: #428bca; 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 {  }
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; }




/* 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%; }



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

fieldset.borderleft,
.fieldset.borderleft                     { border-left: 1px dashed #bbb; }
.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; }

.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; }

.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; }





/* 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:9999; 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; }


/* 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; }


/**
 * 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%;
    }
}

/**
 * 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;
    }
}