body, html {
  background: #aeaeae; }

#logo {
  text-align: center;
  position: relative; }
  #logo #logo_titre {
    color: #fff;
    font-size: 5em;
    display: block;
    letter-spacing: 2px; }
  #logo #logo_soustitre {
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 8px; }

footer {
  position: absolute;
  bottom: 5px;
  text-align: center;
  width: 100%; }
  footer #menu_bas {
    position: relative; }
    footer #menu_bas span {
      font-size: 1.2em;
      font-style: italic; }

#menu_principal {
  text-align: center; }
  #menu_principal li {
    display: inline-block;
    margin: 0 10px; }
    #menu_principal li span {
      color: #000;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: normal;
      letter-spacing: 2px;
      line-height: 80px; }
    #menu_principal li a:hover, #menu_principal li a.selected {
      text-decoration: none; }
      #menu_principal li a:hover span, #menu_principal li a.selected span {
        color: #fff; }

/**
 RESPONSIVE
**/
@media screen and (max-width: 600px) {
  #logo {
    padding: 15px !important; }

  #logo_titre {
    font-size: 3.4em !important;
    letter-spacing: 2px; }

  #logo_soustitre {
    font-size: 1.6em !important;
    font-weight: 300 !important;
    letter-spacing: 6px !important; }

  #menu_principal li span {
    line-height: 20px !important; } }
@media screen and (max-width: 360px) {
  #logo {
    padding: 10px !important; }

  #logo_titre {
    font-size: 2.8em !important; }

  #logo_soustitre {
    font-size: 1.4em !important;
    font-weight: 300 !important;
    letter-spacing: 5px !important; }

  #menu_principal li span {
    line-height: 20px !important; } }

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