@media only screen and (min-width: 1440px) {
header#header > h1 {
   font-size: 3rem;
}
header#header > h1:first-letter {
    font-size: 4rem;
}
/* >1440px */
}
@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1024px) {
body {
    min-width: auto;
}
div.page, div.contenu, td.navigation {
    width:auto;
}
header#header img {
    max-width: 95vw;
    height: auto;
}
@media only screen and (orientation: portrait) {
header#header > h1 {
   font-size: 3vmin;
}
header#header > h1:first-letter {
    font-size: 4vmin;
}
}
/* sommaire */
div.lecteur {
    position:relative;
    display: block;
    top:inherit;
    right:20px;
    float:right;
    margin: 10px auto;
}
div.table div {
    display: block;
}
.w20, .w25, .w40, .w50, .w60 {
    width: 100%;
}
/* /1023px */
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 480px) {
h1, h2, h2.intro {
    font-size: 1.2rem;
}
h1:first-letter, h2.intro:first-letter {
    font-size: 1.6rem;
}
h3, h4 {
    font-size: 1rem;
}
nav#menuprincipal {
    margin-bottom: 10px;
    padding: 0;
}
span.plan {
    max-width: 100%;
}
figure {
    margin: 1rem;
}
div.colonne_2  {
    column-count: 1;
}
.go2right, .go2left, figure.align-right, figure.align-left {
    float: none;
}
/* sommaire */
div.lecteur {
    right: 0;
}
div.sommaire {
    max-width: 96%;
    left: 0;
}
div.sommaire a, div.sommaire span, div.sommaire p {
    line-height: 2;
}
/*contact*/
article fieldset ul li {
    margin: 0 0 4px 0;
}
article fieldset label {
    font-size: 0.9rem;
    font-weight: 400;
}
/* photos */
span.photos {
    max-width:200px;
    font-weight: normal;
    font-size: 1rem;
    padding-left:6px;
    padding-right:6px;
}
div.images img {
    max-width: 25%;
    height: auto;
}

/* /767px */
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
div.formulaire {
    height:100%;
}
ul.form, ul.form label{
    text-align: center;
}
div.formulaire input {
    font-size: 0.9rem;
}
/* pixorama */
span.checkbox {
    font-size: 1rem;
}
/* /400px */
}