/* Polices et textes  */
/* Les liens */
a {
    color: whitesmoke;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding-right: 10%;
}

.lien {
    color: #f9AE65;
    padding: 0;
}
.lien:hover {
    color: #302633;
    padding: 0;
}


/* Les listes  */
li {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
    padding-bottom: 2%;
}

/* Textes dans le header  */
.presentation {
    text-align: justify;
    color: whitesmoke;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    max-width: 42%;
    margin: 2%;
}

.soustitre {
    margin: 0;
    padding-left: 5%;
    color: whitesmoke;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
}

/* Textes du contenu  */
.text1 {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
  }

.text2 {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: right;  
    padding-bottom: 10%;
}

.textdebut { 
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
    border-left: 2px whitesmoke solid;
    padding: 3%;
    margin: 2% 0% 0% 0%;
    max-width: 60%;
    float: right;
}

/* Textes du contenu de la partie Réalisation  */
/* texte normal */
.textrea1 {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
    padding: 0% 2% 0% 0%;
}
  /* texte avec bordure */
  .textrea2 {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
    padding: 0% 0% 0% 2%;
    border-left: 2px whitesmoke solid;
}

.textrea3 {
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    text-align: justify;
    max-width: 50%;
}

/* Le span des réalisation  */
span {
    color: #302633;
    font-weight: bold;
}

div.flexi > div > p > span {
    color: #f9AE65;
    font-weight: bold;
}

div.paracentre2 > p > span {
    color: #f9AE65;
    font-weight: bold;
}

div.imgflexrea > div > p > span {
    color: #f9AE65;
    font-weight: bold;
}

div.paracentre > div > p > span {
    color: #f9AE65;
    font-weight: bold;
}


/* Les légendes des images */
.legend1 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 0% 0% 0%;
    margin: 0%;
    max-width: 28%;
    font-weight: bold;
}
.legend2 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 0% 0% 0%;
    margin: 0%;
    max-width: 28%;
    font-weight: bold;
}
.legend3 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 0% 0% 0%;
    margin: 0%;
    max-width: 28%;
    font-weight: bold;
}
.legend4 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 0% 0% 0%;
    margin: 0%;
    max-width: 22%;
    font-weight: bold;
}
.legend5 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 0% 0% 2%;
    margin: 0%;
    max-width: 27%;
    font-weight: bold;
}
/* Légendes qui se mettent à droite  */
.legend6 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 2% 0% 2%;
    margin: 0%;
    max-width: 22%;
    float: right;
    font-weight: bold;
}
.legend7 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
    padding: 1% 3% 0% 2%;
    margin: 0%;
    max-width: 35%;
    float: right;
    font-weight: bold;
}


/* Texte du footer  */
.copyright {
    color: whitesmoke;
    font-family: 'Roboto', sans-serif;
}



/************************************************************/
/* Titres  */
/* Grand titre dans le header  */
h1 {
    margin: 0;
    color: whitesmoke;
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
}

/* Sous titres de niveau 1 */
h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2em;
    color: whitesmoke;
  }

body > main > div.titreprojet > h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2em;
    color: #8b4e0b;
  }

/* Sous titres de niveau 2  */
h3 {
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
}