/* 1- Définition des polices personnalisées */

/* 2 - Eléments principaux de la page */

body{
    background-color: RGB(240,231,216);
    font-size:1em;
    font-family: 'Trebuchet MS', Arial, sans-serif;

    color: #181818;
}


a{
     /*Je supprime le soulignement des liens*/
     color:black;
     text-shadow:0 -1px 0 white; 
     text-decoration: none;

}

a:hover
{
    color: #760001;
}

header
{
    /*background: url('images/separateur.png') repeat-x bottom;*/
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}















 



aside a
{
    font-size: 1em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;

}





article
{ 
  width:75%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

article h1{
  text-shadow:1px -2px 0 white; 
  text-align: center;
  font-size: 2em;
}

/*Réinitilaisation de la case*/
.input {

  width: 356px;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.input input {
  width: 350px;
  height: 45px;
 appearance: none;
  outline: 0;
  background: #F9F9F9;
  background-image: none;
  box-shadow: none;
  font-size: 1em;
  border: 2px solid #CED4DA;
  border-radius: 5px;
  text-overflow :wrap;
}

textarea{

  height:300px;
  width:600px;

 appearance: none;
  outline: 0;
  background: #F9F9F9;
  background-image: none;
  box-shadow: none;
  font-size: 1em;
  border: 2px solid #CED4DA;
  border-radius: 5px;
  text-overflow :wrap;
}
.Message {

  width: 556px;
  height: 250px;
  position: relative;
  overflow: hidden;
}

.Message h1{
  text-align: center;
}
.Message input {

  width: 550px;
  height: 200px;
 appearance: none;
  outline: 0;
  background: #F9F9F9;
  background-image: none;
  box-shadow: none;
  font-size: 1em;
  border: 2px solid #CED4DA;
  border-radius: 5px;
}


footer
{
    position: relative;
    /*background:  url('images/ico_top.png') no-repeat top center, url('images/separateur.png') repeat-x top, url('images/ombre.png') repeat-x top;*/
    padding-top: 25px;
    /*justify-content: space-around;*/
}

footer p, footer ul
{
    font-size: 0.8em;
    text-align: center;
}

footer h2
{
    font-size: 1.1em;
    text-align: center;

}

.tile {  
    background-color: lightgrey;
    padding-left:10px;
    padding-right: 10px;
    width: 77%;
    border-radius: 10px;
    text-align: justify;
    margin: 10px;
}

.tile a{
  font-size: 0.9em;
}
.tile h2{
  text-align: center;
}
.tile2 {  
    
   background-image:-webkit-linear-gradient(top, rgb(193,179,152) 0%, #FFFFFF 100%);
   background-image: linear-gradient(to bottom, rgb(193,179,152) 0%, #FFFFFF 100%);
    display:inline-block;
    text-align: center;
    width: 150px;
    height: 100px;
    margin-left: 30px;
    margin-top: 25px;
    border-radius: 10px;
    overflow : hidden;
    font-size: 10px;
}

.tile2 img{
  width:50px;
  height:50px;
  margin: 10px;
}

.tile2 a:hover{
  background-color:white;
  width: 50px;
}




header h1
{
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 0 10px;
}


footer
{
    margin-top: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:100%;
    background-color: transparent;
    text-align: center;
    font-size: 0.5em;
    
}


footer img {
    width:140px;
    height: 70px;
}