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

/* ######################################################################################### */
/* POSITION */
/* ######################################################################################### */
.absolute { position: absolute !important; }
.relative { position: relative !important; }
.static { position: static !important; }
.fixed { position: fixed !important; }
.sticky { position: sticky !important; }

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

.block { display: block; }
.ilblock { display: inline-block; }
.inline { display: inline; }
.flex {
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: space-between;
	align-items: flex-start;
    /*margin: 0 auto 0 auto;*/
}
    .flexStart { justify-content: flex-start !important; }
    .flexEnd { justify-content: flex-end !important; }
.none { display: none !important; }
.table-row { display: table-row !important; }

.clear { clear: both; }

/* ######################################################################################### */
/* WIDTH */
/* ######################################################################################### */
.w100 { width: 100% !important; }
.w99 { width: 99% !important; }
.w98 { width: 98% !important; }
.w97 { width: 97% !important; }
.w96 { width: 96% !important; }
.w95 { width: 95% !important; }
.w90 { width: 90% !important; }
.w89 { width: 89% !important; }
.w88 { width: 88% !important; }
.w87 { width: 87% !important; }
.w86 { width: 86% !important; }
.w85 { width: 85% !important; }
.w80 { width: 80% !important; }
.w79 { width: 79% !important; }
.w78 { width: 78% !important; }
.w77 { width: 77% !important; }
.w76 { width: 76% !important; }
.w75 { width: 75% !important; }
.w74 { width: 74% !important; }
.w73 { width: 73% !important; }
.w72 { width: 72% !important; }
.w71 { width: 71% !important; }
.w70 { width: 70% !important; }
.w69 { width: 69% !important; }
.w68 { width: 68% !important; }
.w66 { width: 66% !important; }
.w65 { width: 65% !important; }
.w64 { width: 64% !important; }
.w60 { width: 60% !important; }
.w59 { width: 59% !important; }
.w58 { width: 58% !important; }
.w55 { width: 55% !important; }
.w54 { width: 54% !important; }
.w53 { width: 53% !important; }
.w52 { width: 52% !important; }
.w51 { width: 51% !important; }
.w50 { width: 50% !important; }
.w495 { width: 49.5% !important; }
.w49 { width: 49% !important; }
.w48 { width: 48% !important; }
.w47 { width: 47% !important; }
.w46 { width: 46% !important; }
.w45 { width: 45% !important; }
.w44 { width: 44% !important; }
.w43 { width: 43% !important; }
.w42 { width: 42% !important; }
.w41 { width: 41% !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; }

.mw100 { max-width: 100% !important; }
.mw98 { max-width: 98% !important; }
.mw97 { max-width: 97% !important; }
.mw95 { max-width: 95% !important; }
.mw90 { max-width: 90% !important; }
.mw85 { max-width: 85% !important; }
.mw80 { max-width: 80% !important; }
.mw79 { max-width: 79% !important; }
.mw78 { max-width: 78% !important; }
.mw77 { max-width: 77% !important; }
.mw76 { max-width: 76% !important; }
.mw75 { max-width: 75% !important; }
.mw70 { max-width: 70% !important; }
.mw65 { max-width: 65% !important; }
.mw60 { max-width: 60% !important; }
.mw55 { max-width: 55% !important; }
.mw50 { max-width: 50% !important; }
.mw49 { max-width: 49% !important; }
.mw48 { max-width: 48% !important; }
.mw47 { max-width: 47% !important; }
.mw46 { max-width: 46% !important; }
.mw45 { max-width: 45% !important; }
.mw40 { max-width: 40% !important; }
.mw39 { max-width: 39% !important; }
.mw38 { max-width: 38% !important; }
.mw37 { max-width: 37% !important; }
.mw36 { max-width: 36% !important; }
.mw35 { max-width: 35% !important; }
.mw34 { max-width: 34% !important; }
.mw33 { max-width: 33% !important; }
.mw32 { max-width: 32% !important; }
.mw31 { max-width: 31% !important; }
.mw30 { max-width: 30% !important; }
.mw29 { max-width: 29% !important; }
.mw28 { max-width: 28% !important; }
.mw27 { max-width: 27% !important; }
.mw26 { max-width: 26% !important; }
.mw25 { max-width: 25% !important; }
.mw24 { max-width: 24% !important; }
.mw23 { max-width: 23% !important; }
.mw22 { max-width: 22% !important; }
.mw21 { max-width: 21% !important; }
.mw20 { max-width: 20% !important; }
.mw19 { max-width: 19% !important; }
.mw18 { max-width: 18% !important; }
.mw17 { max-width: 17% !important; }
.mw16 { max-width: 16% !important; }
.mw15 { max-width: 15% !important; }
.mw14 { max-width: 14% !important; }
.mw13 { max-width: 13% !important; }
.mw12 { max-width: 12% !important; }
.mw11 { max-width: 11% !important; }
.mw10 { max-width: 10% !important; }
.mw9 { max-width: 9% !important; }
.mw8 { max-width: 8% !important; }
.mw7 { max-width: 7% !important; }
.mw6 { max-width: 6% !important; }
.mw5 { max-width: 5% !important; }
.mw4 { max-width: 4% !important; }
.mw3 { max-width: 3% !important; }
.mw2 { max-width: 2% !important; }
.mw1 { max-width: 1% !important; }

