/* *********************************************************** */
/*      NOUVELLES DEFINITIONS DES TEMPLATES                    */
/*                             ORIGIN FUNNY                   */
/* *********************************************************** */

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



html { font-size:62.5%; height: 100%;}
body {position:relative; font-size: 14px; min-height: 100%; background-color: #fff; }
body#origin {font-family: robotoregular, Arial, Helvetica, sans-serif; padding-top:213px;position: relative;padding-bottom: 40px; background-color: #009788;background-image: none !important;}
body#publique{padding-top:231px; padding-bottom:30px; background-color: #009788; }
#origin main {background-image: none !important}
#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}
footer{position: absolute;bottom: 0;left: 0;right: 0;}

section.smart-accueil i.icon-default-article {font-size:50px; text-align:center; display:block;}
i > .index { position: relative;top: -18px;left: -12px;background-color: #F44236;padding-top: 3px;color: #fff;border-radius: 8px;font-size: 8px;width: 14px;height: 14px;display: inline-block;line-height: 6px;font-weight: 600;text-align: center;}
.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;}
button.portlet-refresh {display:none;}
header  { position: fixed; top: 0px; left: 0px; right:0px; z-index: 500; }
a { color:#E10020; }
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; }
#origin main { margin-bottom: 0px; }
.main { background-color: #fff;; padding-left: 0px; padding-right: 0px; border-radius:3px; }
.container { min-width:320px; }
section.entete {height:65px; background-color: #009788;}
section.entete-smart {min-height:65px; background-color: #009788;}
section.baspage {border-top-width:1px; border-top-color: #eee; border-top-style: solid; background-color:#009788; }
section.navthematique {border-bottom: 1px solid #007d71; min-height:60px;
                       padding-top: 20px;
                       background-color: #009788;
}
section.ligne {padding-bottom :10px; padding-top :10px; }
section.ligne.smart-accueil.misenavant {padding:0px; margin:0px;}
section.ligne.smart-accueil.claire {padding:0px; margin:0px;}
.claire {background-color:#fff; }
.sombre {background-color:#eee;  }
#loadingList {color:#fff;}
#tableCommandeGroupe.table {display:block;}
#tableCommandeGroupe .input-group { min-width: 90px; }
.required::after { content: "*"; padding-left: 3px; font-weight: bold; color: #f00;}
.table-responsive { border: 0; }
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;}
#collapseFiltre, #collapseFiltre_env, #collapseFiltre_qta { padding: 10px; background-color: rgb(224, 224, 224); border-radius: 12px; margin-bottom: 10px; }

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

/*   MENU GLOBAL   */
/*
aside.nav-globale ol  { list-style: outside none none; padding:0px;float:right; max-height:60px; margin-top:10px; }
aside.nav-globale > a { text-decoration: none; position: absolute; max-height: 150px; display: block; max-width: 250px; }
aside.nav-globale > a > img.img-responsive { height: inherit; }
*/

aside.nav-globale ol  { list-style: outside none none; padding:0px;float:right; max-height:60px; margin-top:15px; }
aside.nav-globale > a  { text-decoration: none; position: absolute; max-height: 55px; display: block; max-width: 250px; overflow:hidden;top: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; }

/*  logo   */

.logo-alternatif { max-height:60px; width:auto; float:left; }

/*   logo alternatif   */

.logo-alternatif { text-align:center;  font-size:10px; margin-top:8px; padding-top:5px; padding-bottom:5px;  padding-left:15px;  padding-right:15px; color:#fff; border: 1px solid #aaa; background-color:#535355; font-family: "robotoregular";}
.logo-alternatif > span { font-weight:600;font-size:14px; }

aside.nav-globale ol > li { display: inline-block; text-align:center; margin-right:5px; padding:5px; /*! vertical-align: middle; */ }
aside.nav-globale ol > li:not(:first-child):hover {
    background-color:#F44236; color:#fff;
}
.label-btn { display:block; }
aside.nav-globale ol > li > a {  font-family: "robotoregular" !important; font-style: normal; font-weight: 300; color:#eee; font-size:8px; text-transform:uppercase; text-decoration:none; padding-bottom:12px;     line-height: 1.2;}
aside.nav-globale ol > li > a:hover, aside.nav-globale ol > li > a:hover > i {color: #fff;}
aside.nav-globale ol > li > a > i { /*! color:#535355; */ font-size:18px; vertical-align:middle; }
.input-group.zone-recherche { display:table;}
.zone-recherche .input-group-addon { width:auto; }
.zone-recherche .input-group-addon > i {font-size:16px; }

/* MENU THEMATIQUE */

#nav-thematique.navbar-default { background-color: transparent; border-color: transparent; /* margin-top: 90px;*/}
#nav-thematique.navbar { border-radius: 0px; margin-bottom: 0px; border:none; font-family: 'robotoregular';}
#navbar-collapse-grid { padding-right:0px; padding-left:0px;}
#nav-thematique.navbar .nav > li { margin-right: 1px;width: 14.445%;}

#nav-thematique.navbar .nav > li:nth-child(1), #nav-thematique.navbar .nav > li:nth-child(8) { width: 6.232%; background-color:#fe5722;}
#nav-thematique.navbar .nav > li:nth-child(2) { background-color:#4caf52;}
#nav-thematique.navbar .nav > li:nth-child(3) { background-color:#8bc24a;}
#nav-thematique.navbar .nav > li:nth-child(4) { background-color:#cddc39;}
#nav-thematique.navbar .nav > li:nth-child(5) { background-color:#ffea3c;}
#nav-thematique.navbar .nav > li:nth-child(6) { background-color:#fec107;}
#nav-thematique.navbar .nav > li:nth-child(7) { background-color:#ff9700;}
#nav-thematique.navbar ul.navbar-nav { width: 100%;} 
#nav-thematique.navbar-default .navbar-nav li.dropdown > a { font-size: 1em; font-family: "robotoblack"; text-transform: uppercase; text-decoration: none; height: 60px; line-height: 14px; text-align: center; overflow: hidden;
                                                             color: #fff; }
#nav-thematique.navbar-default .navbar-nav li.dropdown > a:hover, #nav-thematique.navbar-default .navbar-nav li.dropdown > a:focus {background-color: #f44236; color:#fff; }
#nav-thematique.navbar-default .navbar-nav li.dropdown > a.sigle {font-size: 30px; line-height: 0.9;font-style: normal; font-weight: 200;}
#nav-thematique.navbar-default .navbar-nav li.dropdown > a.sigle > i { font-size:24px; }
#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: #f21e13; color: #FFF  }
#nav-thematique .dropdown-menu { background-color: #f44236; border: none; font-size:12px;  max-height:383px; overflow:auto; overflow-x: hidden;}
#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; /* max-height:245px; */overflow: hidden;}

ul.menu-theme li {margin-bottom:5px;; text-align:left;}
ul.menu-theme li.titre { font-weight: 600;font-style: normal;text-transform: uppercase;text-align:left;font-size: 12px; padding-bottom: 3px;}
ul.menu-theme li a { color: #FFF;text-decoration: none;display: block;max-height: 20px;overflow: hidden;max-width: 100%;padding-left: 10px;}
ul.menu-theme li a:hover, ul.menu-theme li a:active, ul.menu-theme li a:focus {background-color: #f21e13;}
#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;}

/* 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;}
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: #535355;width: 100%;height: 100%;color: #E1FFFF;}
.nav-side-menu h4 { background-color: #23282E;padding: 10px;margin-top: -5px;margin-bottom: 0px;color: #535355;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 */

/* gestion des couleurs des entetes portlets */

.portlet-type-ACT > .portlet > h4 {
    border-left: 8px solid #fec107 !important;
    border-bottom: 1px solid #fec107 !important;
    color : #fec107 !important;
}
.portlet-type-AUTH > .portlet > h4 {
    border-left: 8px solid #fe5722 !important;
    border-bottom: 1px solid #fe5722 !important;
    color : #fe5722 !important;
}
.portlet-type-CAL > .portlet > h4 {
    border-left: 8px solid #8bc24a !important;
    border-bottom: 1px solid #8bc24a !important;
     color : #8bc24a !important;
}
.portlet-type-CAT > .portlet > h4 {
    border-left: 8px solid #cddc39 !important;
    border-bottom: 1px solid #cddc39 !important;
    color : #cddc39 !important;
}
.portlet-type-CHQ > .portlet > h4 {
    border-left: 8px solid #fec107 !important;
    border-bottom: 1px solid #fec107 !important;
    color : #fec107 !important;
}
.portlet-type-DER > .portlet > h4 {
    border-left: 8px solid  #4caf52 !important;
    border-bottom: 1px solid  #4caf52 !important;
    color : #4caf52 !important;
}
.portlet-type-DOC > .portlet > h4 {
    border-left: 8px solid #ff9700 !important;
    border-bottom: 1px solid #ff9700 !important;
    color : #ff9700 !important;
}
.portlet-type-EDI > .portlet > h4 {
    border-left: 8px solid #f44236 !important;
    border-bottom: 1px solid #f44236 !important;
    color : #f44236 !important;
}
.portlet-type-GRP > .portlet > h4 {
    border-left: 8px solid #fec107 !important;
    border-bottom: 1px solid #fec107 !important;
    color : #fec107 !important;
}
.portlet-type-JEU_KAL > .portlet > h4 {
    border-left: 8px solid #00bcd5 !important;
    border-bottom: 1px solid #00bcd5 !important;
    color : #00bcd5 !important;
}
.portlet-type-LISTEARTICLE > .portlet > h4 {
    border-left: 8px solid #4caf52 !important;
    border-bottom: 1px solid #4caf52 !important;
    color : #4caf52 !important;
}
.portlet-type-LOC > .portlet > h4 {
    border-left: 8px solid #fe5722 !important;
    border-bottom: 1px solid #fe5722 !important;
    color : #fe5722 !important;
}
.portlet-type-MET > .portlet > h4 {
    border-left: 8px solid #2196f3 !important;
    border-bottom: 1px solid #2196f3 !important;
    color : #2196f3 !important;
}
.portlet-type-NEW > .portlet > h4 {
    border-left: 8px solid #ffea3c !important;
    border-bottom: 1px solid #ffea3c !important;
    color : #ffea3c !important;
}
.portlet-type-PROPAGPFB > .portlet > h4 {
    border-left: 8px solid #00bcd5 !important;
    border-bottom: 1px solid #00bcd5 !important;
    color : #00bcd5 !important;
}
.portlet-type-SOLDEENVATTRIB > .portlet > h4 {
    border-left: 8px solid  #9c28af !important;
    border-bottom: 1px solid  #9c28af !important;
    color : #9c28af !important;
}
.portlet-type-SON > .portlet > h4 {
    border-left: 8px solid  #9c28af !important;
    border-bottom: 1px solid  #9c28af !important;
    color : #9c28af !important;
}
.portlet-type-TRO > .portlet > h4 {
    border-left: 8px solid #fe5722 !important;
    border-bottom: 1px solid #fe5722 !important;
    color : #fe5722 !important;
}
.portlet-type-VEN > .portlet > h4 {
     border-left: 8px solid #3f51b5 !important;
     border-bottom: 1px solid #3f51b5 !important;
     color : #3f51b5 !important;
}
.portlet-type-VID > .portlet > h4 {
    border-left: 8px solid #ea1e63 !important;
    border-bottom: 1px solid #ea1e63 !important;
    color : #ea1e63 !important;
}
.portlet-type-COMMANDE_ART > .portlet > h4 {
     border-left: 8px solid #3f51b5 !important;
     border-bottom: 1px solid #3f51b5 !important;
     color : #3f51b5 !important;
}

.grid-stack { margin-top:10px; }
.portlet { background-image:none;background-color: #fff; position:relative;/*! height: 350px; */overflow:hidden; font-family:'robotoregular';}
.grid-stack .portlet  .widget { padding: 10px; }
.grid-stack .col-lg-12.col-md-12.col-sm-12 > .portlet {height:auto;}
.grid-stack .portlet .ligne { margin-bottom:10px; }
.grid-stack .portlet h4.portlet-label, .hors-grid h4.portlet-label {
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.2em;
line-height: 1.7em;
font-family: robotoblack;
padding-left: 10px;
max-height: 29px;
overflow: hidden;
text-transform: uppercase;}
.grid-stack > .grid-stack-item > .grid-stack-item-content { margin-left: 0px !important; margin-right: 0px !important; }

/* message info portlet */
.message-info { background-color:#eee;}
.boite-info { display:block; width:100%; vertical-align:middle; text-align:center; padding:20px;}
.boite-info > i { font-size:36px; color:#e10020; padding-top:10px; padding-bottom:10px;margin-top:10%;}
.boite-info > span { display:block; font-size:8px; color:#535355; text-transform:uppercase;}

/* 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.groupe .visuel > a img,  .widget.ventes .visuel > a img { height:120px;}
.widget.article .visuel > a img { margin-left:0px; }

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

aside.detail { display:inline-block; width:100%; text-align:right;}
aside.detail a { color: #E10020; }
aside.detail a i {font-size:24px;}

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

aside.paginateur { background-color: #eee; color: #E10020; text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px;width:100%;font-weight:600; font-size:12px;border-top: 1px solid #ccc;padding: 0px 5px 0px 5px;}
aside.paginateur a {color:#909093; }
aside.paginateur a:hover, aside.paginateur a:focus, aside.paginateur a:active {color:#e10020; }
aside.paginateur a i {font-size:16px;}
aside.paginateur a.page-prec,aside.paginateur a.page-sui {display: inline;}
aside.paginateur ol.page-index {padding:0px; list-style: outside none none; text-align:center;  display:inline;}
aside.paginateur li { display: inline-block; width: 8px; height: 8px; margin: 1px; text-indent: -999px; cursor: pointer;  border-radius: 10px; background-color: #909093; }
aside.paginateur li.active { width: 9px; height: 9px; background-color: #535355; }

.paginateur { padding:5px; color:#CCC; bottom:0px; right:0px;} 
.paginateur input.lastpage, .paginateur input.firstpage, .paginateur input.prevpage, .paginateur input.nextpage, .paginateur span.nbpage { font-family:open_sans_condensedbold; font-size:21px; float:right; margin-left:5px; margin-right:5px; }
.paginateur input.lastpage, .paginateur input.firstpage, .paginateur input.prevpage, .paginateur input.nextpage { border: hidden; background-color: transparent; color:#000;}


ul.tarification {  display:flex; flex-direction: row; justify-content:space-around;margin-top:10px; margin-bottom:5px;padding-left:0px; }
.tarification li { list-style:none; }

.tarif { font-size:14px;  }
.indication { font-size:16px; color:#535355;}
.public { text-decoration: line-through; color:#535355;}
.public-dyna {color:#535355;}

.reduit { color: #e10020; font-weight: 600; }
.reduction { color: #FFF; background-color: #538B9C; }
 
/* CARROUSEL */

.carousel-control.left, .carousel-control.right { background-image: none; }
.carousel-caption { color: #fff; text-shadow: #aaa;font-family:'robotoregular'; }
.transition-timer-carousel .carousel-caption {background-color: rgba(0,0,0,0.3); 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-weight:600; font-size:28px; font-family: robotoblack; height: 40px; overflow: hidden; display: block;}
.transition-timer-carousel .carousel-caption > p {font-size: 14px; top:0px; left:0px; right:0px;}
.transition-timer-carousel .carousel-caption > p.carousel-caption-text { max-height: 40px; overflow: hidden; }
.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;}
.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: 30%; }
.carousel-actu .carousel-inner > .item { max-height:322px; min-height:322px; }
/* 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; }

/* WIDGET METEO */

.meteo h2 { font-family: open_sans_condensedbold;font-size:18px; text-transform:uppercase;margin:10px; }
.meteo ul { display: flex; flex-direction: row; padding: 0; justify-content: flex-start; margin:1px 10px 1px 10px; background-color:#ececec;}
.meteo ul li { list-style: none; background-color:#747474;margin:auto; line-height: 2em; text-align: center;}
.meteo ul li:nth-child(2n+1){background-color:transparent;}
.meteo ul li:nth-child(1) {font-weight:600; }
.meteo ul li:nth-child(2) { font-family: open_sans_condensedbold; font-size: 24px; height:50px; min-width:50px;color:#eee;}
.meteo ul:nth-child(6) { display:none;}

/* ARTICLE WIDGET EN GENERAL */

.carousel-inner > .item > img, .carousel-inner > .item > a > img { margin-left:auto; margin-right:auto; }


article { font-family:'robotoregular'; }
article > h1 { font-style: normal;font-weight: 600;margin: 0px;padding: 0px;font-size: 16px;float: left; line-height: 32px;width: 100%; }
article > h1 > a { color:inherit; }
article > h1 > a:hover { color:#E10020; }
.fluxkalidea article > h1 {text-align:center; height:35px; white-space:normal;float: none; line-height: 18px; overflow:hidden; width: 90%; margin-right: auto; margin-left: auto; } 
article .date { color:#535355; font-weight:600; padding-bottom:5px;}
article .date-publication { font-size:9px; margin-top:5px;margin-bottom:5px;clear: both;}
article .date-publication > span {font-weight:bold;}
article .chapeau { text-align:justify; float:left;font-size: 12px;line-height: 16px;}
article .descriptif { font-style: normal; font-size:10px; line-height: 12px; height:50px; overflow:hidden;}
.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;}

article .texte {  font-weight: lighter;clear: both;}
article .categorie {color: #E10020;text-transform: uppercase;font-size: 12px;font-style: normal;font-weight: 600;line-height: 18px;overflow: hidden;height: 20px;}


/* WIDGET VENTES */

.widget.ventes article .categorie { text-align:center;}

/* WIDGET GROUPES */

.widget.groupe article .categorie { text-align:center;}

/* WIDGET METEO */

.meteo h2 { font-family: open_sans_condensedbold;font-size:18px; text-transform:uppercase;margin:10px; }
.meteo ul { display: flex; flex-direction: row; padding: 0; justify-content: flex-start; margin:1px 10px 1px 10px; background-color:#ececec;}
.meteo ul li { list-style: none; background-color:#747474;margin:auto; line-height: 2em; text-align: center;}
.meteo ul li:nth-child(2n+1){background-color:transparent;}
.meteo ul li:nth-child(1) {font-weight:600; }
.meteo ul li:nth-child(2) { font-family: open_sans_condensedbold; font-size: 24px; height:50px; min-width:50px;color:#eee;}
.widget-meteo ul:nth-of-type(6) { 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 span.titre { font-size:14px; font-weight:600;display:block;color:#e10020; max-height:50px;padding-top:5px;}
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:#ccc; white-space:nowrap;}
nav.calendrier-liste a:hover { background-color:#ddd; }
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 blockquote { max-height: 80px; overflow-y: auto; overflow-x: hidden;line-height: 1.1; margin-bottom:20px; font-style:italic; color:#535355;}
.widget.sondage .radio, .widget.sondage .checkbox {  padding-left:10px;padding-bottom: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:14px; color:#000; overflow-y: auto; overflow-x: hidden; white-space:nowrap; margin-bottom:10px; max-height:160px}

/* WIDGET VIDEO */

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

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

/* WIDGET TROMBINOSCOPE */

.widget.trombi  .media-carousel {margin-bottom: 0;padding: 0 40px 30px 40px;}
.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: #EEEEEE; height: 300px;}
.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 {font-weight:600;}
.widget.trombi  .item .detail span.fct {color:#535355;}
.widget.trombi  .item .detail span.eml {font-weight:600;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:150px; 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; }

/* PAGES  */

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

/* ** fil ariane ** */

section#filariane { margin-bottom: 0px; margin-left: -10px; margin-right: -10px; border:none; margin-top: 0px;/*! background-color: #eee; */}
ul.fil-ariane { list-style: outside none none; font-family: 'robotoregular';  font-size: 10px;  margin: 0px; padding:10px 20px 10px 20px }
ul.fil-ariane > li:first-child { font-weight: bold; color: #eee;}
ul.fil-ariane > li { display: inline-block; vertical-align: middle; color: #eee; text-transform: uppercase; list-style-type: none; }
ul.fil-ariane > li a { color: #eee; text-decoration: none; }

ul.fil-ariane > li.active { font-weight: bold; }
ul.fil-ariane > li a:hover { color:#999; }
ul.fil-ariane > li span.divider { margin-left: 5px; margin-right: 5px; display:inline-block; font-weight: initial; color:#aaa; line-height: 4em;}

/* ** filtres, permanences ... ** */

#filtre-critereMedia, #filtre-groupe, #filtre-prestation, #filtre-vente { display: block; font-size: 12px; font-family: 'robotoregular';}
#filtre-critereMedia .control-label, #filtre-famille .control-label, #filtre-groupe .control-label, #filtre-prestation .control-label, #filtre-vente .control-label { text-align: left; }

.liste-permanence { background-color:#fff; padding:10px; border-radius:3px;}
#liste-permanence-activite dt { font-weight: 600; text-transform: uppercase; font-size: 12px; display: block; padding-bottom: 5px; color: #333; }

/* *** trombinoscope ***/

#page-trombinoscope-droite { background-color: #fff; border-radius: 3px;}
#page-trombinoscope-droite article > h4 { text-transform: uppercase;margin-top: 0px;padding: 20px 0px 20px 10px;}

.trombinoscope { padding-bottom: 0px; }
.trombinoscope .fiche { margin-bottom: 0px; background-color: #ddd; border-radius:3px; }
.trombinoscope .fiche .thumbnail { height: 300px; padding: 0px; border: none; position: relative; background-color: transparent; overflow: hidden; }
.trombinoscope .fiche .thumbnail .caption > a {  bottom: 10px; right: 10px;left:10px; z-index:1; position: absolute;}
.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 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;}
.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;}

/* *** article simple ***/

#page-article { background-color: #fff;border-radius: 3px;}
#page-article article { background-color: #fff; padding: 15px; border-radius: 3px;}
#page-article-gauche article .visuel { margin-bottom: 10px;  }
#page-article-droite > article .chapeau { font-weight: bold; clear: both; padding-bottom: 20px; width: 100%; font-size: 14px;}
#page-article aside.action { padding-top: 10px; }

  /* portfolio */

  #portfolio  .media-carousel {margin-bottom: 0;padding: 0 40px 30px 40px;}
  #portfolio .thumbnail {border: none; border-radius: 0px; background-color: transparent; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 5px;}
  #portfolio a.thumbnail:hover {background-color: #eee;}
  #portfolio .media-carousel .carousel-control {font-size:6rem; line-height:1rem; color:#e10020;text-shadow:none;}
  #portfolio .media-carousel .carousel-control.left {left: 0;background-image: none; background: none;height: 40px;width : 40px;top: 20%;}
  #portfolio .media-carousel .carousel-control.right {right: 0 !important;background-image: none;background: none; height: 40px;width : 40px;top: 20%;}
  #portfolio .media-carousel .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}
  #portfolio .media-carousel .carousel-indicators li {background: #c0c0c0;}
  #portfolio .media-carousel .carousel-indicators .active {background: #333333;}
  #portfolio .media-carousel img {max-height:100px;}
  #portfolio .item .detail span {display:block; text-align:center; font-size:1.2rem;font-family:'robotoregular';}
  #portfolio .item .detail { padding-bottom:5px;  }
  #portfolio .item .detail span.elu {font-weight:600;}
  #portfolio .item .detail span.fct {color:#535355;}
  #portfolio .item .detail span.eml {font-weight:600;color:#535355;}
  #portfolio h4, #document-attache h4, #commentaire h4 { font-size: 14px;font-weight: 600; line-height: 1.8em; margin-top: 20px; text-transform:uppercase;clear: both;}

  /* commentaires */

    #page-article .commentaires { background-color:transparent;}
    #sectioncommentaires .portlet { background-color:transparent; padding: 20px;height: auto;}
    .article-detail-commentaire { padding-left: 20px; font-family:'robotoregular';}
    #SaisieCommentaire {  margin-bottom: 0px; }
    .infos-commentaire { font-size: 10px; margin-bottom: 5px;}
    .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 { margin-top: 7px; float: right; }
    .ajout-commentaire .action-commentaire label {margin-right: 15px;}
    .refuse .detail-commentaire {color: red;font-weight: bold;}
    .en-attente .detail-commentaire {color: black;}
    .date-commentaire {margin-bottom: 10px;}
    .message-commentaire {width: 100%;}
    .commentaire.non-valide .message-commentaire {color: #777;}
    .commentaire, .ajout-commentaire {margin-bottom: 40px;text-align: justify;}
    .non-valide {color: #888;}
    .commentaire.refuse .utilisateur-commentaire, .commentaire.refuse .date-commentaire {color: black;}
    .commentaire.refuse .message-commentaire {color: red;}
    .commentaires {font-family: robotoregular;}
    .action-commentaire > label {float: right;margin-top: 5px;font-weight: 400;}
    ul.liste-commentaires { display: block; margin: 0px; padding: 10px; list-style: none;}
    ul.liste-commentaires::before {content:'Reponses'; font-family:'robotoregular';font-weight:800;margin-bottom:10px;display:block;}
    ul.liste-commentaires li {display: block; border-left-style: solid; border-left-width: 5px; border-left-color: #F44236; padding: 20px; margin-bottom: 20px;background-color: #eee;}

/* ** articles multiples ** */

    section#page-article-multiple1 { background-color:#eee; padding:0px  20px 0px 20px; border-radius: 3px;}
    #page { padding-bottom: 0px; }

/* ** epargne ** */

    #page-epargne { background-color: #fff; padding: 0px; font-family:robotoregular; font-size: 14px; margin-bottom: 10px; border-radius:3px;}
    #page-epargne article { padding: 10px; background-color:transparent;}
    #page-epargne > h4 { font-size: 24px; text-transform:uppercase; font-family:robotoregular; margin-bottom:20px; color:#333; font-weight:600; }
    #page-epargne-droite h4:first-of-type { font-size: 21px; }
    #page-epargne-droite h4 { font-size: 16px; text-transform:uppercase; font-family:robotoregular; margin-bottom:20px;color:#666; font-weight: 600;  }
    #page-epargne-droite h5 { text-align:center; font-size: 12px; text-transform:uppercase; font-family:robotoregular; margin-bottom:10px;color:#999; border-bottom:1px solid #eee;padding-bottom:5px;}
    #page-epargne-droite > article .chapeau { float: none; font-size:initial; line-height:normal; }
    #page-epargne-droite > .form-horizontal {   }
    #page-epargne-droite .secteur { padding: 10px; margin-bottom: 10px;}
    #page-epargne-droite .secteur label {  font-size: 12px; padding-bottom: 7px; color: #666; background-color: #eee;}
    #page-epargne-droite table { font-size: 12px; }
    #page-epargne-droite table th { text-transform: uppercase; white-space: nowrap; vertical-align: middle; color: #333; font-size: 10px; background-color: #eee; }

/* ** ventes ** */

section#page-vente {padding-left:0px; padding-right:0px;}
.page-vente-droite {background-color:#fff; padding:10px; border-radius:3px;}
.page-vente-droite article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }

.vente-vignette .widget.ventes { padding:10px; border: 1px solid #e0e0e0; background-color: #fff;}
.vente-vignette .widget.ventes .visuel { background-color:#fff;  height:180px;display:flex;align-items:flex-start;}
.vente-vignette .widget.ventes .visuel img { max-height:180px; margin:auto;flex:0 0 auto;   }
.vente-vignette .widget.ventes article .descriptif { font-style: normal; font-size:10px; line-height: 12px; height:50px; overflow:hidden;margin-bottom:10px;}
.vente-vignette .widget.ventes ul.tarification {  display:flex; padding: 0px; margin: 0px;}
.vente-vignette .widget.ventes ul.tarification  li { list-style: none; margin: 0px;padding: 0px;}
.vente-vignette .widget.ventes ul.tarification .public { text-decoration:none;}
.vente-vignette .widget.ventes ul.tarification .reduit { color:#000;}
.vente-vignette .widget.ventes ul.tarification .tarif.public {margin-bottom: 0px; }
.vente-vignette .widget.ventes ul.tarification .tarif.reduit { }
.vente-vignette .widget.ventes ul.tarification .reduction {background-color: transparent; color: #FFAB00; font-size: 12px;}
.vente-vignette .widget.ventes ul.tarification .label { font-weight:normal; font-size: 10px; color: #535355; text-decoration: none; padding:0px;}
.vente-vignette .widget.ventes ul.tarification .barre {text-decoration-line: line-through; }
.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;}

/* ** groupes ** */

section#page-groupe {padding-left:0px; padding-right:0px;}
.page-groupe-droite, #page-groupe-detail-droite, #page-groupe-detail-gauche {background-color:#fff; padding:10px; border-radius:3px;display:block;}
.page-groupe-droite article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }

#page-groupe .page-groupe-liste-item { padding-top:10px; padding-bottom:10px; margin-bottom:10px; margin-left: 15px;  border-bottom: 1px dotted #666; margin-right: 15px; }
#page-groupe .page-groupe-liste-item h4 {    font-size: 14px;    font-weight: 600;    margin-top: 0px;}
#page-groupe .page-groupe-liste-item h4 > a {text-decoration:none; color:#333;}
#page-groupe .page-groupe-liste-item .item-groupe-date { color:#666; padding-top:10px; font-weight:bold;}
#page-groupe .page-groupe-liste-item .item-groupe-chapeau { padding-bottom:20px;  }
#liste-produit-groupe > article > h4 { font-family:robotobold; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; color:#333; border-bottom-width: 1px; border-bottom-style: solid; border-top-color: #999; border-top-width: 1px; border-top-style: solid; background-color: #f4f4f4; padding-left: 10px; }
#liste-produit-groupe > article > h4 > a {text-decoration:none; color:#333;}

#tableCommandeGroupe { font-size:12px;}
#tableCommandeGroupe.table {display:block;}
#tableCommandeGroupe th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:9px; background-color: #eee;}
#tableCommandeGroupe .input-group { min-width: 90px; }


/* ** prestations ** */

section#page-prestation {padding-left:0px; padding-right:0px;}
#page-prestation-droite {background-color:#fff; padding:10px; border-radius:3px;}
#page-prestation-droite article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }


  /* dossiers prestations */

  section#DossierPrestations { padding: 10px; background-color: #fff;border-radius: 3px;}
  #DossierPrestations article > h4 {  text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }
  #DossierPrestations a.libelle { text-decoration:none; font-weight:600;  color:#333;}
  #DossierPrestations hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color:#ccc; width:100%; }
  .BlocCreerDossierPrestation table { margin-top:20px; width:100%;}
  .BlocCreerDossierPrestation table td.illustration {vertical-align: top; min-width: 80px; max-width: 150px;padding:2px;background-color:#fff;}
  .BlocCreerDossierPrestation table td.detail {vertical-align: top;text-align:justify; font-size:12px;}
  .BlocCreerDossierPrestation table td.detail .panel-group { margin-bottom:0px;}
  .BlocCreerDossierPrestation table td.detail h4.panel-title > a { font-size:11px; color:#337ab7; text-decoration:none;}

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

  #listeLignesDossier table, #totaux table, #ListLigneCadeauxSelectionnes table { font-size:12px;}
  #listeLignesDossier table th, #totaux table  th, #ListLigneCadeauxSelectionnes table th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:9px; background-color: #eee;}
  #collapseLigneDossier {margin-bottom:20px; }
  th.entete-adroite {text-align:right;}
  #formInfosLigne label {font-size:12px; }
  td.mnt-lg-mini { width: 80px; }
  table#itemPiecesJustificatives { font-size:11px; margin:10px;}

/* ** locations ** */

section#page-location {padding-left:0px; padding-right:0px;}

#page-location-droite, #page-location-detail-gauche, #page-location-detail-droite, #page-location-resa-dispo-droite, #page-location-resa-infos-gauche, #page-location-confirmation-droite, #page-location-confirmation-gauche { background-color:#fff; padding:20px; border-radius:3px;}
#page-location-droite article > h4, #page-location-detail-droite article > h4 { text-transform: uppercase; margin-top: 0px; padding: 10px 0px 20px 10px; }
.article-location-multiple { padding-top:10px; padding-bottom:10px; margin-bottom:10px;  border-bottom:1px dotted #999; }
.article-location-multiple article > h4 {    font-size: 14px;    font-weight: 600;    margin-top: 0px;}
.article-location-multiple article > h4 > a {text-decoration:none; color:#333;}

#ListeLocation > article > h4 { font-family:robotobold; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; color:#333; border-bottom-width: 1px; border-bottom-style: solid; border-top-color: #999; border-top-width: 1px; border-top-style: solid; background-color: #f4f4f4; padding-left: 10px; }

#article-location-multiple > article > h4 { font-size: 14px; font-weight: 600;}

#dispo-loc article .texte {margin-top:20px;margin-bottom:20px;}
#dispo-loc .formules { margin-bottom:20px;}
#dispo-loc .tab-content > .active {padding:20px; background-color:#fff; border-bottom-width:1px;  border-bottom-color:#dddddd;  border-bottom-style:solid; border-left-width:1px;  border-left-color:#dddddd;  border-left-style:solid; border-right-width:1px;  border-right-color:#dddddd;  border-right-style:solid;}
#dispo-loc .formules > .nav-tabs > li > a, #dispo-loc .formules > .nav-tabs > li > a:hover, #dispo-loc .formules > nav-tabs > li > a:focus { font-size:11px; font-weight:600; color:#333;}

#info-loc article > h4, #page-location-confirmation-droite article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }
#info-loc, #info-grp { margin: 0px; }

/* ** declarations communes ** */

 #loc-champ-perso, .loc-capacite, .grp-capacite, #grp-champ-perso {padding-left: 5px; border-left: 8px solid #e0e0e0;}

/* ** formulaires ** */

.secteur-formulaire { background-color: #FFFFFF; }
.secteur-formulaire > .sous-secteur { padding: 10px 10px 10px 40px; background-color:#fafafa; border:0px; margin-top:5px; margin-bottom:5px;}
.secteur-formulaire > .sous-secteur > legend { font-size:12px; margin:0px; font-weight:600; border:none; margin-bottom:10px;}
.secteur-formulaire  label {text-align:left !important; font-size: 12px;}
.secteur-formulaire .form-group { font-size:12px;}
#collapseFiltreFormulaire { padding: 10px; background-color:#fff; margin-bottom: 10px; }
.formulaire-description { padding-left:10px; padding-right:10px; font-size:12px; color:#333; margin-bottom:20px; text-align:justify; }
.formulaire-titre { font-size: 14px; font-weight: 600; padding: 10px; margin-bottom:20px;border-bottom-width: 1px; border-bottom-color:#337ab7; border-bottom-style:solid;}

.formulaire-complementaire ul, ol {  margin-bottom: 0px; }
.formulaire-complementaire .obligatoire {  color: #FF0B06; font-size: 18px; }
.secteur-formulaire > .sous-secteur.vue {background-color:#fff; padding-left: 20px;}
.secteur-formulaire .form-group.vue { font-size: 12px; margin-right: 15px; padding-bottom:5px;background-color: #f4f4f4; margin-bottom: 0px; border-left-width:4px; border-left-color:#337ab7; border-left-style:solid;}
.formulaire-complementaire  .secteur-formulaire label.libelle {color:#666;}

.validation-error { background-color: #F2DEDE; border-radius: 4px 4px 4px 4px; border-color: #EED3D7;  padding: 5px 8px; }
.validation-error-message { color: #B94A48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  margin-bottom: 5px; }
#dialog-large, #dialog-medium, dialog-small { z-index: 9999; }
.btn-tooltip {cursor:pointer; color: #337ab7;}

table.panier  { font-size:12px; margin-bottom: 0px; margin-top:20px;}
table.panier th{ text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:10px; background-color: #eee;}
.panier-activite {margin-bottom:20px;}

/* ** panier ** */
section#page-paniers { padding-left: 10px; padding-right: 10px; background-color:#fff;border-radius:3px;}
#page-paniers-entete article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 0px 0px; }
#tooltip-panier { color:#333;}
  /* tunnel de vente */

  #tunnel-commande { background-color:#fff; border-radius:3px; padding-left:10px; padding-right:10px; padding-top: 5px;padding-bottom: 5px;margin-top: 20px;}
  #tunnel-commande article > h4 { font-size: 14px; font-weight: 600; margin-top: 0px; padding: 20px 0px 0px 10px; text-transform: uppercase;}
  
  table.panier  { font-size:12px; margin-bottom: 0px; margin-top:20px;}
  table.panier th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:10px; background-color: #eee;}
  .panier-activite {margin-bottom:0px;}
 
  dl.tunnel-etape {  margin-bottom: 0px; margin-top: 20px; font-family:inherit; text-transform:uppercase;}
  dl.tunnel-etape dt { background-color: #F4F4F4; }
  dl.tunnel-etape dt a {  cursor:pointer; font-size: 11px; color: #666; display: block; float: left; padding: 10px; border: 1px solid #E5E5E5; text-decoration:none; background-color: #F4F4F4; font-weight:bold;}
  dl.tunnel-etape dt a:hover { color: #333; background-color: #E5E5E5; }
  dl.tunnel-etape dt a.courant { color: #333; background-color: #E5E5E5; }
  
  .tunnel-vente { background-color: #E5E5E5; padding-top: 20px;  padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 20px; display: block; }

/*  fiche profil    */

section#page-ficheprofil { padding-left: 10px; padding-right: 10px; padding-bottom:10px; background-color:#fff;border-radius:3px; }
dl.profil-etape {  margin-bottom: 0px; margin-top: 20px; font-family:inherit; text-transform:uppercase;}
dl.profil-etape dt { background-color: #F4F4F4; }
dl.profil-etape dt a { font-size: 11px; color: #666; display: block; float: left; padding: 10px; border: 1px solid #E5E5E5; text-decoration:none; background-color: #F4F4F4; font-weight:bold;}
dl.profil-etape dt a:hover { color: #333; background-color: #E5E5E5; }
dl.profil-etape dt a.courant { color: #333; background-color: #E5E5E5; }

.fiche-profil, .fiche-rib { background-color: #E5E5E5; padding: 20px; display: block; }
.fiche-profil input[readonly], .fiche-historique input[readonly] {background: #E5E5E5;}
form .rmq { margin-bottom:20px; color:#666; font-style:italic; }
.fiche-profil .secteur, .fiche-rib .secteur, .fiche-historique .secteur, .fiche-rib .secteur, .tunnel-vente .secteur { background-color: #FFFFFF; padding: 10px; margin-bottom: 10px; }
.fiche-profil .secteur .sous-secteur, #page-changemdp .secteur .sous-secteur, .tunnel-vente .secteur .sous-secteur  { padding:20px; background-color:#eeeeee; border:0px; border-radius:12px;margin-bottom:10px;overflow:auto;}
.fiche-profil .secteur legend, .fiche-rib .secteur legend, .fiche-historique .secteur legend, .tunnel-vente .secteur legend  { font-size: 16px;  font-family: inherit;  text-transform: uppercase; font-weight:bold;}
.fiche-profil .secteur label, .fiche-rib .secteur label, .fiche-historique .secteur label, #page-detailhistorique .secteur label, .tunnel-vente .secteur label  { height: auto; font-size: 9pt; color: #666; }

.fiche-rib .secteur input, .fiche-rib .secteur select { margin-bottom: 5px; }
.rib-valide, .rib-nonvalide { font-weight: 600; font-size: 12px; }
.rib-valide { color: #060; }
.rib-nonvalide { color: #900; }
.rib-infos { font-size: 12px; }

#infosAnneeRef { margin-top:3px; text-align: right;}
#formAjoutNouveauRib { padding-bottom: 20px; }
.liste-PJ label {text-align:left;}
.liste-PJ input[type="file"] { font-size:9px; padding-right:50px;}
.liste-PJ form[id^="formUpPJ"] { padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 10px; background-color: #fefefe; }
ul#myTabsFamille li a { text-transform: uppercase; font-size: 10px; font-weight: 600; color: #555 !important; }

/* DETAIL POINTS HISTORIQUE  */
#RecherchePoints-ZoneAffichage {background-color: #E5E5E5; padding: 10px; display: block; margin-bottom:10px;}
#RecherchePoints .secteur { background-color: #FFFFFF; padding: 10px; margin-bottom: 10px; }
#RecherchePoints legend { text-transform:uppercase; font-size:14px; margin:0px;}
#RecherchePoints legend.filtre { font-size:14px; font-weight:bold; border:0px;  margin-bottom:10px;}
#RecherchePoints .secteur label { height: auto; font-size: 9pt; color: #666; }
#RecherchePoints table { font-size:12px;}
#RecherchePoints table th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:10px; background-color: #eee;}

/*  historique  */

#page-historique { background-color:#fff; padding:10px; border-radius:3px;}
#page-historique legend.filtre { font-size:14px; font-weight:bold; border:0px;  margin-bottom:10px;}
#page-historique table th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:10px; background-color: #eee;}

dl.historique-etape {  margin-bottom: 0px; margin-top: 20px; font-family:inherit; text-transform:uppercase;}
dl.historique-etape dt { background-color: #F4F4F4; }
dl.historique-etape dt a { font-size: 11px; color: #666; display: block; float: left; padding: 10px; border: 1px solid #E5E5E5; text-decoration:none; background-color: #F4F4F4; font-weight:bold;}
dl.historique-etape dt a:hover { color: #333; background-color: #E5E5E5; }
dl.historique-etape dt a.courant { color: #333; background-color: #E5E5E5; }

#page-detailhistorique { background-color:#fff; padding:10px; border-radius:3px;  }
#page-detailhistorique .secteur > .sous-secteur { padding:20px; background-color:#e0e0e0; border:0px; margin-top:10px; margin-bottom:10px;border-radius:12px; }
#page-detailhistorique table,  #page-historique table { font-size:12px;background-color: #fff;}
#page-detailhistorique table th,  #page-historique table th { text-transform: uppercase; white-space:nowrap; vertical-align:middle; color:#333; font-size:10px; background-color: #eee;}
#page-detailhistorique legend { text-transform:uppercase; font-size:14px; margin:0px;border: none;padding-left: 10px;font-weight: 600;}
/* Cas particulier du Détail Ressource Partagées */
#page-detailhistorique .widget-label { font-size: 14px; font-weight: 600; font-family: robotoregular; text-transform: uppercase;padding-left: 10px; }

/* Détails points */

#page-historique-detailpoint { background-color:#fff; padding:10px; border-radius:3px; display: block;}
#page-historique-detailpoint article > h4 { text-transform: uppercase; margin-top: 0px; padding: 20px 0px 20px 10px; }
.fiche-profil, .fiche-rib, .fiche-historique { background-color: #E5E5E5; padding: 10px; display: block; }

/* Réglements facture */

#page-reglement-facture { background-color: #fff; padding: 0px; font-family:robotoregular; font-size: 14px; margin-bottom: 10px; border-radius:3px;}
#page-reglement-facture article { padding: 10px; background-color:transparent;}
#page-reglement-facture > h4 { font-size: 24px; text-transform:uppercase; font-family:robotoregular; margin-bottom:20px; color:#333; font-weight:600; }
#page-reglement-facture form#formReglement { padding:20px; }

/* SIGNATURE */

.baspage {text-align:center; color:#fff;font-size:9px;padding:10px;
          background-color: #009788;border-top: 1px solid #007d71;}

.baspage > a { color:#EC971F;}
#mention_legales > blockquote { font-size: 14px; }

/* AUTRES */

#origin > main > div.row {  margin-left:0px;  margin-right:0px; }
.widget-label-editorial { font-size: 14px; font-family:'robotobold',Arial; font-weight:600; color:#F44236;display: block;margin-bottom: 20px;}
.message-commentaire { font-size: 12px; }

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

#page-article-multiple article > .chapeau { max-height: 110px; overflow: hidden; }
article > h4 { font-size: 18px; font-weight: 600; font-family: robotobold; color: #f44236; text-transform:uppercase;}
h1 { font-size: 18px; font-weight: 600; font-family: robotoregular;}

.fiche-profil .secteur, .fiche-rib .secteur { background-color: #FFF; padding: 10px; margin-bottom: 10px;  }
.secteur > .sous-secteur { border-radius: 6px; background-color: #F4F4F4; border:1px solid #eaeaea; padding:5px; margin-bottom:5px;}
form .rmq  { margin-bottom:20px; color:#666; font-style:italic; }


/* MEDIA QUERIES */

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

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

@media (max-width: 990px) {
	body {padding-top:66px !important; padding-bottom:42px;}
	section.baspage {background-color:#fff; }
    main { margin-bottom: 20px; }
    .container { padding-right: 0px; padding-left: 0px;}

    .grid-stack-item { margin-bottom: 0px !important; }
	.grid-stack { margin-top: 0px; }
    .grid-stack .portlet {height:auto; }
    .grid-stack > .grid-stack-item > .grid-stack-item-content { left:0 !important; right:0;}
	.hors-grid.row { margin-left: 0px !important; margin-right: 0px !important }
	footer { position: fixed;bottom: 0px;left: 0px;right: 0px;z-index: 3000;background-color: #FFF;}

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

    .widget .visuel > a img { margin-left:0px; }
	.widget.fluxkalidea.visuel > a img { margin-left:auto; }
 

  .portlet-connexion #form-identification { margin-top:20px;}
  #page-ficheprofil, #page-changemdp,#page-historique, #page-detailhistorique { margin-left:10px; margin-right:10px; }
  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; }
  ul.fil-ariane { font-size: 10px; }
  section#page-location {padding-left:10px; padding-right:10px;}
  section#page-location-detail{padding-left:10px; padding-right:10px;}
  section#tunnel-commande {padding-left:10px; padding-right:10px;}
  aside.nav-globale > a, aside.nav-globale > a.groslogo { max-height: 65px !important; max-width: 200px; top: 0px;}
}

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

        /*.vente-vignette .widget.ventes article .descriptif { font-style: normal; font-size:10px; line-height: 12px; height:50px; overflow:hidden;margin-bottom:20px;}*/
        .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;
}
    /* -----------  RESSOURCES PARTAGEES ----------- */
.ressources-partagees .ressources-partagees__liste-ressources--vignette, .ressources-partagees .ressources-partagees__liste-ressources--ligne {
    margin: 0 20px;
}