* {box-sizing:border-box;}
html,body,p,li,dd,dt,h1,h2,h3,h4,h5,h6,hr,hgroup,img,form,fieldset,pre,code{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
html,body{width:100%;height:100%;min-height:100%;color:#333;background-color:#fff;}
body{line-height:1;font-family:helvetica-neue, helvetica, verdana, arial,sans-serif;background-color:#fffffd;}
p,table,li,dd,dt{color:#333;font-weight:500;font-size:1.125em;line-height:1.65em;letter-spacing:.03em;margin-bottom:1.2em;padding:0;}
p,table,li,dd,dt,address{font-family:helvetica-neue,helvetica,sans-serif;}
table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #333;font-size:.88em;}
td{border:1px solid #aaa;padding:.5em .2em;}
th{border:1px solid #333;padding:.5em .2em;font-weight:normal;text-align:center;background-color:#fafafa;}
ul,ol{margin-left:1.4em;}
ol{list-style:decimal none outside;}
li{margin-bottom:.36em;}
dt{margin:0;line-height:75%;}
a{color:#585858;text-decoration:none;border-bottom:1px dotted #000;padding-bottom:.075em;}
a:hover{color:#999;border-bottom-color:#71d;}
h1,h2,h3{color:#585858;font-weight:normal;line-height:120%;}
h1{font-size:1.6em;padding:.45em 0 .618em 0;margin-bottom:1em;}
h2{font-size:1.35em;padding:1em 0 .618em 0;}
h3{font-size:1.2em;margin:1.5em 0 1em 0;}
header{width:100%;}
hgroup{height:auto;max-width:42.5em;padding-left:1.2%;}
hgroup p{opacity:0.7;}
#haut_page h1{font-size:1.5em;letter-spacing:.08em;color:#757575;margin:0;padding-bottom:.175rem;}
#haut_page h1 a{border:none;opacity:0.5;transition:opacity 2s linear;}
#haut_page h1 a:hover{color:#888;opacity:1;transition:all 1s ease;border:none;}
main{max-width:42.5em;margin:0;padding:1.8em 2.65% .8em 6.18%;}
#h1_top{max-width:680px;margin:0;}
.intro{line-height:1.85em;}
nav#nav_bas{width:100%;}
nav#nav_bas p{max-width:42.5em;padding:1em 0 .309em 6.18%;}
footer{width:100%;padding-bottom;2rem;}
footer p{max-width:42.5em;padding:.5em 0 0 6.18%;font-size:.95em;color:#585858;}
footer a:hover{border-bottom-color:#71d;}
@media only screen and (max-device-width:680px) { 
table{table-layout:fixed;font-size:.8em;}
p,li,dd{font-size:1.25rem;line-height:170%;}}
@media only screen and (max-device-width:480px) { 
header{border-bottom:1px solid #ccc;}
#haut_page h1{line-height:130%;}
#haut_page h1 a{color:#666;opacity:1;}
hgroup p{font-size:.95rem;}
h1,h2{font-size:170%;margin-bottom:.1em;}
h3{font-size:130%;line-height:150%;}
#h1_top{max-width:480px;margin:0;padding:1em .35em .309em .5em;}
main{padding:0 .35em 0 .5em;}
p,table,li,dd,dt{hyphens:auto;word-wrap:break-word;font-family:"Cardo",Georgia,Cambria,"Times New Roman",Times,serif;}
ul,ol{margin-left:0;}
table{font-size:80%;}
footer p, nav p{text-align:center;}
}