.popin {
	display: none;
    background-image: url("./Assets/Elements/background.png");
	background-size: cover;
    position: absolute;
    width: 960px;
    height: 600px;
    left: 25%;
    top: 20%;
}

.salle {
    display: none;
}

.popin:target {
	display: block;
}

a[href="#"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}


#popin3 {
	background-image: url("");
	position: absolute;
    left: 25%;
}

#popin5 {
	background-image: url("");
	position: absolute;
    left: 25%;
}

#popin7 {
	background-image: url("");
	position: absolute;
    left: 25%;
}

#popin11,#popin12,#popin14,#popin16,#popin18,#popin19,#popin20,#popin21,#popin22,#popin23,#popin26,#popin28,#popin31,#popin33,#popin35,#popin38,#popin39,#popin40,#popin41,#popin42,#popin44,#popin47,#popin50,#popin53,#popin54,#popin56,#popin58,#popin61,#popin64,#popin66,#popin68,#popin70,#popin73,#popin74,#popin75,#popin77,#popin80,#popin82,#popin84,#popin86,#popin87,#popin91,#popin92,#popin93,#popin96,#popin98,#popin101,#popin103,#popin105,#popin107,#popin110,#popin113,#popin117,#popin120,#popin121,#popin123,#popin125,#popin129,#popin130,#popin132,#popin133,#popin135,#popin136,#popin137,#popin138,#popin139,#popin141,#popin143,#popin145,#popin146,#popin147,#popin148,#popin150,#popin153,#popin156,#popin158,#popin160,#popin162,#popin164,#popin165 {
	background-image: url("");
}

#changeColor {
	color: #EB3C2B;
}

#underlineColor {
	background-color: #FEF3A5;
}

/* Zone font */

@font-face {
    font-family: "PatrickHand";
    src: url("./Assets/Police/Patrick_Hand/PatrickHand-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "PatrickHandSC";
    src: url("./Assets/Police/Patrick_Hand_SC/PatrickHandSC-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Overpass";
    src: url("./Assets/Police/Overpass/Overpass-VariableFont_wght.ttf") format("truetype");
}

@font-face {
    font-family: "Hurricane";
    src: url("./Assets/Police/Hurricane/Hurricane-Regular.ttf") format("truetype");
}

/* Elements generaux */

#Italic {
    font-style: italic;
}

#Normal {
    font-style: normal;
}

.pince {
	position: absolute;
    top: -11.5%;
    left: 8%;
    transform: scale(1.1);
    z-index: 2;
}

.logoVal {
	position: absolute;
    bottom: -20%;
    left: -10%;
    transform: scale(1.2);
    z-index: 1;
}

.scotch {
	position: absolute;
    bottom: -3%;
    left: -2%;
    transform: scale(1.3);
    z-index: 0;
}

.backArrow {
	position: absolute;
    top: -6%;
    right: 6%;
    z-index: 0;
}

.nextArrow {
	position: absolute;
    top: -6%;
    right: 3%;
    z-index: 0;
}

.close {
	position: absolute;
    top: -6.5%;
    right: 0%;
    z-index: 0;
}

.enSavoirPlus {
	position: absolute;
    top: 65%;
    left: 70%;
    transform: scale(0.3);
    z-index: 3;
}

.citationEcrite {
	position: absolute;
    top: 53%;
    left: 70%;
    transform: scale(0.3);
    z-index: 0;
}

.placementCarton {
	position: absolute;
    top: 22.5%;
    left: 12.5%;
    transform: scale(1.2);
    z-index: 4;
}

.scotchCarton {
	position: absolute;
    top: 15%;
    left: 35%;
    transform: scale(1.6);
    z-index: 5;
}

.fondCubeHD {
    position: absolute;
    top: 0%;
    right: 0%;
    z-index: 0;
}

.fondCubeBD {
    position: absolute;
    bottom: -1%;
    right: 0%;
    z-index: 0;
}

