@font-face {
font-family: 'Linux libertine';
src: url('fonts/linlibertine_r-webfont.eot');
src: url('fonts/linlibertine_r-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/linlibertine_r-webfont.woff2') format('woff2'),
url('fonts/linlibertine_r-webfont.woff') format('woff'),
url('fonts/linlibertine_r-webfont.ttf') format('truetype'),
url('fonts/linlibertine_r-webfont.svg#linux_libertine_oregular') format('svg');
font-weight: normal;
font-style: normal;
}

.titreaccueil {
display: flex;
flex-direction: row;
justify-content: right;
font-family: "Linux libertine";
font-variant: small-caps; 
font-size: 1.5em;
color: black;
text-decoration: none;
margin-right: 5px;
margin-top: 105px;
margin-bottom: 5vh;
text-align: right;
}

.titreaccueil:hover {
color: lightsteelblue;
}

.texteaccueil1 {
float: left;
margin-top: 55px;
margin-left: 15px;
margin-right: 55px;	
font-family: "Linux libertine";
font-variant: small-caps;
font-size: 1em;
color: black;
text-decoration: none;
}

.imageaccueil1 {
float: left;
padding-top: 55px;
padding-left: 15px;
padding-right: 55px;
}

.videoaccueil2 {
float: left;
margin-left: 25px;
margin-right: 25px;
}

.imageaccueil2 {
float: left;
padding-top: 155px;
padding-left: 355px;
}

.imageaccueil3 {
float: left;
padding-top: 255px;
padding-left: 5px;
padding-right: 255px;
}

.texteaccueil4 {
float: left;
padding-top: 255px;
padding-left: 455px;
padding-right: 255px;
font-family: "Linux libertine";
font-size: 1em;
color: black;
text-decoration: none;
}

.texteaccueil5 {
float: left;
font-family: "Linux libertine";
font-size: 0.7em;
padding-top: 255px;
padding-bottom: 25px;
text-align: center;
}

.conteneurpresentation {
display: grid;
grid-template-columns: 1fr 450px 1fr;
}

.colonne1presentation {
display: grid;
grid-column: 1;
}

.colonne2presentation {
display:grid;	
grid-column: 2;
}

.colonne3presentation {
display:grid;	
grid-column: 3;
}

.textepresentation {
font-family: "Linux libertine";
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 10px;
line-height: 35px;
text-align: justify;
text-indent: 35px;
}

.premiereimagepresentation {
text-align: center;
margin-top: 85px;
margin-bottom: 60px;
}

.imagepresentation {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}

.lienpresentation {
font-family: "Linux libertine";
font-size: 1.1em;
margin-top: 50px;
margin-bottom: 50px;
line-height: 35px;
text-align: center;
}

.signaturepresentation {
font-family: "Linux libertine";
font-size: 1.1em;
margin-top: 50px;
margin-bottom: 75px;
line-height: 35px;
text-align: right;
}

.lienretourpresentation {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
text-align: left;
font-family: "Linux libertine";
font-size: 1em;
}

.conteneurtentativesdextrairelalumiere {
display: grid;
min-width: 100vh;
min-height: 100vh;
grid-template-columns: 1fr 965px 1fr;
}

.colonne1tentativesdextrairelalumiere {
display: grid;
grid-column: 1;
grid-row: 1;
}

.colonne2tentativesdextrairelalumiere {
display:grid;	
grid-column: 2;
grid-row: 1;
align-items: center;
justify-items: center;
}

.colonne3tentativesdextrairelalumiere {
display: grid;
grid-column: 3;
grid-row: 1;
}

.conteneurtentativesdextrairelalumiere2 {
display: grid;
grid-template-columns: 2fr 1fr;
}

.colonne1tentativesdextrairelalumiere2 {
display: grid;
grid-column: 1;
font-family: "Linux Libertine";
font-size: 1em;
text-align: left;
margin-left: 10px;
margin-top: 40px;
margin-bottom: 20px;
}

.colonne2tentativesdextrairelalumiere2 {
display: grid;
grid-column: 2;
}

.colonne3tentativesdextrairelalumiere2 {
display: grid;
grid-column: 3;
}

.conteneurtentativesdextrairelalumiere3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

