/* ---------------------------------- */
/* ==Responsive 		medium / tiny */
/* ---------------------------------- */
/* title, error... */
/* navigation *//* against motion*/
/* icon... */
/* text and some title */
/* */
/* for banner yellow */
/* success */
@media (max-width: 640px) {
  /* quick smartphone reset */
  .w300p,
  .w400p,
  .w500p,
  .w600p,
  .w700p,
  .w800p,
  .w960p,
  .mw960p,
  .small-wauto {
    width: auto;
    float: none;
  }
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  .row {
    display: block !important;
    width: 100% !important;
  }
  /* layouts for medium (m) screens */
  .small-hidden,
  .col.small-hidden,
  .tablet-hidden {
    display: none !important;
  }
  .small-visible {
    display: block !important;
  }
  .small-no-float {
    float: none;
  }
  .small-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .small-row {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .small-col {
    display: table-cell !important;
    vertical-align: top !important;
  }
  .small-visually-hidden {
    position: absolute;
    left: -7000px;
    overflow: hidden;
  }
  /* you shall not pass */
  div,
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }
  /* widths for small (s) screens */
  .small-w25 {
    width: 25% !important;
  }
  .small-w33 {
    width: 33.3333% !important;
  }
  .small-w50 {
    width: 50% !important;
  }
  .small-w66 {
    width: 66.6666% !important;
  }
  .small-w75 {
    width: 75% !important;
  }
  .small-w100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  .small-w60p {
    width: 60px;
  }
  /* margins for small (s) screens */
  .small-ma0 {
    margin: 0 !important;
  }
  .small-mt0-5 {
    margin-top: 5px !important;
  }
  .small-mt1 {
    margin-top: 10px !important;
  }
  .small-ml1 {
    margin-left: 10px;
  }
  .small-ml8 {
    margin-left: 80px;
  }
  .small-mr1 {
    margin-right: 10px;
  }
  .small-mr11 {
    margin-right: 110px;
  }
  .small-pa0 {
    padding: 0;
  }
  .small-pt1 {
    padding-top: 10px;
  }
  .small-pb1 {
    padding-bottom: 10px;
  }
  .small-pr0 {
    padding-right: 0;
  }
  .small-pr1-5 {
    padding-right: 15px;
  }
  .small-pr5 {
    padding-right: 50px;
  }
  /* float and align */
  .small-left {
    float: left;
  }
  .small-right {
    float: right;
  }
  .small-no-float {
    float: none;
  }
  .small-txtleft {
    text-align: left;
  }
  /* typo */
  .hp-header-title,
  .front h1,
  .front .h1-like,
  h1,
  .h1-like,
  h2,
  .h2-like,
  .list-project .title {
    font-size: 1.1428571428571428em;
  }
  h3,
  .h3-like {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0;
  }
  .bigger {
    font-size: 1em;
  }
  .btn-like {
    font-weight: normal !important;
  }
  .titre-bandeau {
    display: none;
  }
  /* header */
  .logo {
    width: auto;
    height: 60px;
    padding: 8px 5px;
  }
  .header .btn-like.btn-red-arrow {
    left: 18px;
    padding: 0 8px 0 6px;
  }
  .header .btn-like.btn-red-arrow .icon {
    font-size: 1.7857142857142858em;
  }
  .button-time {
    right: 70px;
  }
  /* main */
  .main {
    margin-right: 0;
  }
  /* sidebar */
  .sidebar {
    position: relative;
    top: -1px;
    bottom: auto;
    z-index: 1;
    padding-top: 12px;
    width: auto;
    border-left: 0;
  }
  .js .dotoggle.hidden {
    visibility: visible;
    width: auto;
    right: auto;
  }
  /* homepage */
  .list-article {
    padding: 15px 10px 15px 25px;
  }
  .list-article:before {
    display: none;
  }
  .list-article:after {
    left: 6px;
    top: 23px;
    font-size: 0.8571428571428571em;
    background: none;
  }
  .list-article p,
  .list-article ul {
    font-size: 0.8571428571428571em;
  }
  .list-article p ul,
  .list-article ul ul {
    font-size: 1em;
  }
  .title-article {
    font-size: 1.1428571428571428em;
    line-height: 1;
  }
  .list-article .read-article {
    left: auto;
    bottom: auto;
    top: 35px;
  }
  .list-article .read-article .icon {
    top: 0;
    margin-top: 0;
    font-size: 1.7857142857142858em;
  }
  .view-projet-details {
    position: relative;
    z-index: 3;
    display: inline-block !important;
    /* to override ".desktop-hidden" */
  
    padding: 0 5px;
    margin: 0 5px 0 -17px;
    color: #f8ab3f;
    border: 1px solid #f8ab3f;
    border-radius: 2px;
  }
  /* Content */
  .list-seance {
    font-size: 1.0714285714285714em;
  }
  .banner-yellow.alternate {
    padding: 6px 10px;
  }
  .banner-yellow .btn-like-wrapper {
    position: static;
  }
  .banner-yellow .view-article-table {
    padding-right: 0;
  }
  .banner-yellow .bigger {
    font-size: 1.1em;
  }
  /* listes articles / amendements */
  .article-table-like .col {
    padding: 6px 8px 6px 18px;
  }
  .article-table-like .col:first-child {
    padding-left: 18px;
  }
  .article-table-like .col:last-child {
    padding-left: 22px;
  }
  .article-table-like .item .item {
    padding-left: 20px;
  }
  .article-table-like .item .item .col:first-child a {
    margin-left: 0;
  }
  .amdt-duplicate:after {
    left: auto;
    right: 3px;
  }
  /* Calendar */
  .calendar .day,
  .calendar .header-day {
    font-size: 1.1em;
  }
  /* orateurDG */
  .orateurDG-table-like .col,
  .orateurDG2-table-like .col,
  .orateurEV-table-like .col {
    padding: 6px 8px 6px 18px;
  }
  .orateurDG-table-like .col:first-child,
  .orateurDG2-table-like .col:first-child,
  .orateurEV-table-like .col:first-child {
    padding-left: 18px;
  }
  .orateurDG-table-like .col:last-child,
  .orateurDG2-table-like .col:last-child,
  .orateurEV-table-like .col:last-child {
    padding-left: 22px;
  }
  .orateurDG-table-like .item .item,
  .orateurDG2-table-like .item .item,
  .orateurEV-table-like .item .item {
    padding-left: 20px;
  }
  .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: 0;
  }
}