/* ----------------------------- */
/* ==template */
/* ----------------------------- */
/* title, error... */
/* navigation *//* against motion*/
/* icon... */
/* text and some title */
/* */
/* for banner yellow */
/* success */
/* General */
.banner-yellow {
  position: relative;
  padding: 6px 15px;
  font-family: "Aleo regular", Georgia, serif;
  border-radius: 3px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.banner-yellow.alternate {
  position: relative;
  z-index: 3;
  padding: 17px 300px 17px 10px;
  box-shadow: none;
  border: 1px solid;
}
.banner-yellow .icon {
  margin-top: -5px;
  font-size: .9em;
}
.banner-yellow .btn-like {
  padding: 8px 12px 6px;
  margin-top: -3px;
  font-family: Verdana, helvetica, arial, sans-serif;
}
.banner-yellow .view-article-table {
  display: block;
  padding-right: 280px;
}
.banner-yellow .btn-like-wrapper {
  position: absolute;
  top: 13px;
  right: 13px;
}
.banner-red {
  position: relative;
  padding: 17px 300px 17px 10px;
  color: #fff;
  font-family: "Aleo regular", Georgia, serif;
  border-radius: 3px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  background: #a71d3e;
}
/* button "back to top" */
.back-top {
  position: relative;
  bottom: -15px;
}
.back-top a {
  width: 55px;
  padding: 11px;
  text-align: center;
  background: #606060;
  color: #fff;
  border-radius: 3px 3px 0 0;
}
.back-top .icon {
  font-size: 2em;
}
/* ==HEADER */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: table;
  /* android bug fix (problème de largeur quand on change d'orientation) */

  z-index: 5;
  height: 58px;
  color: #fff;
  background: #c81f49;
  border-bottom: 1px solid #a71d3e;
  box-shadow: 0 4px 0 rgba(200, 31, 73, 0.1);
}
.header:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-radius: 4px 4px 0 0 ;
}
.header .btn-like.btn-red-arrow {
  position: absolute;
  top: 10px;
  left: 30px;
}
.button-time {
  position: absolute;
  top: 5px;
  right: 100px;
  font-size: 1.7857142857142858em;
  color: #fff;
  display: none;
}
.button-next {
  font-size: 1.7857142857142858em;
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  margin-top: 12px;
  transform: rotate(90deg);
}
.button-previous {
  font-size: 1.7857142857142858em;
  color: #fff;
  display: inline-block;
  margin-right: 15px;
  transform: rotate(-90deg);
}
.button-next:hover {
  text-decoration: none;
}
.button-previous:hover {
  text-decoration: none;
}
/* button to toggle the sidebar */
.button-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  font-family: 'Senat Icon';
  color: #fff;
  background: #a31d3d;
  border-radius: 0px 4px 0 0;
}
.button-nav .icon {
  font-size: 2.142857142857143em;
}
.button-nav:focus,
.button-nav:hover,
.button-nav:active {
  background: #84152d;
  text-decoration: none;
}
.logo {
  background: #fff;
  padding: 0 5px 3px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 0 rgba(200, 31, 73, 0.1);
}
/* ==CONTAINER */
html {
  height: 100%;
}
body {
  position: relative;
  min-height: 100%;
}
.inner {
  padding-top: 58px;
}
.main {
  -webkit-transition: margin 0.05s;
  -moz-transition: margin 0.05s;
  -o-transition: margin 0.05s;
  -ms-transition: margin 0.05s;
  transition: margin 0.05s;
  background: #ffffff;
}
#main.withsidebar {
  margin-right: 340px;
}
/* ==SIDEBAR */
.sidebar {
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 340px;
  height: 100%;
  padding: 70px 8px 8px;
  -webkit-transition: right 0.5s ;
  -moz-transition: right 0.5s ;
  -o-transition: right 0.5s ;
  -ms-transition: right 0.5s ;
  transition: right 0.5s ;
  background: #a31d3d;
  color: #fff;
  border-left: 4px solid #84152d;
}
.sidebar a {
  color: #fff;
}
.js .dotoggle.hidden {
  display: none;
  visibility: hidden;
  right: -300px;
  width: 0;
}
/* specific to tablet */
/*@media (min-device-height: 768px) {
		.sidebar {
			position: fixed;
		}
	}*/
