/* *********************************************************** */
/*      NOUVELLES DEFINITIONS DES TEMPLATES                    */
/*                             ORIGIN SOMBRE                   */
/* *********************************************************** */

.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:14px; height: 100%;}
body#origin {font-family: 'robotoregular', Arial, Helvetica, sans-serif; padding-top:208px;padding-bottom: 40px; background-color: #535355; background-image: none !important;font-size: 1rem;}
#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;}
body#publique{padding-top:231px; padding-bottom:30px; }
#origin main {background-image: none !important; position: relative; overflow:hidden;top: 50px; min-height: calc(100vh - 289px);} /* empeche l'image du template manon de rester */
#origin footer,  #publique footer { position: relative; bottom: -50px;left: 0;right: 0; background-color:#535355;}
section.smart-accueil i.icon-default-article {font-size:50px; text-align:center; display:block;}
.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 ;background-color:#535355; }

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

.main { background-color: #fff;; padding-left: 0px; padding-right: 0px; border-radius:3px; }

.container { min-width:320px; }

section.entete {border-bottom-width:1px; border-bottom-color: #535355; border-bottom-style: solid; height:auto;}
section.entete-smart {min-height:60px;border-bottom-width:1px; border-bottom-color: #535355; border-bottom-style: solid; }
section.baspage {border-top-width:1px; border-top-color: #eee; border-top-style: solid; background-color:#e10020; }
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 auto;}
.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;}

/* 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 { display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; height: 110px;}
aside.nav-globale > a:first-of-type { text-decoration: none; max-height: 60px; display: block; flex: 0 0 250px; align-self: center;}
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: white; 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: var(--color-orange)}
aside.nav-globale i > .index { position: relative;top: -18px;left: -12px; background-color: var(--color-orange); 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: var(--color-orange) }
aside.nav-globale > .prt-o-dropdownButton .prt-o-dropdownButton__subList { display: none; z-index: 200; padding: 10px; border: 1px solid #CCC; background-color: #535355; }
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: var(--color-orange)}

aside.nav-globale ol > li { display: inline-block; text-align:center; margin-right:15px; /*! vertical-align: middle; */ }
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: #aaa;}
aside.nav-globale ol > li > a > i { /*! color:#535355; */ font-size:18px; vertical-align:middle; padding-bottom: 5px}
aside.nav-globale ol > li > a .label-btn {padding-top: 5px}

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

/*   logo alternatif   */

.logo-alternatif { max-height:60px; width:auto; float:left;  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; }

.label-btn { display:block; }

/* 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 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 { width: 100%; margin: 0 1px; font-size: 12px; font-family: 'robotoblack' !important; font-style: normal; text-transform: uppercase;background-color: #535355;color: #eee;text-decoration: none;line-height: 14px;text-align: center;overflow: hidden;}
#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: #23282E;color: #FFF  }

#nav-thematique .dropdown-menu { background-color: #23282E; border: none; font-size:12px;  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 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: #363d46;}
#nav-thematique ul.menu-theme li {margin-bottom:5px;; text-align:left;}
#nav-thematique ul.menu-theme li.titre { font-weight: 600;font-style: normal;text-transform: uppercase;text-align:left;font-size: 12px; padding-bottom: 3px;}


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

.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: 0; font-size: 1rem; line-height: 2em; font-style: normal; font-family:'robotoregular'; padding-left: 10px; max-height: 29px; overflow: hidden; background-color: #eee; color: #666; }
.grid-stack > .grid-stack-item > .grid-stack-item-content { margin-left: 0px !important; margin-right: 0px !important; }

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

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

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


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

.tarif { font-size:1rem;  }
.indication { font-size:1.25rem; color:#666;}
.public { text-decoration: line-through; color:#666;}
.public-dyna { color:#666;}
.reduit { color: var(--color-orange); background-color: #eee; border-radius: 3px; padding: 3px}
.reduction { color: #FFF; background-color: var(--color-orange); border-radius: 3px; padding: 3px}
 
/* 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.6); bottom:0px; left:0px;right: 0px;text-align: left;padding-top: 5px;padding-left: 15%;padding-right: 15%;max-height: 200px;}
.transition-timer-carousel .carousel-caption .carousel-caption-header {font-family:'robotoblack'; font-size:28px; 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;
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.portlet .carousel-inner > .item > a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 322px;
}

.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;
}
.widget.article article > h1 { font-style: normal;font-weight: 600;margin: 0px;padding: 0px;font-size: 16px;float: left; line-height: 32px;width: 100%; }
.widget.article article > h1 > a { color:inherit; }
.widget.article article > h1 > a:hover { color:#E10020; }
.widget.article article .date { color:#535355; font-weight:600; padding-bottom:5px;}
.widget.article article .date-publication { font-size:9px; margin-top:5px;margin-bottom:5px;clear: both;}
.widget.article article .date-publication > span {font-weight:bold;}
.widget.article article .chapeau { text-align:justify; float:left;font-size: 12px;line-height: 16px;}
.widget.article 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 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 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 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;}
.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 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 0 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: var(--color-orange); 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 { border-radius: 3px;}
#page-article .visuel { }
#page-article .chapeau { }
#page-article #page-article-content #sectioncommentaires .portlet { padding-bottom: 0; }
#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: 'robotoreular';
}

/* page contact */

#article-contact { border-radius:3px; }
#article-contact .widget-label.widget-label-contact { margin-bottom: 20px; font-family: 'robotoregular'; font-weight: 800;}
#article-contact legend { font-size: 16px; font-weight: bold }

/* commentaires */

.article-detail-commentaire { 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 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;}
.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;}

/* ** articles multiples ** */

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


/* ** ventes ** */

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

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

.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 ** */

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

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

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

/* 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:40px; border-radius:3px;}
#page-historique .titre { font-size: 1.5rem; font-weight: 800; }
#page-detailhistorique { background-color:#fff; padding:10px; border-radius:3px;  }
#page-detailhistorique table,  #page-historique table { font-size:12px;background-color: #fff;}
#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; }
/* 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:#999;font-size:9px;padding:10px;background-color: #535355 ;}
#mention_legales > blockquote { font-size: 14px; }

/* AUTRES */

#origin > main > div.row {  margin-left:0px;  margin-right:0px; }
.widget-label-editorial { font-size: 16px; font-family:'robotoblack',Arial; font-weight:600; color:#333;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; }
h1 { font-size: 18px; font-weight: 600; font-family: 'robotoregular';}
.secteur > .sous-secteur {  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:61px !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%;}

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

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

  .portlet-connexion #form-identification { margin-top:20px;}
  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#tunnel-commande {padding-left:10px; padding-right:10px;}
  aside.nav-globale > a, aside.nav-globale > a.groslogo { max-height: 65px !important;top: 0px;}
}

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

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

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