.btn-cyan { background-color: #59c9ed; color:#FFF; text-decoration: none;}
.btn-cyan:hover { background-color: #51b6d8; }
.btn-cyan:active { background-color: #51b6d8; color:white; }
.btn-cyan-outline { background-color: transparent; border-color: #59c9ed; border-radius: 4px;  color: #59c9ed; }
.btn-cyan-outline:hover { border-color: #46b0d3; color: #46b0d3; }

.btn-noir { background-color: #000; color:white; border-color: #000; border-radius: 4px; text-decoration: none;}
.btn-noir:hover { background-color: #333; }
.btn-noir-outline { background-color: transparent; color:#000; border-color: #000; border-radius: 4px;}
.btn-noir-outline:hover { color: #333; border-color: #333; }

.btn-white { background-color: white;  border-radius: 4px;  text-decoration: none;}
.btn-white:hover { background-color: #DDD; color: #DDD; }
.btn-white-outline { background-color: transparent; color:#FFF; border-color: #FFF; border-radius: 4px;}
.btn-whote-outline:hover { color: #DDD; border-color: #DDD;}

.btn-ocre { display:inline-block; background-color: #d96d3a; color:#FFF; padding: 16px; text-transform: uppercase; font-family: "Forum", serif; border-radius:0;  text-decoration: none;}
.btn-ocre:hover { background-color: #d96d3a; color: #333;}
.btn-ocre:active { background-color: #dd8c66; color:white; }

.btn-or { display:inline-block; background-color: #CB9700; color:#FFF; padding: 16px; text-transform: uppercase; font-family: "Forum", serif; border-radius: 0; text-decoration: none;}
.btn-or:hover { background-color: #d4ad35; }
.btn-or:active { background-color: #dd8c66; color:white; }

.btn-mer { display:inline-block; background-color: #6E86AA; color:#FFF; padding: 16px; text-transform: uppercase; font-family: "Forum", serif; border-radius: 0; text-decoration: none;}
.btn-mer:hover { background-color: #516c94; }
.btn-mer:active { background-color: #516c94; color:white; }

.btn-mersombre { display:inline-block; background-color: #091A47; color:#FFF; padding: 16px; text-transform: uppercase; font-family: "Forum", serif; border-radius: 0; text-decoration: none;}
.btn-mersombre:hover { background-color: #192c5f; }
.btn-mersombre:active { background-color: #192c5f; color:white; }

.btn-sombre { display:inline-block; background-color: #383838; color:#FFF; padding: 16px; text-transform: uppercase; font-family: "Forum", serif; border-radius:0;  text-decoration: none;}
.btn-sombre:hover { background-color: #555; color: #FFF;}