@charset "UTF-8";
/* utilities and variables */
/* espace qui va définir les gutters, les espaces après les titres, etc */
/* bloc servant à espacer des éléments (par exemples entre 2 chapitres, etc) */
/* main elements */
/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/
/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block; }

a img {
  border: 0; }

body {
  font: 12px/24px Georgia, serif; }

.small, small {
  font-size: 13px;
  line-height: 18px; }

/* Selection colours (easy to forget) */
::selection {
  background: #a0c1df;
  color: black; }

::-moz-selection {
  background: #a0c1df;
  color: black; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: #ffff9e; }

.clear {
  background: none;
  border: 0 !important;
  clear: both !important;
  display: block;
  float: none !important;
  font-size: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important; }

li {
  list-style-type: none; }

@font-face {
  font-family: 'HelveticaNeueBold';
  src: url("fonts/HelveticaNeueBold.eot");
  src: url("fonts/HelveticaNeueBold.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueBold.woff") format("woff"), url("fonts/HelveticaNeueBold-Light.ttf") format("truetype"), url("fonts/HelveticaNeueBold.svg#HelveticaNeueBold-Bold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* specific elements */
.btn {
  cursor: pointer;
  border: solid black 2px;
  background-color: #e3e3e3;
  border-radius: 50%;
  width: 32px;
  height: 32px; }
  .btn div {
    background-color: black;
    margin: auto;
    position: absolute;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

#i_btn {
  position: absolute; }
  #i_btn #i_1 {
    opacity: 1;
    margin-top: 7px;
    margin-left: 15px;
    width: 2px;
    height: 2.5px;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out; }
  #i_btn #i_2 {
    margin-top: 13px;
    margin-left: 15px;
    width: 2px;
    height: 11px; }
  #i_btn #i_3, #i_btn #i_4 {
    opacity: 0;
    background-color: black;
    margin-top: 8px;
    margin-left: 15px;
    width: 2px;
    height: 16px; }

#i_btn.active #i_1 {
  opacity: 0;
  -webkit-transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -o-transition: .1s ease-out;
  transition: .1s ease-out; }
#i_btn.active #i_2 {
  -webkit-transition: .1s linear;
  -moz-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
  opacity: 0; }
#i_btn.active #i_3, #i_btn.active #i_4 {
  opacity: 1;
  margin-top: 6px;
  height: 20px; }
#i_btn.active #i_3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
#i_btn.active #i_4 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#burger_btn {
  border: none;
  border-radius: 0;
  height: 32px !important; }
  #burger_btn div {
    height: 32px; }
  #burger_btn #b_1, #burger_btn #b_2, #burger_btn #b_3 {
    -webkit-transition: .45s ease-out;
    -moz-transition: .45s ease-out;
    -o-transition: .45s ease-out;
    transition: .45s ease-out; }
  #burger_btn #b_1, #burger_btn #b_2, #burger_btn #b_3, #burger_btn #b_4, #burger_btn #b_5 {
    margin-left: 8px;
    width: 24px;
    height: 2px; }
  #burger_btn #b_1 {
    margin-top: 8px; }
  #burger_btn #b_2, #burger_btn #b_4, #burger_btn #b_5 {
    margin-top: 15px; }
  #burger_btn #b_3 {
    margin-top: 22px; }

@-webkit-keyframes spinning {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
#burger_btn.active #b_1, #burger_btn.active #b_2, #burger_btn.active #b_3 {
  margin-top: 15px;
  opacity: 0;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out; }
#burger_btn.active #b_4 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
#burger_btn.active #b_5 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
#burger_btn.active #b_4, #burger_btn.active #b_5 {
  width: 32px;
  margin-left: 4px;
  -webkit-transition: .45s ease-out;
  -moz-transition: .45s ease-out;
  -o-transition: .45s ease-out;
  transition: .45s ease-out; }

html {
  overflow-y: scroll; }

.mobile {
  display: none; }

body {
  margin: 0;
  font-family: Helvetica;
  font-stretch: normal;
  color: #282828;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2px;
  background-color: #e3e3e3;
  background-image: url("fond.jpg");
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal; }