/* ==Main Navigation */
.navigation a {
  display: block;
  padding: 20px 15px;
  font-size: 1.1428571428571428em;
  background: #84152d;
  border-radius: 3px;
}
.navigation .nav-item {
  margin-bottom: 8px;
}
.navigation .icon {
  font-size: 2.0714285714285716em;
  width: 55px;
}
/* Homepage */
.hp-header {
  background: url(./img/hp-header-bg.png);
}
.hp-header-title {
  font-size: 1.4285714285714286em;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #272727;
}
.hp-header-links {
  font-size: 1.1428571428571428em;
  color: #606060;
}
.hp-header-links:focus,
.hp-header-links:hover {
  text-decoration: none;
}
/* Timeline */
.timeline {
  height: 6px;
  text-align: center;
  background: #e6e5e4;
  border: 1px solid #cfd6da;
  border-width: 1px 0;
}
.timeline .jour-j,
.timeline .jour-off {
  display: inline-block;
  width: 9%;
  height: 6px;
  margin: -1px 0 -1px 0;
  vertical-align: top;
}
.timeline .jour-j.jour-off,
.timeline .jour-off.jour-off {
  background: #b4b3b2;
}
.timeline .jour-j.jour-j,
.timeline .jour-off.jour-j {
  background: #f8ab3f;
}
.timeline .jour-j.j1,
.timeline .jour-off.j1 {
  margin: 0 -10% 0 0;
}
.timeline .jour-j.j2,
.timeline .jour-off.j2 {
  margin: 0 -18% 0 8%;
}
.timeline .jour-j.j3,
.timeline .jour-off.j3 {
  margin: 0 -26% 0 16%;
}
.timeline .jour-j.j4,
.timeline .jour-off.j4 {
  margin: 0 -34% 0 24%;
}
.timeline .jour-j.j5,
.timeline .jour-off.j5 {
  margin: 0 -41% 0 32%;
}
.timeline .jour-j.j-1,
.timeline .jour-off.j-1 {
  margin: 0 0 0 -10%;
}
.timeline .jour-j.j-2,
.timeline .jour-off.j-2 {
  margin: 0 8% 0 -18%;
}
.timeline .jour-j.j-3,
.timeline .jour-off.j-3 {
  margin: 0 16% 0 -26%;
}
.timeline .jour-j.j-4,
.timeline .jour-off.j-4 {
  margin: 0 24% 0 -34%;
}
.timeline .jour-j.j-5,
.timeline .jour-off.j-5 {
  margin: 0 32% 0 -41%;
}
/* Liste "projet de loi" @Homepage */.list-article {
  position: relative;
  padding: 25px 85px 25px 60px;
  border-bottom: 1px solid #cfdce7;
  background: #fff;
}
.list-article:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 24px;
  border-left: 1px dashed #ccc9c9;
}
.list-article:after {
  content: 'n';
  font-family: 'Senat Icon', Georgia, serif;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 15px;
  height: 45px;
  margin-top: -22px;
  padding: 12px 0 0;
  font-size: 1.2857142857142858em;
  background: inherit;
  color: #606060;
}
.list-article.current:after {
  content: 'o';
  color: #c81f4a;
}
.list-article:nth-child(even) {
  background: #f6f6f6;
}
.project-details {
  font-style: italic;
}
.title-commission {
  font-family: 'Aleo regular', Georgia, serif;
  color: #000;
  font-size: 1.7em;
  font-weight: normal;
  margin: 10px 0;
  border-bottom: 1px solid #2b2b2b;
  position: relative;
  zoom: 1;
}
.title-commission a {
  color: inherit;
}
.title-article {
  font-family: 'Aleo regular', Georgia, serif;
  font-size: 1.5714285714285714em;
  color: #c81f4a;
}
.title-article a {
  color: inherit;
}
.read-article {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.read-article .icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 22px;
  margin-top: -30px;
  height: 60px;
  font-size: 2.7142857142857144em;
  color: #f8ab3f;
}
.content {
  display: none;
}
.content.active {
  display: block;
}
/* ==Module */
/* Calendrier */
.list-project .main-title {
  font-weight: bold;
}
.list-project .main-title .icon {
  position: relative;
  top: -3px;
  color: #c81f4a;
}
.list-project .title {
  font-size: 1.4285714285714286em;
}
.list-seance {
  position: relative;
  padding: 15px 60px 15px 10px !important;
  font-family: 'Aleo regular', Georgia, serif;
  font-size: 1.2857142857142858em;
  border-bottom: 1px solid #cfdce7;
  color: #c81f4a;
}
.list-seance:first-child {
  border-top: 1px solid #cfdce7;
}
.list-seance .icon {
  font-size: 1.5714285714285714em;
  height: 25px;
  margin-top: -11px;
}
/* ==Amendement (page) */
.amendement {
  padding: 20px;
}
.amendement p,
.amendement table {
  font-size: 0.8571428571428571em;
}
.amendement table {
  border-collapse: collapse;
  margin: 0 0 10px;
}
.amendement td,
.amendement th {
  padding: 3px 7px;
}
.amendement .main-title {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.amendement .main-title strong {
  display: block;
  margin-top: 15px;
}
.amendement h3 {
  font-size: 1.1428571428571428em;
  font-weight: bold;
}
.amendement h4 {
  font-size: 0.8571428571428571em;
  text-decoration: underline;
}
.amendement hr {
  margin-left: -20px;
  margin-right: -20px;
}
/* ==Amendements (liste) */
.list-speaker {
  padding-top: 2px !important;
  /* to override "ul.unstyled" */

}
/* ==Orateurs DG (liste) */
.list-speaker-DG,
.list-speaker-DG2,
.list-speaker-EV {
  padding-top: 2px !important;
}
.orateurDG-table-inner,
.orateurDG2-table-inner,
.orateurEV-table-inner {
  margin-top: -3px;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.orateurDG-table-inner.opened,
.orateurDG2-table-inner.opened,
.orateurEV-table-inner.opened {
  display: block;
}
.article-table-inner {
  margin-top: -3px;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.article-table-inner.opened {
  display: block;
}
.view-article-table:focus,
.view-article-table:hover {
  text-decoration: none;
}
.article-table-like .item:nth-child(odd) {
  /* zebra stÿle */

  background: #f7f8f8;
}
.article-table-like .item:nth-child(odd) .item {
  border-top-color: #ececeb;
}
.article-table-like .item:nth-child(even) {
  /* to override the zebra stÿle */

}
.article-table-like .item:nth-child(even) li {
  background: #ffffff;
}
.article-table-like .item {
  border-top: 1px solid #e1e1e1;
}
.article-table-like .item .item {
  border-top-color: #f2f2f2;
  /* only for the first column from the sub-item */

}
.article-table-like .item .item .col:first-child a {
  margin-left: 17px;
}
.article-table-like .col {
  padding: 13px 5px;
}
.article-table-like .col:first-child {
  padding-left: 17px;
}
.article-table-like .col:first-child a {
  color: #84152d;
  padding-right: 0;
}
.article-table-like .col:first-child a .icon {
  color: #c81f4a;
}
.article-table-like .col:nth-child(3) {
  /* only for the tird column */

}
.article-table-like .col:nth-child(3) .icon {
  color: #a3a2a2;
}
.article-table-like .col:nth-child(3) .icon.success {
  color: #248441;
}
.article-table-like .col:nth-child(3) .icon.against {
  color: #ff6347;
}
.article-table-like .icon {
  font-size: 1.1428571428571428em;
}
.article-table-like a {
  padding: 8px;
}
.article-table-like a:focus,
.article-table-like a:hover {
  background: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
}
.article-table-like .premierSignataire a {
  margin-left: -8px;
}
.orateurDG-table-like .item:nth-child(odd),
.orateurDG2-table-like .item:nth-child(odd),
.orateurEV-table-like .item:nth-child(odd) {
  /* zebra stÿle */

  background: #f7f8f8;
}
.orateurDG-table-like .item:nth-child(odd) .item,
.orateurDG2-table-like .item:nth-child(odd) .item,
.orateurEV-table-like .item:nth-child(odd) .item {
  border-top-color: #ececeb;
}
.orateurDG-table-like .item:nth-child(even),
.orateurDG2-table-like .item:nth-child(even),
.orateurEV-table-like .item:nth-child(even) {
  /* to override the zebra stÿle */

}
.orateurDG-table-like .item:nth-child(even) li,
.orateurDG2-table-like .item:nth-child(even) li,
.orateurEV-table-like .item:nth-child(even) li {
  background: #ffffff;
}
.orateurDG-table-like .item,
.orateurDG2-table-like .item,
.orateurEV-table-like .item {
  border-top: 1px solid #e1e1e1;
}
.orateurDG-table-like .item .item,
.orateurDG2-table-like .item .item,
.orateurEV-table-like .item .item {
  border-top-color: #f2f2f2;
  /* only for the first column from the sub-item */

}
.orateurDG-table-like .item .item .col:first-child a,
.orateurDG2-table-like .item .item .col:first-child a,
.orateurEV-table-like .item .item .col:first-child a {
  margin-left: 17px;
}
.orateurDG-table-like .col,
.orateurDG2-table-like .col,
.orateurEV-table-like .col {
  padding: 13px 5px;
}
.orateurDG-table-like .col:first-child,
.orateurDG2-table-like .col:first-child,
.orateurEV-table-like .col:first-child {
  padding-left: 17px;
}
.orateurDG-table-like .col:first-child a,
.orateurDG2-table-like .col:first-child a,
.orateurEV-table-like .col:first-child a {
  color: #84152d;
  padding-right: 0;
}
.orateurDG-table-like .col:first-child a .icon,
.orateurDG2-table-like .col:first-child a .icon,
.orateurEV-table-like .col:first-child a .icon {
  color: #c81f4a;
}
.orateurDG-table-like .col:nth-child(3),
.orateurDG2-table-like .col:nth-child(3),
.orateurEV-table-like .col:nth-child(3) {
  /* only for the tird column */

}
.orateurDG-table-like .col:nth-child(3) .icon,
.orateurDG2-table-like .col:nth-child(3) .icon,
.orateurEV-table-like .col:nth-child(3) .icon {
  color: #a3a2a2;
}
.orateurDG-table-like .col:nth-child(3) .icon.success,
.orateurDG2-table-like .col:nth-child(3) .icon.success,
.orateurEV-table-like .col:nth-child(3) .icon.success {
  color: #248441;
}
.orateurDG-table-like .col:nth-child(3) .icon.against,
.orateurDG2-table-like .col:nth-child(3) .icon.against,
.orateurEV-table-like .col:nth-child(3) .icon.against {
  color: #ff6347;
}
.orateurDG-table-like .icon,
.orateurDG2-table-like .icon,
.orateurEV-table-like .icon {
  font-size: 1.1428571428571428em;
}
.orateurDG-table-like a,
.orateurDG2-table-like a,
.orateurEV-table-like a {
  padding: 8px;
}
.orateurDG-table-like a:focus,
.orateurDG2-table-like a:focus,
.orateurEV-table-like a:focus,
.orateurDG-table-like a:hover,
.orateurDG2-table-like a:hover,
.orateurEV-table-like a:hover {
  background: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
}
.orateurDG-table-like .premierSignataire a,
.orateurDG2-table-like .premierSignataire a,
.orateurEV-table-like .premierSignataire a {
  margin-left: -8px;
}
.orateur-list a {
  padding: 8px;
}
.orateur-list a:focus,
.orateur-list a:hover {
  background: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
}
/* Statuts des amendements */
.status:before {
  font-family: 'Senat Icon';
  font-size: 1.1428571428571428em;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.status.adopte:before {
  /* Adopté (vert) */

  content: 'z';
}
.status.rejete:before {
  /* Rejeté (rouge) */

  content: 'x';
}
.status.nonsoutenu:before,
.status.tombe:before,
.status.retire:before {
  /* Non soutenu, tombé, retiré (gris) */

  content: '/';
}
/* amendements dupliqués */
.amdt-duplicate {
  position: relative;
}
.amdt-duplicate:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: -1px;
  /*right: 3px;*/

  left: 30%;
  width: 6px;
  background: url(./img/duplicate.png) #f8ab3f;
}
.amdt-duplicate.first:after {
  top: 4px;
}
.amdt-duplicate.last:after {
  bottom: 4px;
}
.amdt-thread {
  position: relative;
}
.amdt-thread:before {
  content: ' ';
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 7px;
  background: #a31d3d;
  z-index: 2;
}
.amdt-thread.last {
  margin-bottom: 3px;
  border-bottom: 1px solid #e1e1e1;
}
.amdt-thread.last:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.amdt-thread .amdt-thread:before {
  left: 11px;
  background: #c81f4a;
  z-index: 1;
}
.amdt-success {
  margin: 40px 0 0;
}
.amdt-success .icon {
  font-size: 1.7857142857142858em;
}
/* Calendrier */
.calendar {
  width: 100%;
  background: #fff;
  color: #272727;
  /* general */

  /* caption */

  /* thead */

  /* tbody */

}
.calendar td,
.calendar th,
.calendar .day,
.calendar .header-day {
  font-size: 1.1428571428571428em;
  text-align: center;
  padding: 10px 0;
}
.calendar a {
  color: #272727;
}
.calendar abbr {
  border: 0;
}
.calendar div.today .date {
  background: #c81f4a;
  color: #fff;
  font-weight: bold;
}
.calendar .event > .date {
  display: none;
}
.calendar .event .date {
  background: #f8ab3f;
}
.calendar .adjacent-month {
  color: #999;
}
.calendar .adjacent-month.event span {
  background: #efca97;
}
.calendar caption,
.calendar thead,
.calendar .calendar-header {
  background: #272727;
  color: #fff;
}
.calendar caption,
.calendar .clndr-controls {
  font-size: 1.2857142857142858em;
  font-weight: bold;
  padding: 12px 0;
  margin: 0;
  text-align: center;
}
.calendar caption a,
.calendar .clndr-controls a {
  color: #fff;
}
.calendar thead th {
  padding: 12px 0;
  font-weight: normal;
  border-top: 1px solid #3c3a39;
  border-bottom: 1px solid #272727;
}
.calendar tbody,
.calendar .calendar-content {
  border: 1px solid #dad9d8;
}
.calendar tbody td,
.calendar .calendar-content td {
  padding: 6px;
}
.calendar tbody td span,
.calendar .calendar-content td span {
  padding: 4px 0;
  display: block;
}
.calendar .days-of-the-week {
  text-align: center;
  border-top: 1px solid #3c3a39;
}
.calendar .calendar-content {
  text-align: center;
}
.calendar .day,
.calendar .header-day {
  width: 12%;
  padding: 6px 3px;
}
.calendar .day span,
.calendar .header-day span {
  padding: 6px 4px;
  display: block;
}
/* Animation pour le retour rapide à la discussion */
.item {
  -webkit-transition: background 2s;
  transition: background 2s;
}
.item .item {
  position: relative;
}
.item .item:before {
  content: ' ';
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 4px;
  z-index: 2;
  left: 25px;
  background: #a3a2a2;
  z-index: 1;
}
.item .item:last-child:before {
  bottom: 3px;
}
.target {
  background: #DDD !important;
  -webkit-transition: 0s;
  transition: 0s;
}
.article_anchor {
  display: block;
  height: 58px;
  margin-top: -58 x;
  /*same height as header*/

  visibility: hidden;
}