.fondCubeHG {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 1 Salle 1 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Leonard de vinci */


.TextLeonard{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreLeonard {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreLeonard {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuLeaonard {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreLeonard {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreLeonard {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreLeonard {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTitreOeuvreLeonard2 {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreLeonard {
	font-weight:600;
	font-size: 10px;
    font-family: "Overpass";
}



.boutonOeuvreLeonard {
	position: absolute;
    top: 0%;
    left: -6%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreLeonard {
	position: absolute;
    top: -4%;
    left: -2%;
    transform: scale(1.1);
    z-index: 0;
}

.enSavoirPlusLeonard {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteLeonard {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneLeonard {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuLeonard {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocLeaonard {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    overflow: hidden;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullLeonard {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Rembrandt */


.boutonOeuvreRembrandt {
	position: absolute;
    top: 2%;
    left: -9%;
    transform: scale(0.3);
    z-index: 1;
}

.imgOeuvreRembrandt {
    position: absolute;
	top: -9%;
	left: -4%;
    transform: scale(1.08);
	z-index: 0;
}

.enSavoirPlusRembrandt {
	position: absolute;
    top: 35%;
    left: 10%;
    transform: scale(0.3);
    z-index: 3;
}



.TextRembrandt{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreRembrandt {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
    letter-spacing: 0.01px;
}

#SousTitreRembrandt {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
    letter-spacing: 0.01px;
}

#ContenuRembrandt{
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.blocNoteRembrandt {
	position: absolute;
	bottom: -19%;
	left: 45%;
	z-index: 1;
	transform: scale(1.27);
}

.blocNoteLigneRembrandt {
	position: absolute;
    bottom: -12%;
    left: 48%;
	z-index: 2;
	transform: scale(1.30);
}

.blocNoteContenuRembrandt {
	position: absolute;
    top: 128%;
    left:3%;
	line-height: 1.1;
	z-index: 5;
	transform: rotate(-6.6deg);
}

#ContenuBlocRembrandt {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    letter-spacing: 1.1px;
}



.TextOeuvreRembrandt {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreRembrandt {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}



#SousTitreOeuvreRembrandt {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRembrandt {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullRembrandt {
    position: absolute;
    top: 5%;
    left: 5%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* One minute art history / OMAH */


.blocNoteOMAH {
	position: absolute;
	top: 12%;
	left: -1%;
	z-index: 1;
	transform: scale(1.2);
}

.blocNoteLigneOMAH {
	position: absolute;
    top: 22%;
    left: 3%;
	z-index: 2;
    line-height: 1.1;
	transform: scale(1.15);
}

.blocNoteContenuOMAH {
	position: absolute;
    color: black;
    top: 19%;
    left: 2%;
    right: 60%;
	z-index: 3;
    text-align: justify;
    line-height: 1.02;
	transform: rotate(-6.7deg) scale(0.95);
}

.blocNoteContenuOMAH2 {
	position: absolute;
    color: black;
    top: 45%;
    left: 3.7%;
    right: 58%;
	z-index: 3;
    text-align: justify;
    line-height: 1.02;
	transform: rotate(-6.7deg) scale(0.95);
}

#ContenuBlocOMAH {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    letter-spacing: 1.1px;
}



.imgOeuvreOMAH {
    position: absolute;
	bottom: 12%;
	right: 8%;
    transform: scale(1.2);
	z-index: 3;
}

.TextOeuvreOMAH {
	position: absolute;
    top: 32%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreOMAH {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTexteOeuvreOMAH {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.trombone {
	position: absolute;
	top: -4%;
	left: -6.5%;
	z-index: 4;
	transform: scale(1.1);
}

.scotchBlancOMAH {
	position: absolute;
	top: 38%;
	right: 18%;
	z-index: 4;
	transform: scale(1.2);
}

.goToPlayOMAH {
	position: absolute;
	top: 65%;
	right: 28%;
	z-index: 4;
	transform: scale(1.2);
}

.playerVideoOMAH {
    position: absolute;
    top: 0%;
    left: 0%;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Niki Venus */


.boutonOeuvreNiki {
	position: absolute;
    top: 3%;
    left: -10.5%;
    transform: scale(0.3);
    z-index: 1;
}

.imgOeuvreNiki {
    position: absolute;
	top: -7%;
	left: -4%;
    transform: scale(1.2);
	z-index: 0;
}



.TextNiki {
	position: absolute;
    top: 10%;
    left: 45%;
    right: calc(10% - 20px);
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreNiki {
	font-weight:800;
	font-size: 24px;
	font-family: "Overpass";
}

#TitreNiki2 {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreNiki {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuNiki {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    padding-right: 10px;
    color: black;
    max-height: 302px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreNiki {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreNiki {
    letter-spacing: 0.8px;
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreNiki {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreNiki {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextNiki2 {
	position: absolute;
    bottom: 10%;
    left: 35%;
    z-index: 1;
}

#ContenuNiki2 {
	font-weight:200;
	font-size: 24px;
	font-family: "PatrickHand";
    color: black;
    line-height: 1.4;
}


.boutonOeuvreVenus {
	position: absolute;
    top: 0%;
    left: -6%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreVenus {
    position: absolute;
	top: -3%;
	left: 0%;
    transform: scale(1.2);
	z-index: 0;
}

.TextVenus {
	position: absolute;
    top: 30%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreVenus {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreVenus {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuVenus {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px ;
    letter-spacing: 1.1px;
}



.TextOeuvreVenus {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreVenus {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreVenus {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreVenus {
	font-weight:600;
	font-size: 10px;
	font-style: italic;
	font-family: "Overpass";
}

.inspirationTitreVenus {
    position: absolute;
    top: -25%;
    left: -10%;
    transform: scale(0.2);
    z-index: 0;
}



.tromboneCarton {
	position: absolute;
	top: 40%;
	right: -6.9%;
	z-index: 2;
	transform: scale(0.9) rotate(180deg);
}

.venusCarton {
    position: absolute;
	top: 20.5%;
	right: -9%;
    transform: scale(1.2);
	z-index: 0;
}

.inspirationCarton {
	position: absolute;
    top: 11%;
    left: 41%;
    transform: scale(0.1) rotate(-10deg);
    z-index: 1;
}




.TextCarton {
	position: absolute;
    top: 35%;
    left: 17%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-5deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1.1;
}

#SousTextCarton {
    position: absolute;
    right: 0%;
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}


#SousTextCarton2 {
    position: absolute;
    bottom: 2%;
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullNiki {
    position: absolute;
    top: 5%;
    left: 5%;
    transform: scale(1.2);
}


.imgFullVenus {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Odalisque */

.imgOeuvreOdalisque {
    position: absolute;
    top: -69%;
    left: -73%;
    transform: scale(0.18) rotate(-20deg);
}

.boutonOeuvreOdalisque {
	position: absolute;
    top: 0%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreOdalisque {
	position: absolute;
    top: 50%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreOdalisque {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTexteOeuvreOdalisque {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextOdalisque {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

.TextOdalisque2 {
	position: absolute;
    top: 30%;
    left: 25%;
    right: 10%;
    color: black;
    overflow: hidden;
    z-index: 1;
    display: block;
    text-align: justify;
    max-height: 350px;
}

#TitreOdalisque {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreOdalisque {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuOdalisque {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
    padding-right: 10px;
}


.imgFullOdalisque {
    position: absolute;
    top: -30%;
    left: -41%;
    transform: scale(0.65);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Angelica Dass */

.imgOeuvreDass {
    position: absolute;
    bottom: -11%;
    right: 10%;
    transform: scale(0.25) rotate(-20deg);
}

.boutonOeuvreDass {
    position: absolute;
    top: 2%;
    left: -9%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreDass {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreDass {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTexteOeuvreDass {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextDass {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreDass {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreDass {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuDass {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.imgFullDass {
    position: absolute;
    top: -35%;
    left: -24%;
    transform: scale(0.65);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 1 Salle 2 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Becca Saladin */


.boutonOeuvreBecca {
	position: absolute;
    top: 4%;
    left: -14%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreBecca {
    position: absolute;
    top: -12%;
    left: -10%;
}



.TextBecca{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreBecca {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreBecca {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuBecca {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreBecca {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreBecca {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreBecca {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreBecca {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullBecca {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

.imgFullBecca2 {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

.imgFullBecca3 {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

.imgFullBecca4 {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

.imgFullBecca5 {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

.imgFullBecca6 {
    position: absolute;
    top: -6%;
    left: -14%;
    transform: scale(0.9);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Meitner */

.boutonOeuvreMeitner {
	position: absolute;
    top: 0%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreMeitner {
    position: absolute;
    top: -2%;
    left: 0%;
    transform: scale(1.2);
    z-index: 0;
}


.TextMeitner{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreMeitner {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreMeitner {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuMeitner {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreMeitner {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreMeitner {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreMeitner {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreMeitner {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.TextCarton2 {
	position: absolute;
    top: 35%;
    left: 16%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullMeitner {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.3);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Francisco Goya */




.boutonOeuvreGoya {
	position: absolute;
    top: 0%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreGoya {
    position: absolute;
    top: -2%;
    left: 0%;
    transform: scale(1.2);
    z-index: 0;
}


.TextGoya{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitreGoya {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreGoya {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuGoya {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    text-align: justify;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreGoya {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreGoya {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreGoya {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreGoya {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullGoya {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.3);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Apo Whang-Od */


.boutonOeuvreApo {
	position: absolute;
    top: 0%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreApo {
    position: absolute;
    top: -2%;
    left: 0%;
    transform: scale(1.2);
    z-index: 0;
}


.TextApo{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitreApo {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreApo {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuApo {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    text-align: justify;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreApo {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreApo {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreApo {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreApo {
	font-weight:600;
	font-size: 10px;
	font-style: italic;
	font-family: "Overpass";
}



.TextCarton3 {
	position: absolute;
    top: 35%;
    left: 16%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullApo {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.3);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Alper Yesiltas */

.imgOeuvreAlper {
    position: absolute;
    top: -12%;
    left: -3%;
    transform: scale(0.9);
    z-index: 0;
}

.boutonOeuvreAlper {
	position: absolute;
    top: -2%;
    left: -4%;
    transform: scale(0.3);
    z-index: 2;
}



.TextAlper{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitreAlper {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreAlper {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuAlper {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    text-align: justify;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreAlper {
    position: absolute;
    top: 65%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

.TextOeuvreAlper2 {
    position: absolute;
    top: 65%;
    left: 25.5%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

.TextOeuvreAlper3 {
    position: absolute;
    top: 77%;
    left: 25.5%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

.TextOeuvreAlper4 {
    position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreAlper {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreAlper {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreAlper {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.enSavoirPlusAlper {
    position: absolute;
    top: 7%;
    left: 15%;
    transform: scale(0.4);
    z-index: 2;
}




.blocNoteAlper {
	position: absolute;
	top: 28%;
	left: 50%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneAlper {
	position: absolute;
	top: 38%;
	left: 53%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuAlper {
	position: absolute;
    top: 30.5%;
    left: 50%;
    right: 5%;
	z-index: 3;
    line-height: 1.15;
	transform: rotate(-6.7deg) scale(0.95);
    text-align: justify;
}

#ContenuBlocAlper {
	font-weight:200;
	font-size: 20px;
    letter-spacing: 1.1px;
	font-family: "PatrickHand";
    color: black;
}

.imgFullAlper {
    position: absolute;
    top: 5%;
    left: 25%;
    transform: scale(1.3);
}

.imgFullAlper2 {
    position: absolute;
    top: 5%;
    left: 25%;
    transform: scale(1.3);
}

.imgFullAlper3 {
    position: absolute;
    top: 5%;
    left: 18%;
    transform: scale(1.3);
}

.imgFullAlper4 {
    position: absolute;
    top: 5%;
    left: 25%;
    transform: scale(1.3);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Roman Opalka Chiffre */

.imgOeuvreRomanChiffre {
    position: absolute;
    top: -9%;
    left: -10%;
    transform: scale(0.7) rotate(-10deg);
    z-index: 0;
}

.boutonOeuvreRomanChiffre {
	position: absolute;
    top: 2%;
    left: -2%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceRomanChiffre {
	position: absolute;
    top: -11.5%;
    left: 35%;
    transform: scale(1.1);
    z-index: 1;
}



.TextRomanChiffre{
	position: absolute;
    top: 50%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreRomanChiffre {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreRomanChiffre {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuRomanChiffre {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreRomanChiffre {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreRomanChiffre {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreRomanChiffre {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRomanChiffre {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullRomanChiffre {
    position: absolute;
    top: 20%;
    left: 0%;
    transform: scale(1.3);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Roman Opalka Visage */


.imgOeuvreRomanVisage {
    position: absolute;
    top: -17%;
    left: -25%;
    transform: scale(0.6) rotate(-15deg);
    z-index: 0;
}

.boutonOeuvreRomanVisage {
	position: absolute;
    top: 2%;
    left: -17%;
    transform: scale(0.3);
    z-index: 2;
}



.TextRomanVisage{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreRomanVisage {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreRomanVisage {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuRomanVisage {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreRomanVisage {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreRomanVisage {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreRomanVisage {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRomanVisage {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.imgFullRomanVisage {
    position: absolute;
    top: 10%;
    left: 8%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Van Gogh */

.imgOeuvreVanGogh {
    position: absolute;
    top: -14%;
    left: 25%;
    transform: scale(0.8) rotate(-20deg);
    z-index: 0;
}

.boutonOeuvreVanGogh {
	position: absolute;
    top: 3%;
    left: 20%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceVanGogh {
	position: absolute;
    top: -11.5%;
    left: 42%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreVanGogh {
    position: absolute;
    top: 77%;
    right: 5%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreVanGogh {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreVanGogh {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreVanGogh {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullVanGogh{
    position: absolute;
    top: -5%;
    left: 21%;
    transform: scale(1.3);
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Ron Mueck */


.imgOeuvreMueck {
    position: absolute;
    top: -10%;
    left: 13%;
    transform: scale(0.8) rotate(-20deg);
    z-index: 0;
}

.boutonOeuvreMueck {
	position: absolute;
    top: 10%;
    left: 10%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceMueck {
	position: absolute;
    top: -11.5%;
    left: 42%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreMueck {
    position: absolute;
    top: 77%;
    right: 5%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreMueck {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreMueck {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreMueck {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullMueck{
    position: absolute;
    top: 11%;
    left: 9%;
    transform: scale(1.3);
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 1 Salle 3 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Video Basquiat */

.videoBasquiat {
    position: absolute;
    top: -5%;
    left: 11%;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Marco Melgrati Blonde */



.imgOeuvreMelgratiBlonde {
    position: absolute;
    top: -18%;
    left: 23%;
    transform: scale(0.7) rotate(-20deg);
    z-index: 0;
}

.boutonOeuvreMelgratiBlonde {
	position: absolute;
    top: 3%;
    left: 22%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceMelgratiBlonde {
	position: absolute;
    top: -11.5%;
    left: 42%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreMelgratiBlonde {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreMelgratiBlonde {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreMelgratiBlonde {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreMelgratiBlonde {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullMelgratiBlonde{
    position: absolute;
    top: 0%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Paula Modersohn Becker */

.imgOeuvrePMB {
    position: absolute;
    top: -30%;
    left: -5%;
    transform: scale(0.45) rotate(-15deg);
    z-index: 0;
}

.boutonOeuvrePMB {
	position: absolute;
    top: -5%;
    left: -1%;
    transform: scale(0.3);
    z-index: 2;
}



.TextPMB{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitrePMB {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitrePMB {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuPMB {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    text-align: justify;
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvrePMB {
	position: absolute;
    top: 53%;
    left: 7%;
    right: 60%;
    color: black;
    text-align: justify;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvrePMB {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvrePMB {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvrePMB {
	font-weight:600;
	font-size: 10px;
	font-style: italic;
	font-family: "Overpass";
}

.TextCarton4 {
	position: absolute;
    top: 40%;
    left: 20%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullPMB {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Jean Michel Basquiat */


.imgOeuvreJMB {
    position: absolute;
    top: -22%;
    left: -8%;
    transform: scale(0.6) rotate(-15deg);
    z-index: 0;
}

.boutonOeuvreJMB {
	position: absolute;
    top: -3%;
    left: -7%;
    transform: scale(0.3);
    z-index: 2;
}


.TextJMB{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitreJMB {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreJMB {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuJMB {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    text-align: justify;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreJMB {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreJMB {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreJMB {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreJMB {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.TextCarton5 {
	position: absolute;
    top: 35%;
    left: 25%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullJMB {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Marco Melgrati Reflet */

.imgOeuvreMMR {
    position: absolute;
    top: -5%;
    left: 0%;
    transform: scale(0.35) rotate(-30deg);
    z-index: 0;
}

.imgOeuvreMMR2 {
    position: absolute;
    top: -25%;
    left: -20%;
    transform: scale(0.4) rotate(-15deg);
    z-index: 0;
}

.tromboneMMR {
    position: absolute;
    top: 29%;
    left: 8%;
    transform: scale(1.2) rotate(-2deg);
    z-index: 3;
}



.boutonOeuvreMMR {
	position: absolute;
    top: -2%;
    left: -6%;
    transform: scale(0.3);
    z-index: 2;
}



.TextMMR{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
}

#TitreMMR {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreMMR {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuMMR {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    text-align: justify;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}


.TextOeuvreMMR {
    position: absolute;
    bottom: 8%;
    left: 5%;
    right: 40%;
    color: black;
    line-height: 0.7;
}

.TextOeuvreMMR2 {
    position: absolute;
    bottom: 32%;
    left: 5%;
    line-height: 0.7;
    color: black;
}


#TitreOeuvreMMR {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreMMR {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreMMR {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.TextCarton6 {
	position: absolute;
    top: 40%;
    left: 15%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

.TextCarton6-2 {
	position: absolute;
    top: 35%;
    left: 30%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

.TextCarton6-3 {
	position: absolute;
    top: 40%;
    left: 20%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullMMR {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

.imgFullMMR2 {
    position: absolute;
    top: 10%;
    left: 15%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 2 Salle 1 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Frida Kahlo La colonne brisée */

.imgOeuvreFrida {
    position: absolute;
    top: -8%;
    left: 0%;
}

.boutonOeuvreFrida {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreFrida {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreFrida {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTexteOeuvreFrida {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

#TitreOeuvreFrida2 {
	font-size: 14px;
	font-family: "Overpass";
}



.TextFrida {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreFrida {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreFrida {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuFrida {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.imgFullFrida {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}

#underlineColorFrida {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}




















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Frida Kahlo Autoportrait au collier */

.TextFridaAuto{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreFridaAuto {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreFridaAuto {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuFridaAuto {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreFridaAuto {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreFridaAuto {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#TitreOeuvreFridaAuto2 {
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreFridaAuto {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreFridaAuto {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.boutonOeuvreFridaAuto {
	position: absolute;
    top: 0%;
    left: -6%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreFridaAuto {
	position: absolute;
    top: -4%;
    left: -2%;
    transform: scale(1.1);
    z-index: 0;
}

.enSavoirPlusFridaAuto {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteFridaAuto {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneFridaAuto {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuFridaAuto {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocFridaAuto {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    overflow:hidden;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullFridaAuto {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Gustave Courbet Le Désespéré */

.imgOeuvreGustave {
    position: absolute;
    top: -12%;
    left: 0%;
    
}

.boutonOeuvreGustave {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreGustave {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreGustave {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreGustave {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreGustave {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextGustave {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreGustave {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreGustave {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuGustave {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.imgFullGustave {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Vincent van Gogh Autoportrait à l'oreille bandée */

.imgOeuvreVincent {
    position: absolute;
    top: -8%;
    left: 2%;
    transform: scale(1.1);
}

.boutonOeuvreVincent {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreVincent {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreVincent {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreVincent {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreVincent {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextVincent {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreVincent {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreVincent {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuVincent {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.imgFullVincent {
    position: absolute;
    top: 0%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Rembrandt van Rijn Rembrandt aux yeux hagards */

.imgOeuvreRijn {
    position: absolute;
    top: -10%;
    left: 0%;
}

.boutonOeuvreRijn {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreRijn {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreRijn {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreRijn {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRijn {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}




.TextRijn {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreRijn {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreRijn {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuRijn {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.imgFullRijn {
    position: absolute;
    top: 0%;
    left: 20%;
    transform: scale(1.2);
}












/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 2 Salle 2 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Nicolas Amiard */

.imgOeuvreAmiard {
    position: absolute;
    top: -10%;
    left: 0%;
    z-index: 4;
}

.boutonOeuvreAmiard {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 5;
}



.TextOeuvreAmiard {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreAmiard {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreAmiard {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreAmiard {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.TextOeuvreAmiard2 {
	position: absolute;
    top: 77%;
    left: 25%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreAmiard2 {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreAmiard2 {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreAmiard2 {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.TextOeuvreAmiard3 {
	position: absolute;
    top: 60%;
    left: 25%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreAmiard3 {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreAmiard3 {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreAmiard3 {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}




.TextAmiard {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreAmiard {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreAmiard {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuAmiard {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullAmiard {
    position: absolute;
    top: 10%;
    left: 10%;
    transform: scale(1.2);
}

.imgFullAmiard2 {
    position: absolute;
    top: 10%;
    left: 15%;
    transform: scale(1.2);
}

.imgFullAmiard3 {
    position: absolute;
    top: 0%;
    left: 30%;
    transform: scale(1.2);
}

.blocNoteAmiard {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneAmiard {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuAmiard {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocAmiard {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    overflow: hidden;
    display: block;
}

.enSavoirPlusAmiard {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Valie export BODY SIGN ACTION B */


.imgOeuvreValie {
    position: absolute;
    top: -8%;
    left: 0%;
}

.boutonOeuvreValie {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 2;
}

.TextValie {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreValie {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreValie {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuValie {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}


.TextOeuvreValie {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreValie {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreValie {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreValie {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullValie {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Shannon Holt Hérons */


.imgOeuvreHerons {
    position: absolute;
    top: -8%;
    left: 0%;
}

.boutonOeuvreHerons {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 5;
}



.TextHerons{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreHerons {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreHerons {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuHerons {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.TextOeuvreHerons {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreHerons {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreHerons {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreHerons {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.enSavoirPlusHerons {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteHerons {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneHerons {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuHerons {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocHerons {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    overflow: hidden;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullHerons {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Wim Delvoye Tim, Tatooed skin */


.imgOeuvreWim {
    position: absolute;
    top: -7%;
    left: 10%;
    transform: scale(1.1) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreWim {
	position: absolute;
    top: 13%;
    left: 4%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceWim {
	position: absolute;
    top: -11.5%;
    left: 42%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreWim {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreWim {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreWim {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreWim {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullWim{
    position: absolute;
    top: 10%;
    left: 15%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Shelley Jackson Captures du projet Skin */

.imgOeuvreShelley {
    position: absolute;
    top: 5%;
    left: 18%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreShelley {
	position: absolute;
    top: 3%;
    left: 11%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceShelley {
	position: absolute;
    top: -11.5%;
    left: 27%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreShelley {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreShelley {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreShelley {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreShelley {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullShelley{
    position: absolute;
    top: -10%;
    left: 30%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Shannon Holt Crocodiles / Renard */


.imgOeuvreCroc {
    position: absolute;
    top: -4%;
    left: 0%;
    transform: scale(1.2) rotate(-0deg);
    z-index: 1;
}

.boutonOeuvreCroc {
	position: absolute;
    top: 7%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceCroc {
	position: absolute;
    top: -11.5%;
    left: 20%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreCroc {
    position: absolute;
    top: 30%;
    right: 30%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreCroc {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreCroc {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreCroc {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullCroc{
    position: absolute;
    top: 8%;
    left: 5%;
    transform: scale(1.2);
}



.imgOeuvreRenard {
    position: absolute;
    bottom: -8%;
    left: 25%;
    transform: scale(1.2) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreRenard {
	position: absolute;
    bottom: 38%;
    right: 26%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceRenard {
	position: absolute;
    bottom: -10%;
    left: 19%;
    transform: scale(1.1) rotate(-100deg);
    z-index: 1;
}



.TextOeuvreRenard {
    position: absolute;
    top: 77%;
    right: 10%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreRenard {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreRenard {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRenard {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullRenard{
    position: absolute;
    top: 8%;
    left: 5%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 2 Salle 3 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Orlan Self-hybridations précolombiennes / N°2 */

.imgOeuvreOrlan {
    position: absolute;
    top: -6%;
    left: 0%;
    z-index: 1;
    transform: scale(1.2);
}

.boutonOeuvreOrlan {
    position: absolute;
    top: 0%;
    left: -7%;
    transform: scale(0.3);
    z-index: 5;
}

.imgOeuvreOrlan2 {
    position: absolute;
    top: 33%;
    left: 20%;
    z-index: 0;
    transform: scale(1.2);
}

.boutonOeuvreOrlan2 {
    position: absolute;
    top: 25%;
    left: 30%;
    transform: scale(0.3);
    z-index: 5;
}




.TextOrlan{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreOrlan {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreOrlan {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuOrlan {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}

#underlineColorOrlan {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}



.TextOeuvreOrlan {
	position: absolute;
    top: 50%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreOrlan {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreOrlan {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreOrlan {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextOeuvreOrlan2 {
	position: absolute;
    top: 77%;
    left: 20%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreOrlan2 {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreOrlan2 {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreOrlan2 {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.TextCarton8 {
	position: absolute;
    top: 35%;
    left: 20%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFullOrlan{
    position: absolute;
    top: -10%;
    left: 25%;
    transform: scale(1.2);
}


.imgFullOrlan2{
    position: absolute;
    top: -10%;
    left: 25%;
    transform: scale(1.2);
}

.imgFullOrlan3{
    position: absolute;
    top: -10%;
    left: 25%;
    transform: scale(1.2);
}

























/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Cindy Sherman Untitled #141 */



.imgOeuvre141 {
    position: absolute;
    top: -8%;
    left: 0%;
}

.boutonOeuvre141 {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 5;
}



.Text141{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#Titre141 {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitre141 {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#Contenu141 {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvre141 {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvre141 {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvre141 {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvre141 {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.blocNote141 {
	position: absolute;
	top: 12%;
	left: -1%;
	z-index: 1;
	transform: scale(1.2);
}

.blocNoteLigne141 {
	position: absolute;
    top: 22%;
    left: 3%;
	z-index: 2;
    line-height: 1.1;
	transform: scale(1.15);
}

.blocNoteContenu141 {
	position: absolute;
    color: black;
    top: 19%;
    left: 2%;
    right: 60%;
	z-index: 3;
    text-align: justify;
    line-height: 1.02;
	transform: rotate(-6.7deg) scale(0.95);
}

#ContenuBloc141 {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    letter-spacing: 1.1px;
}





.TextOeuvre141-2 {
	position: absolute;
    top: 25%;
    right: 10%;
    color: black;
    
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvre141-2 {
	font-weight:bold;
	font-size: 14px;
    text-align: justify;
	font-family: "Overpass";
}

#SousTexteOeuvre141-2 {
	font-weight:600;
	font-size: 10px;
    text-align: justify;
	font-family: "Overpass";
}



.TextCarton7 {
	position: absolute;
    top: 40%;
    left: 23%;
    color: black;
    text-align: center;
    transform: scale(1.2) rotate(-6deg);
    z-index: 5;
}

#ContenuCarton {
	font-weight:200;
	font-size: 40px;
	font-family: "Hurricane";
    color: black;
    line-height: 1;
}

#SousTextCarton {
	font-weight:bold;
	font-size: 22px;
	font-family: "PatrickHandSD";
    color: black;
}

.imgFull141{
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}

























/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Man Ray Portrait de Rrose Sélavy */

.imgOeuvreRrose {
    position: absolute;
    top: -10%;
    left: 0%;
}

.boutonOeuvreRrose {
    position: absolute;
    top: -2%;
    left: -3%;
    transform: scale(0.3);
    z-index: 5;
}



.TextRrose{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreRrose {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreRrose {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuRrose {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreRrose {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreRrose {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreRrose {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreRrose {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.enSavoirPlusRrose {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteRrose {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneRrose {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuRrose {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocRrose {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    overflow-y: hidden;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullRrose {
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Portrait d’un souverain Maya, Bonampak */

.imgOeuvreSouv {
    position: absolute;
    top: -3%;
    left: 20%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreSouv {
	position: absolute;
    top: 2%;
    left: 13%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceSouv {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreSouv {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreSouv {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreSouv {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreSouv {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullSouv{
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Buste d’un haut dignitaire maya */

.imgOeuvreDigni {
    position: absolute;
    top: -3%;
    left: 20%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreDigni {
	position: absolute;
    top: 2%;
    left: 13%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceDigni {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreDigni {
    position: absolute;
    top: 77%;
    right: 10%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreDigni {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreDigni {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreDigni {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullDigni{
    position: absolute;
    top: -10%;
    left: 20%;
    transform: scale(1.2);
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Cindy Sherman Untitled #584 */

.imgOeuvre584 {
    position: absolute;
    top: -10%;
    left: 10%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvre584 {
	position: absolute;
    top: 10%;
    left: -1%;
    transform: scale(0.3);
    z-index: 2;
}

.pince584 {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvre584 {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvre584 {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvre584 {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvre584 {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFull584{
    position: absolute;
    top: 10%;
    left: 7%;
    transform: scale(1.2);
}













/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 3 Salle 1 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Rineke Dijkstra Série Beach portrait */


.imgOeuvreFrancesca {
    position: absolute;
    top: -11%;
    left: -5%;
}

.boutonOeuvreFrancesca {
    position: absolute;
    top: 2%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreFrancesca {
	position: absolute;
    top: 65%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreFrancesca {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreCornelius {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreFrancesca {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextFrancesca {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreFrancesca {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreFrancesca {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuFrancesca {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.imgFullFrancesca {
    position: absolute;
    top: 10%;
    left: 20%;
    transform: scale(1.2);
}




















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Sandro Botticelli La Naissance de Vénus */


















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Rankin Shereen & Mahalia */




















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* John Yuyi / Johanna Jaskowska Cyborg#6 */



.imgOeuvreJYJJC2 {
    position: absolute;
    top: -1%;
    left: 5%;
    z-index: 1;
    transform: scale(1.2);
}

.boutonOeuvreJYJJC {
    position: absolute;
    top: -5%;
    left: 0%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreJYJJC {
    position: absolute;
    top: 30%;
    left: 15%;
    z-index: 0;
    transform: scale(1.2);
}

.pinceJYJJC {
	position: absolute;
    top: -11.5%;
    left: 8%;
    transform: scale(1.1);
    z-index: 3;
}

.tromboneJYJJC {
    position: absolute;
    top: 32%;
    left: 7%;
    transform: scale(0.9) rotate(10deg);
    z-index: 3;
}



.TextJYJJC {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}


#TitreJYJJC {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreJYJJC {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuJYJJC {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}


.TextOeuvreJYJJC {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

.TextOeuvreJYJJC2 {
	position: absolute;
    top: 77%;
    left: 25%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreJYJJC {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreJYJJC {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreJYJJC {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullJYJJC {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

.imgFullJYJJC2 {
    position: absolute;
    top: 0%;
    left: 20%;
    transform: scale(1.2);
}

#underlineColorJYJJC {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Jonh Yuyi Twitter */

.imgOeuvreJYTwitter {
    position: absolute;
    top: -1%;
    left: 13%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreJYTwitter {
	position: absolute;
    top: 3%;
    left: 4%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceJYTwitter {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreJYTwitter {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreJYTwitter {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreJYTwitter {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreJYTwitter {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullJYTwitter{
    position: absolute;
    top: 5%;
    left: 20%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Johanna Jaskowska Cyborg#4 / Cyborg#7 */


.imgOeuvreCyborg {
    position: absolute;
    top: -10%;
    left: 13%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreCyborg {
	position: absolute;
    top: 4%;
    left: 2%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceCyborg {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreCyborg {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreCyborg {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreCyborg {
	font-weight:600;
	font-style: italic;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreCyborg {
	font-weight:600;
	font-size: 10px;
	font-style: italic;
	font-family: "Overpass";
}

.imgFulCyborg{
    position: absolute;
    top: 10%;
    left: 5%;
    transform: scale(1.2);
}









/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 3 Salle 2 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Nicolas Amiard La Grande Odalisque d’Ingres / Hercule au repos*/



.HerculeCarton {
    position: absolute;
	top: 15%;
	right: -9%;
    transform: scale(1.2);
	z-index: 0;
}


.boutonOeuvreHercule {
	position: absolute;
    top: 3%;
    left: -10.5%;
    transform: scale(0.3);
    z-index: 1;
}

.imgOeuvreHercule {
    position: absolute;
	top: 0%;
	left: -4%;
    transform: scale(1.2);
	z-index: 0;
}


.imgFullHercule {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

.imgFullHercule2 {
    position: absolute;
    top: 0%;
    left: 30%;
    transform: scale(1.2);
}


.imgOeuvreHercule2 {
    position: absolute;
    top: 1%;
    left: 20%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreHercule2 {
	position: absolute;
    top: 1%;
    left: 13%;
    transform: scale(0.3);
    z-index: 2;
}

.TextOeuvreHercule {
    position: absolute;
    top: 77%;
    right: 5%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

.inspirationHercule {
    position: absolute;
    top: -20%;
    right: -40%;
    transform: scale(0.2);
    z-index: 3;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Ilya Volykhine Toute son attention / Jamie Lee Fabuleux cheveux chérie */



.imgOeuvreIlya {
    position: absolute;
    top: -1%;
    left: 5%;
    z-index: 1;
    transform: scale(1.2);
}

.boutonOeuvreIlya {
    position: absolute;
    top: -5%;
    left: 0%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreIlya2 {
    position: absolute;
    top: 30%;
    left: 15%;
    z-index: 0;
    transform: scale(1.2);
}

.pinceIlya {
	position: absolute;
    top: -11.5%;
    left: 8%;
    transform: scale(1.1);
    z-index: 3;
}

.tromboneIlya {
    position: absolute;
    top: 32%;
    left: 7%;
    transform: scale(0.9) rotate(10deg);
    z-index: 3;
}



.TextIlya {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreIlya {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreIlya {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuIlya {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 410px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}


.TextOeuvreIlya {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

.TextOeuvreIlya2 {
	position: absolute;
    top: 77%;
    left: 25%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreIlya {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreIlya {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreIlya {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}


.imgFullIlya {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

.imgFullIlya2 {
    position: absolute;
    top: 0%;
    left: 20%;
    transform: scale(1.2);
}

#underlineColorIlya {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Francesca Woodman Autoportrait à 13 ans */


.imgOeuvreFrancesca {
    position: absolute;
    top: -11%;
    left: -5%;
}

.boutonOeuvreFrancesca {
    position: absolute;
    top: 2%;
    left: -8%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreFrancesca {
	position: absolute;
    top: 65%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreFrancesca {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreCornelius {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreFrancesca {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextFrancesca {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreFrancesca {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreFrancesca {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuFrancesca {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    letter-spacing: 1.1px;
}



.imgFullFrancesca {
    position: absolute;
    top: 10%;
    left: 20%;
    transform: scale(1.2);
}




















/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Robert Cornelius Autoportrait */

.imgOeuvreCornelius {
    position: absolute;
    top: 1%;
    left: 15%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreCornelius {
	position: absolute;
    top: 1%;
    left: 8%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceCornelius {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreCornelius {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreCornelius {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreCornelius {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreCornelius {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullCornelius{
    position: absolute;
    top: 0%;
    left: 25%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Andy Warhol Self-Portrait */

.imgOeuvreWarhol {
    position: absolute;
    top: -10%;
    left: 13%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreWarhol {
	position: absolute;
    top: 4%;
    left: 2%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceWarhol {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreWarhol {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreWarhol {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreWarhol {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreWarhol {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullWarhol{
    position: absolute;
    top: 10%;
    left: 5%;
    transform: scale(1.2);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Kevin Lau Réseaux */

.imgOeuvreReseaux {
    position: absolute;
    top: -2%;
    left: 15%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreReseaux {
	position: absolute;
    top: 2%;
    left: 6%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceReseaux {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreReseaux {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreReseaux {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreReseaux {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreReseaux {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullReseaux{
    position: absolute;
    top: 8%;
    left: 20%;
    transform: scale(1.2);
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Module 3 Salle 3 */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Christian Boltanski Vitrine de réféence */


.imgOeuvreBoltanski {
    position: absolute;
    top: -9%;
    left: -7%;
    transform: scale(1.2);
}

.boutonOeuvreBoltanski {
    position: absolute;
    top: 5%;
    left: -13%;
    transform: scale(0.3);
    z-index: 2;
}



.TextOeuvreBoltanski {
	position: absolute;
    top: 65%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreBoltanski {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreBoltanski {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreBoltanski {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.TextBoltanski {
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreBoltanski {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreBoltanski {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuBoltanski {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.imgFullBoltanski {
    position: absolute;
    top: 10%;
    left: 0%;
    transform: scale(1.2);
}













/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Banksy La Fille au ballon / L’Amour est dans la poubelle */




.TextBanksy{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreBanksy {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreBanksy {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuBanksy {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreBanksy {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreBanksy {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreBanksy {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreBanksy {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.boutonOeuvreBanksy {
	position: absolute;
    top: 1%;
    left: -6%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreBanksy {
	position: absolute;
    top: -10%;
    left: -2%;
    transform: scale(1.1);
    z-index: 0;
}

.enSavoirPlusBanksy {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteBanksy {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneBanksy {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuBanksy {
	position: absolute;
	top: 37%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocBanksy {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 800px;
    display: block;
    letter-spacing: 1.1px;
}


.imgFullBanksy {
    position: absolute;
    top: 10%;
    left: 15%;
    transform: scale(1.2);
}



#underlineColorBanksy {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}












/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Jonathan Harris We Feel Fine */



.TextHarris{
	position: absolute;
    top: 10%;
    left: 45%;
    right: 10%;
    color: black;
    z-index: 1;
    text-align: justify;
}

#TitreHarris {
	font-weight:800;
	font-size: 25px;
	font-family: "Overpass";
}

#SousTitreHarris {
	font-weight:500;
	font-size: 22px;
	font-family: "Overpass";
    line-height: 0.6;
}

#ContenuHarris {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}



.TextOeuvreHarris {
	position: absolute;
    top: 77%;
    left: 7%;
    color: black;
    z-index: 1;
    line-height: 0.8;
}

#TitreOeuvreHarris {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreHarris {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreHarris {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}



.boutonOeuvreHarris {
	position: absolute;
    top: 2%;
    left: -10%;
    transform: scale(0.3);
    z-index: 2;
}

.imgOeuvreHarris {
	position: absolute;
    top: -10%;
    left: -5%;
    transform: scale(1.1);
    z-index: 0;
}

.enSavoirPlusHarris {
	position: absolute;
    top: 8%;
    left: 12%;
    transform: scale(0.3);
    z-index: 3;
}



.blocNoteHarris {
	position: absolute;
	top: 28%;
	left: 45%;
	z-index: 1;
	transform: scale(1.3);
}

.blocNoteLigneHarris {
	position: absolute;
	top: 38%;
	left: 48%;
	z-index: 2;
	transform: scale(1.3);
}

.blocNoteContenuHarris {
	position: absolute;
	top: 32%;
	left: 47%;
    right: 12%;
	line-height: 1.1;
	z-index: 3;
	transform: rotate(-6.5deg);
    text-align: justify;
}

#ContenuBlocHarris {
	font-weight:200;
	font-size: 20px;
	font-family: "PatrickHand";
    color: black;
    max-height: 330px;
    overflow-y: auto;
    display: block;
    padding-right: 10px;
    letter-spacing: 1.1px;
}


.imgFullHarris {
    position: absolute;
    top: 10%;
    left: 10%;
    transform: scale(1.2);
}



#underlineColorHarris {
	background-color: #FEF3A5;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}












/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Yves Klein, performance */



.imgOeuvrePerfor {
    position: absolute;
    top: -7%;
    left: 15%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvrePerfor {
	position: absolute;
    top: 2%;
    left: 6%;
    transform: scale(0.3);
    z-index: 2;
}

.pincePerfor {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvrePerfor {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvrePerfor {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvrePerfor {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvrePerfor {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullPerfor{
    position: absolute;
    top: 8%;
    left: 10%;
    transform: scale(1.2);
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Yves Klein Anthropométrie de l’époque bleue */


.imgOeuvreAnthro {
    position: absolute;
    top: -9%;
    left: 1%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreAnthro {
	position: absolute;
    top: 8%;
    left: -10%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceAnthro {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreAnthro {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreAnthro {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreAnthro {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreAnthro {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullAnthro{
    position: absolute;
    top: 15%;
    left: 0%;
    transform: scale(1.2);
}








/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Banksy Les Glaneuses */


.imgOeuvreGlaneuse {
    position: absolute;
    top: -4%;
    left: 15%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreGlaneuse {
	position: absolute;
    top: 2%;
    left: 6%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceGlaneuse {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreGlaneuse {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreGlaneuse {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreGlaneuse {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreGlaneuse {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullGlaneuse{
    position: absolute;
    top: 8%;
    left: 15%;
    transform: scale(1.2);
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Jean-François Millet Les Glaneuses */

.imgOeuvreMillet {
    position: absolute;
    top: -5%;
    left: 11%;
    transform: scale(1.25) rotate(-0deg);
    z-index: 0;
}

.boutonOeuvreMillet {
	position: absolute;
    top: 3%;
    left: 2%;
    transform: scale(0.3);
    z-index: 2;
}

.pinceMillet {
	position: absolute;
    top: -11.5%;
    left: 29%;
    transform: scale(1.1);
    z-index: 1;
}



.TextOeuvreMillet {
    position: absolute;
    top: 77%;
    right: 20%;
    color: black;
    z-index: 1;
    line-height: 0.7;
}

#TitreOeuvreMillet {
	font-weight:bold;
	font-size: 14px;
	font-family: "Overpass";
}

#SousTitreOeuvreMillet {
	font-weight:600;
	font-size: 12px;
	font-family: "Overpass";
}

#SousTexteOeuvreMillet {
	font-weight:600;
	font-size: 10px;
	font-family: "Overpass";
}

.imgFullMillet{
    position: absolute;
    top: 8%;
    left: 15%;
    transform: scale(1.2);
}