.container{

	  width: 90%;
    margin: auto;
    padding-top: 1%;
    font-weight: lighter;
}

.titre{
    
    position: fixed;

}


.titre h1{
    
    font: normal 25px Georgia, serif;
    text-align: left;
    color: #292828;


}


.nom{
    
    position: fixed;
    right: 50px;

}


.nom h1{
    
    font: normal 21px Georgia, serif;
    color: #292828;
   /*  margin-bottom: 0;
    margin-top: 3px;
    font: normal 25px Georgia, serif;*/
    text-align: right;

}

.nom a{
    text-decoration: none;
    color: #292828;
    cursor:pointer;

}

.nom a:hover{
    color: #909090;
    font : bold;
}




.box-1 {
  padding-top: 10%;
  cursor:pointer;
  font: normal 19px Georgia, serif;


 }


.box-1 a{
  color: #292828;
  text-align: left;
  text-decoration: none;

}

.box-1 a:hover{
    color: #909090;
}


.box-2 {
  cursor:pointer;
  font: normal 19px Georgia, serif;
  padding-top: 14px;

 }


.box-2 a{
  color: #292828;
  text-align: left;
  text-decoration: none;

}

.box-2 a:hover{
    color: #909090;
}


.box-3 {
  cursor:pointer;
  font: normal 19px Georgia, serif;
  padding-top: 14px;

 }


.box-3 a{
  color: #292828;
  text-align: left;
  text-decoration: none;

}

.box-3 a:hover{
		color: #909090;
}



.box-4 {
  cursor:pointer;
  font: normal 19px Georgia, serif;
  padding-top: 14px;

 }


.box-4 a{
  color: #292828;
  font: normal 19px Georgia, serif;
  text-align: left;
  text-decoration: none;

}

.box-4 a:hover{
		color: #909090;
}


.box-5 {
  cursor:pointer;
  font: normal 19px Georgia, serif;
  padding-top: 14px;

 }

.box-5 a{
  color: #292828;
  font: normal 19px Georgia, serif;
  text-align: left;
  text-decoration: none;

}

.box-5 a:hover{
    color: #909090;
}

.box-6 {
  cursor:pointer;
  font: normal 19px Georgia, serif;
  padding-top: 14px;

 }

.box-6 a{
  color: #292828;
  font: normal 19px Georgia, serif;
  text-align: left;
  text-decoration: none;

}

.box-6 a:hover{
    color: #909090;
}