/* -----------  Couleurs ----------- */

.txtwhite {color:#fff !important;}
.txtblack{color:#000000 !important;}
.txtgreen {color:#84c300 !important;}
.txtgrey {color:#9c9c9c !important;}
.txtdarkgrey {color:#636363 !important;}
.txtlightgrey {color:#878787 !important;}
.txtorange {color:#e75927 !important;}
.txtred {color:#ff0000 !important;}
.txtvert { color:#83c300 !important; }
.txtjuicy { color:#f4524d !important; }
.txtgold { color:#ecc400 !important; }
.maincolor { color:#E91E63 !important; }
.txtbluegrey { color:#153039 !important; }
.txtblue { color:#0099ff !important; }


/* -----------  Texte ----------- */

/*
* Style
*/

.txtcenter {text-align: center !important;}
.txtleft {text-align: left !important;}
.txtright {text-align: right !important;}
.txtjust {text-align: justify !important;}

.uline {text-decoration: underline !important;}
.nouline {text-decoration: none !important;}

.txtnone {text-transform: none !important;}
.txtcap { text-transform: capitalize !important; }
.txtup {text-transform: uppercase !important;}

.txtitalic{font-style: italic !important;}

.tnormal {font-weight:normal !important;}
.tlight {font-weight:lighter !important;}
.tbold { font-weight: bold !important; }


/*
* Bold
*/

.tbold300 { font-weight: 300 !important;}
.tbold400 { font-weight: 400 !important;}
.tbold500 { font-weight: 500 !important;}
.tbold600 { font-weight: 600 !important;}
.tbold700 { font-weight: 700 !important;}
.tbold800 { font-weight: 800 !important;}
.tbold900 { font-weight: 900 !important;}


/*
* Font
*/

.fontlato { font-family: "Lato",sans-serif !important; }
.fontrale { font-family: 'Raleway', sans-serif !important; }
.fontmont { font-family: 'Montserrat', sans-serif !important; }
.fontcali { font-family: 'Calligraffitti', sans-serif !important; }
.fontrobo { font-family: "Roboto", sans-serif !important;  }
.fontsatis { font-family: "satisfy", sans-serif !important;}


/*
* Couleur
*/

.backbluegrey { background-color:#153039 !important; }
.backmaincolor {background-color: #e64c00 !important; }
.backmaingrey {background-color: #3a3d45 !important; }
.backlightgrey {background-color: #999db4 !important; }
.backgrey {background-color: #fafafa !important; }
.backdark {background-color: #323232 !important; }
.backgreen { background-color:#83c300 !important; }
.backwhite {background-color: #fff !important; }
.bordergrey {border: 1px solid #ddd !important; }
.backshadow {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) !important;
}

/*
* Opacite
*/

.opacity-01 {opacity: 0.1 !important;}
.opacity-02 {opacity: 0.2 !important;}
.opacity-03 {opacity: 0.3 !important;}
.opacity-04 {opacity: 0.4 !important;}
.opacity-05 {opacity: 0.5 !important;}
.opacity-06 {opacity: 0.6 !important;}
.opacity-07 {opacity: 0.7 !important;}
.opacity-08 {opacity: 0.8 !important;}
.opacity-09 {opacity: 0.9 !important;}


/*
* Taille de texte
*/

.s9 {font-size:9px !important; }
.s10 {font-size:10px !important; }
.s11 {font-size:11px !important; }
.s12 {font-size:12px !important; }
.s13 {font-size:13px !important; }
.s14 {font-size:14px !important; }
.s15 {font-size:15px !important; }
.s16 {font-size:16px !important; }
.s18 {font-size:18px !important; }
.s20 {font-size:20px !important; }
.s22 {font-size:22px !important; }
.s25 {font-size:25px !important; }
.s30 {font-size:30px !important; }
.s34 {font-size:34px !important; }
.s36 {font-size:36px !important; }
.s38 {font-size:38px !important; }
.s40 {font-size:40px !important; }
.s100 {font-size:100px !important; }
.s120 {font-size:120px !important; }


/*
* Taille des lignes
*/
.lineh15 {line-height:15px !important;}
.lineh18 {line-height:18px !important;}
.lineh20 {line-height:20px !important;}
.lineh24 {line-height:24px !important;}
.lineh28 {line-height:28px !important;}
.lineh30 {line-height:30px !important;}
.lineh36 {line-height:36px !important;}
.lineh40 {line-height:40px !important;}



/* -----------  Gestion bloc ----------- */

/*
* z-index
*/

.z-index-0 {z-index: 0 !important;}
.z-index-1 {z-index: 1 !important;}
.z-index-2 {z-index: 2 !important;}
.z-index-3 {z-index: 3 !important;}
.z-index-4 {z-index: 4 !important;}
.z-index-5 {z-index: 5 !important;}
.z-index-6 {z-index: 6 !important;}
.z-index-7 {z-index: 7 !important;}
.z-index-8 {z-index: 8 !important;}
.z-index-9 {z-index: 9 !important;}
.z-index-10 {z-index: 10 !important;}
.z-index-11 {z-index: 11 !important;}
.z-index-12 {z-index: 12 !important;}
.z-index-13 {z-index: 13 !important;}
.z-index-14 {z-index: 14 !important;}
.z-index-15 {z-index: 15 !important;}
.z-index-16 {z-index: 16 !important;}
.z-index-17 {z-index: 17 !important;}
.z-index-18 {z-index: 18 !important;}
.z-index-19 {z-index: 19 !important;}
.z-index-20 {z-index: 20 !important;}
.z-index-21 {z-index: 21 !important;}
.z-index-22 {z-index: 22 !important;}
.z-index-23 {z-index: 23 !important;}
.z-index-24 {z-index: 24 !important;}
.z-index-25 {z-index: 25 !important;}
.z-index-26 {z-index: 26 !important;}
.z-index-27 {z-index: 27 !important;}
.z-index-28 {z-index: 28 !important;}
.z-index-29 {z-index: 29 !important;}
.z-index-30 {z-index: 30 !important;}
.z-index-35 {z-index: 35 !important;}
.z-index-40 {z-index: 40 !important;}
.z-index-45 {z-index: 45 !important;}
.z-index-50 {z-index: 50 !important;}
.z-index-60 {z-index: 60 !important;}
.z-index-70 {z-index: 70 !important;}
.z-index-80 {z-index: 80 !important;}
.z-index-90 {z-index: 90 !important;}
.z-index-100 {z-index: 100 !important;}


/*
* Right
*/

.right-0 {right:0 !important;}
.right-5 {right: 5px !important;}
.right-10 {right: 10px !important;}
.right-15 {right: 15px !important;}
.right-20 {right: 20px !important;}
.right-25 {right: 25px !important;}
.right-30 {right: 30px !important;}
.right-35 {right: 35px !important;}
.right-40 {right: 40px !important;}
.right-45 {right: 45px !important;}
.right-50 {right: 50px !important;}
.right-60 {right: 60px !important;}
.right-70 {right: 70px !important;}
.right-80 {right: 80px !important;}
.right-90 {right: 90px !important;}
.right-100 {right: 100px !important;}

.right-n-0 {right:0 !important;}
.right-n-5 {right: -5px !important;}
.right-n-10 {right: -10px !important;}
.right-n-15 {right: -15px !important;}
.right-n-20 {right: -20px !important;}
.right-n-25 {right: -25px !important;}
.right-n-30 {right: -30px !important;}
.right-n-35 {right: -35px !important;}
.right-n-40 {right: -40px !important;}
.right-n-45 {right: -45px !important;}
.right-n-50 {right: -50px !important;}
.right-n-60 {right: -60px !important;}
.right-n-70 {right: -70px !important;}
.right-n-80 {right: -80px !important;}
.right-n-90 {right: -90px !important;}
.right-n-100 {right: -100px !important;}

/*
* Left
*/

.left-0 {left:0 !important;}
.left-5 {left: 5px !important;}
.left-10 {left: 10px !important;}
.left-15 {left: 15px !important;}
.left-20 {left: 20px !important;}
.left-25 {left: 25px !important;}
.left-30 {left: 30px !important;}
.left-35 {left: 35px !important;}
.left-40 {left: 40px !important;}
.left-45 {left: 45px !important;}
.left-50 {left: 50px !important;}
.left-60 {left: 60px !important;}
.left-70 {left: 70px !important;}
.left-80 {left: 80px !important;}
.left-90 {left: 90px !important;}
.left-100 {left: 100px !important;}

.left-n-0{left:0 !important;}
.left-n-5 {left: -5px !important;}
.left-n-10 {left: -10px !important;}
.left-n-15 {left: -15px !important;}
.left-n-20 {left: -20px !important;}
.left-n-25 {left: -25px !important;}
.left-n-30 {left: -30px !important;}
.left-n-35 {left: -35px !important;}
.left-n-40 {left: -40px !important;}
.left-n-45 {left: -45px !important;}
.left-n-50 {left: -50px !important;}
.left-n-60 {left: -60px !important;}
.left-n-70 {left: -70px !important;}
.left-n-80 {left: -80px !important;}
.left-n-90 {left: -90px !important;}
.left-n-100 {left: -100px !important;}


/*
* Top
*/

.top-0 {top:0 !important;}
.top-5 {top: 5px !important;}
.top-10 {top: 10px !important;}
.top-15 {top: 15px !important;}
.top-20 {top: 20px !important;}
.top-25 {top: 25px !important;}
.top-30 {top: 30px !important;}
.top-35 {top: 35px !important;}
.top-40 {top: 40px !important;}
.top-45 {top: 45px !important;}
.top-50 {top: 50px !important;}
.top-60 {top: 60px !important;}
.top-70 {top: 70px !important;}
.top-80 {top: 80px !important;}
.top-90 {top: 90px !important;}
.top-100 {top: 100px !important;}

.top-n-0 {top:0 !important;}
.top-n-5 {top: -5px !important;}
.top-n-10 {top: -10px !important;}
.top-n-15 {top: -15px !important;}
.top-n-20 {top: -20px !important;}
.top-n-25 {top: -25px !important;}
.top-n-30 {top: -30px !important;}
.top-n-35 {top: -35px !important;}
.top-n-40 {top: -40px !important;}
.top-n-45 {top: -45px !important;}
.top-n-50 {top: -50px !important;}
.top-n-60 {top: -60px !important;}
.top-n-70 {top: -70px !important;}
.top-n-80 {top: -80px !important;}
.top-n-90 {top: -90px !important;}
.top-n-100 {top: -100px !important;}

/*
* Bottombottom
*/

.bottom-0 {bottom:0 !important;}
.bottom-5 {bottom: 5px !important;}
.bottom-10 {bottom: 10px !important;}
.bottom-15 {bottom: 15px !important;}
.bottom-20 {bottom: 20px !important;}
.bottom-25 {bottom: 25px !important;}
.bottom-30 {bottom: 30px !important;}
.bottom-35 {bottom: 35px !important;}
.bottom-40 {bottom: 40px !important;}
.bottom-45 {bottom: 45px !important;}
.bottom-50 {bottom: 50px !important;}
.bottom-60 {bottom: 60px !important;}
.bottom-70 {bottom: 70px !important;}
.bottom-80 {bottom: 80px !important;}
.bottom-90 {bottom: 90px !important;}
.bottom-100 {bottom: 100px !important;}

.bottom-n-0 {bottom:0 !important;}
.bottom-n-5 {bottom: -5px !important;}
.bottom-n-10 {bottom: -10px !important;}
.bottom-n-15 {bottom: -15px !important;}
.bottom-n-20 {bottom: -20px !important;}
.bottom-n-25 {bottom: -25px !important;}
.bottom-n-30 {bottom: -30px !important;}
.bottom-n-35 {bottom: -35px !important;}
.bottom-n-40 {bottom: -40px !important;}
.bottom-n-45 {bottom: -45px !important;}
.bottom-n-50 {bottom: -50px !important;}
.bottom-n-60 {bottom: -60px !important;}
.bottom-n-70 {bottom: -70px !important;}
.bottom-n-80 {bottom: -80px !important;}
.bottom-n-90 {bottom: -90px !important;}
.bottom-n-100 {bottom: -100px !important;}


/*
* Padding
*/

.padding-0 {padding:0}
.padding-vertical-0 {padding-top: 0 !important;margin-bottom: 0 !important;}
.padding-vertical-5 {padding-top: 5px !important;margin-bottom: 5px !important;}
.padding-vertical-10 {padding-top: 10px !important;margin-bottom: 10px !important;}
.padding-vertical-15 {padding-top: 15px !important;margin-bottom: 15px !important;}
.padding-vertical-20 {padding-top: 20px !important;margin-bottom: 20px !important;}
.padding-vertical-25 {padding-top: 25px !important;margin-bottom: 25px !important;}
.padding-vertical-30 {padding-top: 30px !important;margin-bottom: 30px !important;}
.padding-vertical-35 {padding-top: 35px !important;margin-bottom: 35px !important;}
.padding-vertical-40 {padding-top: 40px !important;margin-bottom: 40px !important;}
.padding-vertical-45 {padding-top: 45px !important;margin-bottom: 45px !important;}
.padding-vertical-50 {padding-top: 50px !important;margin-bottom: 50px !important;}
.padding-vertical-60 {padding-top: 60px !important;margin-bottom: 60px !important;}
.padding-vertical-70 {padding-top: 70px !important;margin-bottom: 70px !important;}
.padding-vertical-80 {padding-top: 80px !important;margin-bottom: 80px !important;}
.padding-vertical-90 {padding-top: 90px !important;margin-bottom: 90px !important;}
.padding-vertical-100 {padding-top: 100px !important;margin-bottom: 100px !important;}

.padding-horizontal-0 {padding-left: 0 !important;margin-right: 0 !important;}
.padding-horizontal-5 {padding-left: 5px !important;margin-right: 5px !important;}
.padding-horizontal-10 {padding-left: 10px !important;margin-right: 10px !important;}
.padding-horizontal-15 {padding-left: 15px !important;margin-right: 15px !important;}
.padding-horizontal-20 {padding-left: 20px !important;margin-right: 20px !important;}
.padding-horizontal-25 {padding-left: 25px !important;margin-right: 25px !important;}
.padding-horizontal-30 {padding-left: 30px !important;margin-right: 30px !important;}
.padding-horizontal-35 {padding-left: 35px !important;margin-right: 35px !important;}
.padding-horizontal-40 {padding-left: 40px !important;margin-right: 40px !important;}
.padding-horizontal-45 {padding-left: 45px !important;margin-right: 45px !important;}
.padding-horizontal-50 {padding-left: 50px !important;margin-right: 50px !important;}
.padding-horizontal-60 {padding-left: 60px !important;margin-right: 60px !important;}
.padding-horizontal-70 {padding-left: 70px !important;margin-right: 70px !important;}
.padding-horizontal-80 {padding-left: 80px !important;margin-right: 80px !important;}
.padding-horizontal-90 {padding-left: 90px !important;margin-right: 90px !important;}
.padding-horizontal-100 {padding-left: 100px !important;margin-right: 100px !important;}

.padding-top-0 {padding-top: 0 !important;}
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-15 {padding-top: 15px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-25 {padding-top: 25px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-35 {padding-top: 35px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-45 {padding-top: 45px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-55 {padding-top: 55px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-65 {padding-top: 65px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-75 {padding-top: 75px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-85 {padding-top: 85px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-95 {padding-top: 95px !important;}
.padding-top-100 {padding-top: 100px !important;}
.padding-top-125 {padding-top: 125px !important;}
.padding-top-150 {padding-top: 150px !important;}
.padding-top-175 {padding-top: 175px !important;}
.padding-top-200 {padding-top: 200px !important;}

.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-15 {padding-bottom: 15px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-25 {padding-bottom: 25px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-35 {padding-bottom: 35px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-45 {padding-bottom: 45px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-55 {padding-bottom: 55px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-65 {padding-bottom: 65px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-75 {padding-bottom: 75px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-85 {padding-bottom: 85px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-95 {padding-bottom: 95px !important;}
.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-125 {padding-bottom: 125px !important;}
.padding-bottom-150 {padding-bottom: 150px !important;}
.padding-bottom-175 {padding-bottom: 175px !important;}
.padding-bottom-200 {padding-bottom: 200px !important;}

.padding-left-0 {padding-left: 0 !important;}
.padding-left-5 {padding-left: 5px !important;}
.padding-left-10 {padding-left: 10px !important;}
.padding-left-15 {padding-left: 15px !important;}
.padding-left-20 {padding-left: 20px !important;}
.padding-left-25 {padding-left: 25px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-left-35 {padding-left: 35px !important;}
.padding-left-40 {padding-left: 40px !important;}
.padding-left-45 {padding-left: 45px !important;}
.padding-left-50 {padding-left: 50px !important;}
.padding-left-55 {padding-left: 55px !important;}
.padding-left-60 {padding-left: 60px !important;}
.padding-left-65 {padding-left: 65px !important;}
.padding-left-70 {padding-left: 70px !important;}
.padding-left-75 {padding-left: 75px !important;}
.padding-left-80 {padding-left: 80px !important;}
.padding-left-85 {padding-left: 85px !important;}
.padding-left-90 {padding-left: 90px !important;}
.padding-left-95 {padding-left: 95px !important;}
.padding-left-100 {padding-left: 100px !important;}
.padding-left-125 {padding-left: 125px !important;}
.padding-left-150 {padding-left: 150px !important;}
.padding-left-175 {padding-left: 175px !important;}
.padding-left-200 {padding-left: 200px !important;}

.padding-right-0 {padding-right: 0 !important;}
.padding-right-5 {padding-right: 5px !important;}
.padding-right-10 {padding-right: 10px !important;}
.padding-right-15 {padding-right: 15px !important;}
.padding-right-20 {padding-right: 20px !important;}
.padding-right-25 {padding-right: 25px !important;}
.padding-right-30 {padding-right: 30px !important;}
.padding-right-35 {padding-right: 35px !important;}
.padding-right-40 {padding-right: 40px !important;}
.padding-right-45 {padding-right: 45px !important;}
.padding-right-50 {padding-right: 50px !important;}
.padding-right-55 {padding-right: 55px !important;}
.padding-right-60 {padding-right: 60px !important;}
.padding-right-65 {padding-right: 65px !important;}
.padding-right-70 {padding-right: 70px !important;}
.padding-right-75 {padding-right: 75px !important;}
.padding-right-80 {padding-right: 80px !important;}
.padding-right-85 {padding-right: 85px !important;}
.padding-right-90 {padding-right: 90px !important;}
.padding-right-95 {padding-right: 95px !important;}
.padding-right-100 {padding-right: 100px !important;}
.padding-right-125 {padding-right: 125px !important;}
.padding-right-150 {padding-right: 150px !important;}
.padding-right-175 {padding-right: 175px !important;}
.padding-right-200 {padding-right: 200px !important;}



.padding-perc-0 {padding:0}
.padding-perc-vertical-0 {padding-top: 0 !important;margin-bottom: 0 !important;}
.padding-perc-vertical-5 {padding-top: 5% !important;margin-bottom: 5% !important;}
.padding-perc-vertical-10 {padding-top: 10% !important;margin-bottom: 10% !important;}
.padding-perc-vertical-15 {padding-top: 15% !important;margin-bottom: 15% !important;}
.padding-perc-vertical-20 {padding-top: 20% !important;margin-bottom: 20% !important;}
.padding-perc-vertical-25 {padding-top: 25% !important;margin-bottom: 25% !important;}
.padding-perc-vertical-30 {padding-top: 30% !important;margin-bottom: 30% !important;}
.padding-perc-vertical-35 {padding-top: 35% !important;margin-bottom: 35% !important;}
.padding-perc-vertical-40 {padding-top: 40% !important;margin-bottom: 40% !important;}
.padding-perc-vertical-45 {padding-top: 45% !important;margin-bottom: 45% !important;}
.padding-perc-vertical-50 {padding-top: 50% !important;margin-bottom: 50% !important;}
.padding-perc-vertical-60 {padding-top: 60% !important;margin-bottom: 60% !important;}
.padding-perc-vertical-70 {padding-top: 70% !important;margin-bottom: 70% !important;}
.padding-perc-vertical-80 {padding-top: 80% !important;margin-bottom: 80% !important;}
.padding-perc-vertical-90 {padding-top: 90% !important;margin-bottom: 90% !important;}
.padding-perc-vertical-100 {padding-top: 100% !important;margin-bottom: 100% !important;}

.padding-perc-horizontal-0 {padding-left: 0 !important;margin-right: 0 !important;}
.padding-perc-horizontal-5 {padding-left: 5% !important;margin-right: 5% !important;}
.padding-perc-horizontal-10 {padding-left: 10% !important;margin-right: 10% !important;}
.padding-perc-horizontal-15 {padding-left: 15% !important;margin-right: 15% !important;}
.padding-perc-horizontal-20 {padding-left: 20% !important;margin-right: 20% !important;}
.padding-perc-horizontal-25 {padding-left: 25% !important;margin-right: 25% !important;}
.padding-perc-horizontal-30 {padding-left: 30% !important;margin-right: 30% !important;}
.padding-perc-horizontal-35 {padding-left: 35% !important;margin-right: 35% !important;}
.padding-perc-horizontal-40 {padding-left: 40% !important;margin-right: 40% !important;}
.padding-perc-horizontal-45 {padding-left: 45% !important;margin-right: 45% !important;}
.padding-perc-horizontal-50 {padding-left: 50% !important;margin-right: 50% !important;}
.padding-perc-horizontal-60 {padding-left: 60% !important;margin-right: 60% !important;}
.padding-perc-horizontal-70 {padding-left: 70% !important;margin-right: 70% !important;}
.padding-perc-horizontal-80 {padding-left: 80% !important;margin-right: 80% !important;}
.padding-perc-horizontal-90 {padding-left: 90% !important;margin-right: 90% !important;}
.padding-perc-horizontal-100 {padding-left: 100% !important;margin-right: 100% !important;}

.padding-perc-top-0 {padding-top: 0 !important;}
.padding-perc-top-5 {padding-top: 5% !important;}
.padding-perc-top-10 {padding-top: 10% !important;}
.padding-perc-top-15 {padding-top: 15% !important;}
.padding-perc-top-20 {padding-top: 20% !important;}
.padding-perc-top-25 {padding-top: 25% !important;}
.padding-perc-top-30 {padding-top: 30% !important;}
.padding-perc-top-35 {padding-top: 35% !important;}
.padding-perc-top-40 {padding-top: 40% !important;}
.padding-perc-top-45 {padding-top: 45% !important;}
.padding-perc-top-50 {padding-top: 50% !important;}
.padding-perc-top-55 {padding-top: 55% !important;}
.padding-perc-top-60 {padding-top: 60% !important;}
.padding-perc-top-65 {padding-top: 65% !important;}
.padding-perc-top-70 {padding-top: 70% !important;}
.padding-perc-top-75 {padding-top: 75% !important;}
.padding-perc-top-80 {padding-top: 80% !important;}
.padding-perc-top-85 {padding-top: 85% !important;}
.padding-perc-top-90 {padding-top: 90% !important;}
.padding-perc-top-95 {padding-top: 95% !important;}
.padding-perc-top-100 {padding-top: 100% !important;}
.padding-perc-top-125 {padding-top: 125% !important;}
.padding-perc-top-150 {padding-top: 150% !important;}
.padding-perc-top-175 {padding-top: 175% !important;}
.padding-perc-top-200 {padding-top: 200% !important;}

.padding-perc-bottom-0 {padding-bottom: 0 !important;}
.padding-perc-bottom-5 {padding-bottom: 5% !important;}
.padding-perc-bottom-10 {padding-bottom: 10% !important;}
.padding-perc-bottom-15 {padding-bottom: 15% !important;}
.padding-perc-bottom-20 {padding-bottom: 20% !important;}
.padding-perc-bottom-25 {padding-bottom: 25% !important;}
.padding-perc-bottom-30 {padding-bottom: 30% !important;}
.padding-perc-bottom-35 {padding-bottom: 35% !important;}
.padding-perc-bottom-40 {padding-bottom: 40% !important;}
.padding-perc-bottom-45 {padding-bottom: 45% !important;}
.padding-perc-bottom-50 {padding-bottom: 50% !important;}
.padding-perc-bottom-55 {padding-bottom: 55% !important;}
.padding-perc-bottom-60 {padding-bottom: 60% !important;}
.padding-perc-bottom-65 {padding-bottom: 65% !important;}
.padding-perc-bottom-70 {padding-bottom: 70% !important;}
.padding-perc-bottom-75 {padding-bottom: 75% !important;}
.padding-perc-bottom-80 {padding-bottom: 80% !important;}
.padding-perc-bottom-85 {padding-bottom: 85% !important;}
.padding-perc-bottom-90 {padding-bottom: 90% !important;}
.padding-perc-bottom-95 {padding-bottom: 95% !important;}
.padding-perc-bottom-100 {padding-bottom: 100% !important;}
.padding-perc-bottom-125 {padding-bottom: 125% !important;}
.padding-perc-bottom-150 {padding-bottom: 150% !important;}
.padding-perc-bottom-175 {padding-bottom: 175% !important;}
.padding-perc-bottom-200 {padding-bottom: 200% !important;}

.padding-perc-left-0 {padding-left: 0 !important;}
.padding-perc-left-5 {padding-left: 5% !important;}
.padding-perc-left-10 {padding-left: 10% !important;}
.padding-perc-left-15 {padding-left: 15% !important;}
.padding-perc-left-20 {padding-left: 20% !important;}
.padding-perc-left-25 {padding-left: 25% !important;}
.padding-perc-left-30 {padding-left: 30% !important;}
.padding-perc-left-35 {padding-left: 35% !important;}
.padding-perc-left-40 {padding-left: 40% !important;}
.padding-perc-left-45 {padding-left: 45% !important;}
.padding-perc-left-50 {padding-left: 50% !important;}
.padding-perc-left-55 {padding-left: 55% !important;}
.padding-perc-left-60 {padding-left: 60% !important;}
.padding-perc-left-65 {padding-left: 65% !important;}
.padding-perc-left-70 {padding-left: 70% !important;}
.padding-perc-left-75 {padding-left: 75% !important;}
.padding-perc-left-80 {padding-left: 80% !important;}
.padding-perc-left-85 {padding-left: 85% !important;}
.padding-perc-left-90 {padding-left: 90% !important;}
.padding-perc-left-95 {padding-left: 95% !important;}
.padding-perc-left-100 {padding-left: 100% !important;}
.padding-perc-left-125 {padding-left: 125% !important;}
.padding-perc-left-150 {padding-left: 150% !important;}
.padding-perc-left-175 {padding-left: 175% !important;}
.padding-perc-left-200 {padding-left: 200% !important;}

.padding-perc-right-0 {padding-right: 0 !important;}
.padding-perc-right-5 {padding-right: 5% !important;}
.padding-perc-right-10 {padding-right: 10% !important;}
.padding-perc-right-15 {padding-right: 15% !important;}
.padding-perc-right-20 {padding-right: 20% !important;}
.padding-perc-right-25 {padding-right: 25% !important;}
.padding-perc-right-30 {padding-right: 30% !important;}
.padding-perc-right-35 {padding-right: 35% !important;}
.padding-perc-right-40 {padding-right: 40% !important;}
.padding-perc-right-45 {padding-right: 45% !important;}
.padding-perc-right-50 {padding-right: 50% !important;}
.padding-perc-right-55 {padding-right: 55% !important;}
.padding-perc-right-60 {padding-right: 60% !important;}
.padding-perc-right-65 {padding-right: 65% !important;}
.padding-perc-right-70 {padding-right: 70% !important;}
.padding-perc-right-75 {padding-right: 75% !important;}
.padding-perc-right-80 {padding-right: 80% !important;}
.padding-perc-right-85 {padding-right: 85% !important;}
.padding-perc-right-90 {padding-right: 90% !important;}
.padding-perc-right-95 {padding-right: 95% !important;}
.padding-perc-right-100 {padding-right: 100% !important;}
.padding-perc-right-125 {padding-right: 125% !important;}
.padding-perc-right-150 {padding-right: 150% !important;}
.padding-perc-right-175 {padding-right: 175% !important;}
.padding-perc-right-200 {padding-right: 200% !important;}


/*
* Margin
*/

.margin-0{margin:0}
.margin-vertical-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.margin-vertical-5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.margin-vertical-10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.margin-vertical-15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.margin-vertical-20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.margin-vertical-25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.margin-vertical-30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.margin-vertical-35 {margin-top: 35px !important;margin-bottom: 35px !important;}
.margin-vertical-40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.margin-vertical-45 {margin-top: 45px !important;margin-bottom: 45px !important;}
.margin-vertical-50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.margin-vertical-60 {margin-top: 60px !important;margin-bottom: 60px !important;}
.margin-vertical-70 {margin-top: 70px !important;margin-bottom: 70px !important;}
.margin-vertical-80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.margin-vertical-90 {margin-top: 90px !important;margin-bottom: 90px !important;}
.margin-vertical-100 {margin-top: 100px !important;margin-bottom: 100px !important;}

.margin-horizontal-0 {margin-left: 0 !important;margin-right: 0 !important;}
.margin-horizontal-5 {margin-left: 5px !important;margin-right: 5px !important;}
.margin-horizontal-10 {margin-left: 10px !important;margin-right: 10px !important;}
.margin-horizontal-15 {margin-left: 15px !important;margin-right: 15px !important;}
.margin-horizontal-20 {margin-left: 20px !important;margin-right: 20px !important;}
.margin-horizontal-25 {margin-left: 25px !important;margin-right: 25px !important;}
.margin-horizontal-30 {margin-left: 30px !important;margin-right: 30px !important;}
.margin-horizontal-35 {margin-left: 35px !important;margin-right: 35px !important;}
.margin-horizontal-40 {margin-left: 40px !important;margin-right: 40px !important;}
.margin-horizontal-45 {margin-left: 45px !important;margin-right: 45px !important;}
.margin-horizontal-50 {margin-left: 50px !important;margin-right: 50px !important;}
.margin-horizontal-60 {margin-left: 60px !important;margin-right: 60px !important;}
.margin-horizontal-70 {margin-left: 70px !important;margin-right: 70px !important;}
.margin-horizontal-80 {margin-left: 80px !important;margin-right: 80px !important;}
.margin-horizontal-90 {margin-left: 90px !important;margin-right: 90px !important;}
.margin-horizontal-100 {margin-left: 100px !important;margin-right: 100px !important;}

.margin-top-0 {margin-top: 0 !important;}
.margin-top-5 {margin-top: 5px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-15 {margin-top: 15px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-25 {margin-top: 25px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-35 {margin-top: 35px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-45 {margin-top: 45px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-55 {margin-top: 55px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-65 {margin-top: 65px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-75 {margin-top: 75px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-85 {margin-top: 85px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-95 {margin-top: 95px !important;}
.margin-top-100 {margin-top: 100px !important;}
.margin-top-125 {margin-top: 125px !important;}
.margin-top-150 {margin-top: 150px !important;}
.margin-top-175 {margin-top: 175px !important;}
.margin-top-200 {margin-top: 200px !important;}

.margin-top-n-0 {margin-top: -0 !important;}
.margin-top-n-5 {margin-top: -5px !important;}
.margin-top-n-10 {margin-top: -10px !important;}
.margin-top-n-15 {margin-top: -15px !important;}
.margin-top-n-20 {margin-top: -20px !important;}
.margin-top-n-25 {margin-top: -25px !important;}
.margin-top-n-30 {margin-top: -30px !important;}
.margin-top-n-35 {margin-top: -35px !important;}
.margin-top-n-40 {margin-top: -40px !important;}
.margin-top-n-45 {margin-top: -45px !important;}
.margin-top-n-50 {margin-top: -50px !important;}
.margin-top-n-55 {margin-top: -55px !important;}
.margin-top-n-60 {margin-top: -60px !important;}
.margin-top-n-65 {margin-top: -65px !important;}
.margin-top-n-70 {margin-top: -70px !important;}
.margin-top-n-75 {margin-top: -75px !important;}
.margin-top-n-80 {margin-top: -80px !important;}
.margin-top-n-85 {margin-top: -85px !important;}
.margin-top-n-90 {margin-top: -90px !important;}
.margin-top-n-95 {margin-top: -95px !important;}
.margin-top-n-100 {margin-top: -100px !important;}
.margin-top-n-125 {margin-top: -125px !important;}
.margin-top-n-150 {margin-top: -150px !important;}
.margin-top-n-175 {margin-top: -175px !important;}
.margin-top-n-200 {margin-top: -200px !important;}

.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-35 {margin-bottom: 35px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-45 {margin-bottom: 45px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-55 {margin-bottom: 55px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-65 {margin-bottom: 65px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-75 {margin-bottom: 75px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-85 {margin-bottom: 85px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-95 {margin-bottom: 95px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-125 {margin-bottom: 125px !important;}
.margin-bottom-150 {margin-bottom: 150px !important;}
.margin-bottom-175 {margin-bottom: 175px !important;}
.margin-bottom-200 {margin-bottom: 200px !important;}

.margin-bottom-n-0 {margin-bottom: -0 !important;}
.margin-bottom-n-5 {margin-bottom: -5px !important;}
.margin-bottom-n-10 {margin-bottom: -10px !important;}
.margin-bottom-n-15 {margin-bottom: -15px !important;}
.margin-bottom-n-20 {margin-bottom: -20px !important;}
.margin-bottom-n-25 {margin-bottom: -25px !important;}
.margin-bottom-n-30 {margin-bottom: -30px !important;}
.margin-bottom-n-35 {margin-bottom: -35px !important;}
.margin-bottom-n-40 {margin-bottom: -40px !important;}
.margin-bottom-n-45 {margin-bottom: -45px !important;}
.margin-bottom-n-50 {margin-bottom: -50px !important;}
.margin-bottom-n-55 {margin-bottom: -55px !important;}
.margin-bottom-n-60 {margin-bottom: -60px !important;}
.margin-bottom-n-65 {margin-bottom: -65px !important;}
.margin-bottom-n-70 {margin-bottom: -70px !important;}
.margin-bottom-n-75 {margin-bottom: -75px !important;}
.margin-bottom-n-80 {margin-bottom: -80px !important;}
.margin-bottom-n-85 {margin-bottom: -85px !important;}
.margin-bottom-n-90 {margin-bottom: -90px !important;}
.margin-bottom-n-95 {margin-bottom: -95px !important;}
.margin-bottom-n-100 {margin-bottom: -100px !important;}
.margin-bottom-n-125 {margin-bottom: -125px !important;}
.margin-bottom-n-150 {margin-bottom: -150px !important;}
.margin-bottom-n-175 {margin-bottom: -175px !important;}
.margin-bottom-n-200 {margin-bottom: -200px !important;}

.margin-left-0 {margin-left: 0 !important;}
.margin-left-5 {margin-left: 5px !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-15 {margin-left: 15px !important;}
.margin-left-20 {margin-left: 20px !important;}
.margin-left-25 {margin-left: 25px !important;}
.margin-left-30 {margin-left: 30px !important;}
.margin-left-35 {margin-left: 35px !important;}
.margin-left-40 {margin-left: 40px !important;}
.margin-left-45 {margin-left: 45px !important;}
.margin-left-50 {margin-left: 50px !important;}
.margin-left-55 {margin-left: 55px !important;}
.margin-left-60 {margin-left: 60px !important;}
.margin-left-65 {margin-left: 65px !important;}
.margin-left-70 {margin-left: 70px !important;}
.margin-left-75 {margin-left: 75px !important;}
.margin-left-80 {margin-left: 80px !important;}
.margin-left-85 {margin-left: 85px !important;}
.margin-left-90 {margin-left: 90px !important;}
.margin-left-95 {margin-left: 95px !important;}
.margin-left-100 {margin-left: 100px !important;}
.margin-left-125 {margin-left: 125px !important;}
.margin-left-150 {margin-left: 150px !important;}
.margin-left-175 {margin-left: 175px !important;}
.margin-left-200 {margin-left: 200px !important;}

.margin-left-n-0 {margin-left: -0 !important;}
.margin-left-n-5 {margin-left: -5px !important;}
.margin-left-n-10 {margin-left: -10px !important;}
.margin-left-n-15 {margin-left: -15px !important;}
.margin-left-n-20 {margin-left: -20px !important;}
.margin-left-n-25 {margin-left: -25px !important;}
.margin-left-n-30 {margin-left: -30px !important;}
.margin-left-n-35 {margin-left: -35px !important;}
.margin-left-n-40 {margin-left: -40px !important;}
.margin-left-n-45 {margin-left: -45px !important;}
.margin-left-n-50 {margin-left: -50px !important;}
.margin-left-n-55 {margin-left: -55px !important;}
.margin-left-n-60 {margin-left: -60px !important;}
.margin-left-n-65 {margin-left: -65px !important;}
.margin-left-n-70 {margin-left: -70px !important;}
.margin-left-n-75 {margin-left: -75px !important;}
.margin-left-n-80 {margin-left: -80px !important;}
.margin-left-n-85 {margin-left: -85px !important;}
.margin-left-n-90 {margin-left: -90px !important;}
.margin-left-n-95 {margin-left: -95px !important;}
.margin-left-n-100 {margin-left: -100px !important;}
.margin-left-n-125 {margin-left: -125px !important;}
.margin-left-n-150 {margin-left: -150px !important;}
.margin-left-n-175 {margin-left: -175px !important;}
.margin-left-n-200 {margin-left: -200px !important;}

.margin-right-0 {margin-right: 0 !important;}
.margin-right-5 {margin-right: 5px !important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-15 {margin-right: 15px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-right-25 {margin-right: 25px !important;}
.margin-right-30 {margin-right: 30px !important;}
.margin-right-35 {margin-right: 35px !important;}
.margin-right-40 {margin-right: 40px !important;}
.margin-right-45 {margin-right: 45px !important;}
.margin-right-50 {margin-right: 50px !important;}
.margin-right-55 {margin-right: 55px !important;}
.margin-right-60 {margin-right: 60px !important;}
.margin-right-65 {margin-right: 65px !important;}
.margin-right-70 {margin-right: 70px !important;}
.margin-right-75 {margin-right: 75px !important;}
.margin-right-80 {margin-right: 80px !important;}
.margin-right-85 {margin-right: 85px !important;}
.margin-right-90 {margin-right: 90px !important;}
.margin-right-95 {margin-right: 95px !important;}
.margin-right-100 {margin-right: 100px !important;}
.margin-right-125 {margin-right: 125px !important;}
.margin-right-150 {margin-right: 150px !important;}
.margin-right-175 {margin-right: 175px !important;}
.margin-right-200 {margin-right: 200px !important;}

.margin-right-n-0 {margin-right: -0 !important;}
.margin-right-n-5 {margin-right: -5px !important;}
.margin-right-n-10 {margin-right: -10px !important;}
.margin-right-n-15 {margin-right: -15px !important;}
.margin-right-n-20 {margin-right: -20px !important;}
.margin-right-n-25 {margin-right: -25px !important;}
.margin-right-n-30 {margin-right: -30px !important;}
.margin-right-n-35 {margin-right: -35px !important;}
.margin-right-n-40 {margin-right: -40px !important;}
.margin-right-n-45 {margin-right: -45px !important;}
.margin-right-n-50 {margin-right: -50px !important;}
.margin-right-n-55 {margin-right: -55px !important;}
.margin-right-n-60 {margin-right: -60px !important;}
.margin-right-n-65 {margin-right: -65px !important;}
.margin-right-n-70 {margin-right: -70px !important;}
.margin-right-n-75 {margin-right: -75px !important;}
.margin-right-n-80 {margin-right: -80px !important;}
.margin-right-n-85 {margin-right: -85px !important;}
.margin-right-n-90 {margin-right: -90px !important;}
.margin-right-n-95 {margin-right: -95px !important;}
.margin-right-n-100 {margin-right: -100px !important;}
.margin-right-n-125 {margin-right: -125px !important;}
.margin-right-n-150 {margin-right: -150px !important;}
.margin-right-n-175 {margin-right: -175px !important;}
.margin-right-n-200 {margin-right: -200px !important;}


.margin-auto{margin:auto !important;}



.margin-perc-vertical-5 {margin-top: 5% !important;margin-bottom: 5% !important;}
.margin-perc-vertical-10 {margin-top: 10% !important;margin-bottom: 10% !important;}
.margin-perc-vertical-15 {margin-top: 15% !important;margin-bottom: 15% !important;}
.margin-perc-vertical-20 {margin-top: 20% !important;margin-bottom: 20% !important;}
.margin-perc-vertical-25 {margin-top: 25% !important;margin-bottom: 25% !important;}
.margin-perc-vertical-30 {margin-top: 30% !important;margin-bottom: 30% !important;}
.margin-perc-vertical-35 {margin-top: 35% !important;margin-bottom: 35% !important;}
.margin-perc-vertical-40 {margin-top: 40% !important;margin-bottom: 40% !important;}
.margin-perc-vertical-45 {margin-top: 45% !important;margin-bottom: 45% !important;}
.margin-perc-vertical-50 {margin-top: 50% !important;margin-bottom: 50% !important;}
.margin-perc-vertical-60 {margin-top: 60% !important;margin-bottom: 60% !important;}
.margin-perc-vertical-70 {margin-top: 70% !important;margin-bottom: 70% !important;}
.margin-perc-vertical-80 {margin-top: 80% !important;margin-bottom: 80% !important;}
.margin-perc-vertical-90 {margin-top: 90% !important;margin-bottom: 90% !important;}
.margin-perc-vertical-100 {margin-top: 100% !important;margin-bottom: 100% !important;}

.margin-perc-horizontal-5 {margin-left: 5% !important;margin-right: 5% !important;}
.margin-perc-horizontal-10 {margin-left: 10% !important;margin-right: 10% !important;}
.margin-perc-horizontal-15 {margin-left: 15% !important;margin-right: 15% !important;}
.margin-perc-horizontal-20 {margin-left: 20% !important;margin-right: 20% !important;}
.margin-perc-horizontal-25 {margin-left: 25% !important;margin-right: 25% !important;}
.margin-perc-horizontal-30 {margin-left: 30% !important;margin-right: 30% !important;}
.margin-perc-horizontal-35 {margin-left: 35% !important;margin-right: 35% !important;}
.margin-perc-horizontal-40 {margin-left: 40% !important;margin-right: 40% !important;}
.margin-perc-horizontal-45 {margin-left: 45% !important;margin-right: 45% !important;}
.margin-perc-horizontal-50 {margin-left: 50% !important;margin-right: 50% !important;}
.margin-perc-horizontal-60 {margin-left: 60% !important;margin-right: 60% !important;}
.margin-perc-horizontal-70 {margin-left: 70% !important;margin-right: 70% !important;}
.margin-perc-horizontal-80 {margin-left: 80% !important;margin-right: 80% !important;}
.margin-perc-horizontal-90 {margin-left: 90% !important;margin-right: 90% !important;}
.margin-perc-horizontal-100 {margin-left: 100% !important;margin-right: 100% !important;}

.margin-perc-top-5 {margin-top: 5% !important;}
.margin-perc-top-10 {margin-top: 10% !important;}
.margin-perc-top-15 {margin-top: 15% !important;}
.margin-perc-top-20 {margin-top: 20% !important;}
.margin-perc-top-25 {margin-top: 25% !important;}
.margin-perc-top-30 {margin-top: 30% !important;}
.margin-perc-top-35 {margin-top: 35% !important;}
.margin-perc-top-40 {margin-top: 40% !important;}
.margin-perc-top-45 {margin-top: 45% !important;}
.margin-perc-top-50 {margin-top: 50% !important;}
.margin-perc-top-55 {margin-top: 55% !important;}
.margin-perc-top-60 {margin-top: 60% !important;}
.margin-perc-top-65 {margin-top: 65% !important;}
.margin-perc-top-70 {margin-top: 70% !important;}
.margin-perc-top-75 {margin-top: 75% !important;}
.margin-perc-top-80 {margin-top: 80% !important;}
.margin-perc-top-85 {margin-top: 85% !important;}
.margin-perc-top-90 {margin-top: 90% !important;}
.margin-perc-top-95 {margin-top: 95% !important;}
.margin-perc-top-100 {margin-top: 100% !important;}
.margin-perc-top-125 {margin-top: 125% !important;}
.margin-perc-top-150 {margin-top: 150% !important;}
.margin-perc-top-175 {margin-top: 175% !important;}
.margin-perc-top-200 {margin-top: 200% !important;}

.margin-perc-top-n-5 {margin-top: -5% !important;}
.margin-perc-top-n-10 {margin-top: -10% !important;}
.margin-perc-top-n-15 {margin-top: -15% !important;}
.margin-perc-top-n-20 {margin-top: -20% !important;}
.margin-perc-top-n-25 {margin-top: -25% !important;}
.margin-perc-top-n-30 {margin-top: -30% !important;}
.margin-perc-top-n-35 {margin-top: -35% !important;}
.margin-perc-top-n-40 {margin-top: -40% !important;}
.margin-perc-top-n-45 {margin-top: -45% !important;}
.margin-perc-top-n-50 {margin-top: -50% !important;}
.margin-perc-top-n-55 {margin-top: -55% !important;}
.margin-perc-top-n-60 {margin-top: -60% !important;}
.margin-perc-top-n-65 {margin-top: -65% !important;}
.margin-perc-top-n-70 {margin-top: -70% !important;}
.margin-perc-top-n-75 {margin-top: -75% !important;}
.margin-perc-top-n-80 {margin-top: -80% !important;}
.margin-perc-top-n-85 {margin-top: -85% !important;}
.margin-perc-top-n-90 {margin-top: -90% !important;}
.margin-perc-top-n-95 {margin-top: -95% !important;}
.margin-perc-top-n-100 {margin-top: -100% !important;}
.margin-perc-top-n-125 {margin-top: -125% !important;}
.margin-perc-top-n-150 {margin-top: -150% !important;}
.margin-perc-top-n-175 {margin-top: -175% !important;}
.margin-perc-top-n-200 {margin-top: -200% !important;}

.margin-perc-bottom-5 {margin-bottom: 5% !important;}
.margin-perc-bottom-10 {margin-bottom: 10% !important;}
.margin-perc-bottom-15 {margin-bottom: 15% !important;}
.margin-perc-bottom-20 {margin-bottom: 20% !important;}
.margin-perc-bottom-25 {margin-bottom: 25% !important;}
.margin-perc-bottom-30 {margin-bottom: 30% !important;}
.margin-perc-bottom-35 {margin-bottom: 35% !important;}
.margin-perc-bottom-40 {margin-bottom: 40% !important;}
.margin-perc-bottom-45 {margin-bottom: 45% !important;}
.margin-perc-bottom-50 {margin-bottom: 50% !important;}
.margin-perc-bottom-55 {margin-bottom: 55% !important;}
.margin-perc-bottom-60 {margin-bottom: 60% !important;}
.margin-perc-bottom-65 {margin-bottom: 65% !important;}
.margin-perc-bottom-70 {margin-bottom: 70% !important;}
.margin-perc-bottom-75 {margin-bottom: 75% !important;}
.margin-perc-bottom-80 {margin-bottom: 80% !important;}
.margin-perc-bottom-85 {margin-bottom: 85% !important;}
.margin-perc-bottom-90 {margin-bottom: 90% !important;}
.margin-perc-bottom-95 {margin-bottom: 95% !important;}
.margin-perc-bottom-100 {margin-bottom: 100% !important;}
.margin-perc-bottom-125 {margin-bottom: 125% !important;}
.margin-perc-bottom-150 {margin-bottom: 150% !important;}
.margin-perc-bottom-175 {margin-bottom: 175% !important;}
.margin-perc-bottom-200 {margin-bottom: 200% !important;}

.margin-perc-bottom-n-5 {margin-bottom: -5% !important;}
.margin-perc-bottom-n-10 {margin-bottom: -10% !important;}
.margin-perc-bottom-n-15 {margin-bottom: -15% !important;}
.margin-perc-bottom-n-20 {margin-bottom: -20% !important;}
.margin-perc-bottom-n-25 {margin-bottom: -25% !important;}
.margin-perc-bottom-n-30 {margin-bottom: -30% !important;}
.margin-perc-bottom-n-35 {margin-bottom: -35% !important;}
.margin-perc-bottom-n-40 {margin-bottom: -40% !important;}
.margin-perc-bottom-n-45 {margin-bottom: -45% !important;}
.margin-perc-bottom-n-50 {margin-bottom: -50% !important;}
.margin-perc-bottom-n-55 {margin-bottom: -55% !important;}
.margin-perc-bottom-n-60 {margin-bottom: -60% !important;}
.margin-perc-bottom-n-65 {margin-bottom: -65% !important;}
.margin-perc-bottom-n-70 {margin-bottom: -70% !important;}
.margin-perc-bottom-n-75 {margin-bottom: -75% !important;}
.margin-perc-bottom-n-80 {margin-bottom: -80% !important;}
.margin-perc-bottom-n-85 {margin-bottom: -85% !important;}
.margin-perc-bottom-n-90 {margin-bottom: -90% !important;}
.margin-perc-bottom-n-95 {margin-bottom: -95% !important;}
.margin-perc-bottom-n-100 {margin-bottom: -100% !important;}
.margin-perc-bottom-n-125 {margin-bottom: -125% !important;}
.margin-perc-bottom-n-150 {margin-bottom: -150% !important;}
.margin-perc-bottom-n-175 {margin-bottom: -175% !important;}
.margin-perc-bottom-n-200 {margin-bottom: -200% !important;}

.margin-perc-left-5 {margin-left: 5% !important;}
.margin-perc-left-10 {margin-left: 10% !important;}
.margin-perc-left-15 {margin-left: 15% !important;}
.margin-perc-left-20 {margin-left: 20% !important;}
.margin-perc-left-25 {margin-left: 25% !important;}
.margin-perc-left-30 {margin-left: 30% !important;}
.margin-perc-left-35 {margin-left: 35% !important;}
.margin-perc-left-40 {margin-left: 40% !important;}
.margin-perc-left-45 {margin-left: 45% !important;}
.margin-perc-left-50 {margin-left: 50% !important;}
.margin-perc-left-55 {margin-left: 55% !important;}
.margin-perc-left-60 {margin-left: 60% !important;}
.margin-perc-left-65 {margin-left: 65% !important;}
.margin-perc-left-70 {margin-left: 70% !important;}
.margin-perc-left-75 {margin-left: 75% !important;}
.margin-perc-left-80 {margin-left: 80% !important;}
.margin-perc-left-85 {margin-left: 85% !important;}
.margin-perc-left-90 {margin-left: 90% !important;}
.margin-perc-left-95 {margin-left: 95% !important;}
.margin-perc-left-100 {margin-left: 100% !important;}
.margin-perc-left-125 {margin-left: 125% !important;}
.margin-perc-left-150 {margin-left: 150% !important;}
.margin-perc-left-175 {margin-left: 175% !important;}
.margin-perc-left-200 {margin-left: 200% !important;}

.margin-perc-left-n-5 {margin-left: -5% !important;}
.margin-perc-left-n-10 {margin-left: -10% !important;}
.margin-perc-left-n-15 {margin-left: -15% !important;}
.margin-perc-left-n-20 {margin-left: -20% !important;}
.margin-perc-left-n-25 {margin-left: -25% !important;}
.margin-perc-left-n-30 {margin-left: -30% !important;}
.margin-perc-left-n-35 {margin-left: -35% !important;}
.margin-perc-left-n-40 {margin-left: -40% !important;}
.margin-perc-left-n-45 {margin-left: -45% !important;}
.margin-perc-left-n-50 {margin-left: -50% !important;}
.margin-perc-left-n-55 {margin-left: -55% !important;}
.margin-perc-left-n-60 {margin-left: -60% !important;}
.margin-perc-left-n-65 {margin-left: -65% !important;}
.margin-perc-left-n-70 {margin-left: -70% !important;}
.margin-perc-left-n-75 {margin-left: -75% !important;}
.margin-perc-left-n-80 {margin-left: -80% !important;}
.margin-perc-left-n-85 {margin-left: -85% !important;}
.margin-perc-left-n-90 {margin-left: -90% !important;}
.margin-perc-left-n-95 {margin-left: -95% !important;}
.margin-perc-left-n-100 {margin-left: -100% !important;}
.margin-perc-left-n-125 {margin-left: -125% !important;}
.margin-perc-left-n-150 {margin-left: -150% !important;}
.margin-perc-left-n-175 {margin-left: -175% !important;}
.margin-perc-left-n-200 {margin-left: -200% !important;}

.margin-perc-right-5 {margin-right: 5% !important;}
.margin-perc-right-10 {margin-right: 10% !important;}
.margin-perc-right-15 {margin-right: 15% !important;}
.margin-perc-right-20 {margin-right: 20% !important;}
.margin-perc-right-25 {margin-right: 25% !important;}
.margin-perc-right-30 {margin-right: 30% !important;}
.margin-perc-right-35 {margin-right: 35% !important;}
.margin-perc-right-40 {margin-right: 40% !important;}
.margin-perc-right-45 {margin-right: 45% !important;}
.margin-perc-right-50 {margin-right: 50% !important;}
.margin-perc-right-55 {margin-right: 55% !important;}
.margin-perc-right-60 {margin-right: 60% !important;}
.margin-perc-right-65 {margin-right: 65% !important;}
.margin-perc-right-70 {margin-right: 70% !important;}
.margin-perc-right-75 {margin-right: 75% !important;}
.margin-perc-right-80 {margin-right: 80% !important;}
.margin-perc-right-85 {margin-right: 85% !important;}
.margin-perc-right-90 {margin-right: 90% !important;}
.margin-perc-right-95 {margin-right: 95% !important;}
.margin-perc-right-100 {margin-right: 100% !important;}
.margin-perc-right-125 {margin-right: 125% !important;}
.margin-perc-right-150 {margin-right: 150% !important;}
.margin-perc-right-175 {margin-right: 175% !important;}
.margin-perc-right-200 {margin-right: 200% !important;}

.margin-perc-right-n-5 {margin-right: -5% !important;}
.margin-perc-right-n-10 {margin-right: -10% !important;}
.margin-perc-right-n-15 {margin-right: -15% !important;}
.margin-perc-right-n-20 {margin-right: -20% !important;}
.margin-perc-right-n-25 {margin-right: -25% !important;}
.margin-perc-right-n-30 {margin-right: -30% !important;}
.margin-perc-right-n-35 {margin-right: -35% !important;}
.margin-perc-right-n-40 {margin-right: -40% !important;}
.margin-perc-right-n-45 {margin-right: -45% !important;}
.margin-perc-right-n-50 {margin-right: -50% !important;}
.margin-perc-right-n-55 {margin-right: -55% !important;}
.margin-perc-right-n-60 {margin-right: -60% !important;}
.margin-perc-right-n-65 {margin-right: -65% !important;}
.margin-perc-right-n-70 {margin-right: -70% !important;}
.margin-perc-right-n-75 {margin-right: -75% !important;}
.margin-perc-right-n-80 {margin-right: -80% !important;}
.margin-perc-right-n-85 {margin-right: -85% !important;}
.margin-perc-right-n-90 {margin-right: -90% !important;}
.margin-perc-right-n-95 {margin-right: -95% !important;}
.margin-perc-right-n-100 {margin-right: -100% !important;}
.margin-perc-right-n-125 {margin-right: -125% !important;}
.margin-perc-right-n-150 {margin-right: -150% !important;}
.margin-perc-right-n-175 {margin-right: -175% !important;}
.margin-perc-right-n-200 {margin-right: -200% !important;}



/*
* Taille pixel
*/

.width-5{width:5px !important;}
.width-10{width:10px !important;}
.width-15{width:15px !important;}
.width-20{width:20px !important;}
.width-25{width:25px !important;}
.width-30{width:30px !important;}
.width-35{width:35px !important;}
.width-40{width:40px !important;}
.width-45{width:45px !important;}
.width-50{width:50px !important;}
.width-55{width:55px !important;}
.width-60{width:60px !important;}
.width-65{width:65px !important;}
.width-70{width:70px !important;}
.width-75{width:75px !important;}
.width-80{width:80px !important;}
.width-85{width:85px !important;}
.width-90{width:90px !important;}
.width-95{width:95px !important;}
.width-100{width:100px !important;}
.width-125{width:125px !important;}
.width-150{width:150px !important;}
.width-175{width:175px !important;}
.width-200{width:200px !important;}
.width-225{width:225px !important;}
.width-250{width:250px !important;}
.maxwidth-100{max-width:100px}


/*
* Taille %
*/

.width-percent-5{width:5% !important;}
.width-percent-10{width:10% !important;}
.width-percent-15{width:15% !important;}
.width-percent-20{width:20% !important;}
.width-percent-25{width:25% !important;}
.width-percent-30{width:30% !important;}
.width-percent-35{width:35% !important;}
.width-percent-40{width:40% !important;}
.width-percent-45{width:45% !important;}
.width-percent-50{width:50% !important;}
.width-percent-55{width:55% !important;}
.width-percent-60{width:60% !important;}
.width-percent-65{width:65% !important;}
.width-percent-70{width:70% !important;}
.width-percent-75{width:75% !important;}
.width-percent-80{width:80% !important;}
.width-percent-85{width:85% !important;}
.width-percent-90{width:90% !important;}
.width-percent-95{width:95% !important;}
.width-percent-100 {width:100% !important; }


/*
* Hauteur pixel
*/

.height-5{height:5px !important;}
.height-10{height:10px !important;}
.height-15{height:15px !important;}
.height-20{height:20px !important;}
.height-25{height:25px !important;}
.height-30{height:30px !important;}
.height-35{height:35px !important;}
.height-40{height:40px !important;}
.height-45{height:45px !important;}
.height-50{height:50px !important;}
.height-55{height:55px !important;}
.height-60{height:60px !important;}
.height-65{height:65px !important;}
.height-70{height:70px !important;}
.height-75{height:75px !important;}
.height-80{height:80px !important;}
.height-85{height:85px !important;}
.height-90{height:90px !important;}
.height-95{height:95px !important;}
.height-100{height:100px !important;}
.height-125{height:125px !important;}
.height-150{height:150px !important;}
.height-175{height:175px !important;}
.height-200{height:200px !important;}
.height-225{height:225px !important;}
.height-250{height:250px !important;}


/*
* Hauteur %
*/

.height-percent-5{height:5% !important;}
.height-percent-10{height:10% !important;}
.height-percent-15{height:15% !important;}
.height-percent-20{height:20% !important;}
.height-percent-25{height:25% !important;}
.height-percent-30{height:30% !important;}
.height-percent-35{height:35% !important;}
.height-percent-40{height:40% !important;}
.height-percent-45{height:45% !important;}
.height-percent-50{height:50% !important;}
.height-percent-55{height:55% !important;}
.height-percent-60{height:60% !important;}
.height-percent-65{height:65% !important;}
.height-percent-70{height:70% !important;}
.height-percent-75{height:75% !important;}
.height-percent-80{height:80% !important;}
.height-percent-85{height:85% !important;}
.height-percent-90{height:90% !important;}
.height-percent-95{height:95% !important;}
.height-percent-100 {height:100% !important; }


.dleft { float:left !important; }
.dright { float:right !important; }
.cboth {clear: both !important;}

.displayinline { display:inline !important; }
.displaynone { display:none !important; }
.posabsolute { position: absolute !important; }


/*
* Transition
*/

.transit-01{transition: 0.1s !important;}
.transit-02{transition: 0.2s !important;}
.transit-03{transition: 0.3s !important;}
.transit-04{transition: 0.4s !important;}
.transit-05{transition: 0.5s !important;}
.transit-06{transition: 0.6s !important;}
.transit-07{transition: 0.7s !important;}
.transit-08{transition: 0.8s !important;}
.transit-09{transition: 0.9s !important;}
.transit-1{transition: 1s !important;}



.animatedtest{
    -webkit-animation-name: changebgc;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
}

@keyframes changebgc {
    0% {
    }
    5%,25% {
        transform: rotate(20deg);
    }
    15%,35% {
        transform: rotate(-20deg);

    }
    40% {
        transform: rotate(0deg);
    }

}


/*
* Curseur
*/
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}