/*
A METTRE A JOUR A CHAQUE MODIFICATION
colors :
#7dca2b rouge
#384553 texte gris clair
#229e5c texte gris foncé
#205c6c vert
*/
.text-muted {color: #999999}
.text-primary {color: #428bca}
.text-primary:hover {color: #3071a9}
.text-warning {color: #c09853}
.text-warning:hover {color: #a47e3c}
.text-danger {color: #384553}
.text-danger:hover {color: #b94a48}
.text-success {color: #205c6c}
.text-success:hover {color: #468847}
.text-info {color: #3a87ad}
.text-info:hover {color: #2d6987}

/* background */

.bg1 { background-color: #7dca2b }
.bg2 { background-color: #384553 }
.bg3 { background-color: #229e5c }
.bg4 { background-color: #205c6c } /* #2dbe7f */

.bg000 { background-color: #000 }
.bg333 { background-color: #333 }
.bg666 { background-color: #666 }
.bg888 { background-color: #888 }
.bg999 { background-color: #999 }
.bgfff { background-color: #fff }
.bgf00 { background-color: #f00 }
.bg0f0 { background-color: #0f0 }
.bg00f { background-color: #00f }

.bgg1 { background-color:#444 }
.bgg2 { background-color:#666 }
.bgg3 { background-color:#999 }
.bgg4 { background-color:#e2e2e2 }
.bgg5 { background-color:#f4f4f4 }

.bgn { background-color: none }

/* border */

.bdn { border: none }
.bdtn { border-top: none }
.bdrn { border-right: none }
.bdbn { border-bottom: none }
.bdln { border-left: none }

.bd000 { border: #000 1px solid }
.bd333 { border: #333 1px solid }
.bd666 { border: #666 1px solid }
.bd999 { border: #999 1px solid }
.bdccc { border: #ccc 1px solid }
.bdddd { border: #ddd 1px solid }
.bdeee { border: #eee 1px solid }
.bdfff { border: #fff 1px solid }

.bdb000 { border-bottom: #000 1px solid }
.bdb333 { border-bottom: #333 1px solid }
.bdb666 { border-bottom: #666 1px solid }
.bdb999 { border-bottom: #999 1px solid }
.bdbccc { border-bottom: #ccc 1px solid }
.bdbddd { border-bottom: #ddd 1px solid }
.bdbeee { border-bottom: #eee 1px solid }
.bdbfff { border-bottom: #fff 1px solid }

.bdl000 { border-left: #000 1px solid }
.bdl333 { border-left: #333 1px solid }
.bdl666 { border-left: #666 1px solid }
.bdl999 { border-left: #999 1px solid }
.bdlccc { border-left: #ccc 1px solid }
.bdlddd { border-left: #ddd 1px solid }
.bdleee { border-left: #eee 1px solid }
.bdlfff { border-left: #fff 1px solid }

.bdr000 { border-right: #000 1px solid }
.bdr333 { border-right: #333 1px solid }
.bdr666 { border-right: #666 1px solid }
.bdr999 { border-right: #999 1px solid }
.bdrccc { border-right: #ccc 1px solid }
.bdrddd { border-right: #ddd 1px solid }
.bdreee { border-right: #eee 1px solid }
.bdrfff { border-right: #fff 1px solid }

.bdt000 { border-top: #000 1px solid }
.bdt333 { border-top: #333 1px solid }
.bdt666 { border-top: #666 1px solid }
.bdt999 { border-top: #999 1px solid }
.bdtccc { border-top: #ccc 1px solid }
.bdtddd { border-top: #ddd 1px solid }
.bdteee { border-top: #eee 1px solid }
.bdtfff { border-top: #fff 1px solid }

/* border-radius */

.bdr5  { border-radius: 5px }
.bdr10 { border-radius: 10px }
.bdr20 { border-radius: 20px }
.bdr30 { border-radius: 30px }

/* clear */

.clb { clear: both }
.cll { clear: left }
.cln { clear: none }
.clr { clear: right }

/* color */

.c1  { color: #7dca2b!important }
.c2  { color: #384553!important }
.c3  { color: #229e5c!important }
.c4  { color: #205c6c!important }

.c000 { color:#000!important }
.c333 { color:#333!important }
.c666 { color:#666!important }
.c888 { color:#888!important }
.c999 { color:#999!important }
.cfff { color:#fff!important }
.cf00 { color:#f00!important }
.c0f0 { color:#0f0!important }
.c00f { color:#00f!important }

.cg1 { color:#444!important }
.cg2 { color:#666!important }
.cg3 { color:#999!important }
.cg4 { color:#e2e2e2!important }
.cg5 { color:#f4f4f4!important }

/* cursor */

.cura { cursor: auto }
.curd { cursor: default }
.curc { cursor: crosshair }
.curh { cursor: help }
.curm { cursor: move }
.curna { cursor: not-allowed }
.curp { cursor: pointer }
.curt { cursor: text }
.curw { cursor: wait }

/* display */

.db  { display: block }
.di  { display: inline }
.dib { display: inline-block }
.dn  { display: none }
.dt  { display: table }
.dtc { display: table-cell }
.dtr { display: table-row }
.df  { display: flex }
.hdn:hover { display: none }
.hdb:hover { display: block }

/* flex */

.fl10 { flex: 0.1 }
.fl20 { flex: 0.2 }
.fl30 { flex: 0.3 }
.fl40 { flex: 0.4 }
.fl50 { flex: 0.5 }
.fl60 { flex: 0.6 }
.fl70 { flex: 0.7 }
.fl80 { flex: 0.8 }
.fl90 { flex: 0.9 }
.fl100 { flex: 1 }
.fl110 { flex: 1.1 }
.fl120 { flex: 1.2 }
.fl130 { flex: 1.3 }
.fl140 { flex: 1.4 }
.fl150 { flex: 1.5 }
.flexAlignEnd { align-items: flex-end}

/* justify-content */
.jc-between { justify-content: space-between }
.jc-around { justify-content: space-around }
.jc-evenly { justify-content: space-evenly }
.jc-center { justify-content: center }

/* float */

.fl { float: left }
.fr { float: right }
.fn { float: none }
.fc { margin-left: auto; margin-right: auto }

/* font-style */

.fsi { font-style: italic }
.fsn { font-style: normal }

/* font-weight */

.fwb { font-weight: bold }
.fwn { font-weight: normal }
.fw100 { font-weight: 100 }
.fw400 { font-weight: 400 }
.fw600 { font-weight: 600 }

/*  font-size */

.fz8  { font-size:8px }
.fz9  { font-size:9px }
.fz10 { font-size:10px }
.fz11 { font-size:11px }
.fz12 { font-size:12px }
.fz13 { font-size:13px }
.fz14 { font-size:14px }
.fz15 { font-size:15px }
.fz16 { font-size:16px }
.fz17 { font-size:17px }
.fz18 { font-size:18px }
.fz19 { font-size:19px }
.fz20 { font-size:20px }
.fz21 { font-size:21px }
.fz22 { font-size:22px }
.fz23 { font-size:23px }
.fz24 { font-size:24px }
.fz26 { font-size:26px }
.fz28 { font-size:28px }
.fz30 { font-size:30px }
.fz35 { font-size:35px }
.fz40 { font-size:40px }
.fz50 { font-size:50px }
.fz75 { font-size:75px }
.fz100 { font-size:100px }

/* height */

.h8p  { height:8px  }
.h9p  { height:9px  }
.h10p { height:10px }
.h11p { height:11px }
.h12p { height:12px }
.h13p { height:13px }
.h14p { height:14px }
.h15p { height:15px }
.h16p { height:16px }
.h17p { height:17px }
.h18p { height:18px }
.h19p { height:19px }
.h20p { height:20px }
.h21p { height:21px }
.h22p { height:22px }
.h23p { height:23px }
.h24p { height:24px }
.h25p { height:25px }
.h26p { height:26px }
.h27p { height:27px }
.h28p { height:28px }
.h29p { height:29px }
.h30p { height:30px }
.h35p { height:35px }
.h40p { height:40px }
.h200p { height:200px }
.h100  { height:100% }
.hauto { height:auto }

/* hover : background */

.hbg1:hover   { background-color: #7dca2b }
.hbg2:hover   { background-color: #384553 }
.hbg3:hover   { background-color: #229e5c }
.hbg4:hover   { background-color: #205c6c }

.hbgg1:hover { background-color:#444 }
.hbgg2:hover { background-color:#666 }
.hbgg3:hover { background-color:#999 }
.hbgg4:hover { background-color:#e2e2e2 }
.hbgg5:hover { background-color:#f4f4f4 }

/* hover : color */

.hcfff:hover { color:#fff!important }
.hc000:hover { color:#000!important }
.hc333:hover { color:#333!important }
.hc666:hover { color:#666!important }
.hc888:hover { color:#888!important }
.hc999:hover { color:#999!important }
.hcfff:hover { color:#fff!important }
.hcf00:hover { color:#f00!important }
.hc0f0:hover { color:#0f0!important }
.hc00f:hover { color:#00f!important }

.hc1:hover  { color: #7dca2b!important }
.hc2:hover  { color: #384553!important }
.hc3:hover  { color: #229e5c!important }
.hc4:hover  { color: #205c6c!important }

.hcg1:hover { color:#444 }
.hcg2:hover { color:#666 }
.hcg3:hover { color:#999 }
.hcg4:hover { color:#e2e2e2 }
.hcg5:hover { color:#f4f4f4 }

/* height & line-height */

.hlh8  { height:8px; line-height:8px  }
.hlh9  { height:9px; line-height:9px  }
.hlh10 { height:10px; line-height:10px }
.hlh11 { height:11px; line-height:11px }
.hlh12 { height:12px; line-height:12px }
.hlh13 { height:13px; line-height:13px }
.hlh14 { height:14px; line-height:14px }
.hlh15 { height:15px; line-height:15px }
.hlh16 { height:16px; line-height:16px }
.hlh17 { height:17px; line-height:17px }
.hlh18 { height:18px; line-height:18px }
.hlh19 { height:19px; line-height:19px }
.hlh20 { height:20px; line-height:20px }
.hlh21 { height:21px; line-height:21px }
.hlh22 { height:22px; line-height:22px }
.hlh23 { height:23px; line-height:23px }
.hlh24 { height:24px; line-height:24px }
.hlh25 { height:25px; line-height:25px }
.hlh26 { height:26px; line-height:26px }
.hlh27 { height:27px; line-height:27px }
.hlh28 { height:28px; line-height:28px }
.hlh29 { height:29px; line-height:29px }
.hlh30 { height:30px; line-height:30px }

/* line-height */

.lh8  { line-height:8px  }
.lh9  { line-height:9px  }
.lh10 { line-height:10px }
.lh11 { line-height:11px }
.lh12 { line-height:12px }
.lh13 { line-height:13px }
.lh14 { line-height:14px }
.lh15 { line-height:15px }
.lh16 { line-height:16px }
.lh17 { line-height:17px }
.lh18 { line-height:18px }
.lh19 { line-height:19px }
.lh20 { line-height:20px }
.lh21 { line-height:21px }
.lh22 { line-height:22px }
.lh23 { line-height:23px }
.lh24 { line-height:24px }
.lh25 { line-height:25px }
.lh26 { line-height:26px }
.lh27 { line-height:27px }
.lh28 { line-height:28px }
.lh29 { line-height:29px }
.lh30 { line-height:30px }

/* list-type */

/* margin */

.mauto { margin: auto }
.m0a { margin: 0 auto }

.m0 { margin: 0 }
.m1 { margin: 10px }
.m2 { margin: 20px }
.m3 { margin: 30px }

.ml0 { margin-left: 0 }
.ml1 { margin-left: 10px }
.ml2 { margin-left: 20px }
.ml3 { margin-left: 30px }

.mr0 { margin-right: 0 }
.mr1 { margin-right: 10px }
.mr2 { margin-right: 20px }
.mr3 { margin-right: 30px }

.mt0 { margin-top: 0 }
.mt1 { margin-top: 10px }
.mt2 { margin-top: 20px }
.mt3 { margin-top: 30px }

.mb0 { margin-bottom: 0 }
.mb1 { margin-bottom: 10px }
.mb2 { margin-bottom: 20px }
.mb3 { margin-bottom: 30px }

/* white-space */

.nowrap { white-space: nowrap }
.wsn { white-space: normal }

/* opacity */

.op0   { opacity: 0 }
.op20  { opacity: 0.2 }
.op40  { opacity: 0.4 }
.op60  { opacity: 0.6 }
.op80  { opacity: 0.8 }
.op100 { opacity: 1 }

/* hover opacity */

.hop0:hover      { opacity: 0 }
.hop20:hover  { opacity: 0.2 }
.hop40:hover  { opacity: 0.4 }
.hop60:hover     { opacity: 0.6 }
.hop80:hover     { opacity: 0.8 }
.hop100:hover    { opacity: 1 }

/* overflow */

.oa {overflow: auto}
.oh {overflow: hidden}
.os {overflow: scroll}
.ov {overflow:visible}
.oi {overflow:inherit}

.oxa {overflow-x: auto}
.oxh {overflow-x: hidden}
.oxs {overflow-x: scroll}
.oxv {overflow-x:visible}
.oxi {overflow-x:inherit}

.oya {overflow-y: auto}
.oyh {overflow-y: hidden}
.oys {overflow-y: scroll}
.oyv {overflow-y:visible}
.oyi {overflow-y:inherit}

/* padding */

.p0 { padding: 0 }
.p05 { padding: 5px }
.p1 { padding: 10px }
.p2 { padding: 20px }
.p3 { padding: 30px }

.pl0 { padding-left: 0 }
.pl05 { padding-left: 5px }
.pl1 { padding-left: 10px }
.pl2 { padding-left: 20px }
.pl3 { padding-left: 30px }

.pr0 { padding-right: 0 }
.pr05 { padding-right: 5px }
.pr1 { padding-right: 10px }
.pr2 { padding-right: 20px }
.pr3 { padding-right: 30px }

.pt0 { padding-top: 0 }
.pt05 { padding-top: 5px }
.pt1 { padding-top: 10px }
.pt2 { padding-top: 20px }
.pt3 { padding-top: 30px }

.pb0 { padding-bottom: 0 }
.pb05 { padding-bottom: 5px }
.pb1 { padding-bottom: 10px }
.pb2 { padding-bottom: 20px }
.pb3 { padding-bottom: 30px }

/* position */

.posa { position: absolute }
.posf { position: fixed }
.posr { position: relative }
.poss { position:static }

/* top */

.t0p    { top: 0 }
.t10p   { top: 10px }
.t20p   { top: 20px }
.t30p   { top: 30px }

/* bottom */

.b0p    { bottom: 0 }
.b10p   { bottom: 10px }
.b20p   { bottom: 20px }
.b30p   { bottom: 30px }

/* left */

.l0p    { left: 0 }
.l10p   { left: 10px }
.l20p   { left: 20px }
.l30p   { left: 30px }

/* right */

.r0p    { right: 0 }
.r10p   { right: 10px }
.r20p   { right: 20px }
.r30p   { right: 30px }

/* text-align */

.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.taj { text-align: justify }

/* text-decoration */

.tdn { text-decoration: none }
.tdo { text-decoration: overline }
.tdu { text-decoration: underline }

/* text-decoration:hover */

.htdn:hover { text-decoration: none }
.htdo:hover { text-decoration: overline }
.htdu:hover { text-decoration: underline }

/* text-indent */

/* text-overflow */

.toc { text-overflow: clip}
.toe { text-overflow: ellipsis }

/* text-transform */

.ttc { text-transform: capitalize }
.ttl { text-transform: lowercase }
.ttn { text-transform: none }
.ttu { text-transform: uppercase }

/* first-letter uppercase */

.ttu-first::first-letter { text-transform: uppercase }

/* vertical-align */

.vab { vertical-align: bottom }
.vam { vertical-align: middle }
.vat { vertical-align: top }

/* white-space */

.wsn { white-space: normal }

/* blocks widths (percentage and pixels) */

.w10    { width: 10% }
.w15    { width: 15% }
.w20    { width: 20% }
.w25    { width: 25% }
.w30    { width: 30% }
.w33    { width: 33.3333% }
.w40    { width: 40% }
.w50    { width: 50% }
.w60    { width: 60% }
.w66    { width: 66.6666% }
.w70    { width: 70% }
.w75    { width: 75% }
.w80    { width: 80% }
.w85    { width: 85% }
.w90    { width: 90% }
.w100   { width: 100% }

.w10p   { width: 10px }
.w20p   { width: 20px }
.w30p   { width: 30px }
.w40p   { width: 40px }
.w50p   { width: 50px }
.w100p  { width: 100px }
.w150p  { width: 150px }
.w200p  { width: 200px }
.w300p  { width: 300px }
.w400p  { width: 400px }
.w500p  { width: 500px }
.w600p  { width: 600px }
.w700p  { width: 700px }
.w800p  { width: 800px }
.w960p  { width: 960px }
.w1140p { width: 1140px }
.wauto  { width: auto }

/* vertical (Y) center alignement */

.vertical-align { display: flex; align-items: center; }

/* z-index */

.zia     { z-index: auto }
.zi1     { z-index: 1 }
.zi10    { z-index: 10 }
.zi100   { z-index: 100 }
.zi1000  { z-index: 1000 }
.zi2000  { z-index: 2000 }
.zi3000  { z-index: 3000 }
.zi4000  { z-index: 4000 }
.zi5000  { z-index: 5000 }

.hoverZoom {overflow: hidden}
.hoverZoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoverZoom:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}