@font-face {
  font-family: sculpin,  sans-serif;
  font-style: normal;
  font-weight: 300;
  }

  body{
    margin:0;
    font-family: sculpin, sans-serif;
    font-weight: 300;
    font-style: normal;
  }



#banniere {
border-bottom: 0.6px solid black;
width: 48%;
height: 60px;
position: fixed;
object-position: top;

}

#banniere .img img {
width: 25%;
height: auto;
position: relative;top:1%;
margin-left: 8%;

}

#banniere .croix img {
  width: 4.5%;
  margin-left: 3%;
  margin-top: -9%;
  position: absolute;
}

#menu {
float:left;
margin-top: 100px;
position: fixed;
width: 50.5%;


}

#texte{
  border-bottom: 0.6px solid black;
  width: 95%;
}


#contenu {
float:right;
width: 52%;
height: 300px;



}

.colonne{
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}


#menu p{
font-size: 12px;
margin-left: 5%;
}

p{
width: 50%;
margin-top: -20px;
margin-left: 10px;
}

h1{
font-weight: 100;
margin-left: 20px;
margin-top: 25px;
}

h2{
font-weight: 400;
font-size: 10pt;
margin-bottom: 20px;
margin-left: 5%;

}

#ital{
  margin-bottom: 25px;
  margin-left: 0,5%;
}


/*floatleft permet de forçer les balises à cohabiter sur la même ligne, jusqu'à clear both*/