/* *********************************************************** */
/*      NOUVELLES DEFINITIONS DES TEMPLATES                    */
/*                             ORIGIN UP (anne)                    */
/* *********************************************************** */

.portlet {
    -ms-scrollbar-face-color: #ddd;
    -ms-scrollbar-arrow-color: #ddd;
    -ms-scrollbar-track-color: #ddd;
    -ms-scrollbar-shadow-color: #aaa;
    -ms-scrollbar-highlight-color: #aaa;
    -ms-scrollbar-3dlight-color: #aaa;
    -ms-scrollbar-darkshadow-color: #aaa;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.portlet::-webkit-scrollbar {
    width: 6px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.portlet::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background: rgba(178, 178, 178, 0.8);
}
.portlet::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #f59000;
}
.portlet::-webkit-scrollbar-track {
    background: #eee;
}
.portlet::-webkit-scrollbar-trackhover {
    cursor: pointer;
}

#origin #superadmin{position: relative; z-index:100; top:0}
#origin .portlet-refresh {display:none;}
html { font-size:14px; height: 100%;}
body {position:relative; font-size: 1rem; height: 100%;}

#origin {font-family: robotoregular, Arial, Helvetica, sans-serif; background-color: #fff;}
#origin article > h4, #origin  #page > h1 { font-size: 24px; font-family: 'robotoblack';}
#origin .banner-under-menu {display: none;}
#origin #nav-thematique.navbar-default .navbar-nav li.dropdown > a > i.lnr-chevron-down {display:none;}
aside.nav-globale ol > li > a .label-btn {padding-top: 5px}

#publique{padding-bottom:30px; }
#publique header section:nth-child(2){display:none !important;}
#publique aside.nav-globale { justify-content:flex-start;}
#publique aside.nav-globale > a  { flex: 0 0 auto; }