.hidden {
  display: none; }

.bold {
  font-weight: normal; }

a, .btn {
  text-decoration: none;
  color: #282828;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  /* For some Androids */ }

.btn div {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  /* For some Androids */ }

.btn:active {
  background-color: #e3e3e3; }
  .btn:active div:active {
    background-color: #e3e3e3; }

a.link:hover {
  border-bottom: 2px solid #282828; }

p {
  margin-bottom: 20px; }

.margin_bottom {
  margin-bottom: 20px; }

#header {
  position: fixed;
  z-index: 4;
  height: 88px;
  top: 0px;
  margin-bottom: 32px;
  background-color: #e3e3e3;
  background-image: url("fond.jpg");
  border-bottom: solid white 1px;
  width: 100%; }
  #header div {
    z-index: 4;
    height: 88px; }
  #header div#i_btn {
    height: 32px; }
  #header #nav {
    float: right; }
  #header .big_1 {
    border-color: #e3e3e3; }

#site_container, #projects {
  width: 100%; }

#projects, #project_view, #page_view {
  margin-top: 88px; }

.anchor {
  display: block;
  position: absolute;
  margin-top: -80px;
  height: 0px;
  line-height: 0px; }

#project_view, #page_view {
  margin: auto;
  margin-top: 88px;
  width: 65.6640%; }
  #project_view a:hover, #page_view a:hover {
    border-bottom: 2px solid #282828; }
  #project_view img, #page_view img {
    width: 100%;
    display: block; }

#project_description {
  display: none;
  position: fixed;
  z-index: 2;
  bottom: 0px;
  border-top: solid white 1px;
  background-color: #e3e3e3;
  background-image: url("fond.jpg");
  padding-top: 32px;
  height: 123px;
  width: 100%; }
  #project_description #descr_content {
    margin: auto;
    width: 65.6640%; }
    #project_description #descr_content #descr_1, #project_description #descr_content #descr_2 {
      float: left;
      width: 42.5%; }
    #project_description #descr_content #descr_1 {
      margin-left: 6.66%;
      margin-right: 2%; }
    #project_description #descr_content #descr_2 {
      font-size: 13.5px;
      line-height: 18px; }

#back_btn img {
  width: 28px; }
#back_btn a.link:hover {
  text-decoration: none; }

.project_thumb {
  border-bottom: solid white 1px; }
  .project_thumb img {
    width: 100%;
    display: block;
    background-color: #e3e3e3;
    background-image: url("fond.jpg"); }

.thumb_link {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  background-color: #e3e3e3;
  background-image: url("fond.jpg"); }

#empty_thumb {
  border: none;
  background: transparent !important; }
  #empty_thumb img {
    background: transparent !important; }

#logo {
  margin-top: 33px;
  margin-left: 6.6%; }

.big_1, .big_2, .big_3 {
  margin: 0;
  width: 33.26%;
  height: 24.76138vw;
  border-right: solid white 1px;
  display: block;
  float: left;
  background-color: #e3e3e3;
  background: url("fond.jpg"); }
  .big_1 .content, .big_2 .content, .big_3 .content {
    margin-right: 6.66%;
    margin-left: 6.66%;
    margin-top: 2.2vw; }

.big_3 {
  border-right: none; }

.text h1 {
  text-decoration: underline; }

#close_btn, #menu_btn {
  cursor: pointer;
  position: absolute;
  right: 2.4%;
  top: 32px;
  width: 24px;
  display: none; }
  #close_btn img, #menu_btn img {
    width: 100%; }

#close_btn {
  display: none; }

#burger_btn {
  position: absolute;
  right: 2.1875%;
  top: 28px; }

#back_btn {
  position: absolute;
  top: 32px;
  left: 2.1875%; }

#close_description, #rond, #i_btn {
  position: fixed;
  cursor: pointer;
  z-index: 3;
  left: 2.1875%;
  bottom: 44px; }
  #close_description img, #rond img, #i_btn img {
    width: 32px; }

#i_btn {
  bottom: 30px;
  margin-left: -2px; }

#close_description, #rond {
  display: none; }