.colonne1tentativesdextrairelalumiere3 {
display: grid;
grid-column: 1;
text-align: left;
margin-top: 10px;
margin-left: 10px;
display: inline-block;
}

.colonne2tentativesdextrairelalumiere3 {
display: grid;
grid-column: 2;
}

.colonne3tentativesdextrairelalumiere3 {
display: grid;
grid-column: 3;
text-align: right;
margin-right: 10px;
display: inline-block;
}

.texteportesouvertes {
font-family: "Linux Libertine";
font-size: 1.1em;
margin-left: 10px;
margin-right: 10px;
text-align: left;
}

.imageportesouvertes {
text-align: center;
}

.lienretourportesouvertes {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 10px;
text-align: left;
}

.conteneurprojets {
display: grid;
min-width: 95vw;
min-height: 95vh;
grid-template-columns: 1fr 3fr 1fr;
grid-template-rows: 24fr 1fr;
}

.colonne1 {
display: grid;
grid-row: 1;
grid-column: 1;
align-content: start;
justify-content: start;
align-items: start;
justify-items: start;
font-family: "Linux Libertine";
font-size: 1em;
margin-top: 25px;
margin-left: 10px;
margin-right: 10%;
text-align: left;
}

.colonne2 {
display:grid;
grid-row: 1;	
grid-column: 2;
align-items: center;
justify-items: center;
}

.colonne3 {
display:grid;
grid-row: 1;	
grid-column: 3;
}

.colonne4 {
display:grid;
grid-row: 2;
grid-column: 1;
margin-left: 10px;
text-align: left;
display: inline-block;
font-family: "Linux Libertine";
font-size: 1em;
}

.colonne5 {
display:grid;
grid-row: 2;
grid-column: 2;
}

.colonne6 {
display:grid;
grid-row: 2;
grid-column: 3;
margin-right: 10px;
text-align: right;
display: inline-block;
}

.liensprojets {
margin-top: 10px;
text-align: left;
}

.conteneurilluminerlescalier {
display: grid;
min-width: 100vh;
min-height: 100vh;
grid-template-columns: 1fr 850px 1fr;
grid-template-rows: 44fr 1fr;
}

.colonne1illuminerlescalier {
display: grid;
grid-row: 1;
grid-column: 1;
}

.colonne2illuminerlescalier {
display:grid;
grid-row: 1;	
grid-column: 2;
align-items: center;
justify-items: center;
}

.colonne3illuminerlescalier {
display:grid;
grid-row: 1;	
grid-column: 3;
}

.colonne4illuminerlescalier {
display:grid;
grid-row: 2;
grid-column: 1;
margin-left: 10px;
text-align: left;
display: inline-block;
font-family: "Linux Libertine";
font-size: 1em;
}

.colonne5illuminerlescalier {
display:grid;
grid-row: 2;
grid-column: 2;
}

.colonne6illuminerlescalier {
display:grid;
grid-row: 2;
grid-column: 3;
margin-right: 10px;
text-align: right;
display: inline-block;
}

.texteilluminerlescalier {
font-family: "Linux libertine";
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 10px;
line-height: 35px;
text-align: justify;
text-indent: 35px;
width: 450px;
}

.conteneurx {
display: grid;
min-width: 100vh;
min-height: 100vh;
grid-template-columns: 1fr 850px 1fr;
grid-template-rows: 44fr 1fr;
}

.colonne1x {
display: grid;
grid-row: 1;
grid-column: 1;
}

.colonne2x {
display:grid;
grid-row: 1;	
grid-column: 2;
align-items: center;
justify-items: center;
}

.colonne3x {
display:grid;
grid-row: 1;	
grid-column: 3;
}

.colonne4x {
display:grid;
grid-row: 2;
grid-column: 1;
margin-left: 10px;
text-align: left;
display: inline-block;
font-family: "Linux Libertine";
font-size: 1em;
}

.colonne5x {
display:grid;
grid-row: 2;
grid-column: 2;
}

.colonne6x {
display:grid;
grid-row: 2;
grid-column: 3;
margin-right: 10px;
text-align: right;
display: inline-block;
}

.textex {
font-family: "Linux libertine";
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 10px;
line-height: 35px;
text-align: justify;
text-indent: 35px;
width: 450px;
}

.img {
max-width: 100%;
height: auto;
}

.html {
font-size: 62.5%;
}