/* GCM SASS */
/*Includes */
/* GCM palette */
/* GCM font Family */
/* useful mixins */
/****************** */
.gcmention {
  margin: 0 0 16px 0;
  font: 12px Arial, sans-serif;
  color: #8f8c89;
  text-transform: uppercase; }

.quotidien {
  position: relative;
  /* override sous menu */ }
  .quotidien h1 {
    width: 369px;
    height: 100px;
    margin-bottom: 12px; }
    .quotidien h1 a {
      width: 100%;
      height: 100%; }
  .quotidien .navigationGCM {
    width: 571px;
    height: 35px;
    position: absolute;
    top: 85px;
    right: 0; }
    .quotidien .navigationGCM a {
      width: 113px;
      border-right: solid 1px #8f8c89;
      text-align: center;
      float: left; }
      .quotidien .navigationGCM a:first-child {
        border-left: solid 1px #8f8c89;
        width: 112px; }
      .quotidien .navigationGCM a img {
        width: 112px;
        margin: 0 0 5px 0; }
      .quotidien .navigationGCM a p {
        font: normal 8px Arial, sans-serif;
        color: #a4a2a1;
        text-transform: uppercase; }
      .quotidien .navigationGCM a:hover {
        color: #8f8c89;
        text-decoration: underline; }
        .quotidien .navigationGCM a:hover p {
          color: #8f8c89;
          text-decoration: none; }

#sousMenu .quotidien {
  background: none;
  margin: 20px 0 0 0; }
  #sousMenu .quotidien ul {
    background: #ce1b2c;
    border: none;
    display: table;
    width: 974px;
    height: 41px; }
    #sousMenu .quotidien ul li {
      display: table-cell;
      width: auto;
      float: none;
      max-width: 79px;
      padding: 0 1px; }
      #sousMenu .quotidien ul li:hover, #sousMenu .quotidien ul li.active {
        padding: 0;
        border-right: solid 1px white;
        border-left: solid 1px white;
        background: #8f8c89; }
      #sousMenu .quotidien ul li:first-child:hover, #sousMenu .quotidien ul li:first-child.active {
        border-left: none;
        padding: 0 0 0 1px; }
      #sousMenu .quotidien ul li:last-child:hover, #sousMenu .quotidien ul li:last-child.active {
        border-right: none;
        padding: 0 1px 0 0; }

#sousMenu div.quotidien ul li a {
  color: white;
  font: normal 13px/43px Arial, sans-serif;
  padding: 0;
  height: 43px;
  width: 100%;
  display: block;
  text-align: center; }
  #sousMenu div.quotidien ul li a:hover, #sousMenu div.quotidien ul li a.active {
    border: none; }
#sousMenu div.quotidien ul li.active a {
  border: none; }

#entete {
  position: relative;
  clear: both; }
  #entete .ctnEntete {
    width: 385px;
    height: 58px;
    position: absolute;
    margin-left: 588px;
    z-index: 100; }
  #entete .boxChannels {
    background: none; }
  #entete .boxNav {
    height: 60px; }

/*footer */
#footer {
  background: #e0e0e0; }
  #footer a {
    color: #1c0e00;
    font: normal 12px/15px Arial, sans-serif;
    display: inline; }
    #footer a h4 {
      color: #1c0e00;
      font: bold 14px Arial, sans-serif;
      padding: 1px 0 2px 0;
      text-transform: uppercase; }
      #footer a h4:hover {
        color: #8f8c89; }
    #footer a:hover {
      color: #8f8c89; }
  #footer #footerTop {
    width: 975px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0;
    float: none; }
  #footer #footerLiensTop {
    width: 831px;
    height: 61px;
    float: none;
    margin-left: 17px; }
    #footer #footerLiensTop .contactLogo {
      position: absolute;
      top: 58px;
      left: 264px; }
    #footer #footerLiensTop .gcmLogo {
      text-transform: uppercase;
      float: right;
      margin: 0 68px 0 0;
      font: normal 10px Arial, sans-serif;
      color: #a4a2a1; }
      #footer #footerLiensTop .gcmLogo span {
        display: inline-block;
        float: left;
        margin: 46px 12px 0 0; }
  #footer #footerGCM {
    width: 118px;
    height: 151px;
    border-left: solid 3px #ce1b2c;
    position: absolute;
    right: 0;
    top: 30px;
    float: none;
    padding: 0 0 0 20px; }
  #footer #footerBoxLiens {
    width: 827px;
    height: 60px;
    margin: 30px 0 0 20px;
    float: none; }
  #footer .footerQuotidienBox {
    min-width: 100px;
    max-width: 200px;
    width: 16%;
    float: left;
    padding: 0 20px 0 0; }
    #footer .footerQuotidienBox p {
      color: #1c0e00;
      font: normal 10px Arial, sans-serif;
      text-transform: uppercase; }
  #footer #footerBoxCopyright {
    width: 100%;
    background: #303033;
    color: white;
    height: 55px;
    padding: 40px 0; }
    #footer #footerBoxCopyright a {
      color: white;
      padding: 0 10px;
      border-left: solid 1px white; }
      #footer #footerBoxCopyright a:first-child {
        padding: 0 10px 0 0;
        border: none; }
      #footer #footerBoxCopyright a:hover {
        text-decoration: underline; }
    #footer #footerBoxCopyright p {
      margin: 10px 0; }
  #footer .footerCenter {
    width: 975px;
    margin: 20px 0 0 31px; }
  #footer .retroLiens {
    position: absolute;
    bottom: 0px; }

.hiddenComScore {
  display: none; }
