/* General Style */
/**	font face	**/
@font-face {
font-family: 'JosefinSansStdLight';
src: url('../font/josefinsansstd-light-webfont.eot');
src: local('☺'), url('../font/josefinsansstd-light-webfont.woff') format('woff'), url('../font/josefinsansstd-light-webfont.ttf') format('truetype'), url('../font/josefinsansstd-light-webfont.svg#webfontugsqlauR') format('svg');
font-weight: normal;
font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 17, 2013 */

@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('../font/opensans-condlightitalic-webfont-webfont.eot');
    src:local('☺'),url('../font/opensans-condlightitalic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-condlightitalic-webfont-webfont.woff') format('woff'),
         url('../font/opensans-condlightitalic-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-condlightitalic-webfont-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../font/opensans-condlight-webfont-webfont.eot');
    src:local('☺'), url('../font/opensans-condlight-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-condlight-webfont-webfont.woff') format('woff'),
         url('../font/opensans-condlight-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-condlight-webfont-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../font/opensans-condbold-webfont-webfont.eot');
    src: url('../font/opensans-condbold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-condbold-webfont-webfont.woff') format('woff'),
         url('../font/opensans-condbold-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-condbold-webfont-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../font/PTN57F-webfont.eot');
    src:local('☺'), url('../font/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTN57F-webfont.woff') format('woff'),
         url('../font/PTN57F-webfont.ttf') format('truetype'),
         url('../font/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('../font/PTN77F-webfont.eot');
    src:local('☺'),  url('../font/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTN77F-webfont.woff') format('woff'),
         url('../font/PTN77F-webfont.ttf') format('truetype'),
         url('../font/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../font/PTS55F-webfont.eot');
    src: url('../font/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS55F-webfont.woff') format('woff'),
         url('../font/PTS55F-webfont.ttf') format('truetype'),
         url('../font/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansitalic';
    src: url('../font/PTS56F-webfont.eot');
    src:local('☺'),  url('../font/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS56F-webfont.woff') format('woff'),
         url('../font/PTS56F-webfont.ttf') format('truetype'),
         url('../font/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('../font/PTS75F-webfont.eot');
    src:local('☺'), url('../font/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS75F-webfont.woff') format('woff'),
         url('../font/PTS75F-webfont.ttf') format('truetype'),
         url('../font/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../font/PTS76F-webfont.eot');
    src:local('☺'),  url('../font/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTS76F-webfont.woff') format('woff'),
         url('../font/PTS76F-webfont.ttf') format('truetype'),
         url('../font/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('PTC55F-webfont.eot');
    src: url('PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTC55F-webfont.woff') format('woff'),
         url('PTC55F-webfont.ttf') format('truetype'),
         url('PTC55F-webfont.svg#pt_sans_captionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_sans_captionbold';
    src: url('../font/PTC75F-webfont.eot');
    src:local('☺'),  url('../font/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/PTC75F-webfont.woff') format('woff'),
         url('../font/PTC75F-webfont.ttf') format('truetype'),
         url('../font/PTC75F-webfont.svg#pt_sans_captionbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html{
height:1px;
min-height:100%;
}

html img.mb_bgimage{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	z-index:1;
	background-size:cover;
}
html img.mb_overlay{
	position:absolute;
	background:transparent url(../images/livre/pattern.png) ;
	background-repeat:repeat;
	background-position:left top;
	z-index:2;
}

body {
	font-family:'PT sans narrow','pt_sans_narrowregular';
	color: #fff;
	background: transparent;
	height:100%;
	min-height:8000px;
}

a {
	color: #eee;
	text-decoration: none;
}
	
h3 {	
	line-height:1.2;
	}

sup {	
	font-size:0.6rem;
	}

	
.extrait {
	display:block;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow:auto;
	}
	
iframe {
	border: 0px solid transparent;
	}

.note {	display:block;
	padding : 0 3rem;
	font-size:0.7rem;
	line-height:1.2rem;
	}


a:hover,
a:active {
	color: #white;
}

/* Header Style */
.main,
.container > header {
	margin: 0 auto;
	padding: 2rem;
}

.container > header {
	text-align: center;
	background: transparent;
	padding: 0;
}

.container > header h1 {
	font-size: 3.625rem;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
	text-shadow: 2px 2px 4px #555;
}
.container > header h2 {
	font-size: 2rem;
	font-style:italic;
	margin: 0;
	font-weight:normal;
	text-shadow: 0px 0px 0px #555;
}

.container > header h3 {
	font-size: 1.4rem;
	margin: 0;
	padding-top:0.5em;
	font-weight:normal;
	opacity:0.6;
	text-shadow: 0px 0px 0px #555;
}
.container > header span {
	display: block;
	font-size: 50%;
	opacity: 0.7;
	padding: 0 0 0.6rem 0.1rem;
}


/* Main Content */

.main {
max-width:90%;
}


button {
	border: none;
	padding: 0.6rem 1.2rem;
	background: transparent;
	color: #fff;
	font-family: 'pt_sans_narrowregular', open_saJosefinSansStdLight,nscondensed_light,'PT sans narrow', Calibri, Arial, sans-serif;
	font-size: 1rem;
	text-align:left;
	letter-spacing: 0px;
	text-transform: none;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	background: transparent;
}

.sidebar {
	display:block;
	margin-top:0;
	max-width: 15rem;
	padding:1rem;
	z-index:11;
}
.sidebar button{
	z-index:12;
	}

.sidebar p, .sidebar button {
	font-size:1.3rem;
}

.sidebar .credit-photo {
	color:#555;
	padding : 2em;
	font-size:0.8em;
	line-height:1em;
	text-shadow: 1px 1px 2px #222;
	}
	
.sidebar.credit-photo a {
	color:#999;
	}	
.sidebar .sidebar-video {
	width:80%;
	height:auto;
	}
	
.sidebar .sidebar-bg-video {
	opacity:0.8;
	}

.column {
	float: left;
	width: 50%;
	padding: 0 2rem;
	min-height:20rem;
	position: relative;
}

.column:nth-child(2) {
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
	font-weight: 100;
	font-size: 1.7rem;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

/* To Navigation Style */
.acor-top {
	background: transparent;
	text-transform: none;
	width: auto;
	font-size: 0.69rem;
	line-height: 2.2;
}

.acor-top a {
	padding: 0 1rem;
	letter-spacing: 0.1rem;
	display: inline-block;
}

.acor-top a:hover {
	color:#fff;
	background: transparent;
}

.acor-top span.right {
	float: right;
}

.acor-top span.right a {
	float: left;
	display: block;
}

.acor-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.acor-icon-drop:before {
	content: "\e001";
}

.acor-icon-prev:before {
	content: "\e004";
}