/*
    Auteur   : Frédéric Haldemann
    Date     : 12.03.2020
    RealStrength : Page de style CSS
*/

*{
  margin : 0;
}

body{
  background-color: orange;
  }
.firstPartTitle{
  color: aliceblue;
}
.secondPartTitle{
  color: darkblue;
}
#soulignementTitre{
  text-decoration: none; 
}
#titre{
  background-color: darkorange;
  text-align: center;
  color:#57677c;
  font-family: impact;
  font-style: italic;
  font-size : 3em ;
}
#navigation{
  list-style-type: none;
  margin: 0;
  padding: 10px;
  overflow : hidden;
  background-color: darkblue; 
  font-family: Arial,x-locale-body,sans-serif;
  font-weight: bold;
  font-weight: bold;
}
.navform{
  display: inline-block;
  padding: 10px 14px;
  background-color: darkblue;
  color: aliceblue;
  text-align: center;
  text-decoration: none;
}
.nav2{
  float: left;
}
.sources{
  float: right;
}
li a:hover{
  background-color: darkorange
  !important;
}
#active{
  background-color: darkorange
  !important;
}
@media screen and (max-width: 800px){
  .nav2{
    text-align: center;
    width: 100%;
    border-bottom : 1px solid #FFFFFF;
}
  #navigation{
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF
}
  .sources{
    text-align: center;
    width: 100%;
}
}
@media screen and (max-device-width: 480px){
  .nav2{
    text-align: center;
    width: 100%;
    border-bottom : 1px solid #FFFFFF;
}
  #navigation{
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF
}
  .sources{
    text-align: center;
    width: 100%;
}
}
.imgAccueil{
  width: 1600px;
  max-width: 100%;
}
.img{
  text-align: center;
  padding-top: 1em;
}
.imgRepos{
  max-width: 100%;
}
#titre1{
  background-color: darkblue;
  margin-bottom: 25px;
  margin-top: 25px;
  padding: 10px 25px;
  color: aliceblue;
  font-family: Verdana, sans-serif;
  line-height: 1em;
  text-align: left; 
  word-spacing: 3.5px;
  font-weight: bold;  
}
p{
  background-color: darkblue;
  margin : 25px 25px;
  padding: 10px 20px;
  color: aliceblue;
  font-family: Arial,x-locale-body,sans-serif;
  line-height: 30px;
  text-align: justify; 
  word-spacing: 4px;
}
.liste{
  background-color: darkblue;
  margin-bottom: 25px;
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
  color: aliceblue;
  font-family: Arial,x-locale-body,sans-serif;
  line-height: 30px;
  text-align: justify; 
  word-spacing: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.link{
  color: darkorange;
}
.imgPagesCourantes{
  max-width: 100%;
  width: 650px
}
.imgSeLancer{
  max-width: 100%;
  width: 900px;
}
.btn {
  height: 70px;
  width: 70px;
  background: #CD7804;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}
#icone {
  width: 50px;
}
footer{
  text-align: center;
  font-family: OCR A Std, monospace;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
  margin-top: 3em;
  background-color: darkblue;
  color:aliceblue;
}