@charset "UTF-8";
/* 
STYLE SHEET
Cr├®├® par [Saguenay M├®dia]

	1. Reset CSS
	2. Base
	3. Liens et navigation
	4. fonts
	5. MediaQueries

Notes:
/* -------- guide des couleurs  ----------
#c63327 : Rouge
#19151c : noir bleu
*/
/*Variables couleurs*/
/*
---------------------------1. Reset CSS---------------------------------
*/
/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,600,700,800);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

::-moz-selection {
  color: #fff;
  background: #c63327; }

::selection {
  color: #fff;
  background: #c63327; }

/*---------------------------2. Base---------------------------------*/
#AngM {
  display: none !important; }

#grid-gallery {
  display: none; }

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center; }

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
#BgFixed {
  position: fixed;
  z-index: -5;
  width: 100%;
  max-width: 1920px;
  height: 955px;
  background: url("../images/BGInfolettre.jpg");
  background-size: cover; }

.pushy {
  display: none; }

.menu-btn {
  display: none;
  color: #fff;
  font: 300 1.6em "Open Sans", sans-serif; }

h1, h2, h3, h4, p, li {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  /* -moz-font-smoothing: antialiased; - No longer available in FF */
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff; }

#nav-fixed {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 95px;
  background-color: rgba(25, 21, 28, 0.9); }
  #nav-fixed .container #logo img {
    width: 100%;
    max-width: 183px;
    max-height: 95px; }
  #nav-fixed .container nav {
    margin: 0;
    width: 78%; }
    #nav-fixed .container nav ul {
      margin: 0;
      padding-top: 35px; }
      #nav-fixed .container nav ul li {
        display: inline;
        margin: 0 1.4%;
        font: 300 1.5em "Open Sans", sans-serif; }
        #nav-fixed .container nav ul li a {
          color: #fff; }
          #nav-fixed .container nav ul li a:hover {
            color: #c63327; }
    #nav-fixed .container nav #icons {
      float: right;
      margin: 0;
      padding-top: 28px;
      text-align: right; }
      #nav-fixed .container nav #icons #iconFB {
        display: inline-block;
        color: #fff;
        font-size: 2em;
        -webkit-transition: transform 0.3s;
        /* Safari */
        transition: transform 0.3s; }
        #nav-fixed .container nav #icons #iconFB:hover {
          background-position: -80px 0px;
          -ms-transform: rotate(10deg);
          /* IE 9 */
          -webkit-transform: rotate(10deg);
          /* Chrome, Safari, Opera */
          -moz-transform: rotate(10deg);
          transform: rotate(10deg); }
      #nav-fixed .container nav #icons #iconTW {
        display: inline-block;
        margin: 0 1.5%;
        color: #fff;
        font-size: 2em;
        -webkit-transition: transform 0.3s;
        /* Safari */
        transition: transform 0.3s; }
        #nav-fixed .container nav #icons #iconTW:hover {
          background-position: -240px 0px;
          -ms-transform: rotate(10deg);
          /* IE 9 */
          -webkit-transform: rotate(10deg);
          /* Chrome, Safari, Opera */
          -moz-transform: rotate(10deg);
          transform: rotate(10deg); }
      #nav-fixed .container nav #icons #iconIG {
        display: inline-block;
        color: #fff;
        font-size: 2em;
        -webkit-transition: transform 0.3s;
        /* Safari */
        transition: transform 0.3s; }
        #nav-fixed .container nav #icons #iconIG:hover {
          background-position: -80px -80px;
          -ms-transform: rotate(10deg);
          /* IE 9 */
          -webkit-transform: rotate(10deg);
          /* Chrome, Safari, Opera */
          transform: rotate(10deg);
          -moz-transform: rotate(10deg); }

@-webkit-keyframes bounce {
  from {
    bottom: 30px; }
  to {
    bottom: 60px; } }
@-moz-keyframes bounce {
  from {
    bottom: 30px; }
  to {
    bottom: 60px; } }
@-o-keyframes bounce {
  from {
    bottom: 30px; }
  to {
    bottom: 60px; } }
@keyframes bounce {
  from {
    bottom: 30px; }
  to {
    bottom: 60px; } }
#headerAccueil {
  min-height: 600px;
  background: #fff;
  background-size: cover; }

header {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  overflow: hidden;
  position: relative; }
  header img {
    max-width: 1920px;
    width: 100%;
    max-height: 955px;
    text-align: center;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1); }
  header #header-Overflow {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(198, 51, 39, 0.5); }
    header #header-Overflow #flecheDown {
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      color: #fff;
      font-size: 5em;
      animation: bounce 0.35s ease infinite alternate;
      -webkit-animation: bounce 0.35s ease infinite alternate;
      -moz-animation: bounce 0.35s ease infinite alternate;
      -o-animation: bounce 0.35s ease infinite alternate; }
      header #header-Overflow #flecheDown:hover {
        opacity: 0.7; }
  header #zoneAPropos {
    position: absolute;
    z-index: 3;
    right: 0;
    margin-top: 20%;
    width: 55%; }
    header #zoneAPropos article {
      width: 92%;
      padding: 40px 4%;
      background-color: rgba(25, 21, 28, 0.5); }
      header #zoneAPropos article h1 {
        font: 300 2.2em  'Open Sans', sans-serif; }
      header #zoneAPropos article p {
        font: 400 1em  'Open Sans', sans-serif;
        line-height: 1.5em;
        text-align: justify; }
    header #zoneAPropos section:last-child {
      height: 90px; }
      header #zoneAPropos section:last-child .btnH {
        float: left;
        margin: 10px 1% 10px 0;
        padding: 2% 4%;
        display: inline-block;
        width: 41%;
        height: 100%;
        background-color: rgba(25, 21, 28, 0.5);
        text-align: left;
        font: 300 2.2em  'Open Sans', sans-serif;
        color: #fff; }
        header #zoneAPropos section:last-child .btnH:first-child {
          line-height: 2.5em; }
        header #zoneAPropos section:last-child .btnH:hover {
          background-color: rgba(25, 21, 28, 0.8); }
        header #zoneAPropos section:last-child .btnH:last-child {
          margin: 10px 0px 10px 1%;
          background-color: rgba(255, 255, 255, 0.6);
          color: #c63327; }
          header #zoneAPropos section:last-child .btnH:last-child:hover {
            background-color: rgba(255, 255, 255, 0.8); }

