You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
SI13/TENSE/Tense_response.html

1991 lines
63 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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 its
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>