h1{
    color :orange;
    margin-top:0;
}

header {
    border-left:1px solid orange;
    border-bottom:1px solid orange;
    border-right:1px solid orange;
    background-color: gray;
    text-align:center;
    margin:auto;
}

body {
    margin-top:0;
    color:#616161;
    margin-bottom:0;
}

#gras, #gralique{
    font-weight:bold;
}

#gras700{
    font-weight:700;
}
#grasMax{
    font-weight:bolder;
}

#grasMin{
    font-weight:lighter;
}
#gralique{
    font-style:italic;
}

#normal{
    font-style:normal;
}


h2{
    color:black;
}

strong, #gras {
    color:#414141;
}

.medium {
    font-size:medium;
}
.large {
    font-size:large;
}
.px {
    font-size:14px;
}
.pt {
    font-size:14pt;
}
.pourcent {
    font-size:150%;
}
.em {
    font-size:1.5em;
}
.rem {
    font-size:1.5rem;
}
.line1 {
    line-height:1;
}
.line2 {
    line-height:1.5;
}
.line3 {
    line-height:4;
}
.espaceLettre {
    letter-spacing:0.5em;
}
.espaceMot {
    word-spacing:2em;
}
.blancNormal, .blancNoWrap, .blancPre {
    width:12em;
    background-color:#C1C1C1;
    
}

.blancNormal {
    white-space:normal;
    
}
.blancNoWrap {
    white-space:nowrap;
}
.blancPre {
    white-space:pre;
}
.decalage1{
    text-align:right;
}
.decalage2{
    text-align:center;
}
.decalage3{
    text-align:left;
} 
.textNone {
    text-transform:none;
}
.textCap {
    text-transform:capitalize;
}
.textUp {
    text-transform:uppercase;
}
.souligne {
    text-decoration:underline;
}
.souligneRed {
    text-decoration:underline red;
}
.souligneDoubleOrange {
    text-decoration:underline double orangered;
}
.souligneMoitieVert {
    text-decoration: underline green dashed;
}
.souligneWavyTeal {
    text-decoration: underline red wavy;
}

footer {
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    background-color: #D1D1D1;
    text-align:center;
    margin:auto;
}

footer p {
    margin-bottom : 0
}

.orange {
    color:orange;
    text-decoration:none;
    text-decoration: underline;
}