/* Colors naming, using http://chir.ag/projects/name-that-color */
/* Colors assignment */
/** embedded font double rendering issue fix -- https://css-tricks.com/forums/discussion/10449/weird-mobile-safari-font-face-problem-font-doubled-and-offset-to-the-left-/p1 **/
h1, h2, h3, h4, h5, h6 {
  /*reset for mobile browsers */
  font-weight: normal; }

/* html5 reset */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222222; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none; }

a {
  color: #d0c0e5;
  text-decoration: none; }

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

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #CCCCCC;
  color: #000000;
  padding: 0.2em 0; }

/* =============================================================================
   Initializr Styles
   ========================================================================== */
body {
  font: 16px/26px Helvetica, Helvetica Neue, Arial; }

.wrapper {
  height: 100%;
  position: relative;
  width: 90%;
  margin: 0 5%; }

#timeline {
  display: block;
  margin: 0 auto;
  background-image: url(../img/timeline_short.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px; }

/* =============================================================================
   GOOGLE MAPS
   ========================================================================== */
#gmap {
  text-align: center;
  margin: 20px auto 20px auto; }
  #gmap iframe {
    width: 93%;
    height: 200px;
    border: 10px solid #090909;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }
  #gmap small a {
    color: #B1BF92;
    text-decoration: none;
    outline: none; }
    #gmap small a:active, #gmap small a:visited {
      color: #B1BF92;
      text-decoration: none;
      outline: none; }
    #gmap small a:hover {
      color: #B1BF92;
      text-decoration: underline;
      outline: none; }

/* ===================
    Theme
   =================== */
.header-container {
  position: absolute;
  bottom: 20px;
  width: 100%;
  background: #000000;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; }

.title {
  color: black; }

#introtext {
  display: block;
  padding: 10px 0 10px 0;
  margin-bottom: 300px;
  background: black;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: #000000;
  /* RGBa with 0.7 opacity */
  background: rgba(0, 0, 0, 0.4);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)"; }
  #introtext .head-mel {
    font-family: "EdwardianScrAltITCTT", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 5em;
    line-height: 100%; }
  #introtext .amp {
    position: relative;
    top: 19px;
    margin-left: -10px;
    font-size: 1.7em; }
  #introtext .date {
    margin-top: 10px;
    font-family: "futura_ltbook", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em; }

/* ==============
    MOBILE: Menu
   ============== */
nav {
  z-index: 42; }
  nav ul {
    font-family: "futura_ltbook",Arial,sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0; }
  nav a {
    display: block;
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: white;
    background: transparent;
    white-space: nowrap;
    outline: none; }
  nav li a:hover, nav li a.selected {
    color: #FFFFFF;
    background: #d0c0e5;
    text-decoration: none;
    outline: none; }
  nav ul li a:focus {
    outline: none; }
  nav ul li a::-moz-focus-inner {
    border: 0; }

/** firefox remove outline **/
/* ==============
    MOBILE: Main
   ============== */
.main {
  padding: 5% 0; }
  .main header {
    float: left;
    width: 100%; }

/* ==========================================================================
   Custom style
   ========================================================================== */
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "futura_ltbook", "HelveticaNeueLTStdRegular","HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #FFFFFF;
  text-align: center; }

#bg-image {
  background-color: #ffff00;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
  z-index: 0;
  /*
    width: 200%;
    height: 200%;*/ }
  #bg-image:before {
    display: block;
    content: "";
    position: fixed;
    background-image: url("../img/bg_flower.jpg");
    background-repeat: no-repeat;
    top: -15%;
    left: -5%;
    /* filtre flou
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    */
    z-index: -1;
    width: 200%;
    height: 200%; }

section {
  text-align: left;
  padding: 25px;
  background-color: black;
  height: 100%;
  margin-top: 200px;
  color: #FFFFFF;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: #000000;
  /* RGBa with 0.7 opacity */
  background: rgba(0, 0, 0, 0.7);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)"; }
  section h1 {
    font-family: "EdwardianScrAltITCTT", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 2.6em; }
  section h2 {
    font-size: 1.1em;
    line-height: 120%;
    padding: 0 0px; }

.column {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0; }
  .column p {
    font-size: 1em;
    line-height: 145%;
    padding: 0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* ====================
      INTERMEDIATE: Menu
     ==================== */
  body {
    background-position: 50% 20%; }

  /** get the transparent bar on the bottom **/
  .header-container {
    position: absolute;
    bottom: 20px;
    width: 100%;
    line-height: 12px; }
    .header-container.sticky {
      position: fixed;
      top: 15px;
      animation: thedrop 1s 1;
      -moz-animation: thedrop 1s 1;
      -webkit-animation: thedrop 1s 1; }

  #introtext {
    padding: 30px 0 30px 0; }
    #introtext .head-mel {
      font-size: 3em; }
    #introtext .amp {
      position: relative;
      top: 29px;
      font-size: 0.9em;
      margin-left: -20px; }
    #introtext .date {
      font-size: 1.1em;
      font-style: italic;
      margin-top: 15px;
      margin-bottom: 20px; }

  nav {
    display: block; }
    nav ul {
      text-align: center;
      margin: auto;
      padding: 0;
      text-align: center; }
      nav ul li {
        display: inline;
        padding: 0;
        margin: 0; }
    nav a {
      padding: 15px 1%;
      margin-bottom: 0;
      display: inline-block;
      font-size: 60%;
      white-space: nowrap;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
      transition: all .3s ease; }

  .main header {
    margin-top: 0%;
    float: left;
    width: 40%;
    min-width: 320px; }

  section {
    padding: 40px 40px 70px 40px; }
    section h1 {
      font-size: 3.0em; }
    section h2 {
      font-size: 1.5em; }

  .column p {
    font-size: 1.1em; }

  #gmap iframe {
    height: 400px; }

  /* ========================
      INTERMEDIATE: IE Fixes
     ======================== */
  nav ul li {
    display: inline; }

  .oldie nav a {
    margin: 0 0.7%; } }