#menu {
  float: left;
  width: 100%;
  padding: 60px 0;
  background: #fff; }
  #menu h1 {
    font: 300 3em  'Open Sans', sans-serif;
    color: #c63327; }
  #menu #menuJour a figure {
    position: relative;
    overflow: hidden;
    background-color: #19151c; }
    #menu #menuJour a figure img {
      width: 100%;
      opacity: 0.5;
      -webkit-transform: scale3d(1.05, 1.05, 1);
      transform: scale3d(1.05, 1.05, 1);
      -webkit-transition: all 0.95s;
      transition: all 0.95s; }
    #menu #menuJour a figure figcaption {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 98%;
      height: 98%;
      margin: 1% 1%; }
      #menu #menuJour a figure figcaption h2 {
        font: 800 2.5em  'Open Sans', sans-serif; }
      #menu #menuJour a figure figcaption p {
        font: 500 2em  'Open Sans', sans-serif; }
      #menu #menuJour a figure figcaption .mjInclus {
        font: italic 1.3em  'Open Sans', sans-serif; }
      #menu #menuJour a figure figcaption .plusInfo {
        display: inline-block;
        background: rgba(255, 255, 255, 0.5);
        padding: 5px 10px;
        margin-top: 10px;
        color: #c63327;
        font: 400 1.4em  'Open Sans', sans-serif; }
      #menu #menuJour a figure figcaption ul {
        margin-top: 10px;
        list-style-type: none; }
        #menu #menuJour a figure figcaption ul li {
          font: 300 2em  'Open Sans', sans-serif;
          color: #fff; }
          #menu #menuJour a figure figcaption ul li:before {
            content: '- '; }
    #menu #menuJour a figure .overflow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3; }
      #menu #menuJour a figure .overflow .plus {
        position: absolute;
        bottom: 20px;
        right: 19px;
        display: block;
        color: #fff;
        font-size: 5em;
        -webkit-transition: transform 0.6s;
        /* Safari */
        transition: transform 0.6s; }
    #menu #menuJour a figure:hover img {
      -webkit-transform: scale3d(1.3, 1.3, 1);
      transform: scale3d(1.3, 1.3, 1);
      opacity: 0.7; }
    #menu #menuJour a figure:hover .overflow .plus {
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(90deg); }
  #menu #menuJour a #diner {
    margin: 20px 2% 0 2%; }
  #menu #menuJour a .m3 {
    margin: 20px 0 0 0;
    width: 32%; }
    #menu #menuJour a .m3 h2 {
      display: inline-block;
      position: absolute;
      overflow: hidden;
      bottom: 0;
      left: 1%;
      width: 98%;
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s; }
      #menu #menuJour a .m3 h2:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transform: translate3d(-110%, 0, 0); }
    #menu #menuJour a .m3:hover h2 {
      -webkit-transform: translateY(-20%);
      -moz-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
      transform: translateY(-20%); }
      #menu #menuJour a .m3:hover h2:after {
        content: "";
        transform: translate3d(0%, 0, 0); }

#vip {
  float: left;
  width: 100%;
  background: rgba(198, 51, 39, 0.5); }
  #vip .container {
    text-align: center;
    padding: 30px 0; }
    #vip .container h2 {
      font: 400 2.5em  'Open Sans', sans-serif; }
    #vip .container p {
      font: 300 1.8em  'Open Sans', sans-serif; }
      #vip .container p a {
        color: #fff; }
        #vip .container p a:hover {
          font-weight: 400; }
    #vip .container #email-error {
      color: #fff;
      font: 800 1em  'Open Sans', sans-serif;
      letter-spacing: 2px; }
    #vip .container input[type="text"] {
      width: 50%;
      height: 60px;
      margin: 10px 0;
      background-color: #fff;
      border-radius: 0;
      font: 200 1.8em  'Open Sans', sans-serif;
      -webkit-transition: all 0.35s;
      transition: all 0.35s; }
      #vip .container input[type="text"]:hover {
        border: 4px solid #c63327; }
      #vip .container input[type="text"]:focus {
        border: 5px solid #ad3025;
        outline: 0; }
    #vip .container .btn-5 {
      font: 100 2em  'Open Sans', sans-serif; }

