#main_content{
.row-fluid{
margin:0px;
}

article{
.row-fluid{
margin:2.5%;
}
  
}
}

article{
margin-bottom:2em;
  background:rgba(255,255,255,0.3);
  padding:2.5% 0;
  h2, time, p.desc{
  margin-left:2.5%;
  margin-right:2.5%;}
  h2{
  margin-top:0px;
  }
  time{
  font-style:italic;
  }
}

.photo_artwork{
  width:98%;float:none;height:60%;
  margin:1em auto !important;
  text-align:center;
}


.quote{

h3{
text-align:left;
font-size:1.2em !important;
line-height:1.8em;
}

}

table.large_photo{
width:100%;

td{
  border:0px;
  padding:0px;
  }
.next-photo, .prev-photo{
vertical-align:middle;
cursor:pointer;
font-family:@font_title !important;
font-size:7em !important;
text-align:center !important;
width:80px;
color:rgba(82,82,82,1);




}
}

.photo_quotes{
margin-top:1em;
background:rgba(255, 255, 255, 0.3);

table{
width:100%;

td{
  border:0px;
  padding:0px;
  vertical-align:middle;
  }
.next-quote, .prev-quote{
line-height:10px;
cursor:pointer;
font-family:@font_title !important;
font-size:7em !important;

text-align:center !important;
width:80px;
color:rgba(82,82,82,1);




}
}

.quote{
background:transparent;
display:none;
cursor:pointer;

}


}

.sous-menu{
a{
display:inline-block;
margin-left:10px;
}

}

textarea{
font-family:@font_title !important;
padding:2em 1em 1.5em 1em;
font-size:1.2em;
line-height:2.4em;

}

input[type=text]{

padding:1em;
font-size:1.2em;

}

#artworks{
text-align:center;
}

.artwork{
  margin:1em 0 0.5em 0;
  cursor:pointer;
  h3{
  font-size:1.5em;
  margin:0px;
  padding-top:6px;
  margin-bottom:-10px;
  
  }
  em{
  padding:0px;
  
  }
  .frame{
    background:rgba(255,255,255,0.3);
    
    padding:0.5em;
    display:inline-block;
    .inner{
    
      border:1px solid rgba(233,229,226,1);

   
      margin:0px;
    

    
      .img{
      border:0px;
      padding:10px;
      padding-top:10px;
      text-align:center;
      
    
      img{
      
      max-height:100%;
      }
      }
  
      }

  }
  
}

.tag_label{
display:inline-block;
padding:5px 10px 4px 10px;

margin:3px;
color:rgba(29,53,77,1);

cursor:pointer;

&.active, &:hover{
color:rgba(220,230,250,1);
background:rgba(29,53,77,1);
}

}

.quote{
  h2{color: rgba(29,53,77,1);margin:0px;
    
  line-height:1.8em;
  
  }
  
  .author{
  text-align:right;
  font-style:italic;
  font-size:1.2em;
  }
  
  background:rgba(255,255,255,0.3);
  padding:1em 2em;
  margin-bottom:1em;
  
}

.photo{
  background:rgba(255,255,255,0.3);
  width:250px;
  height:270px;
  text-align:center;
  padding:0.5em;
  float:left;
  margin:0.5em;
  position:relative;

  
  h3{
  position:absolute;
  bottom:0.2em;
  right:1em;
  font-size:0.8em;
  }
}
h1 {
  color: (@main-color*30);
  font: 2.5em; 
  font-color:@font_title;
  font-weight:normal;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  margin: 0.8em 0 0.6em; 
  font-family:@font_title;
  }



h2 {

  font:1.8em ;
  letter-spacing: 0;
  margin: 1.3333em 0 0;
  padding: 0.3333em 0; 
  font-weight:normal;
  font-family:@font_title;
  }


h3 {
  color: (@main-color*30);
  font: 1.125em;
  font-family:@font_title;
  margin: 1em 0 0;
  border-top: 0 none;
  font-weight:normal;
   }

h4 {
  color: (@main-color*40);
  font: 1em;
  font-family:@font2;
  margin: 1.5em 0 0; }





