*
{ 
    font-family: calibri, verdana, sans-serif;
    text-align: center;
}
html 
{
    height: 100%;
}
body 
{
    min-height: 100%;
    position: relative;
    background-image: url("IMAGES/FOND.jpg");
}
p
{
    text-decoration: italic;
    font-size: large;
    color : white;
}
.NB
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.TITRE
{
   background-image: url("IMAGES/rond.svg");
   background-repeat: no-repeat;  
}
.MENU
{
    width: 100%;
    position: fixed;
    margin: auto;
    background-color: rgba(93,99,115,0.6);
}
.MENUPROJETS
{
    width: 100%;
    position: fixed;
    margin: auto;
    background-color: rgba(256, 56, 56, 0.55);
}
.MENU a
{
    text-decoration: italic;
    font-size: large;
    padding: 0 3px;/* pour un espace de 5+5px par exemple*/
    font-position: center;
    color: white; /* Le texte de la page sera blanc */
}
.MENUPROJETS a
{
    text-decoration: italic;
    font-size: large;
    padding: 0 3px;/* pour un espace de 5+5px par exemple*/
    font-position: center;
    color: white; /* Le texte de la page sera blanc */
}
.MENUBLANC
{
    margin-left: 1%;

}
.MENUBLANC a
{
    text-decoration: italic;
    font-size: large;
    font-position: center;
    color: black; 
    padding: 0 3px;/* pour un espace de 5+5px par exemple*/
}
.MENUCVcv
{
    text-decoration: italic;
    font-size: large;
    padding: 0 40px;/* pour un espace de 5+5px par exemple*/
    font-position: center;
    margin: 80px -20px 0%;
    background-color: rgba(127, 143, 168, 1);
    color: white; /* Le texte de la page sera blanc */
}
.MENUCV
{
    text-decoration: italic;
    font-size: large;
    padding: 0 40px;/* pour un espace de 5+5px par exemple*/
    font-position: center;
    margin: 80px -20px 0%;
    color: white; /* Le texte de la page sera blanc */
}
.MENUPETIT a
{
    text-decoration: italic;
    font-size: small;
    padding: 0 15px;/* pour un espace de 5+5px par exemple*/
    font-position: center;
    margin-left: -20px;
    background-color: black; /* Le fond de la page sera noir */
    color: white; /* Le texte de la page sera blanc */
}
.LOGOlogo
{
    width: 95%;
    max-width: 500px;
    margin: 80px 10px 0%;
}
.LOGO
{
    width: 95%;
    max-width: 600px;
    margin: 5px 10px 0%;
}
.CV
{
    width: 95%;
    max-width: 750px;
    margin: 70px auto;
    vertical-align: bottom;
}
.REFERENCES
{
    width: 95%;
    height: 100%;
    margin: auto;
    vertical-align: bottom;
    z-index:1; 
    visibility: visible;
}
.PORTRAIT
{
    width: 33%;
    min-width: 100px;
    margin: auto;
    vertical-align: bottom;
    float: left;
    margin-right: 15px;
}
.PROJET
{
    font-position: center;
    width: 95%;
    margin: auto;
    max-height: 60%;
    max-width: 950px;
    padding: 2em 0em 0em
}
.PROJET2
{
    font-position: center;
    width: 95%;
    margin: auto;
    max-height: 60%;
    max-width: 1200px;
    padding: 2em 0em 0em
}
.PIED
{
    position: absolute;
    bottom: 0;
}
.PIED p
{
    font-position: center;
}
.PROJET img
{
    width: 20%;
    min-width: 100px;
    max-width: 190px;
}
.PROJET2 img
{
    width: 20%;
    min-width: 100px;
    max-width: 190px;
}
.TRESGRANDPROJET img
{
    width: 50%;
    min-width: 300px;
    max-width: 760px;
    margin: auto;
}
.GRANDPROJET img
{
    width: 40%;
    min-width: 200px;
    max-width: 380px;
    margin: auto;
}
a
{
    font-style: italic;
}
.NEWS
{
    width: 95%;
    max-width: 500px;
    font-size: 100%;
    margin: auto;
}
.COORDONNEES
{
    font-size: large;
    width: 90%;
    max-width: 500px;
    font-position: center;
    margin: auto;
    text-align: justify;
}