#spectacle {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 60px 0; }
  #spectacle .container h1 {
    font: 300 2.4em  'Open Sans', sans-serif;
    color: #c63327; }
  #spectacle .container article {
    width: 49%;
    margin: 0; }
    #spectacle .container article:nth-child(3) {
      margin-left: 2%; }
    #spectacle .container article figure {
      position: relative;
      margin: 2% 0;
      overflow: hidden;
      height: 670px;
      background-color: #19151c; }
      #spectacle .container article figure img {
        height: 100%;
        width: auto;
        opacity: 0.5;
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1);
        -webkit-transition: all 0.95s;
        transition: all 0.95s; }
      #spectacle .container article figure figcaption {
        position: absolute;
        z-index: 2;
        top: 0;
        margin: 1% 2%; }
        #spectacle .container article figure figcaption h2 {
          font: 300 2em  'Open Sans', sans-serif; }
        #spectacle .container article figure figcaption h3 {
          font: 800 2.5em  'Open Sans', sans-serif; }
        #spectacle .container article figure figcaption ul {
          margin-top: 10px;
          list-style-type: none; }
          #spectacle .container article figure figcaption ul li {
            font: 300 2em  'Open Sans', sans-serif;
            color: #fff; }
            #spectacle .container article figure figcaption ul li:before {
              content: '- '; }
      #spectacle .container article figure .overflow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
        #spectacle .container article figure .overflow .plus {
          position: absolute;
          bottom: 20px;
          right: 19px;
          height: 49px;
          width: 49px;
          overflow: hidden;
          display: block;
          color: #fff;
          font-size: 3em;
          -webkit-transition: transform 0.6s;
          /* Safari */
          transition: transform 0.6s; }
      #spectacle .container article figure:hover img {
        -webkit-transform: scale3d(1.3, 1.3, 1);
        transform: scale3d(1.3, 1.3, 1);
        opacity: 0.7; }
      #spectacle .container article figure:hover .overflow .plus {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg); }
    #spectacle .container article button {
      font: 300 2em  'Open Sans', sans-serif; }
  #spectacle .container .col2 figure {
    height: 270px; }
    #spectacle .container .col2 figure img {
      width: 100%;
      height: auto; }
  #spectacle .container .col2 button {
    width: 100%;
    height: 100px;
    margin: 0; }

.page {
  background-color: #fff;
  padding-bottom: 30px; }
  .page .container h1 {
    padding-top: 30px;
    font: 400 3em  'Open Sans', sans-serif;
    color: #c63327; }
  .page .container p {
    font: 300 1.8em  'Open Sans', sans-serif;
    color: #19151c; }
  .page .standard {
    font-size: 0.9em; }
    .page .standard ul li {
      list-style-type: none;
      color: #19151c;
      font: 300 1.3em 'Open Sans', sans-serif;
      margin-left: 25px; }

#headerEquipe {
  background: url("../images/banniereEquipe.jpg") center no-repeat;
  height: 470px;
  min-height: 470px; }
  #headerEquipe #overflow {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 51, 39, 0.5); }

#equipe {
  background: #fff; }

#headerSpectacle {
  background: url("../images/banniereSpectacle.jpg") center no-repeat;
  height: 470px;
  min-height: 470px; }
  #headerSpectacle #overflow {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 51, 39, 0.5); }

#pageSpectacle article {
  float: left;
  width: 100%;
  margin: 30px 0;
  background-color: #19151c;
  min-height: 290px; }
  #pageSpectacle article figure {
    float: left;
    width: 29%;
    margin-right: 1%; }
    #pageSpectacle article figure img {
      width: 100%;
      height: auto; }
  #pageSpectacle article figcaption {
    float: left;
    width: 68%;
    padding: 1%; }
    #pageSpectacle article figcaption h2 {
      font: 600 1.8em  'Open Sans', sans-serif;
      color: #fff; }
    #pageSpectacle article figcaption h3 {
      font: 400 1.8em  'Open Sans', sans-serif;
      color: #fff; }
    #pageSpectacle article figcaption p {
      font: 300 1.2em  'Open Sans', sans-serif;
      color: #fff; }
      #pageSpectacle article figcaption p a {
        font: 600 1em  'Open Sans', sans-serif;
        color: #fff; }
        #pageSpectacle article figcaption p a:hover {
          color: #c63327; }

#headerContact {
  background: url("../images/banniereContact.jpg") center no-repeat;
  height: 470px;
  min-height: 470px; }
  #headerContact #overflow {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 51, 39, 0.5); }

