@charset "UTF-8";
/* --------------------------
 * -                           -
 * -       variables           -
 * -                           -
 * -------------------------- */
/* --------------------------
 * -                           -
 * -       variables           -
 * -                           -
 * -------------------------- */
/* --------------------------
 * -                           -
 * -           Css             -
 * -                           -
 * -------------------------- */
/* line 18, ../sass/gallerie.sass */
body {
  width: 100%;
  min-width: 700px;
  background: url("../banner/small.png") no-repeat bottom right black;
  background: url("../banner/full_NB0000.png") no-repeat bottom right white;
  background: -ms-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -ms-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -webkit-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -webkit-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -o-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -o-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -moz-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -moz-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  color: #0f0f0f;
  margin: 0;
  padding: 0;
}

/* --------------------------
 * -                           -
 * -       règles génériques   -
 * -                           -
 * -------------------------- */
/* --- Pour les liens --- */
/* line 40, ../sass/gallerie.sass */
a {
  color: #b47373;
}
/* line 42, ../sass/gallerie.sass */
a#text {
  color: #b47373;
}
/* line 45, ../sass/gallerie.sass */
a:hover {
  color: #e66e6e;
  font-style: italic;
}
/* line 48, ../sass/gallerie.sass */
a:visited {
  color: #967878;
}
/* line 50, ../sass/gallerie.sass */
a img {
  border: none;
}

/* line 53, ../sass/gallerie.sass */
.text {
  text-align: justify;
  text-indent: 40px;
}

/* --------------------------
 * -                           -
 * -           Header          -
 * -                           -
 * -------------------------- */
/* --------------------------
 * -                           -
 * -       variables           -
 * -                           -
 * -------------------------- */
/* --------------------------
 * -                           -
 * -           Menu            -
 * -                           -
 * -------------------------- */
/* line 16, ../sass/partial/_menu_gallery.sass */
nav {
  width: 100%;
  height: 50px;
  background: url("../banner/small.png") no-repeat bottom right black;
  background: url("../banner/full_NB0000.png") no-repeat bottom right white;
  background: -ms-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -ms-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -webkit-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -webkit-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -o-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -o-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -moz-linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -moz-linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  background: -linear-gradient(left, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.7), #0f0f0f, #0f0f0f, rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)), -linear-gradient(bottom, #0f0f0f, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.7), rgba(15, 15, 15, 0)) no-repeat top fixed, url("../banner/full_NB0000.png") top right black fixed;
  color: #0f0f0f;
  margin: 0;
  margin-top: -10px;
  padding: 0;
  position: fixed;
  font-size: 1.1em;
  float: center;
}

/* line 34, ../sass/partial/_menu_gallery.sass */
ul#menu {
  width: 80%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: fixed;
  background: #46505f;
  border: solid 1px #5a6473;
  padding-top: 2px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 6px;
  margin-bottom: 35px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
/* line 49, ../sass/partial/_menu_gallery.sass */
ul#menu li {
  float: left;
  margin: 0;
  padding: 0;
  /*border-right: 1px solid #555 /*--Divider for each parent level links-- */
}
/* line 55, ../sass/partial/_menu_gallery.sass */
ul#menu li a {
  padding: 10px 15px;
  display: block;
  color: #78afbe;
  text-decoration: none;
}
/* line 63, ../sass/partial/_menu_gallery.sass */
ul#menu li:hover {
  background: #2780c9;
  -moz-border-radius: 5px 20px 4px 14px;
  -webkit-border-radius: 5px 20px 4px 14px;
  -o-border-radius: 5px 20px 4px 14px;
  -ms-border-radius: 5px 20px 4px 14px;
  -khtml-border-radius: 5px 20px 4px 14px;
  border-radius: 5px 20px 4px 14px;
}
/* line 66, ../sass/partial/_menu_gallery.sass */
ul#menu li:hover a {
  color: #fffafa;
  /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav-- */
}
/* line 69, ../sass/partial/_menu_gallery.sass */
ul#menu li:hover span {
  display: block;
}
/* line 72, ../sass/partial/_menu_gallery.sass */
ul#menu li span {
  float: left;
  padding: 10px 0;
  position: absolute;
  left: 0;
  top: 33px;
  display: none;
  width: 100%;
  background: #2780c9;
  color: #fffafa;
  font-size: 80%;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 84, ../sass/partial/_menu_gallery.sass */