.w1830p { width: 1830px !important; }
.w1800p { width: 1800px !important; }
.w1750p { width: 1750px !important; }
.w1700p { width: 1700px !important; }
.w1600p { width: 1600px !important; }
.w1500p { width: 1500px !important; }
.w1450p { width: 1450px !important; }
.w1400p { width: 1400px !important; }
.w1300p { width: 1300px !important; }
.w1200p { width: 1200px !important; }
.w1100p { width: 1100px !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; }
.w460p { width: 460px !important; }
.w450p { width: 450px !important; }
.w420p { width: 420px !important; }
.w410p { width: 410px !important; }
.w400p { width: 400px !important; }
.w380p { width: 380px !important; }
.w370p { width: 370px !important; }
.w365p { width: 365px !important; }
.w360p { width: 360px !important; }
.w355p { width: 355px !important; }
.w350p { width: 350px !important; }
.w340p { width: 340px !important; }
.w330p { width: 330px !important; }
.w325p { width: 325px !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; }
.w42p { width: 42px !important; }
.w41p { width: 41px !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 */
/* ######################################################################################### */
.h1 { height: 1px !important; }
.h2 { height: 2px !important; }
.h3 { height: 3px !important; }
.h4 { height: 4px !important; }
.h5 { height: 5px !important; }
.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h32 { height: 32px !important; }
.h35 { height: 35px !important; }
.h40 { height: 40px !important; }
.h45 { height: 45px !important; }
.h50 { height: 50px !important; }
.h60 { height: 60px !important; }
.h70 { height: 70px !important; }
.h80 { height: 80px !important; }
.h90 { height: 90px !important; }
.h100 { height: 100px !important; }
.h110 { height: 110px !important; }
.h120 { height: 120px !important; }
.h140 { height: 140px !important; }
.h160 { height: 160px !important; }
.h180 { height: 180px !important; }
.h200 { height: 200px !important; }
.h220 { height: 220px !important; }
.h240 { height: 240px !important; }
.h260 { height: 260px !important; }
.h280 { height: 280px !important; }
.h300 { height: 300px !important; }
.h320 { height: 320px !important; }
.h330 { height: 330px !important; }
.h340 { height: 340px !important; }
.h350 { height: 350px !important; }
.h360 { height: 360px !important; }
.h380 { height: 380px !important; }
.h400 { height: 400px !important; }
.h440 { height: 440px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h550 { height: 550px !important; }
.h600 { height: 600px !important; }
.h700 { height: 700px !important; }
.h800 { height: 800px !important; }
.h900 { height: 900px !important; }
.h1000 { height: 1000px !important; }

/* ######################################################################################### */
/* MARGIN */
/* ######################################################################################### */
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m6 { margin: 6px !important; }
.m7 { margin: 7px !important; }
.m8 { margin: 8px !important; }
.m9 { margin: 9px !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; }

.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !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; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !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; }

.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !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; }

.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !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 */
/* ######################################################################################### */
.p0 { padding: 0px !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.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; }

.pt0 { padding-top: 0px !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !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; }

.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !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; }

.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl7 { padding-left: 7px !important; }
.pl8 { padding-left: 8px !important; }
.pl9 { padding-left: 9px !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; }