#pageContact {
  width: 100%;
  float: left;
  padding-bottom: 60px; }
  #pageContact .btn-5 {
    font: 100 1.9em  'Open Sans', sans-serif; }
  #pageContact .container article {
    width: 50%;
    float: left; }
    #pageContact .container article article {
      width: 80%;
      margin: 10px 10%; }
      #pageContact .container article article ul li {
        text-align: center;
        font: 300 1.5em  'Open Sans', sans-serif;
        color: #19151c;
        list-style-type: none; }
    #pageContact .container article h1 {
      font: 400 3em  'Open Sans', sans-serif;
      color: #c63327;
      text-align: center; }
    #pageContact .container article p {
      font: 300 1.5em  'Open Sans', sans-serif;
      color: #19151c;
      padding: 10px 0;
      text-align: center; }
    #pageContact .container article #email {
      width: 80%;
      margin: 10px 10%; }
    #pageContact .container article input {
      width: 80%;
      height: 60px;
      margin: 10px 10%;
      background-color: #fff;
      border-radius: 0;
      font: 200 1.8em  'Open Sans', sans-serif;
      -webkit-transition: all 0.35s;
      transition: all 0.35s; }
      #pageContact .container article input:hover {
        border: 2px solid #c63327; }
      #pageContact .container article input:focus {
        border: 3px solid #ad3025;
        outline: 0; }
    #pageContact .container article textarea {
      width: 80%;
      height: 300px;
      margin: 10px 10%;
      background-color: #fff;
      border-radius: 0;
      font: 300 1.8em  'Open Sans', sans-serif;
      -webkit-transition: all 0.35s;
      transition: all 0.35s; }
      #pageContact .container article textarea:hover {
        border: 2px solid #c63327; }
      #pageContact .container article textarea:focus {
        border: 3px solid #ad3025;
        outline: 0; }
    #pageContact .container article .btn {
      width: 80%;
      margin: 20px 10% 0 10%; }
    #pageContact .container article #name-error, #pageContact .container article #femail-error, #pageContact .container article #Tmessage-error, #pageContact .container article #email-error {
      text-align: center;
      color: #c63327;
      font: 800 1em  'Open Sans', sans-serif;
      letter-spacing: 2px; }
    #pageContact .container article #response, #pageContact .container article #response2 {
      width: 100%;
      text-align: center;
      margin: 5px 0; }
      #pageContact .container article #response h4, #pageContact .container article #response2 h4 {
        color: #c63327;
        font: 800 1em  'Open Sans', sans-serif; }
    #pageContact .container article #response2 {
      color: #c63327;
      font: 800 1em  'Open Sans', sans-serif; }

#map-canvas {
  float: left;
  width: 100%;
  height: 300px;
  margin: 0px;
  padding: 0px; }

#headerMenu {
  background: url("../images/banniereMenu.jpg") center no-repeat;
  height: 470px;
  min-height: 470px; }
  #headerMenu #overflow {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 51, 39, 0.5); }
    #headerMenu #overflow #produitVedette {
      position: absolute;
      width: 100%;
      max-width: 1920px;
      bottom: 20px; }
      #headerMenu #overflow #produitVedette section #drinks {
        width: 760px;
        float: right; }
        #headerMenu #overflow #produitVedette section #drinks h2 {
          font: 500 1.7em  'Open Sans', sans-serif;
          margin-bottom: 10px;
          text-align: right; }
        #headerMenu #overflow #produitVedette section #drinks article {
          float: left;
          width: 65%; }
          #headerMenu #overflow #produitVedette section #drinks article:last-child {
            width: 30%;
            margin-left: 5%; }
            #headerMenu #overflow #produitVedette section #drinks article:last-child h3 {
              margin-top: 13px; }
          #headerMenu #overflow #produitVedette section #drinks article img {
            float: right;
            width: 50px;
            margin-left: 10px; }
          #headerMenu #overflow #produitVedette section #drinks article h3 {
            text-align: right; }
            #headerMenu #overflow #produitVedette section #drinks article h3 .box {
              display: inline-block;
              width: 12px;
              height: 12px;
              margin: 0 2% 0 0;
              border: 1px solid #ccc; }
            #headerMenu #overflow #produitVedette section #drinks article h3 .redBox {
              background: #c63327; }
            #headerMenu #overflow #produitVedette section #drinks article h3 .whiteBox {
              background: #fff; }

#pageMenu {
  background-color: #fff; }
  #pageMenu #AngM {
    display: inline-block;
    float: right;
    margin-top: 50px;
    font: 500 1.3em  'Open Sans', sans-serif;
    color: #c63327; }
    #pageMenu #AngM:hover {
      color: #19151c; }
  #pageMenu h2 {
    margin: 0 0 0.3em;
    padding: 1em 0 0.5em;
    font: 500 2em  'Open Sans', sans-serif;
    color: #c63327;
    border-bottom: 1px solid #ddd; }
    #pageMenu h2 span {
      font: 600 0.5em  'Open Sans', sans-serif; }
    #pageMenu h2 .mjInclus {
      margin-left: 35px;
      font: 300 0.7em  'Open Sans', sans-serif; }
  #pageMenu h3 {
    font: 500 1.8em  'Open Sans', sans-serif;
    border: 0px;
    color: #19151c; }
    #pageMenu h3 span {
      font: 600 0.4em  'Open Sans', sans-serif; }
  #pageMenu h4 {
    font: 500 1.5em  'Open Sans', sans-serif;
    color: #c63327;
    letter-spacing: 0; }
    #pageMenu h4 span {
      font: 600 0.5em  'Open Sans', sans-serif; }
  #pageMenu #titleMJ:before {
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 75%;
    color: #ddd;
    margin-right: 0.5em;
    -webkit-font-smoothing: antialiased;
    content: "\f005"; }
  #pageMenu #lstMJour {
    float: left;
    width: 100%; }
    #pageMenu #lstMJour img {
      width: 100%;
      height: auto; }
    #pageMenu #lstMJour li {
      display: inline-block;
      width: 29.333%;
      float: left;
      font: 600 1.5em  'Open Sans', sans-serif;
      color: #c63327;
      padding: 10px 2%;
      height: 50px; }
      #pageMenu #lstMJour li span {
        width: 100%;
        float: left;
        font: 300 0.8em  'Open Sans', sans-serif;
        color: #23242d;
        padding-bottom: 10px; }
  #pageMenu #cbp-ntaccordion li img {
    width: 100%;
    height: auto; }
  #pageMenu #cbp-ntaccordion li ul li ul {
    float: left;
    width: 100%; }
    #pageMenu #cbp-ntaccordion li ul li ul li {
      display: inline-block;
      width: 29.333%;
      float: left;
      font: 600 1.2em  'Open Sans', sans-serif;
      color: #19151c;
      height: 100px;
      padding: 10px 2%; }
      #pageMenu #cbp-ntaccordion li ul li ul li span {
        width: 100%;
        float: left;
        font: 300 0.8em  'Open Sans', sans-serif;
        color: #23242d;
        padding-bottom: 10px; }
  #pageMenu #cbp-ntaccordion li ul li .details {
    font: 300 1.5em  'Open Sans', sans-serif;
    color: #c63327; }

