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


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

@keyframes bgcolor {
  0% {background-color:black;}
  0.2% {background-color: black;}
  1% {background-color: white;}
  9% {background-color: white;}
  10% {background-color: black;}
  14% {background-color: black;}
  15% {background-color: white;}
  24% {background-color: white;}
  25% {background-color: black;}
  30% {background-color: black;}
  31% {background-color: white;}
  40% {background-color: white;}
  41% {background-color: black;}
  47% {background-color: black;}
  48% {background-color: white;}
  56% {background-color: white;}
  57% {background-color: black;}
  64% {background-color: black;}
  65% {background-color: white;}
  76% {background-color: white;}
  77% {background-color: black;}
  82% {background-color: black;}
  83% {background-color: white;}
  88% {background-color: white;}
  89% {background-color: black;}
  95% {background-color: black;}
  96% {background-color: white;}
  100% {background-color: white;}
}


/* Technical restriction:
1. impossibility of disposing items horizontally
2. the pseudo elements exceeding the box and the box-shadow are truncated under Chrome.
*/

.masonry.gap {
  margin: 1rem 0;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.masonry.gap > * {
  display: inline-block;
  width: 100%;
  margin: 0 0 1rem;
}
@media (min-width: 36.01rem) {
  .masonry {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (min-width: 65.01rem) {
  .masonry {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 90.01rem) {
  .masonry {
    -moz-column-count: 3;
         column-count: 3;
  }
}
.masonry > * {
  display: inline-block;
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
}


.wrapper {
  max-width: 90rem;
  margin: 3em auto;
}
a {
  text-decoration: none;
  color: #cd853f;
}
a:focus,
a:hover,
a:active {
  text-decoration: underline;
}
h1,
.intro p {
  text-align: center;
}
.masonry > * {
  padding: 1em 3em 1em 3em;
  background-color: black;
  transition: background-color 0.3s ease-in-out;
  border-radius: 0.3rem;
}
.masonry > :hover {
  background-color: white;
}


.container_div {
	position:relative; 
	margin-top:100px; 
	left:10%; 
	width:90%; 
	margin-left:-5%; 
	z-index:2; 
	opacity:1;
}






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

p {
	margin:0.2em;
}


.texte_corps {
	 font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1.3em;
	color:black;
	text-align:justify;
	text-indent:0.7em;
}

.texte_info {
	margin-top:1.5em;
	font-family: "Scope One", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	letter-spacing:0.5px;
	color:black;
	text-align:left;
	text-indent:2em;
}

a.menu:link, a.menu:visited {
font-family: "Crimson Text";
  background-color: black;
  font-size:1.3em;
  color: white;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 0.3rem;
}

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

a.menu2:link, a.menu2:visited {
	font-family: "Crimson Text";
  font-size:0.8em;
  color: black;
  padding: 0px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  line-height:1.7em;
}

a.menu2:hover, a.menu2:active {
  text-decoration:underline;
}

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;
}