ul#menu li span a {
  display: inline;
}
/* line 86, ../sass/partial/_menu_gallery.sass */
ul#menu li span a:hover {
  text-decoration: underline;
}
/* line 89, ../sass/partial/_menu_gallery.sass */
ul#menu li#accueil {
  /*font-size: 140%; */
  background: #78afbe;
  -moz-border-radius: 25px 5px 25px 0px;
  -webkit-border-radius: 25px 5px 25px 0px;
  -o-border-radius: 25px 5px 25px 0px;
  -ms-border-radius: 25px 5px 25px 0px;
  -khtml-border-radius: 25px 5px 25px 0px;
  border-radius: 25px 5px 25px 0px;
  margin-right: 4%;
  margin-left: 4%;
}
/* line 95, ../sass/partial/_menu_gallery.sass */
ul#menu li#accueil a {
  color: #5a6473;
}
/* line 97, ../sass/partial/_menu_gallery.sass */
ul#menu li#accueil:hover {
  background: #2780c9;
}
/* line 99, ../sass/partial/_menu_gallery.sass */
ul#menu li#accueil:hover a {
  color: #fffafa;
}
/* line 103, ../sass/partial/_menu_gallery.sass */
ul#menu li#lang {
  /*font-size:140%; */
  float: right;
  background: #46505f;
  -moz-border-radius: 5px 25px 5px 25px;
  -webkit-border-radius: 5px 25px 5px 25px;
  -o-border-radius: 5px 25px 5px 25px;
  -ms-border-radius: 5px 25px 5px 25px;
  -khtml-border-radius: 5px 25px 5px 25px;
  border-radius: 5px 25px 5px 25px;
  margin-right: 4%;
  margin-left: 4%;
}
/* line 110, ../sass/partial/_menu_gallery.sass */
ul#menu li#lang a {
  color: #78afbe;
}
/* line 112, ../sass/partial/_menu_gallery.sass */
ul#menu li#lang:hover {
  background: #2780c9;
}
/* line 114, ../sass/partial/_menu_gallery.sass */
ul#menu li#lang:hover a {
  color: #fffafa;
}

/* --------------------------
 * -                           -
 * -           Footer          -
 * -                           -
 * -------------------------- */
/* line 1, ../sass/partial/_footer_gallery.sass */
#pied {
  height: 50px;
  position: fixed;
  bottom: 0px;
  width: 80%;
  min-width: 700px;
  background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(60%, #0f0f0f), color-stop(80%, rgba(15, 15, 15, 0.7)), color-stop(100%, rgba(15, 15, 15, 0)));
  background-image: -moz-linear-gradient(bottom, #0f0f0f 60%, rgba(15, 15, 15, 0.7) 80%, rgba(15, 15, 15, 0) 100%);
  background-image: linear-gradient(bottom, #0f0f0f 60%, rgba(15, 15, 15, 0.7) 80%, rgba(15, 15, 15, 0) 100%);
  /* --- Pour les liens --- */
}
/* line 9, ../sass/partial/_footer_gallery.sass */
#pied #box {
  min-height: 20px;
  margin: 0;
  padding: 2px;
  padding-top: 5px;
  background: #46505f;
  color: white;
  border: solid 1px #5a6473;
  text-align: right;
  font-size: 90%;
  position: fixed;
  bottom: 4px;
  left: 10%;
  right: 10%;
  -moz-border-radius: 5px 5px 15px 15px;
  -webkit-border-radius: 5px 5px 15px 15px;
  -o-border-radius: 5px 5px 15px 15px;
  -ms-border-radius: 5px 5px 15px 15px;
  -khtml-border-radius: 5px 5px 15px 15px;
  border-radius: 5px 5px 15px 15px;
}
/* line 26, ../sass/partial/_footer_gallery.sass */
#pied a {
  color: #fffafa;
}
/* line 28, ../sass/partial/_footer_gallery.sass */
#pied a:hover {
  color: #78afbe;
  font-style: normal;
}
/* line 31, ../sass/partial/_footer_gallery.sass */
#pied a:visited {
  color: #5a6473;
}

/* line 34, ../sass/partial/_footer_gallery.sass */
.nav {
  width: 5%;
  text-align: left;
  float: left;
}

/* --------------------------
 * -                           -
 * -           Corps           -
 * -                           -
 * -------------------------- */