#headerTraiteur {
  background: url("../images/banniereTraiteur.jpg") center no-repeat;
  height: 470px;
  min-height: 470px; }
  #headerTraiteur #overflow {
    width: 100%;
    height: 100%;
    background-color: rgba(198, 51, 39, 0.5); }

#traiteur {
  background: #fff; }
  #traiteur h2 {
    padding: 30px 0 10px 0;
    font: 600 2em  'Open Sans', sans-serif;
    color: #c63327;
    border-bottom: 1px solid #c63327; }
  #traiteur h3 {
    padding-top: 30px;
    font: 500 1.8em  'Open Sans', sans-serif;
    color: #c63327; }
  #traiteur p {
    padding-top: 10px; }
    #traiteur p a {
      color: #c63327; }
      #traiteur p a:hover {
        color: #19151c; }
    #traiteur p strong {
      font: 500 1em 'Open Sans', sans-serif; }
  #traiteur ul li {
    font: 300 1.7em 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: square; }

a {
  color: #c63327; }
  a:hover {
    color: #19151c; }

#traiteurBaner {
  float: left;
  width: 100%;
  height: 400px; }
  #traiteurBaner #s1 {
    position: absolute;
    float: left;
    background: #fff;
    width: 100%;
    overflow: hidden; }
    #traiteurBaner #s1 img {
      margin: 0;
      padding: 0; }

footer {
  float: left;
  padding: 70px 0 22px 0;
  width: 100%;
  background-color: #c63327; }
  footer .container section {
    width: 100%;
    float: left; }
    footer .container section .FC1 h3 {
      font: 800 2.4em  'Open Sans', sans-serif; }
    footer .container section .FC1 ul li {
      font: 300 1.5em  'Open Sans', sans-serif;
      list-style-type: none;
      color: #fff; }
      footer .container section .FC1 ul li a {
        color: #fff; }
        footer .container section .FC1 ul li a:hover {
          color: #23242d; }
    footer .container section .FC1 p {
      margin-top: 50px;
      font: 100 1.5em  'Open Sans', sans-serif; }
    footer .container section .FC2 {
      text-align: right; }
      footer .container section .FC2 #logo {
        width: 60%;
        float: right; }
        footer .container section .FC2 #logo img {
          width: 100%;
          height: auto; }
      footer .container section .FC2 h4 {
        font: 100 1.5em  'Open Sans', sans-serif; }
        footer .container section .FC2 h4:first-child {
          margin-top: 20px; }
        footer .container section .FC2 h4 a {
          font: 600 1em  'Open Sans', sans-serif;
          color: #fff; }
          footer .container section .FC2 h4 a:hover {
            color: #23242d; }

/*---------------------------3. Liens et navigation---------------------------------*/
/*---------------------------4. fonts---------------------------------*/
/*Font speciale*/
@font-face {
  font-family: 'icomoonS';
  src: url("../fonts/icomoon.eot?-f33a3x");
  src: url("../fonts/icomoon.eot?#iefix-f33a3x") format("embedded-opentype"), url("../fonts/icomoon.woff?-f33a3x") format("woff"), url("../fonts/icomoon.ttf?-f33a3x") format("truetype"), url("../fonts/icomoon.svg?-f33a3x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoonS';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-thumbUp:before {
  content: "\e604";
  font-size: 3em;
  color: #007233; }

.icon-thumbDown:before {
  content: "\e605";
  font-size: 3em;
  color: #c63327; }

.icon-plus:before {
  content: "\e600"; }

.icon-facebook:before {
  content: "\e601"; }

.icon-instagram:before {
  content: "\e602"; }

.icon-twitter:before {
  content: "\e603"; }

.icon-circle-down:before {
  content: "\ea43"; }

/*---------------------------5. MediaQueries---------------------------------*/
@media only screen and (min-width: 1920px), only screen and (min-device-width: 1920px) {
  #BgFixed {
    position: fixed;
    z-index: -5;
    width: 100%;
    max-width: 100%;
    background-size: cover !important;
    height: 955px;
    background: url("../images/BGInfolettre.jpg"); }

  header {
    max-width: 100%;
    background-size: cover !important; }
    header #headImg img {
      width: 100%;
      max-width: 100%;
      max-height: 100%; } }
@media only screen and (max-width: 1483px), only screen and (max-device-width: 1483px) {
  #nav-fixed .container nav ul li {
    margin: 0 1.4%;
    font: 200 1.3em "Open Sans", sans-serif; }

  #zoneAPropos {
    margin-top: 150px !important; } }
@media only screen and (max-width: 1307px), only screen and (max-device-width: 1307px) {
  #nav-fixed .container nav ul li {
    margin: 0 1.4%;
    font: 200 1.2em "Open Sans", sans-serif; }

  .pushy {
    display: block; }

  .menu-btn {
    float: right;
    width: 15% !important;
    padding-top: 28px;
    display: inline-block;
    text-align: center;
    font: 200 1.6em "Open Sans", sans-serif;
    cursor: pointer; }
    .menu-btn:hover {
      color: #c63327; }

  #nav-fixed .container #logo {
    width: 20%; }
  #nav-fixed .container nav {
    width: 80%; }
    #nav-fixed .container nav ul {
      display: none; }
    #nav-fixed .container nav #icons {
      float: right;
      text-align: right; }

  #flecheDown {
    bottom: 120px !important; }

  .btnH {
    font: 300 1.6em "Open Sans", sans-serif !important; }

  header img {
    display: none; }

  #headerAccueil {
    background: url("../images/header.jpg"); }

  #headerMenu #overflow #produitVedette article img {
    display: inline-block; }

  #zoneAPropos {
    margin-top: 100px !important; }
    #zoneAPropos section:last-child {
      height: 60px !important; }

  #menu h1 {
    font: 300 3em  'Open Sans', sans-serif; }
  #menu #menuJour a figure figcaption h2 {
    font: 800 2em  'Open Sans', sans-serif; }
  #menu #menuJour a figure figcaption ul {
    margin-top: 10px; }
    #menu #menuJour a figure figcaption ul li {
      font: 300 1.5em  'Open Sans', sans-serif; }

  #vip .container h2 {
    font: 300 2em  'Open Sans', sans-serif; }
  #vip .container p {
    font: 100 1.4em  'Open Sans', sans-serif; }
  #vip .container input[type="text"] {
    width: 60%;
    height: 60px;
    font: 200 1.8em  'Open Sans', sans-serif; }
  #vip .container .btn-5 {
    width: 60%; } }