#coords_container {
  display: none;
  z-index: 2;
  position: fixed;
  margin-top: 89px;
  width: 100%; }
  #coords_container .big_1 {
    border-color: #e3e3e3; }
  #coords_container .big_2 {
    height: 100vh; }
  #coords_container .petit {
    font-size: 0.7em;
    line-height: 16.8px; }

#coords {
  display: none;
  z-index: 3;
  position: fixed;
  width: 33.2%;
  margin-left: 66.6%;
  top: 88px;
  top: 2.2vw;
  background-color: #e3e3e3;
  background-image: url("fond.jpg");
  height: 712px; }

#menu_pages, #menu_mobile {
  position: relative;
  z-index: 10; }
  #menu_pages a, #menu_mobile a {
    color: #8C8C8C; }
  #menu_pages a:hover, #menu_mobile a:hover {
    color: #282828; }
  #menu_pages a.selected, #menu_mobile a.selected {
    color: #282828; }

.infos {
  display: none;
  z-index: 2;
  position: absolute;
  top: 88px;
  width: 33.333%;
  background-color: transparent; }
  .infos p {
    margin-bottom: 0; }
  .infos .petit {
    font-size: 0.7em;
    line-height: 16.8px; }
  .infos a {
    color: #8C8C8C; }
  .infos a:hover {
    color: #282828; }
  .infos a.selected {
    color: #282828; }
  .infos div {
    position: relative;
    margin-left: 6.5625%;
    padding-right: 6.5625%;
    margin-top: 2.2vw;
    background-color: #e3e3e3;
    background-image: url("fond.jpg"); }
  .infos #tags_list {
    margin: 0;
    position: absolute;
    width: 60vw;
    background: transparent; }

#page_contact, #page_references, #page_portfolio {
  width: 66.6666%; }
  #page_contact div, #page_references div, #page_portfolio div {
    margin-left: 3.28125%;
    margin-right: 3.28125%; }
  #page_contact .col1, #page_contact .col2, #page_references .col1, #page_references .col2, #page_portfolio .col1, #page_portfolio .col2 {
    position: relative;
    margin: 0;
    padding: 0;
    float: left; }
  #page_contact .col1, #page_references .col1, #page_portfolio .col1 {
    width: 55%; }
  #page_contact .col2, #page_references .col2, #page_portfolio .col2 {
    width: 40%; }

#infos {
  z-index: 2;
  position: absolute;
  top: 88px;
  width: 33.33%;
  background-color: transparent;
  /*margin-top:$headerH;*/ }
  #infos div {
    position: relative;
    margin-left: 2.2vw;
    padding-right: 2.2vw;
    margin-top: 2.2vw;
    background-color: #e3e3e3;
    background-image: url("fond.jpg"); }

.project_hover {
  display: none;
  position: absolute;
  padding: 2.2%;
  padding-top: 2.2vw;
  padding-bottom: 2.2vw;
  width: 28.8%;
  background-color: #e3e3e3;
  background-image: url("fond.jpg"); }

.petit {
  font-size: 18px;
  line-height: 24px; }

.gris {
  color: #727272; }

#page_view h1 {
  margin-bottom: 20px; }

.col_1 {
  float: left;
  width: 476px; }

.col_2 {
  float: left; }

#lang_menu, #lang_menu_mobile {
  position: absolute; }
  #lang_menu li, #lang_menu_mobile li {
    display: inline-block; }

.project_line {
  border-bottom: solid white 1px;
  padding-right: 2.1527%;
  padding-left: 2.1527%;
  padding-top: 1.5vw;
  padding-bottom: 1.3vw; }
  .project_line p {
    margin: 0; }
  .project_line .project_line_1, .project_line .project_line_2 {
    float: left; }
  .project_line .project_line_1 {
    width: 32%;
    padding-right: 1.333%; }

#menu_mobile {
  display: none; }

.lang_menu a {
  color: #8C8C8C; }
.lang_menu a.selected {
  color: #282828; }

/* responsive */
@media only screen and (min-width: 527px) {
  #lang_menu_mobile {
    display: none; }

  #lang_menu {
    position: fixed;
    margin: 0;
    z-index: 4;
    margin-left: 2.66%; }

  #page_references {
    font-size: 0.7em; }
    #page_references p.petit {
      font-size: 1.428571em;
      line-height: 24px; } }
