@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');

html { 
  margin:0;
  padding:0;
  background: url(images/foret.png) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  background-size: cover; /* version standardisée */
}

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




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

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



.rainbow {
  font-family: "Signika Negative", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 22px;
	text-align:center;
	letter-spacing:0.5px;
}
.rainbow_text_animated {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}
@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}





.texte_corps {
	 font-family: "Scope One", serif;
  font-weight: 500;
  font-style: normal;
	font-size: 16px;
	letter-spacing:0.5px;
	color:black;
	text-align:justify;
	text-indent:0.7em;
}

a.texte_corps:link, a.texte_corps:visited {
	text-indent:5%;
	font-size: 15px;
	font-weight: bold;
	letter-spacing:0.5px;
	text-decoration: none;
	color:#000000;
	text-align:justify;
}

a.texte_corps:hover, a.texte_corps:active {
  text-decoration:underline;
  text-decoration-color: violet;
}

.texte_info {
	 font-family: "Scope One", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 10px;
	letter-spacing:0.5px;
	color:grey;
	text-align:left;
	text-decoration:none;
}

.texte_div {
	opacity:1;
	background-color:white; 
	position:relative; 
	margin-top:60px; 
	padding-left:30px; 
	padding-top:5px; 
	padding-right: 30px; 
	padding-bottom:10px; 
	z-index:1; 
}
.texte_div::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 33px;
  height: 80%;
  content: "";
  border-left: 1px solid grey;
  border-top: 1px solid grey;
 }
 .texte_div::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 163px;
  height: 80%;
  content: "";
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
 }






a.menu:link, a.menu:visited {
	width:200px;
font-family: Source Sans Pro;
  background-color: white;
  color: black;
  font-size:1.1em;
  padding: 10px 20px;
  text-align: left;
  vertical-align:middle;
  text-decoration: none;
  display: inline-block;
}

a.menu:hover, a.menu:active {
  background-color: #8F00FF;
  color: white;
}



a.menu_home:link, a.menu_home:visited {
	font-family: Source Sans Pro;
	font-size: 14px;
	font-weight: normal;
	letter-spacing:0.5px;
	color:#E9ECED;
	text-decoration:none;
}

a.menu_home:hover, a.menu_home:active {
  background-color: white;
  color: black;
}

.menu_actif {
	width:200px;
font-family: Source Sans Pro;
font-size:14px;
  background-color: green;
  color: white;
  border: 2px solid green;
  padding: 4px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}