h1, h2, h4 { font-weight: 400; }
h3 {
   font-weight: 300;
   font-size: 24px;
   color: #37424a;
}

h5 {
   font-weight: 600;
   font-size: 18px;
   color: #37424a;
}

h6 {
   font-weight: 600;
   font-size: 16px;
   color: #787f84;
}


/* -- Text Weight */
.font-weight-semi    { font-weight: 600; }

/* -- Text Size */
.font-size-xs        { font-size: 16px; }
.font-size-sm        { font-size: 18px; }

/* -- Clear */
.clear-both          { clear: both; }
span.clear-both      { clear: both; display: block; }

/*** Boutons ***/
#contenu input[type="button"].bouton, #contenu input[type="submit"].bouton, 
#contenu a.bouton, #contenu button.bouton,
#bas-page-app input[type="button"].bouton, #bas-page-app input[type="submit"].bouton, 
#bas-page-app a.bouton, #bas-page-app button.bouton {
   background-color: #787f84;
   border: 0;
   border-radius: 8px;
   color: #fff;
   cursor: pointer;
   font-size: 18px;
   font-weight: 600;
   line-height: 35px;
   padding: 0 15px;
   white-space: nowrap;
   margin: 10px;
   text-align: center;
   transition: all .2s ease-in-out;
   -webkit-appearance: none;
}

#contenu a.bouton, #bas-page-app a.bouton {
   display: inline-block;
   text-decoration: none;
}

.corpo #contenu input[type="button"].bouton, .corpo #contenu input[type="submit"].bouton, 
.corpo #contenu a.bouton, .corpo #contenu button.bouton,
.corpo #bas-page-app input[type="button"].bouton, .corpo #bas-page-app input[type="submit"].bouton, 
.corpo #bas-page-app a.bouton, .corpo #bas-page-app button.bouton { background-color: #0073cf; }

   /* focus */
   .corpo #contenu input[type="button"].bonton:focus, .corpo #contenu input[type="submit"].bouton:focus,
   .corpo #contenu a.bouton:focus, .corpo #contenu button.bouton:focus,
   .corpo #bas-page-app input[type="button"].bouton:focus, .corpo #bas-page-app input[type="submit"].bouton:focus, 
   .corpo #bas-page-app a.bouton:focus, .corpo #bas-page-app button.bouton:focus { background-color: #47a8f9; }

/* inactif */
#contenu input[disabled].bouton, #contenu button[disabled].bouton,
#contenu a[disabled].bouton, #contenu a[disabled].bouton,
#bas-page-app input[disabled].bouton, #bas-page-app button[disabled].bouton  {
   background-color: #dedede !important;
   cursor: default;
}

#contenu input[disabled].bouton:hover, #contenu button[disabled].bouton:hover,
#contenu a[disabled].bouton:hover, #contenu a[disabled].bouton:hover,
#bas-page-app input[disabled].bouton:hover, #bas-page-app button[disabled].bouton:hover   { opacity: 1 !important; }

/* survol */
/* utilise la class noTouch pour éviter les périphérique touch qui demande un touch de plus pour le focus ex: iPad */
.noTouch #contenu input[type="button"].bouton:hover, .noTouch #contenu input[type="submit"].bouton:hover, .noTouch #contenu button.bouton:hover, .noTouch #contenu a.bouton:hover,
.noTouch #bas-page-app input[type="button"].bouton:hover, .noTouch #bas-page-app input[type="submit"].bouton:hover, .noTouch #bas-page-app button.bouton:hover, .noTouch #bas-page-app a.bouton:hover  {opacity: 0.8;}