html {
    height: 100% ;
}

* {
    margin: 0 ;
    padding: 0 ;
    border: none ;
    z-index: 0 ;
    outline: none ;
    /* border-box permet d'empêcher padding et border d'augmenter width */
    -webkit-box-sizing: border-box ; /* Safari, Chrome, other WebKit */
    -moz-box-sizing: border-box ;    /* Firefox, other Gecko */
    box-sizing: border-box ;         /* Opera, IE 8+ */
}

body {
    width: 100% ;
    text-align: center ;
    margin-left: auto ;
    margin-right: auto ;
    max-width: 1200px ;    
    height: 100% ;
    min-height: 100% ;
    padding: 1% ;
    color: black ;    
    /* -webkit-hyphens: auto ; */
    /* -moz-hyphens: auto ; */
    /* -ms-hyphens: auto ; */
    /* -o-hyphens: auto ; */
    hyphens: auto ;
    font-size: 16px ;
    line-height: 1.5em ;
}

header, nav, section, article, aside, footer {
    display: block ;
    float: left ;
    width: 100% ;
}

img {
    width: 100% ;
}

.hidden {
    display: none ;
}

.visible {
    display: block ;
}

.barre {
    text-decoration: line-through ;
}

.clear {
    clear: both ;
}

.center {
    text-align: center ;
}