/**
 * Style des éléments de base
 * 
 * @copyright (c) 2016, Maison F et J Galloni SA
 * @author Joëlle Galloni
 */
/**
 * Variables globales
 */
:root {
    --colour: #22A7F0;
    --middlecolour: #B2E1FA;
    --lightcolour: #DAF0FC;
    --darkcolour: #0C7BB7;
    --verydarkcolour: #00538F;

    /*
    Couleurs du shop :
    
    --colour: #DB0A5B;
    --middlecolour: #E5538C;
    --lightcolour: #F09DBD;
    --verylightcolour: #F7CEDE;
    --darkcolour: #C50951;
    --verydarkcolour: #99073F;
    --veryverydarkcolour: #830636;
    */
    
    --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
 */
body {
    font-family: "Open Sans", Arial;
    margin: 0 auto;
    font-size: 15px;
    color: #3A3A3A;
}

/* Paragraphes */
p {
    text-align: justify;
}
/* Liens */
a,
.link {
    text-decoration: none;
    color: #22A7F0;
    cursor: pointer;
}
a:hover,
.link:hover {
    color: #0C7BB7;
}
/* Lignes horizontales */
hr {
    border: none;
    height: 1px;
    background-color: #BABABA;
}
/* Listes numérotées */
ol {
    padding-left: 20px;
    margin: 0;
}
.right-align {
    text-align: right;
}
.center-align {
    text-align: center;
}

/* Texte en miroir */
.flip {
    -moz-transform:    scaleX(-1); /* Gecko */
    -o-transform:      scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform:         scaleX(-1); /* Standard */
    filter: FlipH;                 /* IE 6/7/8 */
}
/* Petit texte */
span.small,
div.small {
    font-size: 0.8em;
}
/* Italique */
.italic {
    font-style: italic;
}
/* Texte en couleur */
.colour {
    color: #22A7F0;
}
/* Texte en gras */
.bold {
    font-weight: bold;
}
/* Couleurs */
.red {
    color: #D91E18;
}
.green {
    color: #26A65B;
}
.orange {
    color: #F89406;
}

.draggable {
    cursor: move;
}
figure {
    margin: 0;
}

.no-cent, 
.cent {
    position: relative;
    background-color: #F2F2F2;
    border: 1px solid #BABABA;
    outline: none;
    box-shadow: 1.5px 1.5px 2px #BABABA;
    border-radius: 3px;
    padding: 3px;
}
.no-cent {
    width: 32px;
}
.no-cent:after {
    content: ".00";
    position: absolute;
    right: 3px;
    font-family: "Open Sans", Arial;
    font-size: 0.8em;
    top: 6px;
}
.no-cent:hover, 
.cent:hover {
    border-color: #0C7BB7;
    color: #00538F;
}