/* line 80, ../sass/gallerie.sass */
#corps {
  width: 80%;
  min-width: 700px;
  padding-bottom: 80px;
  padding-top: 30px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 40px;
  margin-top: 10px;
}
/* line 88, ../sass/gallerie.sass */
#corps p {
  padding: 0;
  margin: 0;
  color: #2780c9;
  font-size: 1em;
  text-align: justify;
}
/* line 95, ../sass/gallerie.sass */
#corps p:first-letter {
  font-size: 102%;
}
/* line 98, ../sass/gallerie.sass */
#corps h1, #corps h1 a {
  color: #78afbe;
  font-size: 3em;
  font-family: "Arial Black", "Arial";
}
/* line 103, ../sass/gallerie.sass */
#corps h2, #corps h2 a {
  color: #78afbe;
  font-size: 2em;
  font-family: "Comic Sans MS";
  font-style: italic;
  margin-left: 10px;
}
/* line 110, ../sass/gallerie.sass */
#corps h3, #corps h3 a {
  color: #fffafa;
  font-size: 105%;
  font-family: "Arial Black", "Courrier New";
  font-variant: small-caps;
  text-decoration: underline;
}
/* line 117, ../sass/gallerie.sass */
#corps h4, #corps h4 a {
  color: #788287;
  font-size: 100%;
  font-family: "Arial Black", "Courrier New";
}

/* --- Pour la gallerie --- */
/* line 128, ../sass/gallerie.sass */
ul#thumbs li {
  position: relative;
  float: left;
  width: 133px;
  height: 100px;
  padding: 10px;
  list-style: none;
  /*permet de créer deux lignes */
  /*ul#thumbs li:nth-child(5n){clear:left;} /* ici 3 éléments par lignes */
}
/* line 140, ../sass/gallerie.sass */
ul#thumbs li a {
  display: block;
  overflow: hidden;
  margin-top: 0px;
  margin-left: 0px;
  border: 0px solid rgba(200, 205, 215, 0.7);
  transition-property: width, height, margin, z-index, border;
  transition-duration: 0.4s;
  color: #b47373;
}
/* line 152, ../sass/gallerie.sass */
ul#thumbs li a#notitle:hover {
  width: 400px;
  height: 300px;
}
/* line 156, ../sass/gallerie.sass */
ul#thumbs li a strong {
  position: absolute;
  bottom: -30px;
  opacity: 0;
}
/* line 161, ../sass/gallerie.sass */
ul#thumbs li a img {
  position: absolute;
  width: 133px;
  height: 100px;
  z-index: 20;
  transition-property: width, height, z-index;
  transition-duration: 0.4s;
}
/* line 169, ../sass/gallerie.sass */
ul#thumbs li a:hover {
  position: absolute;
  width: 400px;
  height: 325px;
  margin-top: -85px;
  margin-left: -106px;
  z-index: 100;
  border: 6px solid rgba(200, 205, 215, 0);
}
/* line 178, ../sass/gallerie.sass */
ul#thumbs li a:hover strong {
  opacity: 1;
  bottom: 0px;
  /*  transition:bottom 0.3s ease 0.4s; */
  left: 0px;
  height: 17px;
  width: 400px;
  padding: 5px;
  background: rgba(200, 205, 215, 0.7);
  color: #052665;
  margin-top: -30px;
  z-index: 150;
}
/* line 191, ../sass/gallerie.sass */
ul#thumbs li a:hover img {
  width: 400px;
  height: 300px;
  z-index: 100;
}
/* line 196, ../sass/gallerie.sass */
ul#thumbs li#portrait {
  width: 100px;
  height: 133px;
  padding: 10px;
  list-style: none;
}
/* line 203, ../sass/gallerie.sass */
ul#thumbs li#portrait a img {
  width: 100px;
  height: 133px;
  z-index: 20;
}
/* line 208, ../sass/gallerie.sass */
ul#thumbs li#portrait a:hover {
  margin-top: -115px;
  margin-left: -80px;
  width: 300px;
  height: 425px;
}
/* line 214, ../sass/gallerie.sass */
ul#thumbs li#portrait a:hover strong {
  width: 300px;
}
/* line 217, ../sass/gallerie.sass */
ul#thumbs li#portrait a:hover img {
  width: 300px;
  height: 400px;
}
/* line 222, ../sass/gallerie.sass */
ul#thumbs li#portrait a#notitle:hover {
  width: 300px;
  height: 400px;
}