/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE FICHIER .SCSS */ @import 'variables'; @import 'messages'; @import 'header'; @import 'forms'; /* MISE EN FORME GÉNÉRALE */ html { height : 100% ; background-color: $second_white_color; } body { font-family: $font_normal; font-size: medium; } #principal { background-color: $second_white_color; } /*MAIN*/ main { background-color:white; margin-top:0px; padding: 15px; a { color: $main_bold_color; &:hover, &:active, &:focus { color : $main_bold_color; } } h1 { border-bottom : 7px solid $second_bold_color; padding-bottom : 5px ; font-family: $font_bold; font-weight: 600; } h2 { border-bottom : 2px solid $main_bold_color; color: $main_bold_color; padding-bottom : 5px ; font-family: $font_bold; font-weight: 600; } } /*ASIDE*/ aside { background-color:$second_soft_color; color: white; margin-top:0px; padding: 15px; a { color: $main_soft_color; &:hover, &:active, &:focus { color : $main_soft_color; } } code { color: white; background-color: $second_bold_color; } } @media (min-width: 768px) { main { margin-top:20px; } aside { margin-top:20px; } } hr { border-top : 1px solid $second_bold_color ; } span.vsep { padding-left: 5px; padding-right: 5px; } div.tag-list { margin-top: 20px; } code { font-size: small; } /* COULD BE USERFULL LATER .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } */