@charset "UTF-8";
/* Helpers availables in LMD module:
*
* + constants
* + klasses
*
*
* Components availables in LMD module:
*
* + loader
* + signatures
* + panels
*
*
* Contains:
*
* + Reset & setup
* + Helpers
* + Components
* + Templates
*
*/
/* == Constants
*
* Contains:
*
* + Paths
* + Margins
* + Fonts
* + Colors
*
*
*/
/*
*
*/
.project-container {
background: white;
font-size: 16px;
min-height: 1000px;
position: relative;
width: 100%; }
.project-container a {
border-bottom: 1px dotted #747B83; }
.project-container img {
border: 0 none; }
.project-container footer {
position: relative; }
.project-container q, .project-container blockquote {
font-style: italic; }
.project-container q .interlude, .project-container blockquote .interlude {
font-style: normal; }
.project-container q:before, .project-container q:after, .project-container blockquote:before, .project-container blockquote:after {
content: none; }
.project-container blockquote {
margin: 0; }
/* = Functions & mixins
*
* Contains:
*
* + pixels conversions
* + mediaqueries
*
*
*/
/* = mediaqueries
*
* + width
* + height
*
*
*/
/* = Helpers classes
*
* Contains:
*
* + .ir image replacement
* + .hidden hide from both screenreaders and browsers: h5bp.com/u
* + .visuallyhidden hide only visually, but have it available for screenreaders: h5bp.com/v
* + .invisible hide visually and from screenreaders, but maintain layout
* + .clearfix
*
*
*/
.ir, .project-container .button.menu-opening, .project-container button.menu-opening {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px; }
.ir:before, .project-container .button.menu-opening:before, .project-container button.menu-opening:before {
content: "";
display: block;
height: 150%;
width: 0; }
.hidden, .project-container .marginalia__drawer, .iphone header.main video, .iphone header.main iframe {
display: none !important;
visibility: hidden !important; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
.clearfix, .signatures {
*zoom: 1; }
.clearfix:before, .signatures:before, .clearfix:after, .signatures:after {
content: " ";
display: table; }
.clearfix:after, .signatures:after {
clear: both; }
/* = Helpers classes
*
* Contains:
*
* + .back-to-top button back to top
* + .related_to relation to another article
*
*
*/
/* == back to top
*
*
*
*
*/
.back-to-top {
background: black !important;
border: none !important;
display: block !important;
height: 93px;
position: relative;
width: 100%; }
.back-to-top:after {
content: url("../images/ui/buttons/back.jpg");
height: 44px;
left: 55px;
margin-top: -22px;
position: absolute;
top: 50%;
width: 239px; }
/* == related_to
*
*
* Lire l’interview :
* TEXT
*
*
*/
.related_to, .project-container .marginalia, .project-container .marginalia__drawer > .inner {
background-color: #F8F9FB;
border-left: 1px solid #E4E6E9;
padding: 8px 16px 6px; }
.pace .pace-progress {
background: white;
height: 2px;
left: 0;
position: fixed;
top: 35px;
z-index: 2000;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s; }
.pace-inactive {
display: none; }
.project-container .loading {
background: black;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 35px;
z-index: 1000; }
.project-container.loadstatus__loaded .loading {
display: none; }
.project-container.loadstatus__loaded .pace .pace-progress {
background: black; }
.animation-panels-container {
position: relative; }
.animation-panels-container img, .animation-panels-container video {
width: inherit; }
.animation-panels-container .animation-panels-item-fixed {
left: 0;
position: fixed !important;
right: 0; }
.animation-panels-container .animation-panels-item-relative {
position: relative !important; }
.animation-panels-container .animation-panels-item-static {
position: static !important; }
.animation-panels-container .animation-panels-item-static.animation-panels-item-relative {
position: relative !important; }
/* == Signatures
*
* + Global styles
* + Single author
* + Authors with photos
*
*
*
*
* Texte
Yves Eudes
*
*
* Texte
Yves Eudes
*
*