<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Avenir Next';
	src: local('Avenir Next Regular'), local('Avenir-Next-Regular'), url('AvenirNextCyr-Regular.woff2') format('woff2'), url('AvenirNextCyr-Regular.woff') format('woff'), url('AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
	
@font-face {
	font-family: 'Bodoni';
	font-style: normal;
	font-weight: normal;
	src: local('Bodoni'), url('bodoni_[allfont.net].woff') format('woff');
}

h1{font-size: 18px; text-align: center; font-weight: 600}
h2{padding-left: 90px; padding-right: 90px;text-align: center;font-size: 20px; font-weight: 400; color:#fee15b;}
h3{padding-left: 90px; padding-right: 90px;font-weight: 400; font-size:17px;}

.Texte {
	padding: 20px;
	font-size: 14pt;
}

.Texte3 {
	padding: 0px;
	font-size: 14pt;
}
.Texte2{font-family: 'Lato', sans-serif;font-size: 13pt; line-height: 22pt;}
.Liste{padding-left: 30px; padding-right: 30px; font-size: 17px; color: #535353;}

.central{text-align: center; width: 100%; background-color: antiquewhite;}
.Col{/*background-color: deeppink;*/ font-size: 12pt; overflow: auto; }
.Col1{width: 25%; float: left; /*background-color: blue;*/ margin-left: 15px; margin-right: 59px;}
.Col2{width: 25%;float: left;/* background-color:chartreuse;*/ margin-left: 15px; margin-right: 15px}
.Col3{width: 25%; float: right; /*background-color: brown;*/ margin-left: 5px; margin-right: 15px; }
.ColL{width: 40%; float: left; /*background-color: brown;*/  }
.ColR{width: 40%; float: right; /*background-color: brown;*/}
.Goethe2 {
	margin-top: 35px;
	margin-left: 90px;
	margin-right: 90px;
	text-align: center;
	width: auto;
	height: 100%;
	font-family: 'Prata', serif;color:#9D9D9D;
/*	font-family: Bodoni;
	font-size: 18pt;*/
}

	#link:hover{color:#87cdf1}
#link2:hover{color:#fee15b}
	#link3:hover{color:#9ef1cf}
	#link4:hover{color:#ffc9d4/*fdbd9e*/} 
#link5:hover{color:#e68265}
	

@media only screen and (max-width: 720px) { 
	 .Texte {
	padding: 25px !important;
	font-size: 14pt;
		 
		 
}
	.Photo {
	float:none !important;
		align-content: center;
		margin: auto!important;
	margin-left:auto!important;
		
	}
	
	.Goethe {
	text-align: center;
	padding-top: 10px;
	width: auto;
	height: 100%;
	
	
	
	}
	.Goethe2 {
	text-align: center;
	padding-top: 10px;
	width: auto;
	height: 100%;
			margin-left: 0px;
	margin-right: 0px;}
	
	h3{padding-left: 10px; padding-right: 10px;}
		h2{padding-left: 10px; padding-right: 10px;}
	
	
	
	.Texte2 {
	padding-top: 40px;
	
}
	
.Col1{width: 80%; float:none !important; /*background-color: blue;*/ margin:auto !important; padding-bottom: 15px;}
.Col2{width: 80%; float:none !important; /*background-color: blue;*/ margin:auto !important;padding-bottom: 15px;}
.Col3{width: 80%; float:none !important; /*background-color: blue;*/ margin:auto !important;padding-bottom: -95px;}
	.ColL{width: 80%; float:none !important; /*background-color: blue;*/ margin:auto !important;padding-bottom: 15px;}
	.ColR{width: 80%; float:none !important; /*background-color: blue;*/ margin:auto !important;padding-bottom: 15px;}
	
}
	

// Medium devices (tablets, 768px and up)


@media only screen and (max-width: 520px) {	
	
	

}
	</pre></body></html>