@charset 'UTF-8';

html,
html * {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body{
text-align:center;
background-image: url("img/fond_accueil_mobile.jpg");
}


/*apparence de la page d'accueil*/
.index {
margin-top: 10%;
}

.index_img {
width: 50%;
max-width: 350px;
}

h1 {
font-size: 18px;
font-weight:300;
text-align: center;
display: block;
margin-bottom: 18px;
}

/*apparence des liens*/
a:link {
color:white;
text-decoration: none;
}
a:visited {
color:white;
text-decoration: none;
}
a:hover {
color:orangered;
text-decoration: none;
}
a:active {
color:orangered;
text-decoration: none;
}

footer{
position:absolute;
bottom:5px;
width:100%;
font-size: 12px;
font-weight:300;
}

/***********************************paramètres spécifiques à la vue desktop***********************************/

@media (min-width: 1100px){

body{
background-image: url("img/fond_accueil.jpg");
}

h1 {
font-weight:lighter;
}

footer{
font-weight:lighter;
}

}