@media only screen and (min-width: 1801px) {
  body {
    font-size: 24px;
    line-height: 32px; }

  h1, h2, h3 {
    font-size: 24px;
    line-height: 32px; }

  #project_description {
    height: 160px;
    padding-top: 40px; }
    #project_description #descr_content #descr_2 {
      font-size: 18px;
      line-height: 24px; }

  #page_references {
    font-size: 0.7em; }
    #page_references p.petit {
      font-size: 24px;
      line-height: 32px; } }
@media only screen and (min-width: 960px) and (max-width: 1800) {
  body {
    margin: 0; }

  #header {
    width: 100%;
    left: 0; }
    #header #nav {
      margin-right: 8%; }

  #site_container, #projects {
    width: 100%; }

  #lang_menu_mobile {
    display: none; }

  .project_thumb {
    width: 33.33% img;
      width-width: 100%; }

  #project_view {
    width: 66.16847%; }
    #project_view img {
      max-width: 100%; }

  .col_1 {
    width: 32.33695%; }

  .col_2 {
    margin: 0;
    width: 65%; } }
@media only screen and (min-width: 527px) and (max-width: 959px) {
  body {
    font-size: 18px;
    line-height: 24px; }

  h1, h2, h3 {
    font-size: 18px;
    line-height: 24px; }

  #header {
    width: 100%;
    left: 0; }
    #header #nav {
      margin-right: 2.441406%; }

  #close_btn, #menu_btn, #burger_btn {
    right: 3.575%; }

  #back_btn, #close_description, #rond {
    left: 3.275%; }

  #rond, #close_description {
    bottom: 28px; }

  #site_container, #projects {
    width: 100%; }

  #lang_menu {
    display: block; }

  #lang_menu_mobile {
    display: none !important; }

  .project_thumb {
    width: 48.87063%;
    margin-right: 0px; }
    .project_thumb img {
      width: 100%; }

  .project_hover {
    width: 43.05%;
    padding: 3.275%;
    padding-top: 3.275vw;
    padding-bottom: 3.275vw; }

  .col_2 {
    width: 476px; }

  #project_view {
    width: 78.6132%; }
    #project_view img {
      max-width: 100%; }

  #project_description #descr_content {
    width: 78.6132%; }

  .col_1, .col_2 {
    width: 100%;
    margin: 0; }

  .big_1, .big_2, .big_3 {
    width: 49.7%;
    height: 37.00063vw; }
    .big_1 .content, .big_2 .content, .big_3 .content {
      margin-top: 37px;
      margin-top: 3.6132vw; }

  .medium_2 {
    border-right: none; }

  .medium_1 {
    border-right: solid white 1px; }

  #header .big_1 {
    display: none; }

  #page_contact, #page_portfolio, #page_references {
    width: 50%; }

  #coords_container .big_1 {
    display: none; }

  #infos {
    width: 49.5%; }
    #infos div {
      margin-top: 3.6132vw; }

  .infos {
    width: 46%; }
    .infos div {
      margin-top: 3.6132vw;
      margin-left: 3.6132vw; }
    .infos #tags_list {
      width: 45vw; }

  #page_contact .col1, #page_contact .col2 {
    width: 80%;
    clear: both; }

  #page_portfolio div, #page_contact div, #page_references div {
    margin-top: 3.6132vw;
    margin-left: 3.6132vw; }

  .project_line {
    width: 93.2094%;
    padding-right: 3.3953vw;
    padding-left: 3.3953vw;
    padding-top: 2.2vw;
    padding-bottom: 2.2vw; }
    .project_line .project_line_1, .project_line .project_line_2 {
      float: none;
      clear: both; } }
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 526px) {
  .mobile {
    display: block; }

  .desktop {
    display: none; }

  .no_mobile {
    display: none; }

  body {
    font-size: 18px;
    line-height: 24px; }

  h1, h2, h3, h4 {
    font-size: 18px;
    line-height: 24px; }

  .petit {
    font-size: 15px;
    line-height: 20px; }

  #site_container {
    width: 100%; }

  #header {
    width: 100%;
    left: 0;
    height: 72px;
    margin-bottom: 28px;
    border-bottom: solid white 1px; }
    #header .big_1, #header .big_2 {
      display: none; }
    #header div {
      height: 71px; }
    #header #nav {
      margin-right: 4.752851%; }

  #logo {
    margin-left: 6.55%;
    margin-top: 25px; }

  #projects {
    margin-top: 72px;
    width: 100%; }

  .project_thumb {
    margin: 0; }
    .project_thumb img {
      width: 100%; }

  .project_hover {
    width: 86.9%;
    padding: 6.55%;
    padding-top: 6.55vw;
    padding-bottom: 6.55vw; }

  .col_1, .col_2 {
    margin: 0;
    width: 100%; }

  #project_view {
    width: 100%; }
    #project_view img {
      width: 100%; }

  .big_1, .big_2, .big_3, .medium_1, .medium_2 {
    width: 100%;
    height: 74.44794vw;
    margin: 0; }

  #infos {
    width: 100%;
    position: relative;
    top: 0; }

  ul.petit li {
    line-height: 20px; }

  #coords_container {
    z-index: 3;
    position: relative;
    margin-top: 75px; }
    #coords_container .big_1, #coords_container .big_2 {
      display: none; }

  .big_1 .content, .big_2 .content, .big_3 .content {
    margin-top: 0; }

  #lang_menu {
    display: none;
    position: absolute;
    z-index: 333;
    top: -35px;
    margin: 0;
    left: 6.55%; }

  #close_description, #rond, #i_btn {
    position: fixed;
    z-index: 4;
    left: 50%;
    top: 20px; }
    #close_description img, #rond img, #i_btn img {
      width: 32px;
      display: inline-block;
      position: relative;
      margin-left: -16px; }

  #i_btn {
    position: absolute;
    margin-left: -18px; }

  #close_description {
    z-index: 5; }

  #back_btn {
    top: 24px;
    left: 7.5%; }

  #menu_btn, #close_btn {
    right: 7.5%;
    top: 24px; }

  #burger_btn {
    right: 7%;
    top: 22px; }

  #project_view {
    margin-top: 72px;
    width: 100%; }
    #project_view img {
      max-width: 100%; }

  #project_description {
    position: absolute;
    top: 72px;
    height: 100vh; }
    #project_description #descr_content {
      width: 100%; }
      #project_description #descr_content #descr_1, #project_description #descr_content #descr_2 {
        width: 86.65%;
        margin-left: 6.66%; }

  #page_contact .col1, #page_contact .col2 {
    width: 80%;
    clear: both; }

  .infos, #page_portfolio, #page_contact, #page_references {
    width: 100%; }
    .infos div, #page_portfolio div, #page_contact div, #page_references div {
      margin-left: 6.55vw;
      margin-right: 6.55vw;
      margin-top: 6.55vw; }
    .infos #tags_list, #page_portfolio #tags_list, #page_contact #tags_list, #page_references #tags_list {
      width: 92vw; }

  .infos {
    position: relative;
    top: 0; }

  #menu_mobile {
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 3.8vw;
    padding-top: 5.2vw;
    background-color: #e3e3e3;
    display: block;
    border-bottom: solid white 1px; }
    #menu_mobile div {
      margin-left: 6.55vw; }
    #menu_mobile a.page_link {
      display: inline-block;
      margin-bottom: 5px; }
    #menu_mobile .menu_mobile_1, #menu_mobile .menu_mobile_2 {
      float: left;
      margin: 0;
      width: 46.8%; }

  #menu_pages {
    display: none; }

  .project_line {
    width: 86.9%;
    padding-right: 6.55vw;
    padding-left: 6.55vw;
    padding-top: 4.6vw;
    padding-bottom: 4.3vw; }
    .project_line .project_line_1, .project_line .project_line_2 {
      width: 100%;
      float: none;
      clear: both; }

  #lang_menu_mobile {
    display: none;
    margin-top: 30px;
    margin-left: 7%; } }

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