*{
  font-family: arial;
}
a:link, a:visited{
  text-decoration: none;
  color: #000000;
}
.header{
    height: 157.5px;
    width: 100%;
    background-color: #ffffff;
    position: relative;
  }
  .header__navbar{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .Academielogo{
    margin-left: 70px;
    margin-top: 60px;
  }
  .Academielogo-title{
    font-size: 50px;
    text-decoration: none;
    color: #000000;
    padding: 60px 30px 9px;
  }
.topnav {
  z-index: 1;
  top: 0px;
  background-color: #ffffff;
  position: sticky;
  border-top: 2px solid #000091;
  overflow: hidden;
  margin-left: 60px;
  margin: auto;
  width: 95%;
}
.topnav_item{
  float: left;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
  border-top: 2px solid transparent;
  margin-left: 10px;
}
.topnav_item2{
  float: right;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-top: 2px solid transparent;
  position: relative;
  margin-right: 50px;
}
.topnav a:hover{
  border-top: 2px solid #000091;
}
/*Apps*/
.grid_apps{
  max-width: 1300px;
  width: 80%;
  height: auto;
  margin: 60px auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, 460px);
  justify-content: center;
	grid-gap: 45px;
	position: relative;
	column-count: 4;
}
.contenair_content{
  width:auto;
  height:auto;
  float:left; 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.content_top{
  margin: 10px;
  border: #ffffff 1px solid;
  width:auto;
  height:110px;
}
.content_img{
  float: left;
  text-decoration: none;
  width: 100px;
  height: 100px;
	margin-bottom: 10px;
	overflow: hidden;
}
.content_name{
  text-decoration: none;
  margin-top: 10px;
  margin-left: 120px;
  font-size: 40px;
  color: #000000;
}
.content_text{
  font-size:19px;
  padding-left: 10px;
  margin-bottom: 5px;
  padding-right:5px ;
}
.footer{
  margin:auto;
  display:flex;
  position: relative;
  height: auto;
  width: 95%;
  border-top: 2px solid #000091;
}
.footer_grid{
  margin:auto;
  display:flex;
  grid-gap: 60px;
  margin: 30px auto;
}
.footer2{
  border-top: 2px solid #000091;
  margin: auto;
  width: 10%;
}
.copiright{
  font-size: 15px;
  text-align: center;
  margin-bottom: 5px;
}
.Photo_DSDEN27{
  text-align: center;
  margin-top: 40px;
}
.contenair_content {
  position: relative;
}

.contenair_content:before, .contenair_content:after {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    pointer-events: none;
}

.contenair_content:before {
    top: 0;
    left:0;
    right: 85%;
  bottom: 85%;
    border-top: solid #ffc861 4px;
    border-left: solid #ffc861 4px;
}

.contenair_content:after {
  top: 85%;
    left: 70%;
    right: 0;
    bottom: 0;
    border-bottom: solid #203063 4px;
    border-right: solid #203063 4px;
}
.border3{
  border-top: 2px solid #ffc861;
  margin: auto;
  width: 30%;
  margin-top: 40px;
}
.accueil_container{
  text-align:center;
  margin:auto;
  display:flex;
  grid-gap: 60px;
  margin: 30px auto;
}
.accueil_display{
  text-align:center;
  margin:auto;
  display:flex;
}