html {background: #637895; font-size:110%; font-family:Verdana,Trebuchet, Arial, Geneva, sans-serif; height:100%; }
body {padding:0; margin:0; height:100%; text-align:center}
#header {width:100%; max-width:1000px; margin:25px auto 0 auto; background: rgb(99, 120, 149); text-align:center; }
a h1, .title {color:#192C3A}
a {text-decoration:none;}

h1{color:white; font-size:1.5em; letter-spacing:0.15em; text-transform:uppercase; font-weight: lighter; margin:0.3em 0}
#header > a > span{color:white; font-size:1em; letter-spacing:0.15em; text-transform:uppercase ; font-weight: lighter;margin: 0 0 15px 0}
a span {color: white;}
a span:hover, a h1:hover {color: orange;}


#page {min-height:100%;position:relative;}
#corpus {background-image:url(../images/escoffier.png);  background-repeat:repeat-x; margin:0; padding:0; 
background-position: left bottom; border:1px solid transparent; height: 100%;}
#footer {width:100%; text-align:center; color:white;bottom:0; background:#16252C; position: absolute;
padding-bottom: 20px;}
#footer > p {padding: 10px 0; margin: 0; font-size: 0.85em;}
#footer a{color:#59C2AA; line-height:1.5em; padding : 10px }
@media (max-width:688px) {/*------------------IPHONE format paysage--------------------*/
body {font-size: 105%; height: auto;}
#main { font-size:0.90em; }
#footer > p { font-size:0.9em;}
.index {max-width:680px; margin:0 auto 150px auto}
h2 {color:rgb(161, 179, 203);font-size: 2em; text-shadow:none}
h3 {font-size: 2em;}
#menu img, #main > table > tbody > tr.theme > td > a > img {max-width: 150px;}
#menu h3 {font-size: 1.5em;}
}


@media (max-width:520px) {/*------------------IPHONE paysage-------------*/
#footer > a {line-height: 50px;}
table {width: 100%;}
#main > table > tbody > tr > td {width:80px!important; padding:5px 8px}
#main > table > tbody > tr.theme > td > a > img {max-width:90px;}
h2 {letter-spacing: 2px;font-size: 1.8em;}
h3 {font-size: 1.5em;}
#menu img {max-width: 80px;}
li {
padding: 5px;
}

#menu h3 {font-size: 1.3em; margin: 0.5em 0; -webkit-margin-after: 0;}
}