.portlet-connexion { margin-right: 20px; margin-left: 20px;  padding: 10px 20px 30px 20px;  border: 1px solid #eee; border-radius: 6px; box-shadow: 0 0 5px #eee; }

#publique main { display: flex; flex-flow: row wrap; align-items: flex-start; position:relative; top:120px; min-height:calc(100vh - 150px); }
#publique .main { background-color: #FFF; padding: 20px 0; border-radius:3px; margin:5% 0; min-width: 320px;}
#origin main {position:relative; top:170px; padding-bottom:60px; min-height:calc(100vh - 240px);background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 10px; overflow:hidden;}
#origin main:after {background: url(Images/FOND-DEFAULT.jpg);position:absolute;top:0;bottom:0;right:0;left:0;opacity:1;z-index:-1;content:"";background-size: cover; background-repeat: no-repeat;}

#origin > main > div.row {  margin-left:0px;  margin-right:0px; }
#origin footer,  #publique footer { position: fixed; z-index: 2;bottom: 0;left: 0;right: 0; background-color:#fff; display:flex; justify-content: center; align-items:center; height:50px; max-height:50px; overflow:hidden; }

.btn-label { text-transform: uppercase; position: relative;font-family: "robotoregular";font-size: 11px;color: #333;font-style: normal;font-weight: normal;top: 25px;float: left;max-width: 210px;white-space: initial; }
.btn-label > strong { display:block; font-size: 14px;}
.btn-sondage, .btn-comment { background-color: #535355; color: #FFF;  }
.btn-sondage:hover, .btn-sondage:focus, .btn-comment:hover, .btn-comment:focus{ background-color: #909093; color: #FFF;  }
button.btn-rechercher { border : 1px solid #ccc;}

a { color: var(--color-orange); }
i.fa-file-pdf-o{ color: #C00; }
i.fa-file-word-o{ color: #00C; }
i.fa-file-excel-o{ color: #0C0; }
i.fa-file-powerpoint-o{ color: #F60; }
i.fa-file-image-o{ color: #535355; }
.container { min-width:320px; padding-right: 15px;}

/* -- DEBUT ------------- MODIFICATION NEWTEMPLATE 2018 --------------------------------------------------*/

header  { position: fixed; top: 0px; left: 0px; right:0px; z-index: 500 ; background-color:#fff; }
    
.claire {background-color:#fff; }
.sombre {background-color:#eee;  }

section.ligne {padding-bottom :20px; padding-top :20px; } 
section.ligne.misenavant { padding:0; margin-bottom: 20px; margin-top: -20px}
section.smart-accueil i.icon-default-article {font-size:50px; text-align:center; display:block;}
section.entete {max-height:110px;}
section.entete-smart {min-height:60px;border-bottom-width:1px; border-bottom-color: #eee; border-bottom-style: solid; }
section.navthematique {background-image: none !important; padding: 0 !important;}
section.baspage { }
    
 /*   MENU GLOBAL   */
 .label-btn { display:block; }
 
 aside.nav-globale { display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch;  height: 110px;}
 aside.nav-globale > a:first-of-type  { align-self: center; text-decoration: none; max-height: 100px; display: block; flex: 0 1 auto; margin: 5px; }
 aside.nav-globale > a.groslogo { text-decoration: none; position: absolute; max-height: 130px; display: block; max-width: 250px; overflow:hidden;top:10px;}
 aside.nav-globale > a > img.img-responsive { max-height: inherit; max-width: 250px}
 aside.nav-globale > .zone-recherche { flex: 1 1 auto; align-self: center}
 aside.nav-globale > .zone-recherche .prt-o-input-group {max-width: 300px; margin: auto}
 aside.nav-globale > form .prt-o-input.search::placeholder {color: #999999;}
 aside.nav-globale a { color: #999999; font-family: "robotoregular" !important; font-size:12px; text-transform:uppercase; text-decoration:none; display:flex; justify-content:center; align-items:center; flex-direction:column; }
 aside.nav-globale > .bouton-panier {margin: 0 10px; align-self: center;}
 aside.nav-globale > .bouton-panier > a:hover {color: #e89536}  
 aside.nav-globale i > .index { position: relative;top: -18px;left: -12px; background-color: #e89536; padding-top: 3px; color: #FFFFFF ; border-radius: 8px;font-size: 8px;width: 14px;height: 14px;display: inline-block;line-height: 6px;font-weight: 600;text-align: center;}           
 aside.nav-globale a > i { font-size:20px; margin-bottom: 10px}
 aside.nav-globale a > i[class="fa fa-bars"] { margin : 0 20px; }
 aside.nav-globale > .prt-o-dropdownButton { align-self: center; position: relative; margin: 0 10px }
 aside.nav-globale > .prt-o-dropdownButton > a:hover { cursor: pointer; color: #e89536 }
 aside.nav-globale > .prt-o-dropdownButton .prt-o-dropdownButton__subList { display: none; z-index: 200; padding: 10px; border: 1px solid #CCC; background-color: white;}
 aside.nav-globale > .prt-o-dropdownButton.open .prt-o-dropdownButton__subList {display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-end;}
 aside.nav-globale > .prt-o-dropdownButton .prt-o-dropdownButton__subList a { padding: 10px 0 ;}
 aside.nav-globale > .prt-o-dropdownButton .prt-o-dropdownButton__subList a:hover {color: #e89536}
 
 /*   LOGO ALTERNATIF   */
 .logo-alternatif { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; border-radius: 3px; background-color: #f4f4f4; color: #333; padding: 1%; margin: 2%; padding: 3%; }
 .logo-alternatif span:nth-child(2) {font-family:Robotoblack; font-size:12px;}
 .logo-alternatif span:nth-child(1) {font-family:Robotoregular; font-size:16px;}

 .zone-recherche .input-group-addon { width:auto; }
 .zone-recherche .input-group-addon > i {font-size:16px; }

  /* MENU THEMATIQUE */
 #nav-thematique.navbar { border-radius: 0px; margin-bottom: 0px; border:none; font-family: 'robotoregular';}
 #nav-thematique.navbar-default { background-color: transparent; border-color: transparent;min-height:auto; }
 navbar-collapse-grid { padding-right:0px; padding-left:0px;}
 #nav-thematique.navbar ul.navbar-nav { display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; width: 100%;} 
 #nav-thematique.navbar .nav > li {display:flex; flex-flow: row wrap; flex: 0 0 14.28%; justify-content:center; align-items:stretch; height: 60px; overflow: hidden;}
 #nav-thematique.navbar-default .navbar-nav li.dropdown > a {line-height: 1; text-transform: uppercase; color: #4f5d5b; text-decoration: none; font-weight: bold; font-size:1rem; width:100%; padding: 0 10px; display:flex; align-items:center; justify-content:center;height:100%; text-align:center; overflow:hidden}
 #nav-thematique.navbar-default .navbar-nav li.dropdown > a.sigle {font-size:32px}
 #nav-thematique.navbar-default .navbar-nav > .open > a, #nav-thematique.navbar-default .navbar-nav > .open > a:focus, #nav-thematique.navbar-default .navbar-nav > .open > a:hover { background-color: #535355;color: #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; }
 #nav-thematique .dropdown-menu { background-color: #535355; border: none; font-size:14px;  max-height:455px; overflow:auto; overflow-x: hidden; border-radius: 0;opacity: .9;}
 #nav-thematique .dropdown-menu h4 { font-weight: 600;font-style: normal; color:#909093; text-transform: uppercase;font-size: 12px; border-bottom-style: solid; border-bottom-width:1px; border-bottom-color:#909093; padding:5px;  }
 #nav-thematique .dropdown-menu h4 a { text-decoration:none;display:block;color:#fff;}
 #nav-thematique .grid-demo { padding: 10px 30px; }
 #nav-thematique .grid-demo > .row  { display: flex; flex-flow: row wrap;  }
 #nav-thematique .menutheme-extend { bottom: -15px;left: 0px;right: 0px;text-align: center;background-color: #45A4A2;}
 #nav-thematique .menutheme-extend > a {display: block; margin-right: auto;margin-left: auto; color: #FFF; font-size: 20px;text-decoration: none;font-style: normal;font-weight: 600;}
 #nav-thematique ul.menu-theme { padding:0px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:10px;list-style: none;color:#fff; overflow: hidden;}
 #nav-thematique ul.menu-theme li {margin-bottom:5px; text-align:left;}
 #nav-thematique ul.menu-theme li.titre { text-transform: uppercase;text-align:left;font-size: 14px; padding-bottom: 3px;font-family:"robotobold";}
 #nav-thematique ul.menu-theme li a { color: #FFF;text-decoration: none;display: block; overflow: hidden; max-width: 100%; padding: 5px; white-space: nowrap; text-overflow: ellipsis;}
 #nav-thematique ul.menu-theme li a:hover, ul.menu-theme li a:active, ul.menu-theme li a:focus {background-color: #666;}
 
 /* CARROUSEL */
 .carousel-control.left, .carousel-control.right { background-image: none; }
 .carousel-caption { color: #fff; text-shadow: #aaa; font-family:'robotoblack'; }
 .transition-timer-carousel .carousel-caption {background-color: rgba(0,0,0,0.6); bottom:0px; left:0px;right: 0px;text-align: left;padding-top: 5px;padding-left: 15%;padding-right: 15%;max-height: 150px;}
 .transition-timer-carousel .carousel-caption .carousel-caption-header {font-size:36px; overflow: hidden; display: block;}
 .transition-timer-carousel .carousel-caption > p {font-size: 18px; top:0px; left:0px; right:0px; line-height: 1.2;}
 .transition-timer-carousel .carousel-caption > p.carousel-caption-text { max-height: 40px; overflow: hidden; font-family:'robotoregular'}
 .transition-timer-carousel .carousel-indicators {bottom: 0px;margin-bottom: 5px;}
 .transition-timer-carousel .carousel-control {z-index: 11;} 
 .transition-timer-carousel .transition-timer-carousel-progress-bar {height: 5px;background-color: #e10020;width: 0%;margin: -5px 0px 0px 0px;border: none;z-index: 11;position: relative;}
 .transition-timer-carousel .carousel-caption .btn-suite { background-color:#535355; color:#fff; float:right; font-size: 18px !important; border: none; padding: .5%;}
 .transition-timer-carousel .carousel-caption.btn-suite:hover { background-color:#909093; color:#fff; }
 .transition-timer-carousel .carousel-caption.btn-suite-xs {color: rgba(255, 255, 255, 0.8);text-align: center;font-size: 40px;text-shadow: none;padding-left: 30px;}
 .transition-timer-carousel .carousel-caption.btn-suite-xs:hover { color:#333333;  }
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute;  top: 50%; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    object-fit: cover;
    width: 100%;
}

 /* carrousel Portlet 3 col */
 .grid-stack-item[data-gs-width="3"] .transition-timer-carousel .carousel-indicators { display: none }
 .grid-stack-item[data-gs-width="3"] .transition-timer-carousel .carousel-caption .carousel-caption-header {font-size: 21px}
 .grid-stack-item[data-gs-width="3"] .carousel-control .glyphicon-chevron-left, .grid-stack-item[data-gs-width="3"] .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 25%;}
 .grid-stack-item[data-gs-width="3"] .transition-timer-carousel .carousel-caption .btn-suite {display: none}
 /* carrousel Portlet 2 col */
 .grid-stack-item[data-gs-width="2"] .transition-timer-carousel .carousel-indicators { display: none }
 .grid-stack-item[data-gs-width="2"] .transition-timer-carousel .carousel-caption .carousel-caption-header {font-size: 21px}
 .grid-stack-item[data-gs-width="2"] .carousel-control .glyphicon-chevron-left, .grid-stack-item[data-gs-width="2"] .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 25%;}
 .grid-stack-item[data-gs-width="2"] .transition-timer-carousel .carousel-caption .btn-suite {display: none}
 /* carrousel Portlet 1 col */
 .grid-stack-item[data-gs-width="1"] .transition-timer-carousel .carousel-indicators { display: none }
 .grid-stack-item[data-gs-width="1"] .transition-timer-carousel .carousel-caption .carousel-caption-header {font-size: 21px}
 .grid-stack-item[data-gs-width="1"] .carousel-control .glyphicon-chevron-left, .grid-stack-item[data-gs-width="1"] .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 25%;}
 .grid-stack-item[data-gs-width="1"] .transition-timer-carousel .carousel-caption .btn-suite {display: none}

 .portlet .carousel-inner > .item > a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 307px;
}
.portlet .carousel-inner > .item > a > img {
    height: 100%;
    object-fit: cover;
}
.portlet .transition-timer-carousel .carousel-caption .carousel-caption-header {
    font-size: 21px;
    height: 50px;
}



 #origin .portlet {margin-top:0; background-image:none;}
 #origin .grid-stack > .grid-stack-item > .grid-stack-item-content { background: #fff;}
 /* #origin .grid-stack > .grid-stack-item > .grid-stack-item-content { background: linear-gradient(to bottom, rgba(255,255,255,.2) 0%,rgba(255,255,255,.5) 43px,rgba(255,255,255,1) 44px,rgba(255,255,255,1) 100%);} */
 #origin .grid-stack .portlet {position:relative;  height: 100%; overflow:hidden; font-family:'robotoblack'; background-image:none; padding:0 10px; border-radius:3px;}
 /* #origin .grid-stack .portlet {position:relative;  height: 100%; overflow:hidden; font-family:'robotoblack'; background-image:none; padding:0 10px; box-shadow: 0px 5px 7px #666;} */
 #origin .grid-stack .portlet .portlet-label, .hors-grid .portlet-label { white-space: nowrap; text-overflow: ellipsis; display:flex; align-items:center; font-size: 21px; overflow: hidden; color:#4f5d5b !important; background-color: transparent !important;}
 #origin h4.portlet-label[class^="backcolor-"] {background:none}
 #origin .signature,#publique .signature {padding:0; background-color: transparent; color: #4f5d5b }
 #origin #mention_legales > blockquote { font-size: 14px; }
 #origin #nav-thematique.navbar-default .navbar-nav > .open > a, #origin #nav-thematique.navbar-default .navbar-nav > .open > a:focus, #origin #nav-thematique.navbar-default .navbar-nav > .open > a:hover { background-color: #535355;color: #FFF  }

 /* MESSAGE INFOS PORTLET */
 .portlet .message-info .boite-info {height:311px !important;}
 #origin .boite-info { background-color: #fff; padding: 0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
 #origin .boite-info > i { padding:0; margin:0;}

 /* FIL ARIANE */
 #origin section#filariane { margin: 0;  border: none; padding: 0;}
 #origin ul.fil-ariane { font-family: robotoregular;  margin: 5px 0; background-color: #fff; font-size: 12px; border-radius:3px;}

 /* WIDGET METEO */
 #origin .meteo h2 {font-family:'robotoblack';font-size:21px; text-transform:uppercase; padding: 5px 0 5px 0; margin-bottom:8px;color: #4f5d5b;}
 #origin .meteo ul { display: flex; padding: 0; justify-content: center;align-items: center; background-color:#ececec;}
 #origin .meteo ul li { flex: 1; list-style: none; display: flex; justify-content: center; align-items: center;}
 #origin .meteo ul li:nth-child(2) { font-size:21px}
 .widget-meteo ul:nth-of-type(6) { display:none;}

/* WIDGET ARTICLE MULTIPLES (listes) */
 #origin .grid-stack > .grid-stack-item[data-gs-width="3"] .widget.articleliste { margin-bottom: 0px;  height: auto;  border-bottom:1px solid #eee; }
 #origin .grid-stack > .grid-stack-item[data-gs-width="3"] .widget.articleliste article .chapeau {  max-height: 130px; overflow: hidden; }

/* *** article simple ***/
#page-article {border-radius: 3px;}
#page-article #page-article-content #sectioncommentaires .widget-label-editorial {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8em;
    margin-top: 20px;
    text-transform: uppercase;
    clear: both;
    border-bottom: 1px solid #ccc;
    height:auto;
    font-family: 'robotoregular';

}

/* commentaires */
.article-detail-commentaire { font-family:'robotoregular';}
#SaisieCommentaire {  margin-bottom: 0px; }
.infos-commentaire img { max-width: 55px;margin-right: 10px;margin-bottom: 5px;float: left;}
.infos-commentaire label, .detail-commentaire {float: right;}
.infos-commentaire .utilisateur-commentaire {font-weight: bold;}
.ajout-commentaire {width: 100%;}
.ajout-commentaire textarea { resize: none; height: 150px; text-align: justify;}
.ajout-commentaire .action-commentaire label {margin-right: 15px;}
.refuse .detail-commentaire {color: red;font-weight: bold;}
.en-attente .detail-commentaire {color: black;}
.message-commentaire {width: 100%;}
.commentaire.non-valide .message-commentaire {color: #777;}
.non-valide {color: #888;}
.commentaire.refuse .utilisateur-commentaire, .commentaire.refuse .date-commentaire {color: black;}
.commentaire.refuse .message-commentaire {color: red;}
.action-commentaire > label {float: right;margin-top: 5px;font-weight: 400;}
ul.liste-commentaires::before {content:'Reponses'; font-family:'robotoregular';font-weight:800;margin-bottom:10px;display:block;}

/* PAGE FICHE PROFIL */
#origin #page-ficheprofil { padding: 20px 40px; border-radius: 3px; background-color: #fff;}

 /* PAGE HISTORIQUE */
#origin #page-historique { padding: 20px 40px; border-radius: 3px; background-color: #fff;}

/* PAGE ARTICLES MULTIPLES */
#origin section[id^="page-article-multiple"] { padding:10px; border-radius:3px; background-color: #fff;}
#origin section[id^="page-article-multiple"] #page-article-multiple { margin-top: 45px; }

/* ------------- MODIFICATION NEWTEMPLATE 2018 -------------------------------------------------- FIN --*/

#tableCommandeGroupe.table {display:block;}
#tableCommandeGroupe .input-group { min-width: 90px; }

/* PAGE DE CONNEXION */
#form-identification, #motdepasse-oublie, #inscription-beneficiaire {font-family: "robotoregular";font-size:10px; margin-right:auto; margin-left:auto; }
#motdepasse-oublie, #inscription-beneficiaire {margin-top:10px; background-color:#eee; padding-top:12px; padding-bottom:8px; padding-left:12px;padding-right:12px; border-radius:6px; }
#motdepasse-oublie p > a, #inscription-beneficiaire p > a {color:#535355;  font-style:normal; }
#motdepasse-oublie .help-block, #inscription-beneficiaire .help-block {  }
.portlet-connexion #form-identification { margin-bottom:40px; margin-top:30px; font-family: "robotoregular", Arial;}
#form-identification legend { font-family: "robotoregular"; font-style:normal; font-weight:600;}
#origin #form-identification label { font-family: "robotoregular"; color:#535355; text-transform:uppercase; font-size:10px; display:initial;}
.portlet-connexion #form-identification .validation-summary-errors, #form-identification.public  .validation-summary-errors { margin-top: 20px; margin-bottom: 20px; }



/* MENU THEMATIQUE - GESTION DU DROPDOWN  */
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {position: static;}
.yamm .container {position: relative;}
.yamm .dropdown-menu {left: auto;}
.yamm .yamm-content {padding: 20px 30px;}
.yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;}

/* SPECIFIQUE SMARTPHONE */

/* MENU THEMATIQUE SMARTPHONE */	
#voletmenusmart {width: 100%;height: 100%;padding: 10px 0px 0px 0px;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;position: fixed;left: -100%;top: 0px;z-index: 3100;transition: all 0.5s ease-in 0s;overflow-y: scroll;overflow-x: hidden;background-color: #23282E;}
a.btnmenuclore { margin-right:20px;margin-top:5px;}
a.btnvoletmenuclore {margin-right:20px;}
#voletmenusmart:target { left: 0px; }
			
#voletmenusmart-clos:target  #voletmenusmart { left:-100%; }
aside.nav-globale-smart ol  { list-style: outside none none; padding-left:20px;padding-right:20px;padding-bottom:20px;}
aside.nav-globale-smart ol > li { display: inline; }
aside.nav-globale-smart ol > li > a {  color:#fff; font-size:10px; text-decoration:none;}
aside.nav-globale-smart ol > li > a:hover {}
aside.nav-globale-smart ol > li > a > i { color:#fff; font-size:26px;}
aside.nav-globale-smart ol > li > form { padding-top:20px; }
						
.nav-side-menu {overflow: auto;font-family: "robotoregular";font-weight: 400; font-size:12px; background-color: #2E353D;width: 100%;height: 100%;color: #E1FFFF;}
.nav-side-menu h4 { background-color: #23282E;padding: 10px;margin-top: -5px;margin-bottom: 0px;color: #2E353D;font-weight: 600;}
.nav-side-menu ul, .nav-side-menu li { list-style: none; padding: 0px; margin: 0px;  line-height: 35px; cursor: pointer;}
.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right;}
.nav-side-menu ul .active, .nav-side-menu li .active { border-left: 3px solid #d19b3d; background-color: #4f5b69; }
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active { color: #d19b3d; }
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a { color: #d19b3d; }
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { background-color: #181c20; border: none; line-height: 28px; border-bottom: 1px solid #23282e; margin-left: 0px; }
.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover { background-color: #020203; }
.nav-side-menu ul .sub-menu a:before, .nav-side-menu li .sub-menu li:before { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 20px; vertical-align: middle; }
.nav-side-menu .sub-menu li.niveau { background-color: #444F5B; }
.nav-side-menu li {  padding-left: 10px; border-left: 3px solid #990707;  border-bottom: 1px solid #23282e; }
.nav-side-menu ul li.niveau a {text-transform: uppercase;}
.nav-side-menu li a { display: block; text-decoration: none; color: #e1ffff; }
.nav-side-menu li a i { padding-left: 10px; width: 20px; padding-right: 20px; }
.nav-side-menu li:hover { border-left: 3px solid #d19b3d; background-color: #4f5b69;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

/* ACCUEIL SPECIFIQUE SMARTPHONE */
.tuile { height: 120px; line-height: 100px;text-align: center;}
.tuile:hover {background-color:#eee;}
.tuile > i { font-size:75px; color:#535355; }
.tuile .label {display: block;font-family: "robotoregular";font-size:10px;color:#535355; font-style:normal;font-weight:normal;position:relative;top:-35px;}

.btn-sq-lg { width: 100% !important; min-width:150px; height: 150px !important; font-size: 10px; margin:5px; }
.btn-sq { width: 100% !important; max-height: 150px !important; overflow: hidden; color: #535355; background-color: #fff;text-align: left;vertical-align: middle;border-radius: 0px;}
.btn-sq > i { font-size: 60px; color:#e10020; float:left;}
.btn-sq:hover { background-color: #eee;}
.btn-sq-sm { width: 50px !important; height: 50px !important; font-size: 10px;}
.btn-sq-xs {  width: 25px !important;  height: 25px !important;  padding:2px;}

nav.nav-page-smart {display:table; background-color:#eee; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 5px; font-weight:600;width:100%;margin-bottom:10px;margin-top:0px;}
nav.nav-page-smart ul {list-style:none; margin:0px; padding:0px;  font-family:'robotoregular'; line-height:40px; vertical-align:midlle;font-size:16px;text-align: center;}
nav.nav-page-smart ul li {float:right;display:table-cell;}
nav.nav-page-smart  li a {}
nav.nav-page-smart  li a > i {font-size:35px; color:#909093;}

.portlet.communication article > h1 { font-style: normal; font-weight: 600; margin:0px; padding:0px; font-size:16px; overflow: visible; height: auto;white-space: normal;}
.portlet.communication #page-article-multiple > a { color:inherit;}
.portlet.communication .article-multiple { padding: 10px; margin-top: 5px; margin-bottom: 5px; border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: #909093;}

/* PORTLETS */
.grid-stack .col-lg-12.col-md-12.col-sm-12 > .portlet {height:auto;}
.grid-stack .portlet .ligne { margin-bottom:10px; }

/* PORTLET type BLOG */
.portlet-type-BLOG > row:nth-child(1) {position: relative}
aside.detail-blog { display:inline-block; width:100%; text-align:left;}
aside.detail-blog a i {font-size:24px;}

/* WIDGETS */
.visuel { margin-bottom:10px; }
.visuel > a img { margin-left:auto; margin-right:auto; max-height:185px;}
.widget.article .visuel > a img { margin-left:0px; }

.smart-accueil article > h1 { font-size:11px;line-height:1.1em; }

aside.action { height: 35px;padding-top: 5px;display: inline-block; float:right;margin-bottom: 10px;}
aside.action ol { list-style: outside none none;margin: 0px;padding: 0px; white-space: nowrap;}
aside.action ol li { display:inline-block; }
aside.action ol li a {font-size: 9px;color:#535355; }
aside.action ol li a:hover { text-decoration:none; }
aside.action ol li i {font-size:20px;  vertical-align:middle; margin-right: -10px;}

/* We make the transition time shorter to avoid the slide transitioning before the timer bar is "full" - change the 4.25s here to fit your carousel's transition time */
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{  -webkit-transition: width 4.25s linear;-moz-transition: width 4.25s linear;-o-transition: width 4.25s linear;transition: width 4.25s linear;}
.transition-timer-carousel .transition-timer-carousel-progress-bar { display: none; }

/* ARTICLE WIDGET EN GENERAL */
.grid-stack .col-lg-4.col-md-4.col-sm-12 > .portlet .widget.ventes article .descriptif { display:none;}
.grid-stack .col-lg-4.col-md-4.col-sm-12 > .portlet .widget.chequetbon article .descriptif { display:none;}
.grid-stack .col-lg-4.col-md-4.col-sm-12 > .portlet .widget.groupe article .descriptif { display:none;}
			
/* WIDGET DOCUMENT */
nav.document-liste a {display:block;color:#000;text-decoration:none;}
nav.document-liste > a {padding: 5px;font-size: 12px;max-height: 30px;overflow: hidden;border-bottom: 1px dotted #AAA;}
nav.document-liste div > a {font-size:12px; padding-left:20px; margin-bottom:10px;margin-top:5px;max-height:20px;overflow:hidden; white-space:nowrap; }
nav.document-liste div > a > i {font-size:12px;}
nav.document-liste a:hover,nav.document-liste a:focus { background-color:#eee; }
nav.document-liste a > i {font-size:18px;vertical-align:middle;padding-right:10px;}
nav.document-liste .poids { color:#535355; font-size:9px; padding-right:10px; }

/* WIDGET NEWSLETTER */
nav.newsletter-liste a {display:block;color:#000;text-decoration:none; padding:5px;}
nav.newsletter-liste a:hover,nav.newsletter-liste a:focus { background-color:#eee; }
nav.newsletter-liste > a { padding: 5px;font-size: 12px;max-height: 30px;overflow: hidden;border-bottom: 1px dotted #AAA; white-space:nowrap;}
nav.newsletter-liste > a > span.date-envoi { color:#535355;margin-left:5px; margin-right:5px; font-weight:600;}
nav.newsletter-liste > a > span.theme-envoi { color:#535355;margin-left:5px; margin-right:5px;font-size:9px; }

/* WIDGET CALENDRIER */
nav.calendrier-liste a {display:block;font-size: 12px;color:#000;text-decoration:none; padding:5px;max-height:50px; overflow:hidden;border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#eee; white-space:nowrap;}
nav.calendrier-liste a:hover { background-color:#eee; }
nav.calendrier-liste > a > span.date-evenement { color:#535355; margin-left:10px; margin-right:10px;min-width:105px; display:inline-block; }
nav.calendrier-liste > a > span.date-envoi { color:#535355;margin-left:5px; margin-right:5px; font-weight:600;}

/* WIDGET SONDAGE */
.widget.sondage .graphe canvas { max-width: 50%;}
.widget.sondage blockquote { max-height: 80px;line-height: 1.1; margin-bottom:20px; font-style:italic; color:#535355; overflow-y: auto; overflow-x: hidden; }
.widget.sondage .radio, .widget.sondage .checkbox {  padding-left:10px; }
.widget.sondage .radio:hover, .widget.sondage .checkbox:hover { background-color:#eee;}
.graphe canvas {padding:10px;}
#form-sondage { padding-left:10px; padding-right:10px; margin: 20px;}
.reponse-liste {
    font-family: 'robotoregular';
    font-size: 12px;
    color: #000;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
    height: 190px
}

/* WIDGET ARTICLE EDITO */
.widget.article-edito article .illustration {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    height: 340px;
}
.widget.article-edito article .illustration a {
    display: block;
    height: 100%;
}
.widget.article-edito article .illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.widget.article-edito article .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    padding: 5px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2;
}

/* ENVELOPPE ATTRIBUTION */
.enveloppe-liste .enveloppe-comment {
    margin-bottom: 10px;
    color: #535355;
    text-align: justify;
    height: 50px;
    overflow: hidden;
    line-height: 14px;
    font-size: 10px;
}
.enveloppe-liste > table td:last-child { text-align:right; font-weight:bold; white-space: nowrap;}



/* TROMBINOSCOPE */
.widget.trombi  .media-carousel {margin-bottom: 0;}
.widget.trombi .thumbnail {border: none; border-radius: 0px; background-color: transparent; margin-right: auto; margin-left: auto; margin-bottom: 0px;float:left;}
.widget.trombi .media-carousel .carousel-control {font-size:50px; color:#e10020;text-shadow:none;}
/* Previous button  */
.widget.trombi .media-carousel .carousel-control.left {left: 0px;background-image: none; background: none;height: 40px;width : 40px;top: 40%;}
/* Next button  */
.widget.trombi .media-carousel .carousel-control.right {right: 0 !important;background-image: none;background: none; height: 40px;width : 40px;top: 40%;}
/* Changes the position of the indicators */
.widget.trombi .media-carousel .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}
/* Changes the colour of the indicators */
.widget.trombi .media-carousel .carousel-indicators li {background: #c0c0c0;}
.widget.trombi .media-carousel .carousel-indicators .active {background: #333333;}
.widget.trombi .media-carousel img {max-width:50px;max-height:50px;}
.widget.trombi .carousel-inner { background-color: #FFFFFF; height: 290px;}
.widget.trombi h4 { font-family: "robotoregular"; font-size: 14px;font-weight: 600;text-align: center;line-height: 1.8em;margin-left: -25px;margin-right: 15px;margin-top: 0px;background-color: #E0E0E0;text-transform: uppercase;}
.widget.trombi .item .item-groupe {margin-top:15px; }
.widget.trombi .item .detail { padding-bottom:5px;}
.widget.trombi .item .detail span {display:block; font-size:12px;font-family:'robotoregular';}
.widget.trombi .item .detail span.elu, .widget.trombi .item .detail span.eml {font-weight:600;}
.widget.trombi .item .detail span.fct, .widget.trombi .item .detail span.eml {color:#535355;}
.lien-organigramme { display:block; position:absolute; bottom:10px; right:10px; font-size:10px;}


/* APPLI MOBILE */
.widget.appmobile .content { height:290px; }
.widget.appmobile .thumbnail {display:flex; border: none; border-radius: 0px; background-color: transparent; margin-right: auto; margin-left: auto; margin-bottom: 0px;}
.widget.appmobile .carousel-control {font-size:52px; color:#e10020;text-shadow:none;}

.widget.appmobile .content .article { display: flex; flex-direction:column;}
.widget.appmobile .content .article .image {display: flex; justify-content:flex-start;}
.widget.appmobile .content .article .text {justify-content:flex-end; flex:1;}

.widget.appmobile .content .article .text > * { padding-top: 10px; }
.widget.appmobile .content .article .text .title { font-weight: bold; }
.widget.appmobile .content .article .text .description { font-weight: 100; font-size: 12px; color: #909090; }
.widget.appmobile .content .article .text .author { font-weight: 100; font-size: 12px; color: #909090; font-style: italic; }

/* Previous button  */
.widget.appmobile  .carousel-control.left {left: 0px;background-image: none; background: none;height: 40px;width : 40px;top: 40%;}
/* Next button  */
.widget.appmobile  .carousel-control.right {right: 0 !important;background-image: none;background: none; height: 40px;width : 40px;top: 40%;}
/* Changes the position of the indicators */
.widget.appmobile  .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}
/* Changes the colour of the indicators */
.widget.appmobile  .carousel-indicators li {background: #c0c0c0;}
.widget.appmobile  .carousel-indicators .active {background: #333333;}
.widget.appmobile  img {max-width:150px;max-height:145px; margin-bottom:10px;}
.widget.appmobile .carousel-inner { background-color: #EEE;}
.widget.appmobile h4[title="nom de la commission"] { font-family: "robotoregular"; font-size: 1.8rem;font-weight: 600;text-align: center;line-height: 1.8em;margin-left: 15px;margin-right: 15px;margin-top: 0px;background-color: #E0E0E0;}
.widget.appmobile   .item .item-groupe {margin-top:15px; margin-bottom:15px;}

.appmobile .title { font-weight: bold;}
.appmobile .description {font-weight: 100; font-size: 12px; color: #909090;}
.appmobile .author { font-weight: 100; font-size: 12px; color: #909090; font-style: italic; }
.appmobile .image { min-height: 200px; }
.appmobile .image > img { width: auto; height: 100%; display: block; margin: auto; }
.appmobile .tag-zone { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.appmobile .tag-zone__like { display:flex; justify-content:flex-end; flex:1; }
.appmobile .tag-zone__like .nb-like { font-weight: bold; color: red; font-size: 10px; padding-top: 9px; }
.appmobile .tag-zone__like .like { font-size: 21px; margin-left:3px; }
.appmobile .tag { border-style: solid; border-width: 2px; padding: 5px; border-color: black; border-radius: 10px; margin-right: 10px; }
.appmobile .modal-footer { margin-top: 10px; display: flex; padding: 0px; padding-top: 10px; padding-bottom: 10px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.appmobile .modal-footer .photo { }
.appmobile .modal-footer .photo > img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
.appmobile .modal-footer .author-footer { display: flex; }
.appmobile .modal-footer .contact { display: flex; border-style: solid; border-width: 2px; padding: 5px; border-color: #e89536; border-radius: 10px; margin-right: 10px; margin-left: 10px; cursor: pointer; font-size: 12px; }
.appmobile .modal-footer .contact .orange { color: var(--color-orange); }
.appmobile > * { padding-top: 10px; }


/* PAGE  */
/* ** Inscription en ligne ** */
section.page-inscription { padding: 10px; background-color: #fff;border-radius: 3px;margin-top:20px;}
.page-inscription-entete article > h4 {  text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }
.page-inscription-gauche .sous-secteur, .page-inscription-droite .sous-secteur { padding: 30px; background-color:#fafafa; border:0px; margin-top:5px; margin-bottom:5px;}
.page-inscription-gauche .sous-secteur > legend { font-size:12px; margin:0px; font-weight:600; border:none; margin-bottom:10px;}
.page-inscription-gauche .sous-secteur > .form-group { font-size:12px;}
.page-inscription-gauche .sous-secteur >  label {text-align:left !important; font-size: 12px;}

/* ** Changement MDP pour MDP fort ** */
#secur-password {margin:0px 15px; font-family: robotoregular;}
#form-secur-password { padding:10px;  }
#secur-password fieldset > legend { font-size: 18px; font-weight: 600; text-transform: uppercase; border:none; padding:10px;}
#secur-password .sous-secteur { padding:10px; margin:0px auto 20px auto;width:90%;font-size:16px;}

td.mnt-euro {text-align:right; font-weight:bold; white-space:nowrap;}
td.quantite { text-align:center;}
th.entete-aligne-droite {text-align:right;}
th.entete-aligne-centre {text-align:center;}

#page-reglement-facture form#formReglement { padding:20px; }

@-moz-document url-prefix() {
  fieldset:not(.profil) { display: table-cell; }
}

/* VIDEO */
.widget.video { background-color:#000; }

/* PAGE VENTE */

#page-vente {border-radius:3px;}

.produit-vente-vignette .tarif .stock,  .vente-vignette .stock { font-style: italic; font-size: 8pt;}
.produit-vente-vignette .tarif .stock .Vert, .stock .Vert { color: green;}
.produit-vente-vignette .tarif .stock .Orange, .stock .Orange { color: var(--color-orange);}
.produit-vente-vignette .tarif .stock .Rouge , .stock .Rouge {  color: red;}
/* Bouton calcul de la sub */
.prt-o-btn.--phantom.vente-calcul-sub { font-size: .925rem; margin:0;}
.prt-o-btn.--phantom.vente-calcul-sub > i { font-size: 1.5rem; margin-right: 15px;}

/*  PAGE TROMBINOSCOPE         */
.trombinoscope {padding-bottom:30px;}
.trombinoscope .fiche { margin-bottom:20px; background-color:#f4f4f4;}

.trombinoscope .fiche figure { height: 140px; width: 100%; margin:auto auto 10px auto; position:relative;} 
.trombinoscope .fiche figure:hover { cursor:pointer; }
.trombinoscope .fiche figure > img { max-height:140px;margin:auto;}
.trombinoscope .fiche figure > div { position:absolute; top:-140px;left:0px;right:0px;z-index:2;height:140px; color:#333; transition: all 0.5s ease-in-out;background-color:rgba(255,255,255,0);}
.trombinoscope .fiche figure:hover div {top:0px;}

.trombinoscope .fiche .thumbnail {height:300px;padding:0px;border:none;position:relative; background-color:transparent; overflow:hidden;}
.trombinoscope .fiche .thumbnail  p {text-align:center; font-family: open_sans_condensedbold;height:18px; overflow:hidden; }
.trombinoscope .fiche .thumbnail  p:first-of-type + p  + p {color:#999;height:36px;}
.trombinoscope .fiche .thumbnail  p:first-of-type + p  + p > span { display:block; font-size:11px; font-family:'robotoregular';text-transform:none;}
.trombinoscope .fiche .thumbnail  p:first-of-type + p { color:#999;font-size:12px;}
.trombinoscope .fiche .thumbnail .caption > a {  bottom: 10px; right: 10px;left:10px; z-index:1; }

.trombi-fiche-detail { position:absolute;  top:-100%; right:0;   background-color:#eee; width:100%; height:100%;  padding:2%;   color:#fff !important;  z-index:3;  -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
.trombi-fiche-detail dl { }
.trombi-fiche-detail dt:not(:empty) {color:#333;font-weight:normal; padding:5px; background-color: #fafafa; margin-bottom:8px; font-size:10px;border-bottom: 1px solid #eee;}
.trombi-fiche-detail dt:first-child {background-color:transparent;}

/* SIGNATURE */
.widget-label-editorial { font-size: 16px; font-family:'robotoblack',Arial; font-weight:600; color:#333; margin-bottom: 20px}
.message-commentaire { font-size: 12px; }

#origin .widget.articleliste { margin-bottom:0px; } 
.grid-stack-item[data-gs-width="3"] .widget.articleliste .visuel > a > img { max-height: 140px; width: 100%; }
.grid-stack-item[data-gs-width="1"] .widget.articleliste .visuel > a > img {  max-height: 200px;width: 100%;}

#page-article-multiple article > .chapeau { max-height: 110px; overflow: hidden; }

form .rmq  { margin-bottom:20px; color:#666; font-style:italic; }

/* PRESTATIONS */
#ligneDossier .input-group { z-index: 0; }

/* -- DEBUT --------------------------------------- MEDIA QUERIES ---------------------------------------------------------- */

@media (min-width: 1200px) { 
    .widget.video { background-color:#000; height:350px; }
 }

@media (max-width: 990px) {
    #origin main, #publique main {top:102px; background-image: none !important; background-color: #fff }
    #publique main { min-height: calc(100vh - 110px);}


    aside.nav-globale > a:first-child { flex: 1 1 auto; }
    aside.nav-globale > a:last-child { align-self: center }
    aside.nav-globale a > i {  margin-bottom: 0; }

    aside.nav-globale > a > img.img-responsive { max-height: inherit; margin: auto 0; }
    .container { padding-right: 0px; padding-left: 0px;}
	.grid-stack .portlet {height:auto; }
    #origin .grid-stack .portlet .portlet-label, .hors-grid .portlet-label { white-space: normal; }
    .grid-stack > .grid-stack-item > .grid-stack-item-content { left:0 !important; right:0;}
    #origin .grid-stack > .grid-stack-item[data-gs-width="3"] .widget.articleliste { height: auto; }

    .portlet-connexion #form-identification { margin-top:20px;}

    section.ligne { padding: 0;}

    aside.nav-globale > a, aside.nav-globale > a.groslogo { max-height: 60px !important;}
    .widget.trombi .carousel-inner {height: auto;     padding-bottom: 20px;}
    .widget.trombi .carousel-inner .item { padding-left: 0 !important; }
    .transition-timer-carousel .carousel-caption { max-height: 30px;}
	.transition-timer-carousel .carousel-caption .carousel-caption-header { display:block; font-size:12px; text-align: center; }
    .transition-timer-carousel .carousel-indicators  { display:none;}
    .carousel-actu .carousel-inner > .item {max-height:100%; min-height:100%;}
    section.smart-accueil { margin-bottom: 20px }
    section.smart-accueil.misenavant { margin-bottom: 0; padding: 0 }
	.widget .visuel > a img { margin-left:0px; }
	.widget.fluxkalidea.visuel > a img { margin-left:auto; }
    
    dl.profil-etape, dl.historique-etape, dl.tunnel-etape  { margin-top:0px;}
    dl.profil-etape dt a, dl.historique-etape dt a, dl.tunnel-etape dt a { float:none; }
    dl.profil-etape dt a:before, dl.historique-etape dt a:before,  dl.tunnel-etape dt a:before { content:'>> ';}

    .form-group { margin-bottom: 0px; }
    #origin  ul.fil-ariane { font-family: robotoregular; }
    #origin .menu-smart-fiche { padding:10px; background-color:#535355; color:#fafafa; text-transform:uppercase; font-size:10px;}
    #origin .menu-smart-fiche a { color:#fafafa; }
    #origin .menu-smart-fiche a > i {  font-size: 14px; }
    section#tunnel-commande {padding-left:10px; padding-right:10px;}

    /* ******************************** */
    /*             POPUP                */
    /* ******************************** */

    .modal-lg-spinner { width: 8px; margin-left: 9px; height: 11px; }

    /* ******************************** */
    /*      PORTLET CDE ARTICLE         */
    /* ******************************** */

    article .categorie-cde-article {color: #E10020;text-transform: uppercase;font-size: 12px;font-weight: 600;font-style: normal;display: block;white-space: nowrap;line-height: 1.65em;height: 25px;overflow: hidden;text-align: center;}
    .lib-art-portlet{padding-left:0px;padding-right:0px;overflow:hidden;text-overflow:ellipsis;padding-left: 0px; padding-right: 0px}
    .prix-art-portlet{padding-left: 0px; padding-right: 0px; text-align:left}
    article .descriptif-port-cde-art { font-style: normal; font-size:12px; line-height: 12px; height:50px; overflow:hidden;}

    .widget-cde-article { background-color: #fff; display: flex; align-items: flex-start; position: relative;clear:both; }
    .widget-cde-article ul.tarification { display: flex; padding: 0px; margin: 0px; }
    .widget-cde-article ul.tarification li { list-style: none; margin: auto; padding: 0px; }
    .widget-cde-article ul.tarification .public { text-decoration: none; }
    .widget-cde-article ul.tarification .reduit { color: #000;  }
    .widget-cde-article ul.tarification .tarif.public {  margin-bottom: 10px; }
    .widget-cde-article ul.tarification .tarif.reduit { font-weight: bold; text-align: right; padding-right: 5px; }
    .widget-cde-article ul.tarification .barre { text-decoration-line: line-through; }
    .widget-cde-article ul.tarification .reduction { background-color: transparent; color: #FFAB00; font-size: 12px; }
    .widget-cde-article ul.tarification .label { font-weight: normal; font-size: 10px; color: #666666; text-decoration: none; }
    .widget-cde-article ul.tarification .label:empty {  display: none;  }
    .widget-cde-article ul.tarification .barre { text-decoration-line: line-through;  }
    .btn-order-simple-portlet { text-align: center; }
    .desc-portlet {  text-overflow: ellipsis; width: 99%; line-height: 2.5ex; height: 7.5ex; display: inline-block; overflow: hidden;font-size:12px;}
    .lib-art-portlet{ padding-left:0px;padding-right:0px;overflow:hidden;text-overflow:ellipsis;}
}
/* --------------------------------------- MEDIA QUERIES ---------------------------------------------------------- FIN -- */