p, pre, blockquote, ul, ol, dl, figure, figcaption, table, fieldset {
  font-size: 1em;
  line-height: 1.5;
  margin: 0.5em 0; }

hr {
  font: 2em ;
  font-color:@font2;
  text-align: center;
  margin: 1em 0 2em;
  border: 0;
  padding: 0;
  height: 0;
  clear: both;
  display: block;
  &::after {
    content: "···";
    color: (@main-color*150);
    letter-spacing: 1em;
    padding-left: 1em;
    height: 0; } }

pre {
  margin: 0.5em 0 0.5em 1.5em;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

blockquote {
  color: (@main-color*60);
  font: 1em;
  font-family:@font2;
  border-left: 4px solid (@main-color*235);
  margin: 1.0667em 0 1.6em;
  padding: 0 1.6em 0 1.334em; }

blockquote p {
  line-height: 1.6;
  margin: 0.5333em 0; }



ul li {

  margin-left: 1.5em; }

ul li ul li {
  list-style-type: circle; }

ol li {
  list-style-type: decimal;
  margin-left: 1.5em; }

li {
  ul li, ol li {
    margin: 0 0 0 1.5em; } }




a {
  color: #17b;
  &:hover, &:active {
    color: #39e;
    background-color: none;
    outline: none; }
  &:link, &:visited, &:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  &:active {
    color: #b41;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; } }

em {
  font: italic 1em @font1;
  a {
    font: italic 1em @font1 } }

i, var, samp, cite, cite a {}

strong, b {
  color: (@main-color*30);
  font: strong 1em @font2;
  font-weight:strong;
  
   }



small {
  font-size: 0.8125em;
  line-height: 1.2308;
  display: inline-block;
  opacity: 0.9; }

abbr {
  font-size: 0.875em;
  line-height: 90%;
  letter-spacing: 0.0357em;
  opacity: 0.9; }

h1 abbr, h2 abbr, h3 abbr, strong abbr {
  font-weight: 300;
  line-height: 10%;
  opacity: 1; }

abbr[title]:hover, dfn[title] {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  cursor: help; }


code {
  font: 0.875em "Monaco", "Courier New", Courier, monospace;
  color: #abd37f;
  &.comment {
    color: #888; } }

kbd {
  color: (@main-color*60);
  font: normal 300 0.875em @font2;
  background-color: #fcfcfc;
  margin: 0 0.25em;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 0.1429em 0.4286em; }

sub {
  font-size: smaller;
  line-height: 90%;
  vertical-align: sub; }

sup {
  font-size: smaller;
  line-height: 90%;
  vertical-align: super; }

mark {
  background-color: #fff9dd;
  line-height: 90%;
  padding: 0 0.125em; }

ins {
  background-color: #fff9dd;
  line-height: 90%;
  padding: 0 0.125em;
  background-color: #f0f0f0; }

del, s {
  line-height: 90%;
  text-decoration: line-through; }

table {
  color: (@main-color*50);
  font: 300 1em @font2;
  font-variant-numeric: lining-nums tabular-nums;
  margin: 1.1429em 0;
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  color: (@main-color*60);
  font: 300 1em @font2;
  caption-side: bottom;
  padding: 1.1429em 0 0.5714em; }

td {
  text-align: left;
  border-bottom: 1px solid #eee;
  padding: 0.2667em 1.0667em 0.2em 0;
vertical-align: top;
 }

th {
  text-align: left;
  border-bottom: 1px solid #eee;
  padding: 0.2667em 1.0667em 0.2em 0;
  color: (@main-color*60);
  font: 600 1em @font2;
  border-bottom-color: #ccc; }






ol {
  &.code {
    color: (@main-color*90);
    font: 0.875em Menlo, Monaco, "Courier New", Courier, monospace;
    margin: 1.1429em 0 1.1429em 2.8571em; }
  &.code li {
    list-style: decimal-leading-zero;
    background: #f0f0f0;
    margin: 0 0 -1px 0;
    border-top: 1px solid #fff;
    padding: 0 0.5em; }
  &.code li code {
    font-size: 1em; }
 }





table{
td{
border:1px solid black;
}
}