@media only screen and (max-width: 1150px), only screen and (max-device-width: 1150px) {
  #pageMenu h3 {
    font: 500 1.7em  'Open Sans', sans-serif; }
  #pageMenu h4 {
    font: 500 1.4em  'Open Sans', sans-serif; }
  #pageMenu #lstMJour li {
    width: 46%;
    padding: 10px 2%; }
  #pageMenu #cbp-ntaccordion li ul li ul li {
    width: 46%;
    padding: 10px 2%; } }
@media only screen and (max-width: 977px), only screen and (max-device-width: 977px) {
  .pushy {
    top: 65px; }

  .menu-btn {
    float: right;
    width: 30% !important;
    padding-top: 13px;
    display: inline-block;
    text-align: right;
    font: 200 1.6em "Open Sans", sans-serif;
    cursor: pointer; }
    .menu-btn:hover {
      color: #c63327; }

  #nav-fixed {
    height: 65px; }
    #nav-fixed .container #logo img {
      width: 100%;
      max-width: 125px;
      max-height: 65px; }
    #nav-fixed .container nav {
      margin: 0;
      width: 80%; }
      #nav-fixed .container nav #icons {
        width: 40%;
        float: right;
        padding-top: 13px; }

  header #zoneAPropos {
    width: 100%; }

  #headerMenu #overflow #produitVedette section #drinks {
    width: 100%;
    float: right; }
    #headerMenu #overflow #produitVedette section #drinks h2 {
      font: 500 1.7em  'Open Sans', sans-serif;
      margin-bottom: 10px;
      text-align: right; }
    #headerMenu #overflow #produitVedette section #drinks article {
      float: right;
      width: 100%; }
      #headerMenu #overflow #produitVedette section #drinks article:last-child {
        width: 100%;
        margin: 10px 0 0 0; }
        #headerMenu #overflow #produitVedette section #drinks article:last-child h3 {
          margin-top: 13px; }
      #headerMenu #overflow #produitVedette section #drinks article img {
        float: right;
        width: 50px;
        margin-left: 10px; }
      #headerMenu #overflow #produitVedette section #drinks article h3 {
        text-align: right; }
        #headerMenu #overflow #produitVedette section #drinks article h3 .box {
          display: inline-block;
          width: 12px;
          height: 12px;
          margin: 0 2% 0 0;
          border: 1px solid #ccc; }
        #headerMenu #overflow #produitVedette section #drinks article h3 .redBox {
          background: #c63327; }
        #headerMenu #overflow #produitVedette section #drinks article h3 .whiteBox {
          background: #fff; }

  #flecheDown {
    bottom: 80px !important; }

  #menu #menuJour #MJ {
    display: none; }
  #menu #menuJour a figure figcaption {
    margin: 2%; }
    #menu #menuJour a figure figcaption ul li {
      font: 300 1.3em  'Open Sans', sans-serif;
      color: #fff; }
      #menu #menuJour a figure figcaption ul li:nth-child(4) {
        display: none; }
      #menu #menuJour a figure figcaption ul li:nth-child(5) {
        display: none; }
      #menu #menuJour a figure figcaption ul li:nth-child(6) {
        display: none; }
  #menu #menuJour a #diner {
    margin: 2% 0 0 0; }
  #menu #menuJour a .m3 {
    margin: 2% 0 0 0;
    width: 100%;
    height: 100px; }
    #menu #menuJour a .m3 img {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      zoom: 1.05;
      -moz-transform: scale(1.05);
      -webkit-transition: all 0.6s;
      /* Safari */
      transition: all 0.6s; }
    #menu #menuJour a .m3 h2 {
      bottom: 10%; }
    #menu #menuJour a .m3:nth-child(4) {
      margin: 2% 0 0 0; }
    #menu #menuJour a .m3:hover img {
      -webkit-transform: translateY(-30%);
      transform: translateY(-30%); }

  #spectacle .container article {
    width: 100%;
    margin: 0; }
    #spectacle .container article:nth-child(3) {
      margin-left: 2%; }
    #spectacle .container article figure {
      margin: 0 0 2% 0;
      height: 200px; }
      #spectacle .container article figure img {
        width: 100%;
        height: auto; }
      #spectacle .container article figure figcaption {
        margin: 1% 2%; }
    #spectacle .container article button {
      margin-top: 2%; }

  .col2 {
    margin: 0 !important; }
    .col2 figure {
      margin: 0;
      padding: 0;
      height: 200px !important; }
    .col2 button {
      width: 100%;
      height: 100px;
      margin: 0; }

  #pageContact .container article {
    width: 100%; }

  #pageSpectacle {
    float: left; }
    #pageSpectacle article {
      float: left;
      height: auto; }
      #pageSpectacle article figure {
        float: left;
        width: 30%; }
        #pageSpectacle article figure img {
          width: 100%;
          height: auto; }
      #pageSpectacle article figcaption {
        float: left;
        width: 66%; }

  footer {
    padding: 50px 0 22px 0; }
    footer .container section:first-child article {
      width: 100%;
      text-align: center; }
    footer .container section .FC1 h3 {
      font: 800 2em  'Open Sans', sans-serif; }
    footer .container section .FC1 ul li {
      font: 300 1.3em  'Open Sans', sans-serif; }
    footer .container section .FC1 p {
      margin-top: 50px;
      font: 100 1.3em  'Open Sans', sans-serif; }
    footer .container section .FC2 {
      text-align: right; }
      footer .container section .FC2 #logo {
        display: none; }
        footer .container section .FC2 #logo img {
          width: 100%;
          height: auto; }
      footer .container section .FC2 h4 {
        font: 100 1.3em  'Open Sans', sans-serif; }
        footer .container section .FC2 h4:first-child {
          margin-top: 20px; }
        footer .container section .FC2 h4 a {
          font: 600 1em  'Open Sans', sans-serif;
          color: #fff; }
          footer .container section .FC2 h4 a:hover {
            color: #23242d; } }
@media only screen and (max-width: 744px), only screen and (max-device-width: 744px) {
  #nav-fixed .container #logo {
    width: 24%; }
  #nav-fixed .container nav {
    width: 76%; }

  #pageMenu h1 {
    text-align: center; }
  #pageMenu h2 {
    font: 500 2em  'Open Sans', sans-serif;
    margin: 0 0 0.3em -1em;
    text-align: center;
    font-size: 200%; }
  #pageMenu h3 {
    font: 500 1.7em  'Open Sans', sans-serif;
    text-align: center; }
  #pageMenu h4 {
    font: 500 1.4em  'Open Sans', sans-serif;
    text-align: center; }
  #pageMenu p {
    text-align: center; }
  #pageMenu #lstMJour li {
    width: 100%;
    padding: 10px 0;
    text-align: center; }
  #pageMenu #cbp-ntaccordion li ul li ul li {
    width: 100%;
    height: 90px;
    padding: 10px 0;
    text-align: center; } }
