main {
     background: white;
     background-image: url('../images/fond.png');
     background-position: bottom 10%;
	 background-size: cover;
     background-repeat: repeat;
	 padding-bottom: 5%;
}
/* Cadre du haut */
 section img:first-of-type{
     display: block;
     margin-left: auto;
     margin-right:0px;
}
/* Cadre de type torticoli */
 img[src*="torticoli"]{
     height:10%;
}
/* Cadre de type boucle */
 img[src*="boucle"]{
     height:12%;
}
/* Titre de la section */
 h3{
     font-family: 'Nothing You Could Do', sans-serif;
     color: #008575;
     font-size: 30pt;
     display: block;
     text-align:right;
     top: -80px;
     right: 80px;
     text-transform : uppercase;
     position: relative;
}

/* Titre de la section Teaser */
section#teaser > h3{
	top: -140px;
}

/* Vidéo de la section capsules */
 #capsules iframe{
     margin: auto;
     display:block;
     width:436.2px;
     height:245.4px;
     border:1px solid #434343;
}
/* Grille contenant les capsules */
 .grid {
     margin-left:10%;
     margin-right:10%;
     margin-bottom:-2%;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
     grid-column-gap: 15%;
     grid-row-gap: 15%;
}
/* Placement des capsules dans la grille */
 .grid div:nth-of-type(1) {
     grid-area: 1 / 1 / 2 / 2;
}
 .grid div:nth-of-type(2) {
     grid-area: 1 / 2 / 2 / 3;
}
 .grid div:nth-of-type(3) {
     grid-area: 2 / 1 / 3 / 2;
}
 .grid div:nth-of-type(4) {
     grid-area: 2 / 2 / 3 / 3;
}
/* Sous-titres des capsules */
 #capsules h4{
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color:#434343;
     font-size: 20pt;
     display: block;
     text-align:center;
     padding-top: 1%;
}
/* Vidéo de la section teaser */
 #teaser iframe{
     margin: auto;
     display:block;
     width:872.4px;
     height:490.8px;
     margin-top: -1%;
     margin-bottom: -4%;
     box-shadow: -20px 20px 10px 5px rgba(0,0,0,0.15);
}

/* Encadré OI */
section#oeuvres > div{
	background-color:#434343;
	background-image: url('../images/Background_Oeuvres.png');
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
}

/* Partie texte de l'encadré OI */
section#oeuvres > div > div:nth-of-type(1){
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: 14pt;
	padding: 2% 7% 2% 7%;
}

/* Texte de la partie texte de l'encadré OI */
section#oeuvres > div > div > p{
	margin: 1em 0 1em 0;
	line-height:1.5;
}

/* Partie texte de l'encadré OI lors d'une sélection */
section#oeuvres > div > div > p::selection{
	color: white;
	background-color:#9D029E;
}

/* Partie lien de l'encadré OI */
section#oeuvres > div > div:nth-of-type(2){
	text-align: center;
	margin:auto;
	display:block;
	padding-bottom: 3%;
}

/* Lien de la partie lien de l'encadré OI */
section#oeuvres > div > div:nth-of-type(2) > a {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	text-decoration: none;
	color:white;
	background-color:#9D029E;
	padding:20px;
	display:inline-block;
}

/* Lien de la partie lien de l'encadré OI lors d'une sélection */
section#oeuvres > div > div:nth-of-type(2) > a::selection {
	color:#9D029E;
	background-color:white;
}