/* compiled by scssphp v0.1.7 on Wed, 15 May 2024 14:11:16 +0200 (0,0154s) */

@font-face {
  font-family: 'NeutraTextBook';
  src: url('../fonts/neutratext-book.eot');
  src: url('../fonts/neutratext-book.eot') format('embedded-opentype'), url('../fonts/neutratext-book.woff') format('woff'), url('../fonts/neutratext-book.ttf') format('truetype'), url('../fonts/neutratext-book.svg#NeutraTextBook') format('svg'); }

#content .simple-menu {
  background-image: url(../img/toggle-menu_light.png); }

html, body {
  width: 100%; }

html {
  display: table; }

body {
  display: table-cell;
  vertical-align: middle;
  padding: 20px; }

#main {
  width: 1240px;
  min-width: 764px;
  height: 800px;
  margin: auto;
  margin: auto;
  display: table;
  border-radius: 10px; }

.backstretch {
  border-radius: 10px; }

#content, #menu, #header, #view, #img-footer {
  display: table-row; }

#header .logo {
  display: block;
  height: 42px;
  font-weight: bold;
  margin-left: 10px;
  line-height: 42px;
  font-size: 26px;
  text-transform: uppercase; }
  #header .logo a {
    display: block;
    width: 401px;
    height: 42px; }
  #header span.prenom {
    color: #404040; }

#navig {
  width: 1240px;
  height: 24px;
  clear: both;
  width: 100%; }
  #navig ul li {
    line-height: 24px; }
    #navig ul li a {
      width: 155px; }
      #navig ul li a.current {
        width: 155px; }
    #navig ul li.hidden-menu {
      display: none;
      /* Menu caché sauf pour la version iPad en portrait */ }

#content {
  margin: 0;
  padding: 0; }
  #content #simple-menu {
    display: none; }
  #content #menu {
    width: 230px;
    float: left;
    margin-top: 6px;
    zoom: 1;
    vertical-align: top;
    padding: 0 !important;
    height: 1px; }
  #content #menu #sidr a {
    display: block; }
    #content #menu #sidr ul {
      width: 220px;
      margin-left: 10px;
      padding: 0; }
      #content #menu #sidr ul li {
        width: 100%;
        list-style: none;
        padding-right: 20px; }
        #content #menu #sidr ul li a {
          width: 100%;
          line-height: 20px;
          display: block;
          color: #939393;
          text-decoration: none; }
          #content #menu #sidr ul li a:hover, #content #menu #sidr ul li a.current {
            color: #3f3f3f; }
  #content #view {
    position: relative;
    float: right;
    zoom: 1;
    text-align: center;
    display: block;
    background-color: #f6f6f6; }
  #content #view .photo {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in; }

.sidr_close {
  display: none !important; }

#img-footer {
  height: 30px; }

.thumbs {
  margin-left: 230px;
  padding: 0px; }
/*
 // les hauteurs auto
 @media screen and (min-height: 0px){
 #main{
 height: 600px;
 }
 }
 @media screen and (min-height: 750px){
 #main{
 height: 710px;
 }
 }
 @media screen and (min-height: 790px){
 #main{
 height: 750px;
 }
 }
 @media screen and (min-height: 800px){
 #main{
 height: 768px;
 }
 }
 // les largeurs auto
 @media screen and (min-width: 0px){
 #main,#navig{
 width: 800px;
 }
 #navig{
 ul li{
 //width: 100px;
 a{
 font-size: $txt_size;
 height: 22px;
 }
 }
 }
 #content{
 margin-top: -20px !important;
 padding: 0 !important;
 height: 100%;
 #menu{
 margin-top: 2px;
 }
 }
 #img-footer{
 p{
 margin-left: 16px;
 }
 // .number{
 // 	// vertical-align: middle;
 // 	input{
 // 		height: 16px;
 // 	}
 // }
 }
 }
 @media screen and (min-width: 970px){
 #main,#navig{
 //width: 930px;
 }
 #navig{
 ul li{
 //width: 111px;
 a{
 font-size: $txt_size;
 height: 22px;
 }
 }
 }
 #content{
 margin-top: -20px !important;
 padding: 0 !important;
 height: 100%;
 #menu{
 margin-top: 2px;
 }
 }
 #img-footer{
 p{
 margin-left: 16px;
 }
 // .number{
 // 	// vertical-align: middle;
 // 	input{
 // 		height: 16px;
 // 	}
 // }
 }
 }
 @media screen and (min-width: 1030px){
 #main,#navig{
 //width: 990px;
 }
 #navig{
 ul li{
 //width: 123px;
 a{
 font-size: $txt_size;
 height: 22px;
 }
 }
 }
 #content{
 margin-top: -20px !important;
 padding: 0 !important;
 height: 100%;
 #menu{
 margin-top: 2px;
 }
 }
 #img-footer{
 p{
 margin-left: 16px;
 }
 // .number{
 // 	// vertical-align: middle;
 // 	input{
 // 		height: 16px;
 // 	}
 // }
 }
 }
 @media screen and (min-width: 1054px){
 #main,#navig{
 width: 1024px;
 }
 #navig{
 ul li{
 //width: 128px;
 }
 }
 #content{
 margin-top: -20px !important;
 padding: 0 !important;
 #menu{
 margin-top: 6px;
 }
 }
 #img-footer{
 margin-top: 10px;
 p{
 margin-left: 16px;
 }
 }
 }
 */