.button {
    padding: 5px 30px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    background: #FFF;
    border: 2px solid #000;
    color: #000;
    text-transform: uppercase; 
    text-decoration: none;
} 
.button:hover {
    background: #000;
    color: #FFF;
    text-decoration: none; 
}
  
.button-dark {
    background: #2b354f;
}

.button-jaune {
    background: #ffc715;
    border:none;
}

.button-large {
    padding: 5px 30px; 
    font-size: 16px;
}
h2{font-size: 30px;}
h3{font-size: 24px; text-transform: uppercase; line-height: 1; color: #000; margin: 40px 0 20px 0;}
h3:before{content:""; display: block; width: 100%; height: 2px; background: #000;  margin-bottom: 5px;}
h3:after{content:""; display: block; width: 100%; height: 2px; background: #000; margin-top: 5px;}

h4{font-size: 24px; color: #000; margin-top: 30px; font-weight: bold;}
h4:before{content:""; display: inline-block; margin-right: 10px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 16px solid #000; border-bottom: 8px solid transparent;}


.bleu{color: #53b9ff;}
.vert{color: #3ddb36;}
.rose{color: #ff61ae;}
.jaune{color: #ffc013;}
.violet{color: #d189ff;}
.orange{color: #ff960e;}