.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr6 { padding-right: 6px !important; }
.pr7 { padding-right: 7px !important; }
.pr8 { padding-right: 8px !important; }
.pr9 { padding-right: 9px !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-noir1 { background-color: rgba(52, 52, 52, 0.1) !important; }
.leg-back-bleu1 { background-color: rgba(52, 152, 219, 0.1) !important; }
.leg-back-vert1 { background-color: rgba(46, 204, 113, 0.1) !important; }
.leg-back-vert-spe1 { background-color: rgba(26, 188, 156, 0.1) !important; }
.leg-back-gris1 { background-color: rgba(189, 195, 199, 0.1) !important; }
.leg-back-rouge1 { background-color: rgba(231, 76, 60, 0.1) !important; }
.leg-back-jaune1 { background-color: rgba(241, 196, 15, 0.1) !important; }
.leg-back-jaune-spe1 { background-color: rgba(255, 221, 89, 0.1) !important; }
.leg-back-orange1 { background-color: rgba(243, 156, 18, 0.1) !important; }
.leg-back-violet1 { background-color: rgba(155, 89, 182, 0.1) !important; }
.leg-back-asphalt1 { background-color: rgba(52, 73, 94, 0.1) !important; }
.leg-back-gris-fonce1 { background-color: rgba(149, 165, 166, 0.1) !important; }
.leg-back-blanc1 { background-color: rgba(255, 255, 255, 0.1) !important; }
.leg-back-rouge-spe1 { background-color: rgba(255, 118, 117, 0.1) !important; }

.leg-back-rouge-rr05 { background-color: var(--rex-color-leg05) !important; }
.leg-back-rouge-rr { background-color: var(--rex-color-leg) !important; }

.leg-back-noir { background-color: rgba(52, 52, 52, 0.2) !important; }
.leg-back-bleu { background-color: rgba(52, 152, 219, 0.2) !important; }
.leg-back-vert { background-color: rgba(46, 204, 113, 0.2) !important; }
.leg-back-vert-spe { background-color: rgba(26, 188, 156, 0.2) !important; }
.leg-back-gris { background-color: rgba(189, 195, 199, 0.2) !important; }
.leg-back-jaune { background-color: rgba(241, 196, 15, 0.2) !important; }
.leg-back-jaune-spe { background-color: rgba(255, 221, 89, 0.2) !important; }
.leg-back-rouge { background-color: rgba(231, 76, 60, 0.2) !important; }
.leg-back-rouge-spe { background-color: rgba(255, 118, 117, 0.2) !important; }
.leg-back-orange { background-color: rgba(243, 156, 18, 0.2) !important; }
.leg-back-violet { background-color: rgba(155, 89, 182, 0.2) !important; }
.leg-back-violet-dark { background-color: rgba(87, 75, 144, 0.2) !important; }
.leg-back-asphalt { background-color: rgba(52, 73, 94, 0.2) !important; }
.leg-back-saumon { background-color: rgba(250, 128, 114, 0.2) !important; }
.leg-back-marine { background-color: rgba(39, 60, 117, 0.2) !important; }
.leg-back-silver { background-color: rgba(189, 195, 199, 0.2) !important; }
.leg-back-marron { background-color: rgba(114, 78, 19, 0.2) !important; }
.leg-back-blanc { background-color: rgba(255, 255, 255, 0.2) !important; }

.leg-back-noir3 { background-color: rgba(52, 52, 52, 0.3) !important; }
.leg-back-bleu3 { background-color: rgba(52, 152, 219, 0.3) !important; }
.leg-back-vert3 { background-color: rgba(46, 204, 113, 0.3) !important; }
.leg-back-vert-spe3 { background-color: rgba(26, 188, 156, 0.3) !important; }
.leg-back-gris3 { background-color: rgba(189, 195, 199, 0.3) !important; }
.leg-back-gris-leger3 { background-color: rgba(200, 200, 200, 0.3) !important; }
.leg-back-jaune3 { background-color: rgba(241, 196, 15, 0.3) !important; }
.leg-back-rouge3 { background-color: rgba(231, 76, 60, 0.3) !important; }
.leg-back-orange3 { background-color: rgba(243, 156, 18, 0.3) !important; }
.leg-back-violet3 { background-color: rgba(155, 89, 182, 0.3) !important; }
.leg-back-jaune-spe3 { background-color: rgba(255, 221, 89, 0.3) !important; }
.leg-back-asphalt3 { background-color: rgba(52, 73, 94, 0.3) !important; }
.leg-back-blanc3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.leg-back-noir4 { background-color: rgba(52, 52, 52, 0.4) !important; }
.leg-back-bleu4 { background-color: rgba(52, 152, 219, 0.4) !important; }
.leg-back-vert4 { background-color: rgba(46, 204, 113, 0.4) !important; }
.leg-back-vert-spe4 { background-color: rgba(26, 188, 156, 0.4) !important; }
.leg-back-gris4 { background-color: rgba(189, 195, 199, 0.4) !important; }
.leg-back-gris-leger4 { background-color: rgba(200, 200, 200, 0.4) !important; }
.leg-back-jaune4 { background-color: rgba(241, 196, 15, 0.4) !important; }
.leg-back-rouge4 { background-color: rgba(231, 76, 60, 0.4) !important; }
.leg-back-orange4 { background-color: rgba(243, 156, 18, 0.4) !important; }
.leg-back-violet4 { background-color: rgba(155, 89, 182, 0.4) !important; }
.leg-back-jaune-spe4 { background-color: rgba(255, 221, 89, 0.4) !important; }
.leg-back-asphalt4 { background-color: rgba(52, 73, 94, 0.4) !important; }
.leg-back-blanc4 { background-color: rgba(255, 255, 255, 0.4) !important; }

.leg-back-noir5 { background-color: rgba(52, 52, 52, 0.5) !important; }
.leg-back-bleu5 { background-color: rgba(52, 152, 219, 0.5) !important; }
.leg-back-vert5 { background-color: rgba(46, 204, 113, 0.5) !important; }
.leg-back-vert-spe5 { background-color: rgba(26, 188, 156, 0.5) !important; }
.leg-back-gris5 { background-color: rgba(189, 195, 199, 0.5) !important; }
.leg-back-jaune-spe5 { background-color: rgba(255, 221, 89, 0.5) !important; }
.leg-back-rouge5 { background-color: rgba(231, 76, 60, 0.5) !important; }
.leg-back-rouge-spe5 { background-color: rgba(255, 118, 117, 0.5) !important; }
.leg-back-orange5 { background-color: rgba(243, 156, 18, 0.5) !important; }
.leg-back-violet5 { background-color: rgba(155, 89, 182, 0.5) !important; }
.leg-back-blanc5 { background-color: rgba(255, 255, 255, 0.5) !important; }

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

.leg-back-noir7 { background-color: rgba(52, 52, 52, 0.7) !important; }
.leg-back-bleu7 { background-color: rgba(52, 152, 219, 0.7) !important; }
.leg-back-vert7 { background-color: rgba(46, 204, 113, 0.7) !important; }
.leg-back-vert-spe7 { background-color: rgba(26, 188, 156, 0.7) !important; }
.leg-back-gris7 { background-color: rgba(189, 195, 199, 0.7) !important; }
.leg-back-jaune-spe7 { background-color: rgba(255, 221, 89, 0.7) !important; }
.leg-back-rouge7 { background-color: rgba(231, 76, 60, 0.7) !important; }
.leg-back-rouge-spe7 { background-color: rgba(255, 118, 117, 0.7) !important; }
.leg-back-orange7 { background-color: rgba(243, 156, 18, 0.7) !important; }
.leg-back-violet7 { background-color: rgba(155, 89, 182, 0.7) !important; }
.leg-back-blanc7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.leg-back-noir8 { background-color: rgba(52, 52, 52, 0.8) !important; }
.leg-back-bleu8 { background-color: rgba(52, 152, 219, 0.8) !important; }
.leg-back-vert8 { background-color: rgba(46, 204, 113, 0.8) !important; }
.leg-back-vert-spe8 { background-color: rgba(26, 188, 156, 0.8) !important; }
.leg-back-gris8 { background-color: rgba(189, 195, 199, 0.8) !important; }
.leg-back-jaune-spe8 { background-color: rgba(255, 221, 89, 0.8) !important; }
.leg-back-rouge8 { background-color: rgba(231, 76, 60, 0.7) !important; }
.leg-back-rouge-spe8 { background-color: rgba(255, 118, 117, 0.8) !important; }
.leg-back-orange8 { background-color: rgba(243, 156, 18, 0.8) !important; }
.leg-back-violet8 { background-color: rgba(155, 89, 182, 0.8) !important; }
.leg-back-blanc8 { background-color: rgba(255, 255, 255, 0.8) !important; }
.leg-back-rouge-rr8 { background-color: var(--rex-color-leg-8) !important; }


.back-noir-fonce { background-color: #222222 !important; }
.back-noir-grave { background-color: #111111 !important; }
.back-noir { background-color: #444444 !important; }
.back-marron { background-color: #777777 !important; }
.back-blanc { background-color: #ffffff !important; }
.back-jaune { background-color: #f1c40f !important; }
.back-jaune-spe { background-color: #ffdd59 !important; }
.back-orange { background-color: #f39c12 !important; }
.back-vert { background-color: #27ae60 !important; }
.back-vert-spe { background-color: #1abc9c !important; }
.back-vert-leg { background-color: #7bed9f !important; }
.back-vertf-spe { background-color: #16a085 !important; }
.back-bleu { background-color: #3498db !important; }
.back-bleu-leger { background-color: rgb(214, 234, 248) !important; }
.back-rouge { background-color: #e74c3c !important; }
.back-rouge-spe { background-color: #ff7675 !important; }
.back-gris { background-color: #7f8c8d !important; }
.back-gris-clair { background-color: #cdd4da !important; }
.back-gris-leger { background-color: #eeeeee !important; }
.back-gris-plus { background-color: #dddddd !important; }
.back-violet { background-color: #9b59b6 !important; }
.back-violet-dark { background-color: #574b90 !important; }
.back-asphalt { background-color: #34495e !important; }
.back-rose { background-color: #fd79a8 !important; }
.back-livid { background-color: #6a89cc !important; }
.back-jala { background-color: #b71540 !important; }
.back-spray { background-color: #82ccdd !important; }
.back-lime { background-color: #7bed9f !important; }
.back-saumon { background-color: #fa8072 !important; }
.back-marron { background-color: #724e13 !important; }
.back-marine { background-color: #273c75 !important; }
.back-silver { background-color: #bdc3c7 !important; }
.back-bleu-gris { background-color: #ddeeff !important; }
.back-bleu-gris1 { background-color: #bbccdd !important; }
.back-bleu-gris2 { background-color: #99aabb !important; }
.back-bleu-gris3 { background-color: #778899 !important; }
.back-bleu-gris4 { background-color: #556677 !important; }
.back-bleu-gris5 { background-color: #334455 !important; }
.back-bleu-gris6 { background-color: #112233 !important; }
.back-rouge-rr { background-color: var(--rex-color) !important; }

.back-clair1 { background-color: rgba(255, 255, 255, 0.1) !important; }
.back-clair2 { background-color: rgba(255, 255, 255, 0.2) !important; }
.back-clair3 { background-color: rgba(255, 255, 255, 0.3) !important; }
.back-clair4 { background-color: rgba(255, 255, 255, 0.4) !important; }
.back-clair5 { background-color: rgba(255, 255, 255, 0.5) !important; }
.back-clair6 { background-color: rgba(255, 255, 255, 0.6) !important; }
.back-clair7 { background-color: rgba(255, 255, 255, 0.7) !important; }
.back-clair8 { background-color: rgba(255, 255, 255, 0.8) !important; }
.back-clair9 { background-color: rgba(255, 255, 255, 0.9) !important; }

.back-fonce1 { background-color: rgba(0, 0, 0, 0.1) !important; }
.back-fonce2 { background-color: rgba(0, 0, 0, 0.2) !important; }
.back-fonce3 { background-color: rgba(0, 0, 0, 0.3) !important; }
.back-fonce4 { background-color: rgba(0, 0, 0, 0.4) !important; }
.back-fonce5 { background-color: rgba(0, 0, 0, 0.5) !important; }
.back-fonce6 { background-color: rgba(0, 0, 0, 0.6) !important; }
.back-fonce7 { background-color: rgba(0, 0, 0, 0.7) !important; }
.back-fonce8 { background-color: rgba(0, 0, 0, 0.8) !important; }
.back-fonce9 { background-color: rgba(0, 0, 0, 0.9) !important; }

/* ######################################################################################### */
/* COLOR */
/* ######################################################################################### */
.col-transparent { color: rgba(255, 255, 255, 0); }
.col-blanc { color: #ffffff !important; }
.col-noir { color: #222222 !important; }
.col-noir-clair { color: #444444 !important; }
.col-noir-fonce { color: #000000 !important; }
.col-marron { color: rgb(114, 78, 19); !important; }
.col-jaune { color: #f1c40f !important; }
.col-jaune-spe { color: #ffdd59 !important; }
.col-orange { color: #f39c12 !important; }
.col-vert { color: #27ae60 !important; }
.col-vert-spe { color: #1abc9c !important; }
.col-vertf-spe { color: #16a085 !important; }
.col-vert-leg { color: #7bed9f !important; }
.col-bleu { color: #3498db !important; }
.col-bleu-gris { color: #ddeeff !important; }
.col-rouge { color: #e74c3c !important; }
.col-rouge-spe { color: #ff7675 !important; }
.col-gris { color: #7f8c8d !important; }
.col-gris-clair { color: #cdd4da !important; }
.col-gris-leger { color: #eeeeee !important; }
.col-gris-plus { color: #dddddd !important; }
.col-violet { color: #9b59b6 !important; }
.col-violet-dark { color: #574b90 !important; }
.col-asphalt { color: #34495e !important; }
.col-rose { color: #fd79a8 !important; }
.col-livid { color: #6a89cc !important; }
.col-jala { color: #b71540 !important; }
.col-saumon { color: #fa8072 !important; }
.col-marine { color: #273c75 !important; }
.col-silver { color: #bdc3c7 !important; }
.col-rouge-rr { color: var(--rex-color) !important; }

.leg-col-noir { color: rgba(52, 52, 52, 0.8) !important; }
.leg-col-blanc { color: rgba(255, 255, 255, 0.8) !important; }

.leg-col-noir-leger { color: rgba(52, 52, 52, 0.1) !important; }

/* ######################################################################################### */
/* BORDER */
/* ######################################################################################### */
.border0 { border: 0 !important; }
.border1 { border: 1px solid #DDD !important; }
.border2 { border: 2px solid #DDD !important; }
.border3 { border: 3px solid #DDD !important; }
.border4 { border: 4px solid #DDD !important; }
.border6 { border: 6px solid #DDD !important; }
.border8 { border: 8px solid #DDD !important; }
.border10 { border: 10px solid #DDD !important; }
.border12 { border: 12px solid #DDD !important; }

/* ######################################################################################### */
/* BORDER COLOR */
/* ######################################################################################### */
.bor-noir-grave { border-color: #111111 !important; }
.bor-noir { border-color: #222222 !important; }
.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-bleu-leger { border-color: rgb(214, 234, 248) !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; }
.bor-violet-dark { border-color: #574b90 !important; }
.bor-jala { border-color: #b71540 !important; }
.bor-saumon { border-color: #fa8072 !important; }
.bor-marine { border-color: #273c75 !important; }
.bor-silver { border-color: #bdc3c7 !important; }
.bor-marron { border-color: #724e13 !important; }
.bor-rouge-rr { border-color: var(--rex-color) !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; }
.leg-bor-orange { border-color: rgba(243, 156, 18, 0.2) !important; }
.leg-bor-saumon { border-color: rgba(250, 128, 114, 0.2) !important; }
.leg-bor-marine { border-color: rgba(39, 60, 117, 0.2) !important; }
.leg-bor-silver { border-color: rgba(189, 195, 199, 0.2) !important; }
.leg-bor-violet-dark { border-color: rgba(87, 75, 144, 0.2) !important; }
.leg-bor-marron { border-color: rgba(114, 78, 19, 0.2) !important; }
.leg-bor-rouge-rr { border-color: var(--rex-color-leg-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; }
.fs42 { font-size: 42px !important; }
.fs44 { font-size: 44px !important; }
.fs46 { font-size: 46px !important; }
.fs48 { font-size: 48px !important; }
.fs50 { font-size: 50px !important; }
.fs54 { font-size: 54px !important; }
.fs56 { font-size: 56px !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 !important; }

/* ######################################################################################### */
/* 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; }
.radius14 { border-radius: 14px !important; }
.radius20 { border-radius: 20px !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 !important; }
.right { text-align: right !important; }
.vtop { vertical-align: top !important; }
.vmiddle { vertical-align: middle !important; }
.vbase { vertical-align: base !important; }
.tCenter { text-align: center; }

/* ######################################################################################### */
/* FORM */
/* ######################################################################################### */
.checkbox {
    width: 20px;
    height: 20px;
}

.checkboxbig {
    width: 30px;
    height: 30px;
}

.switch-container {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch-btn-rex {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 30px;
    background-color: #ccc;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.switch-btn-rex::before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 5px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

.switch-container input:checked + .switch-btn-rex {
    background-color: #00AA96;
}

.switch-container input:checked + .switch-btn-rex::before {
    transform: translateX(26px);
}

.switch-container input {
    display: none;
}


/* The switch - the box around the slider */
.switch-rounded {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch-rounded .checkbox-rounded {
    opacity: 0;
    width: 0;
    height: 0;
}


/* Style for the keyword tag */
.keyword-tag {
    display: inline-block;
    padding: 8px 12px;
    margin: 2px;
    background-color: #3498db; /* Blue color, you can change this */
    color: #ffffff; /* White text color, you can change this */
    border-radius: 3px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Tintmce IMG */
.tiny_mce_img_upload{
    margin : 15px;
}

/* Hover effect */
.keyword-tag:hover {
    background-color: #2c3e50; /* Darker blue on hover, you can change this */
}

/* The slider */
.slider-rounded {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-rounded:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


.checkbox-rounded:focus + .slider-rounded {
    box-shadow: 0 0 1px #2196F3;
}

.checkbox-rounded:checked + .slider-rounded:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider-rounded.round {
    border-radius: 34px;
}

.slider-rounded.round:before {
    border-radius: 50%;
}

.rotate90Right { transform: rotate(90deg); }
.rotate90Left { transform: rotate(-90deg); }

.hidden { visibility: hidden !important;}

#scrollToTopBtn {
    position: fixed;
    bottom: 5px;
    right: 20px;
    display: none;
    padding: 5px 15px;
    background-color: var(--alerte-couleur);
    color: white;
    border: none;
    border-radius: 15px;
    cursor: pointer;
}

.popup-close:hover{
    color:lightgrey;
}

/* HYPERTITLE V2 */
#new-hypertitle {
    position: absolute;
    display: none;

    border-radius: 3px;
    max-width: 300px;
    z-index: 9999999;
}

#new-hypertitle-clicked,#new-hypertitle{
    border: 1px solid black
}

#header-hypertitle{
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

#content-hypertitle {
    background-color: white;
    padding: 5px;
    text-align: left;
}

#footer-hypertitle{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#header-hypertitle,
#footer-hypertitle {
    background-color: var(--alerte-couleur);
    color: white;
    padding: 5px;
    text-align: center;
}

#header-hypertitle,
#footer-hypertitle,
#content-hypertitle {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.suggestions-box {
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 200px; /* Limite la hauteur si nécessaire */
    overflow-y: auto;  /* Ajoute un scroll si nécessaire */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.suggestions-box div {
    padding: 10px;
    cursor: pointer;
}

.suggestions-box div:hover {
    background-color: #f0f0f0;
}

.input-with-icon #display_icone {
    position: absolute;
    left: 16px;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    pointer-events: none; /* Ne pas interférer avec la saisie */
}

:root {
    --rex-color: #D4113C;
    --rex-color-leg05: rgba(212, 17, 60, 0.05);
    --rex-color-leg: rgba(212, 17, 60, 0.1);
    --rex-color-leg-2: rgba(212, 17, 60, 0.2);
    --rex-color-leg-3: rgba(212, 17, 60, 0.3);
    --rex-color-leg-4: rgba(212, 17, 60, 0.4);
    --rex-color-leg-5: rgba(212, 17, 60, 0.5);
    --rex-color-leg-6: rgba(212, 17, 60, 0.6);
    --rex-color-leg-7: rgba(212, 17, 60, 0.7);
    --rex-color-leg-8: rgba(212, 17, 60, 0.8);
    --rex-color-leg-9: rgba(212, 17, 60, 0.9);
}