/* Gregory Scheffer, 2013 */


/*fonts*/
@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/gotham-light.eot');
    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#gotham_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/gotham-medium.eot');
    src: url('fonts/gotham-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium.woff') format('woff'),
         url('fonts/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham-medium.svg#gotham_mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-XLight';
    src: url('fonts/gotham-xlight.eot');
    src: url('fonts/gotham-xlight.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-xlight.woff') format('woff'),
         url('fonts/gotham-xlight.ttf') format('truetype'),
         url('fonts/gotham-xlight.svg#gotham_extra_lightextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-XLightItalic';
    src: url('fonts/gotham-xlightitalic.eot');
    src: url('fonts/gotham-xlightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-xlightitalic.woff') format('woff'),
         url('fonts/gotham-xlightitalic.ttf') format('truetype'),
         url('fonts/gotham-xlightitalic.svg#gotham_extra_lightXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*styles*/
a{
	text-decoration: none;
	color: black;
}

img{
	border: none;
}

html{
    height: 100%;
	width: 100%;
/*	min-height: 512px;*/
/*	min-width: 768px;
*/	
	padding:0;
	margin: 0;
	overflow:hidden;

}

body{
	background-color: white;
	width: 768px;
	height: 100%;
/*	height: 600px;
/*	left: 50%;
/*	margin-left: -384px;
/*	min-height: 576px;*/

	font-family: 'Gotham-Light', Arial, sans-serif;
	font-size: 15px;/*11pt;/*small;*/
	overflow: hidden;
	position: relative;
		
	top: 0px;
	bottom: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
	margin-top : 0;
	margin-bottom : 0;
	padding:0;
/*	border:3px solid yellow;*/
}

header{
	text-align: center;
}

aside {
	display:none;
}


/*id*/
#menu {
	text-align : center;
	list-style-type : none; /* Car sinon les puces se placent n'importe oł */
	font-family: 'Gotham-XLight', Arial, sans-serif;
	font-size: 12px;/*9pt; /*small;*/
	padding : 0px 0;
	margin : 50px auto auto 0;
	z-index: 5;
/*	position: relative;*/	
/*	border:3px solid yellow;*/
}

#menu li{
	display : inline;
/*	border : 1px solid;*/
	margin : 0 auto;
/*	padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}

#menu ul{
/*	border: 1px solid;*/
	margin : 0 auto;
/*	display : inline;*/
	text-align : center;
	padding : 0;
}

#bio{
	position: absolute;
	display : block;
	z-index: 2;
	width: 100%;/*576px*/
/*	height:100%;
/*	height: 500px;*/
	left: 0%;/*384px*/
	margin-left: 0%;/*288*/
	text-align: justify;
	padding: 0px;
	top: 100px;
	bottom: 10px;
	overflow:hidden; 
/*	display: none;
	border:2px solid blue;
/*	text-align: justify;
	position: absolute;
	width: 75%;
	left: 50%;
	
	margin-top : 0;
	margin-bottom:0;
	margin-left: -37.5%;
	padding: 0;
	bottom:0px;
	top: 100px;
*//*	bottom: 0px;*/
/*	overflow: hidden;*/
}	

#titre1{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 35px;/*26pt;/*xx-large;*/
	text-align: center;
	position:  relative;
	z-index: 4;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	background:white; 
}

#titre2{
	font-family: 'Gotham-Light', Arial, sans-serif;
	font-size: 26px;/*20pt;/*x-large;*/
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position:  relative;
	z-index: 5;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
/*	margin-bottom: 40px;*/
	background:white; 
}

#pad1 {
	display:block; 
	height:10px;
}

#pad2 {
	display:block; 
	height:110px;
}

#prez{
	width: 75%;
	left: 50%;
	margin-left: -37.5%;
	text-align: justify;
	padding: 0px;
	position:  absolute;
	display: block;
	z-index: 3;
	overflow: hidden;
	bottom:0px;
	top: 100px;/*/
/*	bottom: 0px;*/
/*border: 1px solid green;/*
	font-size: 15px;/*10pt;/*small;*/
/*	margin : 0 auto auto 0;*/
}

#prez img{
/*	width: 576px;
	height: 236px;*/
	width: 100%;
	display: inline;
	cursor: pointer;
}

#press{
	display:none;
	text-align: justify;
	position: absolute;
	width: 100%;
	left: 0%;
/*	border: 1px solid red;*/
	margin-top : 0;
	margin-bottom: 0;
	margin-left: 0%;
	bottom: 10px;
	top: 100px;
}
/*#pres {
  text-align: center;
  margin: 0 auto;
	display: none;
	overflow:auto;
	height:600px;
}
*/
#gcol{
	position: absolute;
	width: 75%;
	left: 50%;
	margin-left: -37.5%;
	text-align: justify;
	bottom: 0px;
	top: 0px;
	font-size: 15px;/*10pt;/*small;*/
	
}

#ctc{
	font-family: 'Gotham-Light', Arial, sans-serif;
	font-size: 16px;/*12pt;/*small;*/
	text-align: center;
	margin : 90px auto;
	display: none;
}

#gvid{
	width: 480px;
	height: 270px;
	padding: 0;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
	display: none;
}

