@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic|Tenor+Sans|Archivo+Narrow:400,400italic,700,700italic|VT323|Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scope+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

body { 
  margin:0;
  padding:0;
    background:#0a0212;
	animation:bgcolor 20s infinite;
}

@keyframes bgcolor {
  0% {background-color: #0a0212;}
  20% {background-color: #120209;}
  60% {background-color: #21001c;}
  100% {background-color: #0a0212;}
}

q {
  quotes: "«\00A0" "\00A0»" '"\00A0' '\00A0"';
}

.texte_intro_s {
	font-family: "Signika Negative", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
	letter-spacing:0.5px;
	color:#000000;
	text-align:justify;
}

.texte_intro {
	opacity:0.8;
-webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
  mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
}




.titre {
	text-indent:30px;
	font-family: "Crimson Text", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 40px;
	font-weight: normal;
	letter-spacing:0.5px;
	color:black;
	text-align:left;
}

.texte_div {
	opacity:0.92; 
	background-color:white; 
	position:relative; 
	margin-top:100px; 
	padding-left:30px; 
	padding-top:5px; 
	padding-right: 30px; 
	padding-bottom:10px; 
	z-index:1; 
	border:1px solid black; 
}

.texte_div:hover {
  opacity:0.98; 
}

.texte_corps {
	 font-family: "Signika Negative", sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 15px;
	letter-spacing:0.5px;
	color:black;
	text-align:justify;
}

.texte_titre {
	 font-family: "Signika Negative", sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 30px;
	letter-spacing:0.5px;
	color:black;
	text-align:left;
}

.texte_info {
	 font-family: "Signika Negative", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 13px;
	letter-spacing:0.5px;
	color:black;
	text-align:left;
}

a.textlink:link, a.textlink:visited {
  font-family: "Signika Negative", sans-serif;
	font-weight: 500;
  font-style: bold;
	font-size: 32px;
	letter-spacing:0.2px;
	text-align:left;
	color: black;
  text-decoration: none;
  display: inline-block;
}
a.textlink:hover, a.textlink:active {
  background-color: #0a0212;
  color: white;
}

a.lirelasuite:link, a.lirelasuite:visited {
  font-family: "Signika Negative", sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 15px;
	letter-spacing:0.5px;
	text-align:left;
	vertical-align:middle;
	color: black;
	background-color:white;
  text-decoration: none;
  display: inline-block;
}
a.lirelasuite:hover, a.lirelasuite:active {
  background-color: black;
  color: white;
}

a.extralink:link, a.extralink:visited {
  	 font-family: "Signika Negative", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 13px;
	letter-spacing:0.5px;
	background-color: white;
  color: black;
	text-align:left;
  text-decoration: underline;
  display: inline-block;
}
a.extralink:hover, a.extralink:active {
  background-color: black;
  color: white;
  text-decoration:none;
}


a.anchorlink:link, a.anchorlink:visited {
  font-family: "Signika Negative", sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 13px;
	letter-spacing:0.5px;
	text-align:right;
	vertical-align:middle;
	color: white;
  text-decoration: none;
  display: inline-block;
}
a.anchorlink:hover, a.anchorlink:active {
  background-color: grey;
}


.basdepage {
  font-family: "Signika Negative", sans-serif;
	font-weight: bold;
  font-style: normal;
	font-size: 50px;
	letter-spacing:0.5px;
	text-align:left;
	color: white;
  text-decoration: none;
  display: inline-block;
}