|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="./tense.ico">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<style>
|
|
|
|
|
|
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|
|
|
--------------------------------------------------------------------PRINT----------------------------------------------------------------------------------------------------
|
|
|
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
@page {
|
|
|
size: 420mm, 297mm;
|
|
|
margin: 0mm;
|
|
|
}
|
|
|
@media print {
|
|
|
@font-face {
|
|
|
font-family: 'WFTF';
|
|
|
src: url('wftfs-Regular.otf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
src: url('EBGaramond-MediumItalic.ttf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'EBGaramonditalic';
|
|
|
src: url('EBGaramond-Italic.ttf');
|
|
|
}
|
|
|
|
|
|
brut {
|
|
|
font-family: 'Brut';
|
|
|
color: black;
|
|
|
text-align: left;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
}
|
|
|
|
|
|
/*div {background-color: transparent;}
|
|
|
div a {
|
|
|
text-decoration: none;
|
|
|
color: black;
|
|
|
margin-left: 10%;
|
|
|
font-size: 20px;
|
|
|
background-color: white;
|
|
|
display:inline-block;
|
|
|
}*/
|
|
|
ul {
|
|
|
display: inline;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
background-color: yellow;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
}
|
|
|
ul li {
|
|
|
display: inline-block;
|
|
|
background: red;
|
|
|
}
|
|
|
ul li:hover {
|
|
|
background: purple;
|
|
|
}
|
|
|
ul li:hover ul {
|
|
|
position: fixed;
|
|
|
display: block;
|
|
|
z-index: 20;
|
|
|
top: 5%;
|
|
|
left: 1%;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
line-height: 120%;
|
|
|
font-size: 20px;
|
|
|
max-width: 50%;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
ul li ul {
|
|
|
position: absolute;
|
|
|
padding: 0% 0%;
|
|
|
display: none;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
ul li ul li {
|
|
|
background: blue;
|
|
|
display: block;
|
|
|
margin-top: 0;
|
|
|
margin-left: 0;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
padding: 3px 20px;
|
|
|
margin-top: 6%;
|
|
|
}
|
|
|
ul li ul li a {
|
|
|
display:block !important;
|
|
|
}
|
|
|
ul li ul li:hover {
|
|
|
background: transparent;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
/*——————————————————————————————————————————————*/
|
|
|
|
|
|
ul2 {
|
|
|
display: inline;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
background-color: yellow;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
}
|
|
|
ul2 li2 {
|
|
|
display: inline-block;
|
|
|
background: red;
|
|
|
}
|
|
|
ul2 li2:hover {
|
|
|
background: purple;
|
|
|
}
|
|
|
ul2 li2:hover ul2 {
|
|
|
position: fixed;
|
|
|
display: block;
|
|
|
z-index: 20;
|
|
|
top: 5%;
|
|
|
right: 1%;
|
|
|
max-width:40%;
|
|
|
line-height: 120%;
|
|
|
font-size: 20px;
|
|
|
text-align: left;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
ul2 li2 ul2 {
|
|
|
position: absolute;
|
|
|
padding: 0% 0%;
|
|
|
display: none;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
ul2 li2 ul2 li2 {
|
|
|
background: blue;
|
|
|
display: block;
|
|
|
margin-top: 0;
|
|
|
margin-right: 0;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
padding: 3px 20px;
|
|
|
margin-top: 6%;
|
|
|
}
|
|
|
ul2 li2 ul2 li2 a {
|
|
|
display:block !important;
|
|
|
}
|
|
|
ul2 li2 ul2 li2:hover {
|
|
|
background: transparent;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
/*——————————————————————————————————————————————*/
|
|
|
|
|
|
ul3 {
|
|
|
display: inline;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
background-color: yellow;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
}
|
|
|
ul3 li3 {
|
|
|
display: inline-block;
|
|
|
background: red;
|
|
|
}
|
|
|
ul3 li3:hover {
|
|
|
background: purple;
|
|
|
}
|
|
|
ul3 li3:hover ul3 {
|
|
|
position: fixed;
|
|
|
display: block;
|
|
|
z-index: 20;
|
|
|
bottom: 5%;
|
|
|
right: 1%;
|
|
|
max-width:40%;
|
|
|
line-height: 120%;
|
|
|
font-size: 20px;
|
|
|
text-align: left;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
transition: all 500ms ease-in-out;
|
|
|
}
|
|
|
ul3 li3 ul3 {
|
|
|
position: absolute;
|
|
|
padding: 0% 0%;
|
|
|
display: none;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
ul3 li3 ul3 li3 {
|
|
|
background: blue;
|
|
|
display: block;
|
|
|
margin-bottom: 0;
|
|
|
margin-right: 0;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 5000;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
padding: 3px 20px;
|
|
|
margin-bottom: 6%;
|
|
|
}
|
|
|
ul3 li3 ul3 li3 a {
|
|
|
display:block !important;
|
|
|
}
|
|
|
ul3 li3 ul3 li3:hover {
|
|
|
background: transparent;
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
logo {
|
|
|
display: none;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.page {
|
|
|
page-break-after: always;
|
|
|
opacity: 1;
|
|
|
}
|
|
|
body {
|
|
|
padding: 2mm;
|
|
|
margin-top: 0;
|
|
|
margin-left: 0;
|
|
|
margin-top: 0;
|
|
|
margin-left: 0;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
text-align: left;
|
|
|
columns: 3 auto;
|
|
|
background: rgb(233,233,233);
|
|
|
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
|
|
|
}
|
|
|
.button {
|
|
|
display:none
|
|
|
}
|
|
|
.buttonright {
|
|
|
display:none
|
|
|
}
|
|
|
.image {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
text-align: center;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-weight: 900;
|
|
|
top: 0;
|
|
|
left: 10;
|
|
|
z-index: 300;
|
|
|
position: fixed;
|
|
|
}
|
|
|
h9 {
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
text-align: center;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-weight: 900;
|
|
|
top: 0;
|
|
|
right: 10;
|
|
|
z-index: 300;
|
|
|
position: fixed;
|
|
|
}
|
|
|
h2 {
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 1mm;
|
|
|
padding-top: 1mm;
|
|
|
margin-right: 0mm;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
margin-left: 5mm;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
z-index: 250;
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
h3 {
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
color: black;
|
|
|
font-style: italic;
|
|
|
text-align: center;
|
|
|
font-family: "Times New Roman", Times, serif;
|
|
|
font-weight: lighter;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
h4 {
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
line-height: 90%;
|
|
|
}
|
|
|
h5 {
|
|
|
color: #EDEDED;
|
|
|
font-family: helvetica;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
text-justify: none;
|
|
|
bottom: 0;
|
|
|
position: fixed;
|
|
|
display: inline-block;
|
|
|
/*text-shadow: 0px 0px 20px #FFFFFF;*/
|
|
|
z-index:99;
|
|
|
}
|
|
|
h6 {
|
|
|
color: transparent;
|
|
|
font-family: helvetica;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
position: fixed;
|
|
|
display: inline-block;
|
|
|
/*text-shadow: 20px 20px 20px;*/
|
|
|
stroke: 1px;
|
|
|
z-index:98;
|
|
|
}
|
|
|
h7 {
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
margin-left: 0px;
|
|
|
z-index: 1000;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
}
|
|
|
|
|
|
h8 {
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
text-indent: 3mm;
|
|
|
margin-left: 0px;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
text-align: left;
|
|
|
color: #FFF200;
|
|
|
/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
}
|
|
|
titre {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 18pt;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
line-height: 60%;
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
font-family: helvetica;
|
|
|
z-index: 100;
|
|
|
position: relative;
|
|
|
}
|
|
|
p{
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
text-indent: 50px;
|
|
|
margin-bottom: 0mm;
|
|
|
margin-top: 5mm;
|
|
|
text-align: left;
|
|
|
font-weight: normal;
|
|
|
font-family: helvetica;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
z-index: 250;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p2{
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
margin-bottom: 0mm;
|
|
|
margin-top: 5mm;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-weight: normal;
|
|
|
text-align: left;
|
|
|
font-family: helvetica;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
z-index: 9;
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p3 {
|
|
|
content: "\a";
|
|
|
white-space: pre;
|
|
|
padding-left: 2mm;
|
|
|
padding-right: 2mm;
|
|
|
padding-bottom: 1mm;
|
|
|
padding-top: 1mm;
|
|
|
margin-top: 1mm;
|
|
|
margin-bottom: 1mm;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 1000;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
p4 {
|
|
|
display: block;
|
|
|
writing-mode: vertical-rl;
|
|
|
font-weight: bold;
|
|
|
content: "\a";
|
|
|
white-space: pre;
|
|
|
margin-right: 0mm;
|
|
|
padding-left: 2mm;
|
|
|
padding-right: 2mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 5mm;
|
|
|
color: black;
|
|
|
font-style: italic;
|
|
|
text-align: right;
|
|
|
text-justify: right;
|
|
|
font-family: helvetica;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
letter-spacing: normal;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 1000;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p5 {
|
|
|
display: block;
|
|
|
font-weight: bold;
|
|
|
content: "\a";
|
|
|
white-space: pre;
|
|
|
margin-right: 0mm;
|
|
|
padding-left: 2mm;
|
|
|
padding-right: 0mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
color: black;
|
|
|
text-align: left;
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
letter-spacing: normal;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
z-index: 1000;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1); transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
not{
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-weight: normal;
|
|
|
font-family: helvetica;
|
|
|
color: black;
|
|
|
z-index: 400;
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
}
|
|
|
|
|
|
span {
|
|
|
color: black;
|
|
|
}
|
|
|
.square {
|
|
|
height: auto;
|
|
|
position: relative;
|
|
|
padding-left: 10px;
|
|
|
padding-right: 10px;
|
|
|
padding-bottom: 90%;
|
|
|
padding-top: 10px;
|
|
|
width: 90%;
|
|
|
height: 50%;
|
|
|
font-family: helvetica;
|
|
|
font-size: 8pt;
|
|
|
margin-bottom: 0px;
|
|
|
/*background-color: #CCCCCC;*/
|
|
|
background-color: black;
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
z-index: 100;
|
|
|
}
|
|
|
.square:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
img {
|
|
|
max-width: 90%;
|
|
|
height: auto;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
position: absolute;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
width: 80%;
|
|
|
height: 90%;
|
|
|
font-family: helvetica;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
margin-top: 3mm;
|
|
|
margin-right: 3mm;
|
|
|
margin-left: 0mm;
|
|
|
margin-bottom: 3mm;
|
|
|
z-index: 100;
|
|
|
background: green;
|
|
|
}
|
|
|
|
|
|
|
|
|
footnotes {
|
|
|
color: #353535;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 900;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
font-family: helvetica;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
boxfootnotes {
|
|
|
padding-left: 3mm;
|
|
|
text-indent: 0mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 1mm;
|
|
|
padding-top: 1mm;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
boxlink{
|
|
|
padding-left: 1mm;
|
|
|
text-indent: 0mm;
|
|
|
padding-right: 1mm;
|
|
|
padding-bottom: 1mm;
|
|
|
padding-top: 1mm;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
a{
|
|
|
text-decoration: none;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
z-index: 1000;
|
|
|
}
|
|
|
a:visited{
|
|
|
text-decoration: none;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
}
|
|
|
a:hover {
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
}
|
|
|
navigation {
|
|
|
margin: 0px;
|
|
|
}
|
|
|
.intro {
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 5mm;
|
|
|
padding-top: 3mm;
|
|
|
margin-bottom: 3mm;
|
|
|
text-align: left;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
text-indent: 10mm;
|
|
|
font-family: helvetica;
|
|
|
z-index: 100;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
ident {
|
|
|
text-indent: 10mm;
|
|
|
}
|
|
|
meta {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
|
|
|
.dot {
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
position: fixed;
|
|
|
top:0;
|
|
|
left:0;
|
|
|
bottom: 0;
|
|
|
right: 0;
|
|
|
display: flex;
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
border-radius: 50%;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
box {
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
section {
|
|
|
display: block;
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
font-family: helvetica;
|
|
|
margin-top: 3mm;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectionimg {
|
|
|
display: block;
|
|
|
padding-left: 3mm;
|
|
|
padding-right:6mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
font-family: helvetica;
|
|
|
margin-top: 3mm;
|
|
|
margin-bottom: 3mm;
|
|
|
width: 67%;
|
|
|
margin-right: 9mm;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectionvertical {
|
|
|
display: block;
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
font-family: helvetica;
|
|
|
font-weight: bold;
|
|
|
margin-top: 3mm;
|
|
|
text-align: right;
|
|
|
text-justify: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
h7vertical {
|
|
|
writing-mode: vertical-rl;
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: bold;
|
|
|
text-align: right;
|
|
|
text-justify: right;
|
|
|
font-size: 8pt;
|
|
|
line-height: 10pt;
|
|
|
margin-left: 0px;
|
|
|
z-index: 1000;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
}
|
|
|
sectiontitre {
|
|
|
display: block;
|
|
|
padding-left: 3mm;
|
|
|
padding-right: 3mm;
|
|
|
padding-bottom: 3mm;
|
|
|
padding-top: 3mm;
|
|
|
font-family: helvetica;
|
|
|
font-weight: bold;
|
|
|
margin-top: 3mm;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 14pt;
|
|
|
line-height: 10pt;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
br {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
symbol {
|
|
|
font-family: 'WFTF';
|
|
|
font-size: 8pt;
|
|
|
text-align: center;
|
|
|
}
|
|
|
.b {
|
|
|
font-family: helvetica;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
h9 {
|
|
|
display: block;
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 70pt;
|
|
|
text-align: center;
|
|
|
z-index: 1000;
|
|
|
line-height: 110%;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
|
|
}
|
|
|
bodytitreleft {
|
|
|
display: none;
|
|
|
position: relative;
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 70pt;
|
|
|
letter-spacing: 0px;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
bottom: 0mm;
|
|
|
left: 180mm;
|
|
|
line-height: 100%;
|
|
|
font-family: helvetica;
|
|
|
z-index: -10;
|
|
|
}
|
|
|
bodytitreright {
|
|
|
display: none;
|
|
|
position: fixed;
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 70pt;
|
|
|
letter-spacing: 0px;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
bottom: 0mm;
|
|
|
left: 180mm;
|
|
|
line-height: 100%;
|
|
|
font-family: helvetica;
|
|
|
z-index: -11;
|
|
|
}
|
|
|
.help{
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
.print{
|
|
|
display: none;
|
|
|
}
|
|
|
.response {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|
|
|
--------------------------------------------------------------------SCREEN----------------------------------------------------------------------------------------------------
|
|
|
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
@media screen{
|
|
|
|
|
|
@font-face {
|
|
|
font-family: 'WFTF';
|
|
|
src: url('wftfs-Regular.otf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
src: url('EBGaramond-MediumItalic.ttf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'EBGaramonditalic';
|
|
|
src: url('EBGaramond-Italic.ttf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'Roboto';
|
|
|
src: url('Roboto-Regular.ttf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'Robotobold';
|
|
|
src: url('Roboto-Bold.ttf');
|
|
|
}
|
|
|
@font-face {
|
|
|
font-family: 'Robotomedium';
|
|
|
src: url('Roboto-Medium.ttf');
|
|
|
}
|
|
|
logo {
|
|
|
position: fixed;
|
|
|
bottom: 0%;
|
|
|
left: 1%;
|
|
|
z-index: 1000;
|
|
|
}
|
|
|
body{
|
|
|
margin-top: 6%;
|
|
|
margin-bottom: 6%;
|
|
|
margin-left: 1%;
|
|
|
margin-right: 1%;
|
|
|
columns: 2 auto;
|
|
|
/*background: white;*/
|
|
|
background: rgb(233,233,233);
|
|
|
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
|
|
|
background-repeat: no-repeat;
|
|
|
background-attachment: fixed;
|
|
|
text-align: left;
|
|
|
position: absolute;
|
|
|
}
|
|
|
h1 {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
text-align: center;
|
|
|
line-height: 100%;
|
|
|
font-weight: 900;
|
|
|
top: 0;
|
|
|
left: 10;
|
|
|
z-index: 300;
|
|
|
position: fixed;
|
|
|
}
|
|
|
h2 {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 3%;
|
|
|
padding-top: 3%;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
margin-left: 50px;
|
|
|
line-height: 120%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
z-index: 250;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
h2:hover {
|
|
|
color: black;
|
|
|
z-index: 3000;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
h3 {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 7%;
|
|
|
padding-top: 7%;
|
|
|
color: black;
|
|
|
font-style: italic;
|
|
|
text-align: center;
|
|
|
font-family: times new roman;
|
|
|
font-weight: lighter;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
h3:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
h4 {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
line-height: 90%;
|
|
|
}
|
|
|
h5 {
|
|
|
color: #EDEDED;
|
|
|
font-family: helvetica;
|
|
|
font-size: 120pt;
|
|
|
font-size: 20px;
|
|
|
text-justify: none;
|
|
|
bottom: 0;
|
|
|
position: fixed;
|
|
|
display: inline-block;
|
|
|
text-shadow: 0px 0px 20px #FFFFFF;
|
|
|
z-index:99;
|
|
|
}
|
|
|
h6 {
|
|
|
color: transparent;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
position: fixed;
|
|
|
display: inline-block;
|
|
|
text-shadow: 3% 20px 20px;
|
|
|
stroke: 1px;
|
|
|
z-index:98;
|
|
|
}
|
|
|
h7 {
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
margin-left: 0px;
|
|
|
line-height: 110%;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
|
|
|
}
|
|
|
h8 {
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
text-indent: 20px;
|
|
|
margin-left: 0px;
|
|
|
font-size: 20px;
|
|
|
text-align: center;
|
|
|
line-height: 110%;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
h9 {
|
|
|
opacity: 1;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
text-align: center;
|
|
|
margin-left: 0px;
|
|
|
z-index: 1000;
|
|
|
line-height: 110%;
|
|
|
color: #FFF200;
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
|
|
|
}
|
|
|
p {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 7%;
|
|
|
padding-top: 7%;
|
|
|
font-size: 20px;
|
|
|
text-indent: 50px;
|
|
|
line-height: 120%;
|
|
|
text-align: left;
|
|
|
font-weight: normal;
|
|
|
margin-top: 3%;
|
|
|
margin-bottom: 0%;
|
|
|
font-family: helvetica;
|
|
|
display: inline-block;
|
|
|
color: black;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
z-index: 0;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 500ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
p:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
p2 {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 7%;
|
|
|
padding-top: 7%;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-weight: normal;
|
|
|
margin-top: 3%;
|
|
|
text-align: left;
|
|
|
font-family: helvetica;
|
|
|
display: inline-block;
|
|
|
color: black;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
z-index: 0;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p2:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
mix-blend-mode: hard-light;
|
|
|
|
|
|
}
|
|
|
p3 {
|
|
|
padding-left: 20px;
|
|
|
padding-right: 20px;
|
|
|
padding-bottom: 10px;
|
|
|
padding-top: 10px;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
z-index: 10;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p3:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
mix-blend-mode: hard-light;
|
|
|
|
|
|
}
|
|
|
p5 {
|
|
|
padding-left: 1%;
|
|
|
padding-right: 1%;
|
|
|
padding-bottom: 2%;
|
|
|
padding-top: 2%;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
p4 {
|
|
|
display:none;
|
|
|
}
|
|
|
symbol {
|
|
|
font-family: 'WFTF';
|
|
|
font-size: 20px;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
}
|
|
|
symbol:hover {
|
|
|
font-family: 'WFTF';
|
|
|
color: white;
|
|
|
z-index: 300;
|
|
|
}
|
|
|
not{
|
|
|
line-height: 120%;
|
|
|
font-weight: normal;
|
|
|
font-family: helvetica;
|
|
|
color: black;
|
|
|
z-index: 400;
|
|
|
}
|
|
|
|
|
|
span {
|
|
|
color: black;
|
|
|
}
|
|
|
.square {
|
|
|
padding-left: 1%;
|
|
|
padding-right: 1%;
|
|
|
padding-bottom: 1%;
|
|
|
padding-top: 1%;
|
|
|
position: relative;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
width: 80%;
|
|
|
height: 40%;
|
|
|
margin-left: 0px;
|
|
|
margin-right: 0px;
|
|
|
margin-top: 3%;
|
|
|
/*background-color: #CCCCCC;*/
|
|
|
background-color: transparent;
|
|
|
border-radius: 2% 2% 2% 2%;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
z-index: 100;
|
|
|
filter: blur(0.2px);
|
|
|
-webkit-filter: blur(0.2px);
|
|
|
}
|
|
|
.square:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
padding-top: 50%;
|
|
|
padding-right: 50%;
|
|
|
z-index: 100;
|
|
|
border-radius: 2% 2% 2% 2%;
|
|
|
}
|
|
|
.square:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.content {
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
border-radius: 6% 6% 6% 6%;
|
|
|
width: 100%;
|
|
|
margin-top: 1%;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
height: 100%;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
img {
|
|
|
max-width: 90%;
|
|
|
height: auto;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
.content {
|
|
|
position: absolute;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
max-width: 90%;
|
|
|
height: auto;
|
|
|
background-color: grey;
|
|
|
font-family: helvetica;
|
|
|
font-size: 20px;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
footnotes {
|
|
|
color: #353535;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 900;
|
|
|
font-size: 20px;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
font-family: helvetica;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
footnotes {
|
|
|
color: #353535;
|
|
|
font-family: helvetica;
|
|
|
font-weight: 900;
|
|
|
font-size: 20px;
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
font-family: helvetica;
|
|
|
display: inline-block;
|
|
|
z-index: 9;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
boxfootnotes {
|
|
|
white-space: nowrap;
|
|
|
padding-left: 2%;
|
|
|
text-indent: 0%;
|
|
|
padding-right: 2%;
|
|
|
padding-bottom: 0%;
|
|
|
padding-top: 0px;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
|
|
|
boxlink {
|
|
|
white-space: nowrap;
|
|
|
padding-left: 0%;
|
|
|
padding-right: 0%;
|
|
|
padding-bottom: 0%;
|
|
|
padding-top: 0%;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
a{
|
|
|
text-decoration: none;
|
|
|
color: black;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
z-index: 1000;
|
|
|
}
|
|
|
a:visited{
|
|
|
text-decoration: none;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
a:hover {
|
|
|
color: black;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
navigation {
|
|
|
margin: 0px;
|
|
|
}
|
|
|
.intro {
|
|
|
padding-left: 20px;
|
|
|
padding-right: 20px;
|
|
|
padding-bottom: 50px;
|
|
|
padding-top: 50px;
|
|
|
text-align: left;
|
|
|
/*color: #353535;*/
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 100;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.intro:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
}
|
|
|
.href {
|
|
|
color: #353535;
|
|
|
}
|
|
|
.href:hover {
|
|
|
color: black;
|
|
|
}
|
|
|
.button {
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
position: fixed;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
top: 1%;
|
|
|
left: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 2000;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.button:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.buttonright {
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
border: none;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
left: 25%;
|
|
|
top: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 1990;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.buttonright:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.buttonbottomright {
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
border: none;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
right: 1%;
|
|
|
bottom: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 1990;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.buttonbottomright:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.help {
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
border: none;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
right: 1%;
|
|
|
top: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 1990;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.help:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.response {
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
border: none;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
left: 40%;
|
|
|
top: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 1990;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.response:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
.print {
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
border: none;
|
|
|
font-size: 20px;
|
|
|
padding: 3px 20px;
|
|
|
color: black;
|
|
|
text-align: center;
|
|
|
text-decoration:none;
|
|
|
display: inline-block;
|
|
|
right: 1%;
|
|
|
bottom: 1%;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
display: inline-block;
|
|
|
z-index: 1990;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
.print:hover {
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
color: black;
|
|
|
background: #CCCCCC;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
bodytitreleft {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 70px;
|
|
|
letter-spacing: 0px;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
top: 4%;
|
|
|
left: 47%;
|
|
|
line-height: 100%;
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
font-family: helvetica;
|
|
|
z-index: -11;
|
|
|
position: fixed;
|
|
|
}
|
|
|
bodytitreright {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 70px;
|
|
|
letter-spacing: 0px;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
bottom: 10%;
|
|
|
left: 47%;
|
|
|
line-height: 100%;
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
font-family: helvetica;
|
|
|
z-index: -10;
|
|
|
position: fixed;
|
|
|
}
|
|
|
titre {
|
|
|
color: black;
|
|
|
font-family: helvetica;
|
|
|
opacity: 1;
|
|
|
font-size: 70px;
|
|
|
letter-spacing: 0px;
|
|
|
text-justify: center;
|
|
|
text-align: center;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
line-height: 60%;
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
font-family: helvetica;
|
|
|
z-index: 0;
|
|
|
position: relative;
|
|
|
}
|
|
|
sectiontitre {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 3%;
|
|
|
padding-top: 3%;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
text-align: right;
|
|
|
text-align: left;
|
|
|
margin-right: 2%;
|
|
|
margin-left: 2%;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 0;
|
|
|
position: relative;
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectiontitre:hover {
|
|
|
color: black;
|
|
|
background-color: #CCCCCC;
|
|
|
z-index: 300;
|
|
|
mix-blend-mode: hard-light;
|
|
|
}
|
|
|
ident {
|
|
|
text-indent: 100px;
|
|
|
}
|
|
|
meta {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
|
|
|
.dot {
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
position: fixed;
|
|
|
top:0;
|
|
|
left:0;
|
|
|
bottom: 0;
|
|
|
right: 0;
|
|
|
display: flex;
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
border-radius: 50%;
|
|
|
display: inline-block;
|
|
|
z-index: 0;
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
box {
|
|
|
padding-left: 2%;
|
|
|
padding-right: 2%;
|
|
|
padding-bottom: 2%;
|
|
|
padding-top: 2%;
|
|
|
text-align: right;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
section {
|
|
|
display: block;
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 3%;
|
|
|
padding-top: 3%;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
font-family: helvetica;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 900;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectionimg {
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 3%;
|
|
|
padding-top: 3%;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
font-family: helvetica;
|
|
|
text-align: right;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectionimg2 {
|
|
|
mix-blend-mode: lighter;
|
|
|
padding-left: 3%;
|
|
|
padding-right: 3%;
|
|
|
padding-bottom: 3%;
|
|
|
padding-top: 3%;
|
|
|
margin-top: 2%;
|
|
|
margin-bottom: 2%;
|
|
|
margin-left: 2%;
|
|
|
margin-right: 2%;
|
|
|
font-family: helvetica;
|
|
|
text-align: right;
|
|
|
text-align: left;
|
|
|
color: black;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 120%;
|
|
|
font-family: helvetica;
|
|
|
z-index: 300;
|
|
|
position: relative;
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
display: inline-block;
|
|
|
background-color: transparent;
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
transition: all 100ms ease-in-out;
|
|
|
}
|
|
|
sectionvertical {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
h7vertical {
|
|
|
display: none;
|
|
|
}
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
body {
|
|
|
columns: 1 auto;
|
|
|
}
|
|
|
.button {
|
|
|
left: 25%;
|
|
|
}
|
|
|
|
|
|
.buttonright {
|
|
|
visibility:hidden;
|
|
|
}
|
|
|
.response {
|
|
|
display: none;
|
|
|
}
|
|
|
.help {
|
|
|
display: none;
|
|
|
}
|
|
|
.print {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
</html>
|
|
|
|
|
|
<bodytitreleft><h9>‹body›</h9></bodytitreleft>
|
|
|
<bodytitreright><h9>‹/body›</h9></bodytitreright>
|
|
|
|
|
|
|
|
|
<div>
|
|
|
<span class="dot"></span>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!--<button class="buttonleft">
|
|
|
<a href="/--/.."><h7>‹button›</h7>Previous<h7>‹/button›</h7></a>
|
|
|
</button>-->
|
|
|
<button class="button">
|
|
|
<a href="../TENSE/"><h7>‹button›</h7>Back<h7>‹/button›</h7></a>
|
|
|
</button>
|
|
|
<!--<button class="buttonright">
|
|
|
<a href="TENSE.pdf" target="blank"><h7>‹button›</h7>Orignal<h7>‹/button›</h7></a>
|
|
|
</button>-->
|
|
|
<button class="help">
|
|
|
<a href="../TENSE/map.html"><h7>‹button›</h7>Map<h7>‹/button›</h7></a>
|
|
|
</button>
|
|
|
<button class="response">
|
|
|
<a href="../"><h7>‹button›</h7>Wor(l)ds<h7>‹/button›</h7></a>
|
|
|
</button>
|
|
|
<button class="print">
|
|
|
<a onclick="window.print()"><h7>‹button›</h7>Print<h7>‹/button›</h7></a>
|
|
|
</button>
|
|
|
|
|
|
<a href="https://martinfoucaut.com/">
|
|
|
<logo><img border="0" alt="logo" src="logo_2020-01.png"></logo>
|
|
|
</a>
|
|
|
|
|
|
|
|
|
<sectiontitre>
|
|
|
<titre><h7>‹title›</h7>Tense<h7>‹/title›</h7></titre>
|
|
|
</sectiontitre>
|
|
|
|
|
|
<section class="intro">
|
|
|
<a href="https://www.eilitmarom.com/about"><h7>‹introduction›</h7><br><h7>‹author›</h7><u>Eilit Marom</u><h7>‹/author›</h7></a> (Haifa),
|
|
|
<h7>‹artist›</h7><u>Anna Massoni</u><h7>‹/artist›</h7> (Paris),
|
|
|
<h7>‹artist›</h7><u>Elpida Orfanidou</u><h7>‹/artist›</h7> (Berlin/Athens),
|
|
|
<h7>‹artist›</h7><u>Adina Secretan</u><h7>‹/artist›</h7> (Lausanne), and
|
|
|
<h7>‹artist›</h7><u>Simone Truong</u><h7>‹/artist›</h7> (Zurich) are five creators that conceived, choreographed and
|
|
|
performed the performance (To) Come and See together. The
|
|
|
project was initiated in 2014 when Simone Truong proposed a
|
|
|
research about the notion of eroticism. She wanted to open up the
|
|
|
discourse in a larger context with other accomplices. What began
|
|
|
as a curiosity became a journey of multiple gatherings, researches
|
|
|
and performances all over the world. Along the way, the widely
|
|
|
varied experiences and encounters made the project develop and
|
|
|
grow organically into a triptych. Since September 2017 the work
|
|
|
also includes (To) Keep in Touch - a workshop on touch with
|
|
|
local residents, and (To) Give a Hand - a durational performative
|
|
|
experience with the workshop participants.<h7>‹/introduction›</h7></section>
|
|
|
<p5><h7>‹quote›</h7> « while reading, touch the paper with your eyes » <h7>‹/quote›</h7></p5>
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
<h2><h7>‹subtitle›</h7>Hello<h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
<p><h7>‹paragraph›</h7>
|
|
|
We are Anna, Adina, Eilit, Elpida
|
|
|
and Simone and we invite you to
|
|
|
play. The space you are in right
|
|
|
now is your playground, you can
|
|
|
claim it as an ecosystem where
|
|
|
tenderness, intimacy and even
|
|
|
fear can appear. The instructions
|
|
|
written here offer you ways to
|
|
|
operate in it. Use the game board
|
|
|
map to create your own path.
|
|
|
Remember one door needs to be
|
|
|
opened before we can go to the
|
|
|
next, but the path to open each
|
|
|
door is unknown, it has to be
|
|
|
worked-through in real-time.
|
|
|
There is a secret « toolbox » on
|
|
|
the side at your disposal made
|
|
|
of verbs. You can apply them to
|
|
|
each room and behaviors written
|
|
|
on the map while following it,
|
|
|
and discover the constant path.
|
|
|
Listen, so serendipity could
|
|
|
appear by itself, observing the
|
|
|
coincidences, together and
|
|
|
alone. Everything matters. There
|
|
|
is no goal or climax. Everything
|
|
|
keeps TENSE because it’s
|
|
|
ongoing. Everything keeps
|
|
|
unfolding, surfing the waves of
|
|
|
desire.<br>
|
|
|
It is like an endless kiss..<h7>‹/paragraph›</h7></p></section>
|
|
|
<sectionimg><h7>‹image›</h7><img src="response_img_elements-01.png" alt="Plan"><h7>‹/image›</h7></sectionimg>
|
|
|
|
|
|
<sectionvertical>
|
|
|
<h7vertical>‹about›</h7vertical>
|
|
|
<p4><h7vertical>‹info›</h7vertical>Reinterpretation<h7vertical>‹/info›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Martin Foucaut </b><h7vertical>‹/artist›</h7vertical></p4>
|
|
|
<p4><h7vertical>‹info›</h7vertical>Original artistic response<h7vertical>‹/info›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Eilit Marom </b><h7vertical>‹/artist›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Anna Massoni </b><h7vertical>‹/artist›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Elpida Orfanidou </b><h7vertical>‹/artist›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Adina Secretan </b><h7vertical>‹/artist›</h7vertical>
|
|
|
<h7vertical>‹artist›</h7vertical><b> Simone Truong </b><h7vertical>‹/artist›</h7vertical></p4>
|
|
|
</sectionvertical>
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
<p2><h7>‹paragraph›</h7>
|
|
|
<br> I enter the labyrinth,<br>
|
|
|
Of the vibrating facts in front of
|
|
|
my body.<br>
|
|
|
I sing their surface;<br>
|
|
|
The textures of each are my
|
|
|
nests for the night.<br>
|
|
|
I am happy to sense you around;<br>
|
|
|
And then I can taste time.<br>
|
|
|
Faithfully.<br>
|
|
|
<h7>‹/paragraph›</h7></p2><br><br>
|
|
|
<sectionimg2><h7>‹image›</h7><img src="response_img_elements-02.png" alt="Plan"><h7>‹/image›</h7></sectionimg2>
|
|
|
<section>
|
|
|
<sectionimg><h7>‹image›</h7><img src="response_img_elements-03.png" alt="Plan"><h7>‹/image›</h7></sectionimg>
|
|
|
<sectionimg><h7>‹image›</h7><img src="response_img_elements-04.png" alt="Plan"><h7>‹/image›</h7></sectionimg>
|
|
|
|
|
|
<p5><h7>‹quote›</h7> « has the light changed ? » <h7>‹/quote›</h7></p5>
|
|
|
<h7>‹/section›</h7>
|
|
|
</section>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h7>‹section›</h7>
|
|
|
<p2><h7>‹paragraph›</h7>
|
|
|
(To) Come and See is not merely a performance.
|
|
|
Rather, it is an experience where one is allowed to
|
|
|
surrender, let go of aim and control and feel vulnerability
|
|
|
and fear whilst feeling protected by genuine
|
|
|
tenderness and sensuality.
|
|
|
The practice explores the idea of an erotic dramaturgy,
|
|
|
which claims to stay open and therefore
|
|
|
turns sensuality into a liberating experience, free of
|
|
|
the idea of a goal. Between proximity and distance,
|
|
|
disappearing and presence, a sensual landscape,
|
|
|
joyful and uncanny, emerges.
|
|
|
Along the way, the widely varied experiences and
|
|
|
encounters made the project develop and grow
|
|
|
organically: one and half years after the premier
|
|
|
of (To) Come and See, the work has been extended
|
|
|
to a to a triptych including (To) Keep in Touch, a
|
|
|
series of workshops about touch, and (To) Give a
|
|
|
Hand, a durational performance about desire with
|
|
|
the participants from the workshops.<h7>‹/paragraph›</h7></p2>
|
|
|
<h7>‹/section›</h7>
|
|
|
</section>
|
|
|
<br>
|
|
|
<br>
|
|
|
<section><h7>‹section›</h7>
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Concept, Choreography, Performance / Simone Truong, Eilit Marom, Anna Massoni, Elpida Orfanidou, Adina Secretan
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Light, Stage / Roger
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Studer - Mask / Dana Hesse, Katharina Kroll<br>
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Dramaturgy / Igor Dobricic
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Outside eye / Jessica Huber
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Production management / Anke Hoffmann
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Assistance / Samira Bösch.
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Production / association Overseas
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹credits›</h7>
|
|
|
Coproduction / Gessnerallee Zürich, Les
|
|
|
Rencontres Chorégraphiques Internationales de
|
|
|
Seine-Saint-Denis, Théâtre Sévelin 36 Lausanne
|
|
|
Picture / Flurin Bertschinger
|
|
|
<h7>‹/credits›</h7></p2>
|
|
|
<h7>‹/section›</h7></section>
|
|
|
|
|
|
<a href=""></a>
|
|
|
|