body {
width: 100%;
margin: auto;
font-family: arial, georgia, times, serif;
font-size: 12px;
background-color: #202020;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;

}

a{
outline: none;
}

img{
border: none;
}

#header{
width: 100%;
height: 130px;
background-color: #8b2d2a;
border-bottom: solid 2px #c5615e;
}

#header-contenu{
width: 1000px;
height: 130px;
margin: auto;
}

#header-contenu p{
margin: 0px;
padding-left: 0px;
padding-top: 15px;
text-align: left;
}

#header-contenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#header-contenu li{
float: left;
display: block;
margin: 0px;
padding-left: 0px;
padding-right: 25px;
font-size: 14px;
color: rgba(255,255,255,0.7);
text-transform: uppercase;
}

#header-contenu a{
text-decoration: none;
color: rgba(255,255,255,0.7);
}

#header-contenu a:hover{
color: rgba(255,255,255,1);
}

#menu-mobile{
display: none;
}

#conteneur{
width: 1000px;
min-height: 600px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #333333;
}

#conteneur p{
margin: 0px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
color: #cccccc;
font-size: 14px;
line-height: 19px;
}

#conteneur a{
color: #cccccc; 
}

#conteneur img{
border: solid 1px #999999;
}

#conteneur h1{
margin: 0px;
padding: 20px; 
font-size: 18px;
color: #999999;
text-align: left;
}

#footer{
width: 1000px;
min-height: 200px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#footer p{
color: #999999 ;
font-size: 12px;
text-align: left;
margin: 0px;
padding-left: 20px;
padding-top: 0px;
font-style: italic;
}


#album ul{
list-style-type: none;
margin: 0px;
padding: 20px;
}

#album li{
display: block;
float: left;
padding-right: 5px;
}

#album p{
clear: left;
font-style: italic;
font-size: 12px;
}

/* PARTIE MOBILE */

@media (max-width: 1000px)
{
body {
width: auto;
margin:0;
padding: 0;
font-size: 100%;
}

img,input, table{
max-width: 100%;
}
img, table {
height: auto; 
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#header {
height: 80px;
}

#header-contenu{
width: 100%;
height: 80px;
}

#header-contenu ul, li{
display: none;
}

#header-contenu p{
display: none;
}

#menu-mobile{
display: block;
}

#menu-mobile p{
margin: 0px;
padding: 10px;
text-align: left;
color: white;
font-size: 90%;
display: block;
}

#menu-mobile form{
text-align: right;
}

#conteneur{
width:100%;
height: auto;
}

#conteneur h1{
font-size: 120%;
}

#conteneur p{
font-size: 110%;
line-height: 140%;
}

#footer{
width:100%;
height: auto;
}

#footer p{
font-size: 80%;
}

}