/* CSS Document */
/* ######################################################################################### */
/* GENERIQUE CSS REX-ROTARY */
/* ACTUALISATION LE 09/09/2019 */
/* ######################################################################################### */

/* ######################################################################################### */
/* POSITION */
/* ######################################################################################### */
.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

/* ######################################################################################### */
/* DISPLAY */
/* ######################################################################################### */

.block { display: block; }
.ilblock { display: inline-block; }
.inline { display: inline; }
.flex {
    display: flex;
	flex-wrap: wrap;
    /*width: 100%;*/
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-between;
	align-items: flex-start;
    margin: 0 auto 0 auto;
}

.clear { clear: both; }

/* ######################################################################################### */
/* WIDTH */
/* ######################################################################################### */
.w100 { width: 100% !important; }
.w98 { width: 98% !important; }
.w97 { width: 97% !important; }
.w95 { width: 95% !important; }
.w90 { width: 90% !important; }
.w85 { width: 85% !important; }
.w80 { width: 80% !important; }
.w75 { width: 75% !important; }
.w70 { width: 70% !important; }
.w65 { width: 65% !important; }
.w60 { width: 60% !important; }
.w55 { width: 55% !important; }
.w50 { width: 50% !important; }
.w49 { width: 49% !important; }
.w48 { width: 48% !important; }
.w47 { width: 47% !important; }
.w46 { width: 46% !important; }
.w45 { width: 45% !important; }
.w40 { width: 40% !important; }
.w39 { width: 39% !important; }
.w38 { width: 38% !important; }
.w37 { width: 37% !important; }
.w36 { width: 36% !important; }
.w35 { width: 35% !important; }
.w34 { width: 34% !important; }
.w33 { width: 33% !important; }
.w32 { width: 32% !important; }
.w31 { width: 31% !important; }
.w30 { width: 30% !important; }
.w29 { width: 29% !important; }
.w28 { width: 28% !important; }
.w27 { width: 27% !important; }
.w26 { width: 26% !important; }
.w25 { width: 25% !important; }
.w24 { width: 24% !important; }
.w23 { width: 23% !important; }
.w22 { width: 22% !important; }
.w21 { width: 21% !important; }
.w20 { width: 20% !important; }
.w19 { width: 19% !important; }
.w18 { width: 18% !important; }
.w17 { width: 17% !important; }
.w16 { width: 16% !important; }
.w15 { width: 15% !important; }
.w14 { width: 14% !important; }
.w13 { width: 13% !important; }
.w12 { width: 12% !important; }
.w11 { width: 11% !important; }
.w10 { width: 10% !important; }
.w9 { width: 9% !important; }
.w8 { width: 8% !important; }
.w7 { width: 7% !important; }
.w6 { width: 6% !important; }
.w5 { width: 5% !important; }
.w4 { width: 4% !important; }
.w3 { width: 3% !important; }
.w2 { width: 2% !important; }
.w1 { width: 1% !important; }

.w1200p { width: 1200px !important; }
.w1000p { width: 1000px !important; }
.w950p { width: 950px !important; }
.w900p { width: 900px !important; }
.w800p { width: 800px !important; }
.w700p { width: 700px !important; }
.w640p { width: 640px !important; }
.w620p { width: 620px !important; }
.w600p { width: 600px !important; }
.w580p { width: 580px !important; }
.w560p { width: 560px !important; }
.w540p { width: 540px !important; }
.w520p { width: 520px !important; }
.w500p { width: 500px !important; }
.w480p { width: 480px !important; }
.w470p { width: 470px !important; }
.w450p { width: 450px !important; }
.w420p { width: 420px !important; }
.w410p { width: 410px !important; }
.w400p { width: 400px !important; }
.w380p { width: 380px !important; }
.w350p { width: 350px !important; }
.w340p { width: 340px !important; }
.w330p { width: 330px !important; }
.w320p { width: 320px !important; }
.w300p { width: 300px !important; }
.w280p { width: 280px !important; }
.w270p { width: 270px !important; }
.w260p { width: 260px !important; }
.w250p { width: 250px !important; }
.w240p { width: 240px !important; }
.w220p { width: 220px !important; }
.w210p { width: 210px !important; }
.w200p { width: 200px !important; }
.w180p { width: 180px !important; }
.w170p { width: 170px !important; }
.w160p { width: 160px !important; }
.w150p { width: 150px !important; }
.w140p { width: 140px !important; }
.w130p { width: 130px !important; }
.w120p { width: 120px !important; }
.w110p { width: 110px !important; }
.w100p { width: 100px !important; }
.w95p { width: 95px !important; }
.w90p { width: 90px !important; }
.w85p { width: 85px !important; }
.w80p { width: 80px !important; }
.w75p { width: 75px !important; }
.w70p { width: 70px !important; }
.w65p { width: 65px !important; }
.w60p { width: 60px !important; }
.w55p { width: 55px !important; }
.w50p { width: 50px !important; }
.w45p { width: 45px !important; }
.w40p { width: 40px !important; }
.w35p { width: 35px !important; }
.w30p { width: 30px !important; }
.w28p { width: 28px !important; }
.w27p { width: 27px !important; }
.w26p { width: 26px !important; }
.w25p { width: 25px !important; }
.w24p { width: 24px !important; }
.w23p { width: 23px !important; }
.w22p { width: 22px !important; }
.w20p { width: 20px !important; }
.w15p { width: 15px !important; }
.w10p { width: 10px !important; }
.w5p { width: 5px !important; }

