/* line 5, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
html {
  position: relative;
  min-height: 100%;
}

/* line 9, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body {
  font-size: 14px;
  font-family: "Droid Sans", Arial, sans-serif;
  margin: 0;
  background-size: cover;
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 30, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.section-blog {
  background-image: url(/images/layout/bg_blog.jpg);
}

/* line 33, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.section-blog {
  background-image: url(/images/layout/bg_blog.jpg);
}

/* line 36, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.page-optimisation-seo {
  background-image: url(/images/layout/bg_seo.jpg);
  background-position: center center;
}

/* line 40, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.page-depanage-pour-site-web {
  background-image: url(/images/layout/bg_depannage.jpg);
}

/* line 43, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.page-creation-de-sites-web {
  background-image: url(/images/layout/bg_creation_site_web.jpg);
  background-position: center center;
}

/* line 47, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.page-contact {
  background-image: url(/images/layout/bg_contact.jpg);
  background-position: center center;
}

/* line 51, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
body.page-a_propos {
  background-image: url(/images/layout/bg_apropos.jpg);
  background-position: center center;
}

/* line 59, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
.background-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/* line 66, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
.background-container .planete {
  position: absolute;
  z-index: 2;
  right: -20vw;
  top: 0;
  width: 60vw;
  height: 60vw;
  background-image: url(/images/layout/planete_halo_noir.png);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(0 50%);
}

/* line 91, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
.background-container .background-etoiles {
  position: absolute;
  z-index: 1;
  filter: brightness(0.6);
  left: -40vmax;
  top: -40vmax;
  width: 280vmax;
  height: 280vmax;
  transform-origin: 50% 50%;
  background-image: url(/images/layout/etoiles.jpg);
  background-color: #000;
  background-size: 7%;
  background-repeat: repeat;
  background-position: center center;
  background-attachment: fixed;
  animation-name: etoiles;
  animation-duration: 1600s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes etoiles {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

/* line 140, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
.wrapper {
  max-width: 1200px;
  padding: 0 0.5vw;
  margin: 0 auto;
}

/* line 146, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header {
  position: relative;
  top: 0;
  z-index: 1;
  color: #fff;
  padding: 1em 20px 1em 20px;
  margin-bottom: 5px;
}

/* line 158, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .wrapper-menu {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  align-items: center;
}

/* line 176, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .titre-site {
  display: block;
  grid-column: 1/2;
  grid-row: 1/2;
  font-family: 'Futura', serif;
  color: #fff;
  font-weight: bold;
  margin: 0;
  vertical-align: baseline;
  /* effect-shine */
  align-self: center;
}

/* line 190, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .titre-site a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

/* line 194, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .titre-site a img {
  max-width: 300px;
  vertical-align: middle;
}

/* line 198, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .titre-site a .web {
  font-weight: 100;
}

/* line 203, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .paranav {
  position: relative;
  text-align: right;
  line-height: normal;
}

/* line 208, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header .paranav a {
  color: inherit;
  text-decoration: none;
}

/* line 213, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal {
  display: flex;
  font-size: 20px;
  align-items: center;
  justify-self: right;
}

/* line 220, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal ul {
  list-style: none;
  display: contents;
  padding: 0;
}

/* line 224, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal ul .menu-item {
  position: relative;
  display: inline-block;
}

/* line 231, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal a {
  padding: 15px;
  text-decoration: none;
  color: inherit;
}

/* line 237, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .langue {
  padding-right: 0;
}

/* line 245, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .menu-item:hover .sous-menu {
  display: block;
}

/* line 249, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-menu {
  visibility: hidden;
  position: absolute;
  top: 100%;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 20px);
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
  border-radius: 0 0 4px 4px;
}

/* line 261, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-menu-item {
  display: block;
  position: relative;
  white-space: nowrap;
}

/* line 265, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-menu-item > a {
  display: block;
  cursor: pointer;
}

/* line 269, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-menu-item > a:hover {
  color: #ccc;
  cursor: pointer;
}

/* line 274, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-menu-item:hover .sous-sous-menu {
  display: block;
}

/* line 278, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-sous-menu {
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
}

/* line 285, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-sous-menu-item {
  display: block;
  white-space: nowrap;
}

/* line 288, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
header nav#menu-principal .sous-sous-menu-item a {
  display: block;
}

/* line 294, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
main {
  flex-grow: 1;
}

/* line 298, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
footer {
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em 1vw;
}

/* line 309, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
footer .adresse-footer {
  margin: 1em 0;
}

/* line 312, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
footer a {
  color: inherit;
  text-decoration: none;
}

/* line 316, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
footer .menu-footer {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  padding: 0;
  list-style: none;
}

/* line 324, ../../../../../Users/flavigne/www/titaneweb/scss/layout.scss */
footer .menu-footer li {
  width: auto;
  display: inline-block;
  margin-right: 1em;
}

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