html, body, head {
    margin: 0px;

scrollbar-width: none;
}
body {

	background-color: #000000;
  -ms-overflow-style: none;  /* IE and Edge */
  display: flex;
width:100%;
  flex-direction: column;
  min-height: 100vh;
  height:auto;

}
.ovfHidden{
  overflow: hidden;
}
body::-webkit-scrollbar {
  display: none;
}

.subpages-base {
    width: 100vw;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;

}
.subpages-base .subpages {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.subpages-base .non-active {
    display: none;
}
.subpages-base .active {
  background-color: #000000AA;
  height :100vh;
}

div.subpages {
    display: block;
    padding :100px;
    height: 100px;
}
.subcontent{
  width:90vh;
  height:90vh;
  background-color: #000000EF;
      overflow-y: auto;
}
.subcontent::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.subcontent::-webkit-scrollbar-track {
  background: #222222;
}

/* Handle */
.subcontent::-webkit-scrollbar-thumb {
  background-image: url("../images/scroll_thumb_tex.png");
  background-repeat: repeat round;

}

/* Handle on hover */
.subcontent::-webkit-scrollbar-thumb:hover {
  background-image: url("../images/scroll_thumb_tex_hover.png");
  background-repeat: repeat round;
}
.subcontent-title{
margin:25px;
  text-align: center;
  font-family: Courier New;
  font-weight: bold;
  font-size: 2em;
  color: white;
}
.subcontent-desc{
margin:25px;
  text-align: left;
  font-family: Courier New;
line-height: 1.4em;
  font-size: 1.2em;
  color: white;

}

.paragraph{
  display: flex;
}

.subcontent_picture{
  width:40%;
  /*overflow:hidden;*/
  margin:20px;

/*  width:200px;
  height:200px;*/
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    height:200px;
}

.subcontent_picture img{
  object-fit:cover;
  height:100%;
}

.subcontent_image_description{
  color:white;
  font-family: Courier New;
  background-color: #000000DD;
  padding:2px 5px 2px 5px;
  margin:0;
z-index:2;
  position: relative;
  bottom:23px;

  padding:5px;
}

.subcontent_text{
    margin:20px;
  color:white;
    font-family: Courier New;
  /*background-color: white;*/
  padding:2px 5px 2px 5px;

  width:100%
}

.align-reverse{
  flex-direction: row-reverse;
}

/* Largeur exacte */
@media (min-width: 2140px) {
  body{
    width:1920px;
    margin:auto;
  }
}

.menuHead_Logo{
  background-color: #000000;
  color: #FFFFFF;
  font-size: xxx-large;
  text-align: center;
  height : 55px;
  padding-top:10px;
}

.top_menu{
  margin:0px;
    font-family:Courier New;
  height :min-content;
}
.page{
  margin:0px;
    padding-top:0px;
  flex:1;

}


.top_title_section{

padding-top:20px;
  width : 100%;
  height : 200px;
  background-color: red;
    transition:   background-color 10s ease-out;
}
.top_title_section:hover{
  background-color: blue;
  transition:   background-color 1s ease-in;
}

.big_title{
  position: relative;
  font-family: Courier New;
font-size: 4em;
  text-align: center;
  margin-left : auto;
  margin-right : auto;


}
.big_subtitle{
  font-family: Courier New;
  text-align: center;
  margin-left : auto;
  margin-right : auto;

}

/* menu stuff */
.top_menu ul {
  /*list-style-type: none;*/

  padding: 0;
  overflow: hidden;
  background-color: black;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;

} 

.top_menu li {

}

@media (min-width: 700px) {
  .top_menu li {
    width:15%;
  }

}

.top_menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.top_menu li a:hover {
  /*background-color: white;
  color:black;*/
  text-decoration: underline;
}

div[id*="block-"]{
	padding: 0px;
	height: 0;
	width:100%;
}

.article-parent  {
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
	/* border-top: 2px solid black;/* /* used to be the separator */
	/*margin-top: 28px;
	display:block;*/
	/*margin:28px auto 28px auto;*/
}


.article-part {
  margin:20px;
  width:200px;
  height:200px;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
      background-color:#AAA;
      transform: scale(1);
      transition: 0.05s all ease;
      opacity : 0.95;
}
.article-part:hover {
  transform: scale(1.1);
  opacity : 1;
      box-shadow: #AAAAAA55 5px 5px 5px;
}


.projects-container {
  position:relative;
  display:flex;
	font-family: Courier New;
	margin: 0 0 0 0;
  padding:0;
	width: 100%;
}



.projects-container>ul{
      width:100%;
}
.projects-container>ul>li {
    width:100%;
	margin-bottom: 1px; /*margin with another project*/
	/*box-shadow: 3px 3px 0px #e4ebc0;*/
}
.projects-container>ul>li>a:focus{
    text-decoration: underline;
}

.projects-container>ul>li>a {/*Title of article section*/
	color: white;
	background-color: #000;
	font-size: 1.3em;
	border-bottom: 2px solid #f2f5e1;
	display: block;
	padding: 6px 0 6px 15px;
	position: relative;
	text-decoration: none;
}

.article-image {
     object-fit:cover;
     height:200px;
}

.info-block{
  padding-top:20px;
    padding-bottom:20px;
}
div.closed {
	display: block;
}

div.open{
	height:auto;
	display:block;
}
div.open,div.open > div.info-block{
	transition: height 0.1s ease-in;
}

div.closed {
	overflow:hidden;
	display: block;
}
div.closed ,div.closed > div.info-block
{
	height:0px;
	padding-bottom:0px;
	transition: height 0.1s ease-in;
}

div.open>div.info-block>div.article-parent{	opacity: 1; transition: opacity 0.3s ease-in .32s ;}
div.open>div.info-block>div.article-parent:nth-child(1){	transition: opacity 0.3s ease-in .1s ;}
div.open>div.info-block>div.article-parent:nth-child(2){	transition: opacity 0.3s ease-in .12s ;}
div.open>div.info-block>div.article-parent:nth-child(3){	transition: opacity 0.3s ease-in .14s ;}
div.open>div.info-block>div.article-parent:nth-child(4){	transition: opacity 0.3s ease-in .16s ;}
div.open>div.info-block>div.article-parent:nth-child(5){	transition: opacity 0.3s ease-in .18s ;}
div.open>div.info-block>div.article-parent:nth-child(6){	transition: opacity 0.3s ease-in .20s ;}
div.open>div.info-block>div.article-parent:nth-child(7){	transition: opacity 0.3s ease-in .22s ;}
div.open>div.info-block>div.article-parent:nth-child(8){	transition: opacity 0.3s ease-in .24s ;}
div.open>div.info-block>div.article-parent:nth-child(9){	transition: opacity 0.3s ease-in .26s ;}
div.open>div.info-block>div.article-parent:nth-child(10){	transition: opacity 0.3s ease-in .28s ;}
div.open>div.info-block>div.article-parent:nth-child(11){	transition: opacity 0.3s ease-in .30s ;}
div.open>div.info-block>div.article-parent:nth-child(12){	transition: opacity 0.3s ease-in .31s ;}





div.closed>div.info-block>div.article-parent
{
	opacity: 0;
	transition: opacity 0.08s ease-out;
}


div.article-title{
  background-color:black;
  color:white;
  padding:2px 5px 2px 5px;
  margin:0;

  position: absolute;
}
div.article-date{
  background-color:black;
  color:white;
  padding:2px 5px 2px 5px;
  margin:0;

  position: absolute;
  top:20px;
}
div.article-summary{
  background-color:#88888822;

  color : white;
  padding:5px;
  margin:0;
z-index:2;
  position: absolute;
  bottom:0px;

}
.article-part:hover div.article-summary{
  background-color: #88888866;
  color : white;
}


.footer{
  vertical-align: bottom;

  /*position:absolute;*/
  line-height: 150%;
  font-family: 'Courier Prime';
  margin-top: auto;
  height : 150px;
  background-color: black;
  color:white;


}
.footerElements{
  height:auto;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.footer hr {

  display: block;
  /*width : 50%;*/
  height: 2px;
  border: 0;
  border-top: 2px solid #ccc;
  margin: 1em auto;
  padding: 0;
}

.footerContent{

}
.logo_footer{
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  display:flex;
  flex-direction: column;
}
.logo_footer img{
  padding: 0 10px 10px;

  height : 80px;
}
.right_footerContent{
  text-align: right;
}