@font-face {
	font-family: selfmodern;
	src:url(SelfModernTrial.otf);

}

@font-face {
	font-family: selfmodernital;
	src:url(SelfModernItalicTrial.otf);
}

@font-face {
	font-family: open;
	src:url(OpenSans-Regular.ttf);
}

@font-face {
	font-family: openital;
	src:url(OpenSans-Italic.ttf);
}

@font-face {
	font-family: play;
	src:url(PlayfairDisplay-Medium.ttf);
}

@font-face {
	font-family: playital;
	src:url(PlayfairDisplay-MediumItalic.ttf);
}

@font-face {
	font-family: helvetica;
}

html, body { 
height: 100%;
cursor: crosshair;
}



header  {
	text-align: left;
	margin: 30px;
	width: 100%;
	font-family: helvetica;
	font-size: 20px;

}


a {
	text-decoration: none;
	color: black;
	cursor: pointer;
}

a:hover {
color: #FE5921;
}

#conteneur
{
	display: flex;
	justify-content: center;
}


.louisa
{ margin-top: 20px;
	font-family: helvetica;
	font-size: 1.2em;
}

.cercle
{  margin-top: 20px;
	font-family: play;
	font-size: 1.2em;
}

.pointblanc
{margin-top: 20px;
	font-family: helvetica;
	font-size: 1.1em;
	color: white;
}

.scenographlist{
	font-family: play;
	font-size: 0.9em;
	text-align: center;
	width: 40%;
	line-height: 130%;
}

.scenographlist1{
	font-family: play;
	font-size: 0.9em;
	text-align: center;
	width: 40%;
	line-height: 180%;
}

.graph1
{
	font-family: helvetica;
	font-size: 0.9em;
	text-align: right;
	width: 40%;
	padding: 20px;
	line-height: 180%;

}

.sceno1
{
	font-family: play;
	font-size: 0.9em;
	width: 40%;
	padding: 20px;
	line-height:180%;

}

.graphlist1
{
	font-family: helvetica;
	font-size: 0.9em;
	text-align: right;
	width: 40%;
	line-height: 200%;
	padding-right: 20px;
	vertical-align: baseline;

}
.scenolist1
{
	font-family: play;
	font-size: 0.9em;
	width: 40%;
	line-height: 180%;
	padding-left: 20px;
	vertical-align: baseline;
	}


.graph
{
	font-family: helvetica;
	font-size: 0.9em;
	text-align: right;
	width: 40%;
	padding: 20px;
	line-height: 130%;

}

.sceno
{
	font-family: play;
	font-size: 0.9em;
	width: 40%;
	padding: 20px;
	line-height:110%;

}

.graphlist
{
	font-family: helvetica;
	font-size: 0.9em;
	text-align: right;
	width: 40%;
	line-height: 203%;
	padding-right: 20px;

}
.scenolist
{
	font-family: play;
	font-size: 0.9em;
	width: 40%;
	line-height: 200%;
	padding-left: 20px;
	}

.scenographtext
{
	font-family: helvetica;
	font-size: 0.9em;
	line-height: 130%;
	width: 40%;
	text-align: justify;
	}

.scenographtext2
{
	font-family: helvetica;
	font-size: 0.9em;
	line-height: 130%;
	text-align: justify;
	}

.renvoi
{
	font-family: play;
	font-size: 0.6em;
	
	text-align: justify;
	}


.scenotext
{
	font-family: play;
	font-size: 0.9em;
	width: 40%;
	padding-left: 20px;
	line-height: 120%;
	}
	
.graphtext
{
	font-family: helvetica;
	font-size: 0.9em;
	width: 40%;
	padding-right: 20px;
	text-align: right;
	line-height: 130%;
	}

.graphimg
{
	font-family: helvetica;
	font-size: 0.9em;
	width: 40%;
	padding-right: 20px;
	text-align: right;
	}

.carre
{
padding-right: 50px;
float: right;
	}

.rond
{
	padding-top: 20px;
padding-left: 50px;
float: left;
	}