/* @group DEFAULTS COLORS */

.ftcolor-black{ color: #000 !important; }
.ftcolor-white{ color: #fff !important; }
.ftcolor-orange{ color: #ffa20e !important; }
.ftcolor-darkblue{ color: #232547 !important; }
.ftcolor-midgray{ color: #808080 !important; }
.ftcolor-darkgray{ color: #464646 !important; }
.ftcolor-black a{ color: #000 !important; }
.ftcolor-white a{ color: #fff !important; }
.ftcolor-orange a{ color: #ffa20e !important; }
.ftcolor-darkblue a{ color: #232547 !important; }
.ftcolor-midgray a{ color: #808080 !important; }
.ftcolor-darkgray a{ color: #464646 !important; }
.ftcolor-black input{ color: #000 !important; }
.ftcolor-white input{ color: #fff !important; }
.ftcolor-orange input{ color: #ffa20e !important; }
.ftcolor-darkblue input{ color: #232547 !important; }
.ftcolor-midgray input{ color: #808080 !important; }
.ftcolor-darkgray input{ color: #464646 !important; }

.bgcolor-black{ background-color: #000 !important; }
.bgcolor-white{ background-color: #fff !important; }
.bgcolor-satpurple{ background-color: #c3c6e9 !important; }
.bgcolor-desatpurple{ background-color: #e1e3f4 !important; }
.bgcolor-lightpurple{ background-color: #9b9ab4 !important; }
.bgcolor-midpurple{ background-color: #84829f !important; }
.bgcolor-darkpurple{ background-color: #6d6a8a !important; }
.bgcolor-lightgray{ background-color: #e6e6e6 !important; }
.bgcolor-darkgray{ background-color: #464646 !important; }
.bgcolor-beige{ background-color: #f3eedc !important; }

.brcolor-darkblue{ border-color: #232547 !important; }
.brcolor-midpurple{ border-color: #84829f !important; }
.brcolor-lightgray{ border-color: #e6e6e6 !important; }
.brcolor-midgray{ border-color: #808080 !important; }
.brcolor-darkgray{ border-color: #464646 !important; }
.brcolor-midbeige{ border-color: d6d3c9 !important; }

/* @end */

/* @group DEFAULT BORDERS */

/* @group BOOLEAN */
.br-0000{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.br-0001{ border-left-style: solid; }
.br-0010{ border-bottom-style: solid; }
.br-0011{ border-bottom-style: solid; border-left-style: solid; }
.br-0100{ border-right-style: solid; }
.br-0101{ border-right-style: solid; border-left-style: solid; }
.br-0110{ border-right-style: solid; border-bottom-style: solid; }
.br-0111{ border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }
.br-1000{ border-top-style: solid; }
.br-1001{ border-top-style: solid; border-left-style: solid; }
.br-1010{ border-top-style: solid; border-bottom-style: solid; }
.br-1011{ border-top-style: solid; border-bottom-style: solid; border-left-style: solid; }
.br-1100{ border-top-style: solid; border-right-style: solid; }
.br-1101{ border-top-style: solid; border-right-style: solid; border-left-style: solid; }
.br-1110{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; }
.br-1111{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }
/* @end */

/* @group RADIUS */
.brad-thin{ border-radius: 5px; }
.brad-medium{ border-radius: 10px; }
.brad-thick{ border-radius: 20px; }

.brad-thin{ -moz-border-radius: 5px; }
.brad-medium{ -moz-border-radius: 10px; }
.brad-thick{ -moz-border-radius: 20px; }

.brad-thin{ -webkit-border-radius: 5px; }
.brad-medium{ -webkit-border-radius: 10px; }
.brad-thick{ -webkit-border-radius: 20px; }
/* @end */

/* @group WIDTH */
.br-thin{ border-width: 1px; }
.br-medium{ border-width: 2px; }
.br-thick{ border-width: 4px; }
/* @end */


/* @group STYLE */
.brs-solid-0000{ border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit; }
.brs-solid-0001{ border-left-style: solid; }
.brs-solid-0010{ border-bottom-style: solid; }
.brs-solid-0011{ border-bottom-style: solid; border-left-style: solid; }
.brs-solid-0100{ border-right-style: solid; }
.brs-solid-0101{ border-right-style: solid; border-left-style: solid; }
.brs-solid-0110{ border-right-style: solid; border-bottom-style: solid; }
.brs-solid-0111{ border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }
.brs-solid-1000{ border-top-style: solid; }
.brs-solid-1001{ border-top-style: solid; border-left-style: solid; }
.brs-solid-1010{ border-top-style: solid; border-bottom-style: solid; }
.brs-solid-1011{ border-top-style: solid; border-bottom-style: solid; border-left-style: solid; }
.brs-solid-1100{ border-top-style: solid; border-right-style: solid; }
.brs-solid-1101{ border-top-style: solid; border-right-style: solid; border-left-style: solid; }
.brs-solid-1110{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; }
.brs-solid-1111{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }

.brs-dotted-0000{ border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit; }
.brs-dotted-0001{ border-left-style: dotted; }
.brs-dotted-0010{ border-bottom-style: dotted; }
.brs-dotted-0011{ border-bottom-style: dotted; border-left-style: dotted; }
.brs-dotted-0100{ border-right-style: dotted; }
.brs-dotted-0101{ border-right-style: dotted; border-left-style: dotted; }
.brs-dotted-0110{ border-right-style: dotted; border-bottom-style: dotted; }
.brs-dotted-0111{ border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; }
.brs-dotted-1000{ border-top-style: dotted; }
.brs-dotted-1001{ border-top-style: dotted; border-left-style: dotted; }
.brs-dotted-1010{ border-top-style: dotted; border-bottom-style: dotted; }
.brs-dotted-1011{ border-top-style: dotted; border-bottom-style: dotted; border-left-style: dotted; }
.brs-dotted-1100{ border-top-style: dotted; border-right-style: dotted; }
.brs-dotted-1101{ border-top-style: dotted; border-right-style: dotted; border-left-style: dotted; }
.brs-dotted-1110{ border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; }
.brs-dotted-1111{ border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; }

.brs-double-0000{ border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit; }
.brs-double-0001{ border-left-style: double; }
.brs-double-0010{ border-bottom-style: double; }
.brs-double-0011{ border-bottom-style: double; border-left-style: double; }
.brs-double-0100{ border-right-style: double; }
.brs-double-0101{ border-right-style: double; border-left-style: double; }
.brs-double-0110{ border-right-style: double; border-bottom-style: double; }
.brs-double-0111{ border-right-style: double; border-bottom-style: double; border-left-style: double; }
.brs-double-1000{ border-top-style: double; }
.brs-double-1001{ border-top-style: double; border-left-style: double; }
.brs-double-1010{ border-top-style: double; border-bottom-style: double; }
.brs-double-1011{ border-top-style: double; border-bottom-style: double; border-left-style: double; }
.brs-double-1100{ border-top-style: double; border-right-style: double; }
.brs-double-1101{ border-top-style: double; border-right-style: double; border-left-style: double; }
.brs-double-1110{ border-top-style: double; border-right-style: double; border-bottom-style: double; }
.brs-double-1111{ border-top-style: double; border-right-style: double; border-bottom-style: double; border-left-style: double; }

.brs-dashed-0000{ border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit; }
.brs-dashed-0001{ border-left-style: dashed; }
.brs-dashed-0010{ border-bottom-style: dashed; }
.brs-dashed-0011{ border-bottom-style: dashed; border-left-style: dashed; }
.brs-dashed-0100{ border-right-style: dashed; }
.brs-dashed-0101{ border-right-style: dashed; border-left-style: dashed; }
.brs-dashed-0110{ border-right-style: dashed; border-bottom-style: dashed; }
.brs-dashed-0111{ border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; }
.brs-dashed-1000{ border-top-style: dashed; }
.brs-dashed-1001{ border-top-style: dashed; border-left-style: dashed; }
.brs-dashed-1010{ border-top-style: dashed; border-bottom-style: dashed; }
.brs-dashed-1011{ border-top-style: dashed; border-bottom-style: dashed; border-left-style: dashed; }
.brs-dashed-1100{ border-top-style: dashed; border-right-style: dashed; }
.brs-dashed-1101{ border-top-style: dashed; border-right-style: dashed; border-left-style: dashed; }
.brs-dashed-1110{ border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; }
.brs-dashed-1111{ border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; }

.brs-inset-0000{ border-top-style: inherit; border-right-style: inherit; border-bottom-style: inherit; border-left-style: inherit; }
.brs-inset-0001{ border-left-style: inset; }
.brs-inset-0010{ border-bottom-style: inset; }
.brs-inset-0011{ border-bottom-style: inset; border-left-style: inset; }
.brs-inset-0100{ border-right-style: inset; }
.brs-inset-0101{ border-right-style: inset; border-left-style: inset; }
.brs-inset-0110{ border-right-style: inset; border-bottom-style: inset; }
.brs-inset-0111{ border-right-style: inset; border-bottom-style: inset; border-left-style: inset; }
.brs-inset-1000{ border-top-style: inset; }
.brs-inset-1001{ border-top-style: inset; border-left-style: inset; }
.brs-inset-1010{ border-top-style: inset; border-bottom-style: inset; }
.brs-inset-1011{ border-top-style: inset; border-bottom-style: inset; border-left-style: inset; }
.brs-inset-1100{ border-top-style: inset; border-right-style: inset; }
.brs-inset-1101{ border-top-style: inset; border-right-style: inset; border-left-style: inset; }
.brs-inset-1110{ border-top-style: inset; border-right-style: inset; border-bottom-style: inset; }
.brs-inset-1111{ border-top-style: inset; border-right-style: inset; border-bottom-style: inset; border-left-style: inset; }

.brs-solid{ border-style: solid; }
.brs-dotted{ border-style: dotted; }
.brs-double{ border-style: double; }
.brs-dashed{ border-style: dashed; }
.brs-inset{ border-style: inset; }
/* @end */

/* @end */

/* @group DEFAULTS LENGTHS */

/* @group WIDTHS */
.width-thin{ width: 5px; }
.width-medium{ width: 10px; }
.width-thick{ width: 20px; }
/* @end */

/* @group HEIGHTS */
.height-thin{ height: 5px; }
.height-medium{ height: 10px; }
.height-thick{ height: 20px; }
/* @end */


/* @group PADDINGS */
.pad-thin-0000{ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.pad-thin-0001{ padding-left: 5px; }
.pad-thin-0010{ padding-bottom: 5px; }
.pad-thin-0011{ padding-bottom: 5px; padding-left: 5px; }
.pad-thin-0100{ padding-right: 5px; }
.pad-thin-0101{ padding-right: 5px; padding-left: 5px; }
.pad-thin-0110{ padding-right: 5px; padding-bottom: 5px; }
.pad-thin-0111{ padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.pad-thin-1000{ padding-top: 5px; }
.pad-thin-1001{ padding-top: 5px; padding-left: 5px; }
.pad-thin-1010{ padding-top: 5px; padding-bottom: 5px; }
.pad-thin-1011{ padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
.pad-thin-1100{ padding-top: 5px; padding-right: 5px; }
.pad-thin-1101{ padding-top: 5px; padding-right: 5px; padding-left: 5px; }
.pad-thin-1110{ padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
.pad-thin-1111{ padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

.pad-medium-0000{ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.pad-medium-0001{ padding-left: 10px; }
.pad-medium-0010{ padding-bottom: 10px; }
.pad-medium-0011{ padding-bottom: 10px; padding-left: 10px; }
.pad-medium-0100{ padding-right: 10px; }
.pad-medium-0101{ padding-right: 10px; padding-left: 10px; }
.pad-medium-0110{ padding-right: 10px; padding-bottom: 10px; }
.pad-medium-0111{ padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.pad-medium-1000{ padding-top: 10px; }
.pad-medium-1001{ padding-top: 10px; padding-left: 10px; }
.pad-medium-1010{ padding-top: 10px; padding-bottom: 10px; }
.pad-medium-1011{ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.pad-medium-1100{ padding-top: 10px; padding-right: 10px; }
.pad-medium-1101{ padding-top: 10px; padding-right: 10px; padding-left: 10px; }
.pad-medium-1110{ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.pad-medium-1111{ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

.pad-thick-0000{ padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.pad-thick-0001{ padding-left: 20px; }
.pad-thick-0010{ padding-bottom: 20px; }
.pad-thick-0011{ padding-bottom: 20px; padding-left: 20px; }
.pad-thick-0100{ padding-right: 20px; }
.pad-thick-0101{ padding-right: 20px; padding-left: 20px; }
.pad-thick-0110{ padding-right: 20px; padding-bottom: 20px; }
.pad-thick-0111{ padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.pad-thick-1000{ padding-top: 20px; }
.pad-thick-1001{ padding-top: 20px; padding-left: 20px; }
.pad-thick-1010{ padding-top: 20px; padding-bottom: 20px; }
.pad-thick-1011{ padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
.pad-thick-1100{ padding-top: 20px; padding-right: 20px; }
.pad-thick-1101{ padding-top: 20px; padding-right: 20px; padding-left: 20px; }
.pad-thick-1110{ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; }
.pad-thick-1111{ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }

/* @end */

/* @group MARGINS */
.marg-thin-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-thin-0001{ margin-left: 5px; }
.marg-thin-0010{ margin-bottom: 5px; }
.marg-thin-0011{ margin-bottom: 5px; margin-left: 5px; }
.marg-thin-0100{ margin-right: 5px; }
.marg-thin-0101{ margin-right: 5px; margin-left: 5px; }
.marg-thin-0110{ margin-right: 5px; margin-bottom: 5px; }
.marg-thin-0111{ margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }
.marg-thin-1000{ margin-top: 5px; }
.marg-thin-1001{ margin-top: 5px; margin-left: 5px; }
.marg-thin-1010{ margin-top: 5px; margin-bottom: 5px; }
.marg-thin-1011{ margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
.marg-thin-1100{ margin-top: 5px; margin-right: 5px; }
.marg-thin-1101{ margin-top: 5px; margin-right: 5px; margin-left: 5px; }
.marg-thin-1110{ margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }
.marg-thin-1111{ margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }

.marg-medium-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-medium-0001{ margin-left: 10px; }
.marg-medium-0010{ margin-bottom: 10px; }
.marg-medium-0011{ margin-bottom: 10px; margin-left: 10px; }
.marg-medium-0100{ margin-right: 10px; }
.marg-medium-0101{ margin-right: 10px; margin-left: 10px; }
.marg-medium-0110{ margin-right: 10px; margin-bottom: 10px; }
.marg-medium-0111{ margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.marg-medium-1000{ margin-top: 10px; }
.marg-medium-1001{ margin-top: 10px; margin-left: 10px; }
.marg-medium-1010{ margin-top: 10px; margin-bottom: 10px; }
.marg-medium-1011{ margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.marg-medium-1100{ margin-top: 10px; margin-right: 10px; }
.marg-medium-1101{ margin-top: 10px; margin-right: 10px; margin-left: 10px; }
.marg-medium-1110{ margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.marg-medium-1111{ margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }

.marg-thick-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-thick-0001{ margin-left: 20px; }
.marg-thick-0010{ margin-bottom: 20px; }
.marg-thick-0011{ margin-bottom: 20px; margin-left: 20px; }
.marg-thick-0100{ margin-right: 20px; }
.marg-thick-0101{ margin-right: 20px; margin-left: 20px; }
.marg-thick-0110{ margin-right: 20px; margin-bottom: 20px; }
.marg-thick-0111{ margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }
.marg-thick-1000{ margin-top: 20px; }
.marg-thick-1001{ margin-top: 20px; margin-left: 20px; }
.marg-thick-1010{ margin-top: 20px; margin-bottom: 20px; }
.marg-thick-1011{ margin-top: 20px; margin-bottom: 20px; margin-left: 20px; }
.marg-thick-1100{ margin-top: 20px; margin-right: 20px; }
.marg-thick-1101{ margin-top: 20px; margin-right: 20px; margin-left: 20px; }
.marg-thick-1110{ margin-top: 20px; margin-right: 20px; margin-bottom: 20px; }
.marg-thick-1111{ margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }

/*valeurs négatives*/
.marg-thin-n-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-thin-n-0001{ margin-left: -5px; }
.marg-thin-n-0010{ margin-bottom: -5px; }
.marg-thin-n-0011{ margin-bottom: -5px; margin-left: -5px; }
.marg-thin-n-0100{ margin-right: -5px; }
.marg-thin-n-0101{ margin-right: -5px; margin-left: -5px; }
.marg-thin-n-0110{ margin-right: -5px; margin-bottom: -5px; }
.marg-thin-n-0111{ margin-right: -5px; margin-bottom: -5px; margin-left: -5px; }
.marg-thin-n-1000{ margin-top: -5px; }
.marg-thin-n-1001{ margin-top: -5px; margin-left: -5px; }
.marg-thin-n-1010{ margin-top: -5px; margin-bottom: -5px; }
.marg-thin-n-1011{ margin-top: -5px; margin-bottom: -5px; margin-left: -5px; }
.marg-thin-n-1100{ margin-top: -5px; margin-right: -5px; }
.marg-thin-n-1101{ margin-top: -5px; margin-right: -5px; margin-left: -5px; }
.marg-thin-n-1110{ margin-top: -5px; margin-right: -5px; margin-bottom: -5px; }
.marg-thin-n-1111{ margin-top: -5px; margin-right: -5px; margin-bottom: -5px; margin-left: -5px; }

.marg-medium-n-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-medium-n-0001{ margin-left: -10px; }
.marg-medium-n-0010{ margin-bottom: -10px; }
.marg-medium-n-0011{ margin-bottom: -10px; margin-left: -10px; }
.marg-medium-n-0100{ margin-right: -10px; }
.marg-medium-n-0101{ margin-right: -10px; margin-left: -10px; }
.marg-medium-n-0110{ margin-right: -10px; margin-bottom: -10px; }
.marg-medium-n-0111{ margin-right: -10px; margin-bottom: -10px; margin-left: -10px; }
.marg-medium-n-1000{ margin-top: -10px; }
.marg-medium-n-1001{ margin-top: -10px; margin-left: -10px; }
.marg-medium-n-1010{ margin-top: -10px; margin-bottom: -10px; }
.marg-medium-n-1011{ margin-top: -10px; margin-bottom: -10px; margin-left: -10px; }
.marg-medium-n-1100{ margin-top: -10px; margin-right: -10px; }
.marg-medium-n-1101{ margin-top: -10px; margin-right: -10px; margin-left: -10px; }
.marg-medium-n-1110{ margin-top: -10px; margin-right: -10px; margin-bottom: -10px; }
.marg-medium-n-1111{ margin-top: -10px; margin-right: -10px; margin-bottom: -10px; margin-left: -10px; }

.marg-thick-n-0000{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.marg-thick-n-0001{ margin-left: -20px; }
.marg-thick-n-0010{ margin-bottom: -20px; }
.marg-thick-n-0011{ margin-bottom: -20px; margin-left: -20px; }
.marg-thick-n-0100{ margin-right: -20px; }
.marg-thick-n-0101{ margin-right: -20px; margin-left: -20px; }
.marg-thick-n-0110{ margin-right: -20px; margin-bottom: -20px; }
.marg-thick-n-0111{ margin-right: -20px; margin-bottom: -20px; margin-left: -20px; }
.marg-thick-n-1000{ margin-top: -20px; }
.marg-thick-n-1001{ margin-top: -20px; margin-left: -20px; }
.marg-thick-n-1010{ margin-top: -20px; margin-bottom: -20px; }
.marg-thick-n-1011{ margin-top: -20px; margin-bottom: -20px; margin-left: -20px; }
.marg-thick-n-1100{ margin-top: -20px; margin-right: -20px; }
.marg-thick-n-1101{ margin-top: -20px; margin-right: -20px; margin-left: -20px; }
.marg-thick-n-1110{ margin-top: -20px; margin-right: -20px; margin-bottom: -20px; }
.marg-thick-n-1111{ margin-top: -20px; margin-right: -20px; margin-bottom: -20px; margin-left: -20px; }

/* @end */

/* @end */