@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px) {
#menu {width:900px;}
h1 {font-size:4.85em;}
ul li {font-size:.9em;}
.content, #legal {width:900px;}
}

@media screen and (max-width: 1440px) {
#menu {width:800px;}
h1 {font-size:4.3em;}
ul li {font-size:.8em;}	
.content, #legal {width:800px;}
}

@media screen and (max-width: 1200px) {
#menu {width:700px;}
h1 {font-size:3.75em;}
ul li {float:none; width:100%; font-size:.9em; text-align:left; margin:5px 0; padding:0 0 5px 5px;}
ul li:nth-child(2), ul li:last-child {text-align:left; padding-right:0;}
#header figure {padding-left:8%;}
.image figure {padding-left:3%;}	
.content, #legal {width:700px;}
}

@media screen and (max-width: 1024px) {
#logo {width:80%;}
#menu {width:600px;}
h1 {font-size:3.2em;}
.content, #legal {width:600px;}
}

@media screen and (max-width: 880px) {
#logo {width:70%;}
#header aside, #header article {float:none; width:90%; margin:0 auto;}
#header figure {padding:0 0 20px 0;}
#menu {width:100%;}	
h1 {display:block; font-size:3.7em; text-align:left;}
.titre article {width:90%; margin-left:0; margin:0 auto; padding:0 5px;}
.part aside, .part article {float:none; width:90%; margin:0 auto;}
.image figure {width:100%; margin:30px auto 20px; padding:0 5px;}
.content, #legal {width:100%; padding:0 5px;}
#mentions {text-align:center;}
}

@media screen and (max-width: 750px) {
#logo {width:60%;}
h1 {font-size:4em;}
}

@media screen and (max-width: 480px) {
h1 {font-size:3em;}
html {-webkit-text-size-adjust:none;}
}

@media screen and (max-width: 350px) {
h1 {font-size:2em;}
}