@media only screen and (min-width: 768px) {
  /* ====================
      WIDE: CSS3 Effects
     ==================== */
  section h1 {
    font-size: 4.9em; }
  section h2 {
    font-size: 2.0em; }

  /* ============
      WIDE: Menu
     ============ */
  #introtext .head-mel {
    font-size: 9em; }
  #introtext .amp {
    top: 0;
    font-size: 1em; }
  #introtext .date {
    font-size: 2em;
    margin-top: 15px;
    margin-bottom: 20px; }

  /* ============
      WIDE: Main
     ============ */
  .main header {
    margin-top: 0%;
    margin-bottom: 30%;
    float: left;
    width: 100%; }

  nav a {
    padding: 15px 2%;
    font-size: 90%; } }
@media only screen and (min-width: 900px) {
  section h1, section h2 {
    padding: 0 20px; }
  section h1 {
    font-size: 5.9em; }

  .column {
    float: left;
    width: 50%; }
    .column.full {
      clear: both;
      float: none;
      width: 100%; }
    .column p {
      font-size: 1.4em;
      line-height: 145%;
      padding: 0 20px; } }
@media only screen and (min-width: 1140px) {
  /* ===============
      Maximal Width
     =============== */
  nav a {
    padding: 15px 3%;
    font-size: 120%; }

  .wrapper {
    width: 1026px;
    /* 1140px - 10% for margins */
    margin: 0 auto; }

  #introtext .head-mel {
    font-size: 11em; }
  #introtext .amp {
    top: 0;
    font-size: 2.1em; }
  #introtext .date {
    font-size: 2.5em;
    margin-top: 15px;
    margin-bottom: 20px; }

  .main header {
    margin-top: 0%;
    margin-bottom: 30%;
    float: left;
    width: 100%; } }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: " ";
    display: table; }
  .clearfix:after {
    content: " ";
    display: table;
    clear: both; }

.clearfix2 {
  height: 80%;
  *zoom: 1; }
  .clearfix2:before {
    content: " ";
    display: table; }
  .clearfix2:after {
    content: " ";
    display: table;
    clear: both; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* =============================================================================
   FONTS
   ========================================================================== */
@font-face {
  font-family: 'futura_ltbold';
  src: url("futuralt-bold-webfont.eot");
  src: url("futuralt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("futuralt-bold-webfont.woff") format("woff"), url("futuralt-bold-webfont.ttf") format("truetype"), url("futuralt-bold-webfont.svg#futura_ltbold") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltbook';
  src: url("futuralt-book-webfont.eot");
  src: url("futuralt-book-webfont.eot?#iefix") format("embedded-opentype"), url("futuralt-book-webfont.woff") format("woff"), url("futuralt-book-webfont.ttf") format("truetype"), url("futuralt-book-webfont.svg#futura_ltbook") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltregular';
  src: url("futuralt-webfont.eot");
  src: url("futuralt-webfont.eot?#iefix") format("embedded-opentype"), url("futuralt-webfont.woff") format("woff"), url("futuralt-webfont.ttf") format("truetype"), url("futuralt-webfont.svg#futura_ltregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EdwardianScrAltITCTT';
  src: url("edwasai.eot");
  src: url("edwasai.eot?#iefix") format("embedded-opentype"), url("edwasai.woff") format("woff"), url("edwasai.ttf") format("truetype"), url("edwasai.svg#edwasai") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EdwardianScrAltITCTTBold';
  src: url("edwasaib.eot");
  src: url("edwasaib.eot?#iefix") format("embedded-opentype"), url("edwasaib.woff") format("woff"), url("edwasaib.ttf") format("truetype"), url("edwasaib.svg#edwasaib") format("svg");
  font-weight: normal;
  font-style: normal; }
.responsive-image.proposal {
  text-align: center;
  margin: 60px auto 60px auto; }
  .responsive-image.proposal img {
    border: 10px solid #090909;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }

img.theinn {
  text-align: center;
  margin-bottom: 50px; }

div.bp h2 {
  margin: 0; }
div.bp .column p {
  line-height: 180%; }

.hr-t {
  margin: 80px auto 0 auto;
  width: 97%;
  border-top: #1E1E1E solid 1px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.hr-b {
  margin: 0 auto 80px auto;
  width: 97%;
  border-bottom: #808080 solid 1px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

a[href^=tel] {
  color: #FFFFFF;
  text-decoration: none;
  outline: none; }
a.email {
  color: #B1BF92; }

.thumb {
  height: 80px;
  width: 80px;
  background-color: #000000;
  margin-right: 10px;
  margin-bottom: 0;
  float: left;
  border: 4px solid #090909;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

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