#gvid43{
	width: 360px;
	height: 270px;
	padding: 0;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
	display: none;
}

#gvidt{
	font-size: 16px;/*12pt;/*small;*/
	width: 100%;/*480px;*/
	text-align: left;
	margin-top: 17px;	
}

#gauthor{
	font-size: 14px;/*12pt;/*small;*/
	margin-top: 2px;
}

#gvidt43{
	font-size: 16px;/*12pt;/*small;*/
	width: 100%;/*480px;*/
	text-align: left;
	margin-top: 17px;	
}

#gauthor43{
	font-size: 14px;/*12pt;/*small;*/
	margin-top: 2px;
}


/*class*/
.hidpic{
	display: none;
}

/*.wrap{
	position: absolute;
	width: 100%;
	text-align: justify;
	padding: 0px;
	bottom: 10px;
	top: 100px;
	border: solid green 1px;
}*/

.wrap2{
	position: absolute;
	width: 100%;
	text-align: justify;
	padding: 0px;
	bottom: 10px;
	top: 0px;
/*	border: solid green 1px;*/
}

.wrap{
	position: absolute;
	width: 100%;
	text-align: justify;
	padding: 0px;
	bottom: 10px;
	top: 0px;
/*	border: solid green 1px;*/
}

/*class menu*/
.menuoff{
	font-family: 'Gotham-XLight', Arial, sans-serif;
	font-size: 12px;/*10pt;*/
	cursor: pointer;
}

.menuon{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 13px;/*10pt;*/
	cursor: default;
}

.invmenuon{
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	color: white;
}

.menuonvid{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 13px;/*10pt;*/
	cursor: pointer;
}

/*class fonts*/
.gbold{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 15px;/*10pt;*/
}

.gboldk{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 15px;/*10pt;*/
	cursor: pointer;
}

.gwhite{
	color: white;
}

.git{
	font-family: 'Gotham-XLightItalic', Arial, sans-serif;
}

.gcrita{
	font-family: 'Gotham-XLightItalic', Arial, sans-serif;
}

.gcriti{
}

.gcritit{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 18px;/*10pt;*/
}

.gtv{
	font-family: 'Gotham-Medium', Arial, sans-serif;
	font-size: 15px;/*10pt;*/
	color: red;
}

.gmag{
	font-size: 13px;/*12pt;/*small;*/
}

/*class line*/
.gline{
	margin-top : 50px;
	border-bottom: solid 1px black;
	margin-bottom : 50px;
}

.gline  span{
    margin-bottom : 2px;
    display: block;
    border-bottom: 2px solid black;
}

/*class video*/
.left{
	position:absolute;
	width:5px;
	height:100%;
	left:-3px;
	z-index:10;
	background:white;
}

.right{
	position:absolute;
	width:5px;
	height:100%;
	right:-3px;
	z-index:10;
	background:white;
}

.up{
	position:absolute;
	width:100%;
	height:5px;
	top:-3px;
	z-index:10;
	background:white;
}

.down{
	position:absolute;
	width:100%;
	height:5px;
	bottom:-3px;
	z-index:10;
	background:white;
}

/*class thumb*/
.thumbwrap{
	position: absolute;
	width: 80%;
	left: 50%;
	margin-left: -37.5%;
/*	border:red solid 1px;*/
	padding: 0;
/*	width:768px;*/
	margin-top: 0px;
/*	margin-left: auto ;
	margin-right: auto ;*/
	bottom: 10px;
	top: 80px;
	display: none;
}

.thumb{
	padding: 0;
	width:600px;
	margin-top: 0px;
	margin-left: auto ;
	margin-right: auto ;
}

.thumbtitle {
	margin-left: 0px;
}

.thumb-table{
	margin: 0 auto;
	width: 110%;
	padding: 0;
	border: 0px solid black;
	text-align:center;
}

.thumb-table li {
	border: 0px solid black;
	display: block;
	float: left;
	margin:0px;
	padding:10px;
	text-align:center;
	width: 180px;
/*	height: 240px;*/
}

.thumb-table li img {
	width: 180px;
	height: 180px;
	border: 0;
	cursor: pointer;
}

.thumb-table .blank{
	cursor: default;
}

.thumb-table li[float="left"] + li {
	float:none;
}

.thumb-table div {
	margin-top: 5px;
	text-align: left;
	overflow: hidden;
}

/*class nano*/
.nano .content { 
	padding: 20px;
}

.nano .pane {
	background: grey;
	width: 8px;
	right: 1px;
  margin: 5px;
}

.nano .slider {
	background: black;
}

/*class columns*/
/*Initial definitions for base column.
   Define the (minimum) width here, and optionally a padding */   
.columnized div {
	float: left;
	padding: 10px;          /* You may use a padding... but thanks to IE you can only use pixels! */
	position: relative;     /* Needed when using a 'read-on'-text */
	text-align: justify;
	text-align-last: justify;
	margin: 0;              /* Don't use a margin! */
	/*width: 0000px;        /* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
}

.columnized div p {
	margin: 0;
	padding: 0;
	text-align: justify;
	text-align-last: justify;
}

.columnized div p:after {
	content: "";
	display: inline-block;
	width: 100%;
}