@charset "utf-8";
/* CSS Document */

body {
	padding:0;	
	margin:0;
}

#main-container {
	width:100%;
	position:relative;
	padding:0;	
	margin:0;
}

#header {
	height:250px;
	width:70%;
	position:relative;
	padding:0;
	margin:0 auto;
}

#title {
	bottom:0;
	right:0;
	margin-bottom:2%;
	width:50%;
	position:absolute;
}

#title a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family:'Gotham-Thin';
	font-size:17px;
}

#title a:hover {
	color:#885c3a;
	text-decoration:overline;
	text-decoration-style : dotted;
		
}

#title a.activelink {
	color:#885c3a;
}

#title td {
	text-align:right;
}

#title-noplasticbag {
	font-family:'Gotham-Thin';
	font-size:35px;
}

#title-name {
	font-family:'Gotham-Black';
	font-size:20px;
}

#content {
	position:relative;
	padding:0;
	margin:0 auto;
	width:70%;
}

.row-clear {
	clear:both;
}

.row-full {
	width:100%;
}

.column-left {
	float:left;
	width:50%;
}

.column-right {
	float:right;
	width:50%;
}

/* FONTS */
@font-face {
    font-family: 'Gotham-Thin'; /*a name to be used later*/
	src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Gotham-Thin.woff') format('woff'), 
	     url('../fonts/Gotham-Thin.otf')  format('truetype'),
	     url('../fonts/Gotham-Thin.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'Gotham-Black'; /*a name to be used later*/
	src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Gotham-Black.woff') format('woff'), 
	     url('../fonts/Gotham-Black.ttf')  format('truetype'),
	     url('../fonts/Gotham-Black.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'Gotham-Light'; /*a name to be used later*/
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Gotham-Light.woff') format('woff'), 
	     url('../fonts/Gotham-Light.ttf')  format('truetype'),
	     url('../fonts/Gotham-Light.svg#svgFontName') format('svg');
}

/* ----- EXPO ----- */

#row-expo{
	width:100%;
	position:relative;
	padding-top:3%;
}

#expo-r {
    position: relative;
    float: right;
    top: 0;
    right: 0;
    width: 48%;
	max-width:660px;
}

#expo-l {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 48%;
	max-width:660px;
}

#expo-ld {
    position: relative;
    float: left;
	padding-top:3%;
    top: 0;
    left: 0;
    width: 48%;
	max-width:660px;
}

#expo-full {
    position: relative;
    width: 100%;
	max-width:1500px;
}

/* ----- GALLERY ----- */

/* img */

#content-expo img {
  filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  filter: grayscale(100%);
  
  width:100%;
  height:auto;
  
  border-width: 1px;
  border-color: #e1e1e1;	
  border-style:solid;
}

#content img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#img1 {
	position:relative;
	float:left;
	top:0;
	left:0;
	width:38%;
	max-width:600px;
}

#img2 {
	position:relative;
	float:right;
	top:200px;
	right:0;
	width:55%;
	max-width:920px;
}

#img3 {
	position:relative;
	float:left;
	top:220px;
	bottom:auto;
	left:2%;
	width:38%;
	max-width:600px;
}

#img4 {
	position:relative;
	float:right;
	top:400px;
	right:-6%;
	width:36%;
	max-width:580px;
}

#img5 {
	position:relative;
	float:right;
	top:520px;
	right:3%;
	width:45%; /* 51% */
	max-width:790px;
}

#img6 {
	position:relative;
	float:left;
	top:800px;
	left:-5%;
	width:48%; /* 56% */
	max-width:860px;
}

#img7 {
	position:relative;
	float:right;
	top:780px;
	right:-4%;
	width:50%; /* 59% */
	max-width:900px;
}

#img8 {
	position:relative;
	float:left;
	top:820px;
	left:20%;
	width:60%; /* 118% */
	max-width:1800px;
}

/* comments */

.description-left {
	text-align:left;
}

.description-right {
	text-align:right;
}

.description {
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}

.comment1 {
	font-family:'Gotham-Thin';
	font-size:17px;
}

.comment2 {
	font-family:'Gotham-Black';
	font-size:15px;
}

.comment3 {
	font-family:'Gotham-Light';
	font-size:14px;
}

/* ----- BIO ----- */

#bio-header {
	padding-top:2%;
	width:100%;
	text-align:right;
}

#bio-img {
	width:45%;
	max-width:45%;
	height:auto;
}

#bio-columns {
	padding-top:2%;
	padding-bottom:2%;
	width:100%;
}

#bio-column-left-inner {
	padding-right:10%;
}

#bio-column-right-inner {
	padding-left:10%;
}

/* font */

#bio-columns p {
	font-family:'Gotham-Thin';
	font-size:15px;	
	text-align:justify;
	font-weight:600;
}

/* ----- PRESS ----- */

#press {
	width:100%;
	text-align:center;
}

#press img {
	border-width: 1px;
  	border-color: #D8D8D8;	
  	border-style:solid;
	max-width:100%;
	margin-bottom:2%;
	height:auto;
}

/* ----- PROJET ----- */

#projet img {
	max-width:100%;
	margin-bottom:5%;
	height:auto;
}

#projetimg1 {
    margin-top:45%;
}

/* ----- CONTACT ----- */

#contactimg {
	float:right;
	margin-right:0;
	margin-left:auto;
	margin-top:40%;
}

/* ----- DETAIL ----- */

#detail-header {
	width:100%;	
}

#detail-container {
	width:100%;	
}

#detail-container img {
	width:100%;
	max-width:100%;
	margin-top:2%;
}

#detail-back {
	float:left;
	margin-left:0;
	margin-right:auto;
	text-align:left;
	
	font-family:'Gotham-Light';
	font-size:15px;	
}

#detail-back a {
	text-decoration:none;
	color:#000000;
}

#detail-description {
	float:right;
	margin-right:0;
	margin-left:auto;
	text-align:right;
	margin-top:2%;
}