/**
 * Style des éléments de base
 * 
 * @copyright (c) ontheway.ch
 * @author Joëlle Galloni et Pascal Favre
 */

/**
 * Variables globales
 */
:root {
    /* Orange */
    --colour: #F89406;
    --lightcolour: #FEEACD;
    --darkcolour: #C67605;
    
    /* Gris */
    --grey0: #FAFAFA;
    --grey05: #F2F2F2;
    --grey1: #EAEAEA;
    --grey2: #DADADA;
    /*--grey3: #CACACA;*/
    --grey4: #BABABA;
    /*--grey5: #AAAAAA;*/
    --grey6: #9A9A9A;
    /*--grey7: #8A8A8A;*/
    --grey8: #7A7A7A;
    --grey9: #6A6A6A;
    --grey10: #5A5A5A;
    /*--grey11: #4A4A4A;*/
    --grey12: #3A3A3A;
    /*--grey13: #2A2A2A;*/
    /*--grey14: #1A1A1A;*/
}

/**
 * Style général
 */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: "Montserrat", "Muli", "Open Sans", Arial;
    color: #7A7A7A;
    position: relative;
    min-height: 100vh;
    line-height: 1.5;
    margin: 0;
}
* {
    box-sizing: border-box;
}

/* Paragraphes */
p {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 1rem;
}
/* Liens */
a {
    text-decoration: none;
    color: #F89406;
}
a:hover {
    text-decoration: none;
    color: #F89406;
}

button.color-picker {
    height: 26px;
    width: 150px;
    border: 1px solid #BABABA;
    margin-left: -4px;
}
select {
    padding: 5px;
}
.text-center {
    text-align: center;
}
.clear {
    clear: both;
}