/* ######################################################################################### */
/* HEIGHT */
/* ######################################################################################### */
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h140 { height: 140px; }
.h160 { height: 160px; }
.h180 { height: 180px; }
.h200 { height: 200px; }
.h220 { height: 220px; }
.h240 { height: 240px; }
.h260 { height: 260px; }
.h280 { height: 280px; }
.h300 { height: 300px; }
.h320 { height: 320px; }
.h340 { height: 340px; }
.h360 { height: 360px; }
.h380 { height: 380px; }
.h400 { height: 400px; }

/* ######################################################################################### */
/* MARGIN */
/* ######################################################################################### */
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }


/* ######################################################################################### */
/* PADDING */
/* ######################################################################################### */
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p9 { padding: 9px !important; }
.p10 { padding: 10px !important; }
.p11 { padding: 11px !important; }
.p12 { padding: 12px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

/* ######################################################################################### */
/* BACKGROUND COLOR */
/* ######################################################################################### */
.leg-back-bleu1 { background-color: rgba(52, 152, 219, 0.1); }
.leg-back-vert1 { background-color: rgba(46, 204, 113, 0.1); }
.leg-back-vert-spe1 { background-color: rgba(26, 188, 156, 0.1); }
.leg-back-gris1 { background-color: rgba(189, 195, 199, 0.1); }
.leg-back-rouge1 { background-color: rgba(231, 76, 60, 0.1); }
.leg-back-jaune1 { background-color: rgba(241, 196, 15, 0.1); }
.leg-back-orange1 { background-color: rgba(243, 156, 18, 0.1); }
.leg-back-violet1 { background-color: rgba(155, 89, 182, 0.1); }

.leg-back-bleu { background-color: rgba(52, 152, 219, 0.2); }
.leg-back-vert { background-color: rgba(46, 204, 113, 0.2); }
.leg-back-vert-spe { background-color: rgba(26, 188, 156, 0.2); }
.leg-back-gris { background-color: rgba(189, 195, 199, 0.2); }
.leg-back-jaune-spe { background-color: rgba(255, 221, 89, 0.2); }
.leg-back-rouge { background-color: rgba(231, 76, 60, 0.2); }
.leg-back-rouge-spe { background-color: rgba(255, 118, 117, 0.2); }
.leg-back-orange { background-color: rgba(243, 156, 18, 0.2); }
.leg-back-violet { background-color: rgba(155, 89, 182, 0.2); }

.leg-back-bleu3 { background-color: rgba(52, 152, 219, 0.3); }
.leg-back-vert3 { background-color: rgba(46, 204, 113, 0.3); }
.leg-back-vert-spe3 { background-color: rgba(26, 188, 156, 0.3); }
.leg-back-gris3 { background-color: rgba(189, 195, 199, 0.3); }
.leg-back-rouge3 { background-color: rgba(231, 76, 60, 0.3); }
.leg-back-orange3 { background-color: rgba(243, 156, 18, 0.3); }
.leg-back-violet3 { background-color: rgba(155, 89, 182, 0.3); }
.leg-back-jaune-spe3 { background-color: rgba(255, 221, 89, 0.3); }

.leg-back-bleu6 { background-color: rgba(52, 152, 219, 0.6); }
.leg-back-vert6 { background-color: rgba(46, 204, 113, 0.6); }
.leg-back-vert-spe6 { background-color: rgba(26, 188, 156, 0.6); }
.leg-back-gris6 { background-color: rgba(189, 195, 199, 0.6); }
.leg-back-jaune-spe6 { background-color: rgba(255, 221, 89, 0.6); }
.leg-back-rouge6 { background-color: rgba(231, 76, 60, 0.6); }
.leg-back-rouge-spe6 { background-color: rgba(255, 118, 117, 0.6); }
.leg-back-orange6 { background-color: rgba(243, 156, 18, 0.6); }
.leg-back-violet6 { background-color: rgba(155, 89, 182, 0.6); }

.back-noir { background-color: #444444; }
.back-marron { background-color: #777777; }
.back-blanc { background-color: #ffffff; }
.back-jaune { background-color: #f1c40f; }
.back-jaune-spe { background-color: #ffdd59; }
.back-orange { background-color: #f39c12; }
.back-vert { background-color: #27ae60; }
.back-vert-spe { background-color: #1abc9c; }
.back-vert-leg { background-color: #7bed9f; }
.back-vertf-spe { background-color: #16a085; }
.back-bleu { background-color: #3498db; }
.back-rouge { background-color: #e74c3c; }
.back-rouge-spe { background-color: #ff7675; }
.back-gris { background-color: #7f8c8d; }
.back-gris-clair { background-color: #cdd4da; }
.back-gris-leger { background-color: #eeeeee; }
.back-gris-soc-leger { background-color: var(--grey-body-bg-lighter); }
.back-gris-soc-clair { background-color: var(--grey-body-bg-lighter-lighter); }
.back-gris-plus { background-color: #dddddd; }
.back-violet { background-color: #9b59b6; }
.back-asphalt { background-color: #34495e; }
.back-rose { background-color: #fd79a8; }

/* ######################################################################################### */
/* COLOR */
/* ######################################################################################### */
.col-blanc { color: #ffffff; }
.col-noir { color: #222222; }
.col-noir-clair { color: #444444; }
.col-marron { color: #777777; }
.col-jaune { color: #f1c40f; }
.col-jaune-spe { color: #ffdd59; }
.col-orange { color: #f39c12; }
.col-vert { color: #27ae60; }
.col-vert-spe { color: #1abc9c; }
.col-vertf-spe { color: #16a085; }
.col-vert-leg { color: #7bed9f; }
.col-bleu { color: #3498db; }
.col-rouge { color: #e74c3c; }
.col-rouge-spe { color: #ff7675; }
.col-gris { color: #7f8c8d; }
.col-gris-clair { color: #cdd4da; }
.col-gris-leger { color: #eeeeee; }
.col-gris-plus { color: #dddddd; }
.col-violet { color: #9b59b6; }
.col-asphalt { color: #34495e; }
.col-rose { color: #fd79a8; }

/* ######################################################################################### */
/* BORDER */
/* ######################################################################################### */
.border1 { border: 1px solid #DDD !important; }
.border2 { border: 2px solid #DDD !important; }
.border3 { border: 3px solid #DDD !important; }
.border4 { border: 4px solid #DDD !important; }

/* ######################################################################################### */
/* BORDER COLOR */
/* ######################################################################################### */
.bor-noir { border-color: #222222; }
.bor-orange { border-color: #f39c12 !important; }
.bor-vert { border-color: #27ae60 !important; }
.bor-vert-spe { border-color: #1abc9c !important; }
.bor-vert-leg { border-color: #7bed9f !important; }
.bor-bleu { border-color: #3498db !important; }
.bor-rouge { border-color: #e74c3c !important; }
.bor-rouge-spe { border-color: #ff7675 !important; }
.bor-gris { border-color: #7f8c8d !important; }
.bor-gris-leger { border-color: #eeeeee !important; }
.bor-gris-plus { border-color: #dddddd !important; }
.bor-asphalt { border-color: #34495e !important; }
.bor-rose { border-color: #fd79a8 !important; }
.bor-jaune { border-color: #f1c40f !important; }
.bor-jaune-spe { border-color: #ffdd59 !important; }
.bor-violet { border-color: #9b59b6 !important; }

.leg-bor-bleu { border-color: rgba(52, 152, 219, 0.2) !important; }
.leg-bor-vert { border-color: rgba(46, 204, 113, 0.2) !important; }
.leg-bor-vert-spe { border-color: rgba(26, 188, 156, 0.2) !important; }
.leg-bor-gris { border-color: rgba(189, 195, 199, 0.2) !important; }
.leg-bor-rouge { border-color: rgba(231, 76, 60, 0.2) !important; }

/* ######################################################################################### */
/* FONT-SIZE */
/* ######################################################################################### */

.fs8 { font-size: 8px !important; }
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs32 { font-size: 32px !important; }
.fs34 { font-size: 34px !important; }
.fs36 { font-size: 36px !important; }
.fs38 { font-size: 38px !important; }
.fs40 { font-size: 40px !important; }
.fs50 { font-size: 50px !important; }
.fs60 { font-size: 60px !important; }
.fs65 { font-size: 65px !important; }
.fs70 { font-size: 70px !important; }
.fs75 { font-size: 75px !important; }
.fs80 { font-size: 80px !important; }
.fs100 { font-size: 100px !important; }
.fs120 { font-size: 120px !important; }
.fs140 { font-size: 140px !important; }
.fs160 { font-size: 160px !important; }

.bold { font-weight: bold; }

/* ######################################################################################### */
/* BORDER-RADIUS */
/* ######################################################################################### */
.noradius { border-radius: 0px !important; }
.radius4 { border-radius: 4px !important; }
.radius6 { border-radius: 6px !important; }
.radius8 { border-radius: 8px !important; }
.radius10 { border-radius: 10px !important; }
.arrondi { border-radius: 50% !important; }

/* ######################################################################################### */
/* CURSOR */
/* ######################################################################################### */
.pointer { cursor: pointer; !important}

/* ######################################################################################### */
/* OMBRAGE BOX */
/* ######################################################################################### */
.shadow {
    box-shadow: 6px 6px 6px 0px #AAAAAA;
        -moz-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -webkit-box-shadow: 6px 6px 6px 0px #AAAAAA;
        -o-box-shadow: 6px 6px 6px 0px #AAAAAA;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=NaN, Strength=6);
}

/* ######################################################################################### */
/* ALIGN */
/* ######################################################################################### */
.center { margin-left: auto; margin-right: auto; text-align: center; }
.left { text-align: left; }
.right { text-align: right; }