@media only screen and (max-width: 549px), only screen and (max-device-width: 549px) {
  .menu-btn {
    width: 100% !important; }

  @-webkit-keyframes bounce {
    from {
      bottom: 10px; }
    to {
      bottom: 30px; } }
  @-moz-keyframes bounce {
    from {
      bottom: 10px; }
    to {
      bottom: 30px; } }
  @-o-keyframes bounce {
    from {
      bottom: 10px; }
    to {
      bottom: 30px; } }
  @keyframes bounce {
    from {
      bottom: 10px; }
    to {
      bottom: 30px; } }
  header #zoneAPropos {
    width: 100%; }
  header #header-Overflow #flecheDown {
    font-size: 4em; }

  header #zoneAPropos section:last-child .btnH {
    font: 400 1.2em "Open Sans", sans-serif !important; }

  #nav-fixed .container #logo {
    width: 50%; }
  #nav-fixed .container nav {
    width: 50%; }
    #nav-fixed .container nav #icons {
      display: none; }

  #menu #menuJour #MJ {
    display: none; }
  #menu #menuJour a figure figcaption {
    margin: 2%; }
    #menu #menuJour a figure figcaption ul li {
      font: 300 1.3em  'Open Sans', sans-serif;
      color: #fff; }
      #menu #menuJour a figure figcaption ul li:nth-child(4) {
        display: none; }
      #menu #menuJour a figure figcaption ul li:nth-child(5) {
        display: none; }
      #menu #menuJour a figure figcaption ul li:nth-child(6) {
        display: none; }
  #menu #menuJour a #diner {
    margin: 2% 0 0 0; }
  #menu #menuJour a .m3 {
    margin: 2% 0 0 0;
    width: 100%;
    height: 100px; }
    #menu #menuJour a .m3 h2 {
      bottom: 10%; }
    #menu #menuJour a .m3:nth-child(4) {
      margin: 2% 0 0 0; }

  #spectacle .container article {
    width: 100%;
    margin: 0; }
    #spectacle .container article:nth-child(3) {
      margin-left: 2%; }
    #spectacle .container article figure {
      margin: 0 0 2% 0;
      height: 200px !important; }
      #spectacle .container article figure figcaption {
        margin: 1% 2%; }
    #spectacle .container article button {
      margin-top: 2%; }

  .col2 {
    margin: 0 !important; }
    .col2 figure {
      margin: 0;
      padding: 0;
      height: 200px !important; }
    .col2 button {
      width: 100%;
      height: 100px;
      margin: 0; }

  #equipe .container h1 {
    text-align: center; }
  #equipe .container .resume {
    text-align: center;
    margin-left: 0px; }
  #equipe .container p {
    text-align: left;
    margin-left: 70px; }

  #vip .container input[type="text"] {
    margin: 10px 0;
    width: 100%; }
  #vip .container .btn-5 {
    margin: 10px 0;
    width: 100%; }

  #traiteur .container h1 {
    text-align: center; }
  #traiteur .container h2 {
    text-align: center; }
  #traiteur .container p {
    text-align: center; }

  #carousel div img {
    max-width: 400px;
    width: 100%;
    height: auto;
    border: none;
    opacity: 0.9; }

  #pageSpectacle h1 {
    text-align: center; }
  #pageSpectacle article {
    padding-bottom: 30px; }
    #pageSpectacle article figure {
      float: left;
      width: 100%;
      height: auto; }
      #pageSpectacle article figure img {
        width: 50%;
        height: auto;
        margin: 20px 25% 0 25%; }
    #pageSpectacle article figcaption {
      width: 96%;
      padding: 2%;
      text-align: center; }
      #pageSpectacle article figcaption h2 {
        font: 600 1.8em  'Open Sans', sans-serif;
        color: #fff; }
      #pageSpectacle article figcaption h3 {
        font: 300 1.8em  'Open Sans', sans-serif;
        color: #fff; }
      #pageSpectacle article figcaption p {
        font: 100 1.2em  'Open Sans', sans-serif;
        color: #fff; }

  #pageContact .container article article {
    margin: 0;
    width: 100%; }
    #pageContact .container article article ul li {
      font: 100 1.3em 'Open Sans', sans-serif; }
  #pageContact .container article h1 {
    font: 300 2.5em  'Open Sans', sans-serif; }
  #pageContact .container article p {
    font: 100 1.3em  'Open Sans', sans-serif; }
  #pageContact .container article #email {
    width: 100%;
    margin: 0; }
  #pageContact .container article input {
    width: 100%;
    height: 60px;
    margin: 10px 0;
    background-color: #fff;
    border-radius: 0;
    font: 200 1.5em  'Open Sans', sans-serif;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
    #pageContact .container article input:hover {
      border: 2px solid #c63327; }
    #pageContact .container article input:focus {
      border: 3px solid #ad3025;
      outline: 0; }
  #pageContact .container article textarea {
    width: 100%;
    height: 175px;
    margin: 10px 0;
    background-color: #fff;
    border-radius: 0;
    font: 200 1.5em  'Open Sans', sans-serif;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
    #pageContact .container article textarea:hover {
      border: 2px solid #c63327; }
    #pageContact .container article textarea:focus {
      border: 3px solid #ad3025;
      outline: 0; }
  #pageContact .container article .btn {
    width: 100%;
    margin: 20px 0 0 0; }

  footer {
    padding: 50px 0 22px 0; }
    footer .container {
      text-align: center; }
      footer .container section .FC1 h3 {
        font: 800 2em  'Open Sans', sans-serif; }
      footer .container section .FC1 ul li {
        font: 300 1.3em  'Open Sans', sans-serif; }
      footer .container section .FC1 p {
        margin-top: 50px;
        font: 100 1.3em  'Open Sans', sans-serif; }
      footer .container section .FC2 {
        text-align: right; }
        footer .container section .FC2 #logo {
          display: none; }
          footer .container section .FC2 #logo img {
            width: 100%;
            height: auto; }
        footer .container section .FC2 h4 {
          text-align: center;
          font: 100 1.3em  'Open Sans', sans-serif; }
          footer .container section .FC2 h4:first-child {
            margin-top: 20px; }
          footer .container section .FC2 h4 a {
            font: 600 1em  'Open Sans', sans-serif;
            color: #fff; }
            footer .container section .FC2 h4 a:hover {
              color: #23242d; } }
@media only screen and (max-width: 399px), only screen and (max-device-width: 399px) {
  #flecheDown {
    display: none !important; }

  #carousel div img {
    max-width: 350px;
    width: 100%;
    height: auto;
    border: none;
    opacity: 0.9; } }
@media only screen and (max-height: 399px), only screen and (max-device-height: 399px) {
  #headerMenu {
    height: 320px;
    min-height: 320px; }

  #headerEquipe {
    height: 320px;
    min-height: 320px; }

  #headerTraiteur {
    height: 320px;
    min-height: 320px; }

  #headerSpectacle {
    height: 320px;
    min-height: 320px; }

  #headerContact {
    height: 320px;
    min-height: 320px; }

  .pushy #icons {
    display: none; } }

/*# sourceMappingURL=styles.css.map */