.enerj-orange{color:#f39200 !important;}
.enerj-uppercase{text-transform: uppercase;}
.enerj-gris{color:#7f7f7f !important;}
.enerj-push-top{margin-top: 20px !important;}
.enerj-push{margin-bottom: 20px !important;}
.enerj-push-top-sm{margin-top: 10px !important;}
.enerj-push-top-lg{margin-top: 40px !important;}
.enerj-push-sm{margin-bottom: 10px !important;}
.enerj-pad5{padding: 5px !important;}
.enerj-li-square{list-style-type: square;}
.enerj-ul{list-style: none;padding:0;margin:0;}
.enerj-ul li{padding-left: 1em;text-indent: -.7em;}
.enerj-ul i{color: #f39200;margin-right: 0.35em;font-size: 0.7em;}
.enerj-ol{list-style-type: none;margin: 0;margin-left: 3em;padding: 0;counter-reset: li-counter;}
.enerj-ol > li:before{content: counter(li-counter) ".";counter-increment: li-counter;color:#f39200;margin-right: 4px;}
.enerj-s12{font-size: 1.2em !important;}
.enerj-title{color:#73777e; font-size: 36px;}
.enerj-steps-compact .title-box{margin-bottom:12px!important;}
#enerj-main{padding: 20px 0px 80px 0px;}
#enerj-header{box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
#enerj-header div{height: 100%;}
#enerj-header .container{padding: 20px;}
#enerj-header .enerj-header-text{ z-index: 1; position: absolute; top: 0; left: 0; width: 100%;}
.enerj-bg-blanc{background-color: rgba(255, 255, 255, 0.9);}
.enerj-header-title-container {display: table !important;}
#enerj-header .enerj-header-bg div{width: 100%;height: 100%; background-size:cover;}
#enerj-header .enerj-title{display: table-cell !important;vertical-align: middle;font-weight: 400; font-size: 52px; font-family: 'Open Sans Condensed', sans-serif;}
@media (max-width: 767px){.enerj-title{font-size: 32px !important;}}
@media (min-width: 768px) and (max-width: 1199px){.enerj-title{font-size: 44px !important;}}
.enerj-main-menu { font-size: 17px; }
@media (max-width: 1199px){.enerj-main-menu{font-size: 15px;}}
.enerj-flip-panel {position: relative; -webkit-perspective: 600px; perspective: 600px; height: 300px; }
.enerj-flip-click {cursor: pointer; }
.enerj-flip-panel .enerj-flip-front {z-index: 900; position: absolute; top: 0px; left: 0px; -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.enerj-flip-panel.enerj-flip-flipped .enerj-flip-front { z-index: 900; -webkit-transform: rotateY(179deg); transform: rotateY(179deg); }
.enerj-flip-panel .enerj-flip-back { position: absolute; top: 0px; left: 0px; -webkit-transform: rotateY(-179deg); transform: rotateY(-179deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.enerj-flip-panel.enerj-flip-flipped .enerj-flip-back { z-index: 1000; -webkit-transform: rotateY(0); transform: rotateY(0); }
.enerj-flip-click .enerj-flip-front { -webkit-transform: rotateY(0); transform: rotateY(0); }
.enerj-flip-click.flip .enerj-flip-front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.enerj-flip-click .enerj-flip-back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.enerj-flip-click.enerj-flip-flipped .enerj-flip-back { -webkit-transform: rotateY(0); transform: rotateY(0); }
.enerj-slide-panel {position: relative; width: 300px; height: 300px; overflow: hidden; cursor: pointer;}
.enerj-slide-front {position: absolute; left: 0%; top: 0%; height: 300px; width: 300px; transition: all .4s ease-in-out;}
.enerj-slide-back {position: absolute; left: 0%; top: 100%; height: 300px; width: 300px; transition: all .4s ease-in-out;}
.enerj-slide-show .enerj-slide-front {transform: translateY(-100%);}
.enerj-slide-show .enerj-slide-back {transform: translateY(-100%);}
.enerj-slide-front .enerj-slide-card-button{position: absolute; right: 0px; bottom:0px;}
.enerj-slide-back .enerj-slide-card-button{position: absolute; right: 0px; top:0px;}
.enerj-slide-card-button div.icon{background-color: rgba(85, 85, 85, 0.7); z-index: 9001; margin: 0px !important;}
.enerj-animation-open-slow {
  animation-name: open;
  animation-duration: 8s;
  animation-timing-function: linear;
}
@keyframes open {
    0% {
        transform: scaleX(1.2);
    }
    100% {
        transform: scaleX(1);
    }
}
.enerj-abo-person{position: absolute; bottom: 20px;}
.enerj-abo-person div.subscribe-form{display: none;}
#final-countdown{background: url(../images/bg-countdown.jpg); background-size: cover;}
#final-countdown .county-label{padding-top: 0px !important;}
#final-countdown .coming-text{padding: 10px 10px 0px 10px !important;}
.fa-15x{font-size: 1.5em;}
.enerj-bloc-contact{min-height: 136px;}
.enerj-frame-list div.frame{padding-left: 10px !important; padding-right: 10px !important; }
.enerj-hidden-ov{overflow: hidden;}
.enerj-pad10{padding: 10px;}

.enerj-contact-box{padding: 40px; background-image: url(../images/bg-contacts.jpg); background-size: cover;}
.enerj-contact-box .pricing{margin: auto !important; max-width: none;}

.enerj-btn-dl{position: static !important; padding: 10px;}

/** helpers couleurs texte **/
.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:hover,
a.text-muted:focus {
   color: #999999;
}

.text-light,
.text-light:hover,
a.text-light,
a.text-light:hover,
a.text-light:focus {
   color: #ffffff !important;
}

.text-dark,
.text-dark:hover,
a.text-dark,
a.text-dark:hover,
a.text-dark:focus {
   color: #454e59;
}

.text-black,
.text-black:hover,
a.text-black,
a.text-black:hover,
a.text-black:focus {
   color: #000000;
}

.text-light-op,
.text-light-op:hover,
a.text-light-op,
a.text-light-op:hover,
a.text-light-op:focus {
   color: rgba(255, 255, 255, .8);
}

.text-dark-op,
.text-dark-op:hover,
a.text-dark-op,
a.text-dark-op:hover,
a.text-dark-op:focus {
   color: rgba(0, 0, 0, .4);
}

#haut-patronage{color: rgb(115, 119, 126);font-family: Georgia, serif;}

/** navigation / menu / header **/
#enerj-menu .navbar, .primary{width: 100%;}
#enerj-menu ul:not(.sub), nav{width: 100%; display: block;}
#enerj-menu .bg-warning:hover{background-color: #faa937 !important;}

.panel-group .panel-default .panel-heading > .panel-title > a.bg-muted::before, .panel-group .panel-default .panel-heading > .panel-title > a.bg-muted::after{background-color: #ffffff !important;}


/** fixes **/
.step-wrapper ol{padding-left: 30px !important;}
.form-box{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;}
#enerj-plan-expo{position: relative; left: -100%;}
.enerj-bloc-contact form{margin-bottom: 0px !important;}

.client{width: 100% !important;background-color:#ffffff !important;}

/** système de bandeau **/
.enerj-bandeau img:not(.partenaire):not(.partenaire-accueil):not(.exposant):not(.no-stretch){width:100%!important;height:100%!important;}
.enerj-bandeau img.partenaire{width: 14% !important; height: auto; margin: 5px;}
.enerj-bandeau {height:300px; color: #73777e; font-size: 13px;}
.x15{height: 360px!important;}
.x2{height: 480px!important;}
.x05{height: 180px!important;}
.xauto{height: auto !important;}
.enerj-bandeau .half{height: 50% !important;}
.enerj-bandeau .onethird{height: 33% !important;}
.enerj-bandeau .twothird{height: 67% !important;}
.enerj-bandeau .col-container{padding:0px!important;}
.enerj-bandeau div:not(.title-box):not(.half){height: 100%; padding: 20px;}
ol, ul { margin:20px 0 22px;}
h3.header {
  font-size: 30px;
  font-weight: 700;
  color: #000;
}
.enerj-bandeau h3{font-size: 20px; text-transform: uppercase;}
.enerj-bandeau h4{font-size: 16px; text-transform: uppercase; margin-bottom: 10px !important;}
.enerj-bandeau .huge{font-size: 70px; text-transform: uppercase; line-height: 0.7em; font-weight: bold;}
.enerj-bandeau .huge small{font-size: 40px; text-transform: uppercase; line-height: 0.7em;}
.enerj-bandeau .huge.compact{line-height: 0.55em !important;}
.enerj-bandeau p.lead{margin-bottom: 5px !important;}
.bg-default{background-color:#f7f7f7;}
.bg-paris-bleu{background-color:#80b8e0 !important;}


.bg-paris-bleu-clair{background:#6DAAD4!important}
.bg-paris-bleu-fonce{background:#4B7590!important}
.bg-paris-turquoise{background:#74C6C8!important}
.bg-paris-vert{background:#8BB31D!important}
.bg-paris-rose{background:#E97E74!important}
.bg-paris-orange-fonce{background:#D46816!important}



/*.enerj-bandeau-half {height:120px !important; color: #73777e; font-size: 13px;}*/
.enerj-bandeau ol{line-height: 1.8em;}
.enerj-bandeau .titre-etape{border-bottom-width: 1px; border-bottom-color: #efefef;}

@media (min-width: 992px){.enerj-bandeau .left-border-white{border-left: 1px solid #ffffff;}}
@media (max-width: 991px){.enerj-bandeau .left-border-white{border-left: 0px solid #ffffff;}}
.enerj-bandeau .bottom-border-white{border-bottom: 1px solid #ffffff;}
.enerj-bandeau .border-warning{border: 1px solid #a90f1b;}

.btn-bandeau-default{background-color: #efefef !important; border-color: #efefef !important;}
.btn-bandeau-default:hover{background-color: #dfdfdf !important; border-color: #dfdfdf !important;}
.enerj-bandeau .btn-lg{font-size: 1.1em;}

.enerj-bandeau div.valign{display: table; width: 100% !important; overflow: hidden;}
.enerj-bandeau div.valign > div{display: table-cell; vertical-align: middle;}
.enerj-bandeau div.valign > div > img{max-width: none !important;}

.enerj-bandeau .text-light hr{border-color: rgba(255, 255, 255, 0.3) !important;}

.enerj-bandeau .big-link{font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; line-height: 1.2em;}/* text-decoration: none !important;}*/

.employee img{height: 270px; width: 270px;}


.carousel-box .prev:hover, .carousel-box .next:hover{background-color: #a90f1b !important;}
/*.intervenant .name{color: #505050 !important;}*/

@media (max-width: 991px){

  h2.title{font-family: "Open Sans Condensed",sans-serif; font-size: 24px !important; font-weight: 400;}
  h1.title{font-family: "Open Sans Condensed",sans-serif; font-size: 28px !important; font-weight: 400;}

  #main-title h1{font-family: "Open Sans Condensed",sans-serif; font-size: 28px !important; font-weight: 400;}
  #main-title h2{font-family: "Open Sans Condensed",sans-serif; font-size: 20px !important; font-weight: 400;}

  .enerj-bandeau ol, .enerj-bandeau ul{padding-left: 15px;}
  .extended-xs{height: 420px !important;}
  .enerj-bandeau{height: auto !important;min-height:450px;}
  .enerj-bandeau div:not(.title-box):not(.half):not(#enerj-titre-accueil){height: auto !important;}
  .enerj-bandeau-mobile{height: 800px !important;}

}

.sub.bg-muted, .sub.bg-muted > *{background-color: #555555 !important;}

@media (min-width: 992px){

  h2.title{font-family: "Open Sans Condensed",sans-serif; font-size: 32px !important; font-weight: 400;}
  h1.title{font-family: "Open Sans Condensed",sans-serif; font-size: 36px !important; font-weight: 400;}

  #main-title h1{font-family: "Open Sans Condensed",sans-serif; font-size: 40px !important; font-weight: 400;}
  #main-title h2{font-family: "Open Sans Condensed",sans-serif; font-size: 30px !important; font-weight: 400;}

  .client img.partenaire, .client img.exposant{max-width: 180px !important; max-height: 240px !important;}

  .enerj-bandeau .fleche.bg-muted::after, .enerj-bandeau .fleche.bg-muted::before {border-left-color: #555555 !important;}
  .enerj-bandeau .fleche.bg-warning::after, .enerj-bandeau .fleche.bg-warning::before {border-left-color: #a90f1b !important;}
  .enerj-bandeau .fleche.bg-default::after, .enerj-bandeau .fleche.bg-default::before {border-left-color: #f7f7f7 !important;}

  .enerj-bandeau ol{padding-left: 40px;}
  .enerj-bandeau ol.big-list{line-height: 2em;}

  .enerj-bandeau .fleche::after, .enerj-bandeau .fleche::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 7px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e1e1e1;
    border-left-style: solid;
    border-left-width: 7px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 7px;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 7px;
    content: "";
    position: absolute;
    right: -14px;
    top: 14px;
    z-index: 1;
  }

  .enerj-bandeau .fleche:last-child::after, .enerj-bandeau .fleche:last-child::before{display: none;}

}

.enerj-contact-box .bottom-box, .enerj-contact-box .pricing *:not(.btn){background-color: #efefef !important;}
.enerj-contact-box .title a, .enerj-contact-box i{color: #555555 !important;}
.enerj-contact-box *:not(.btn){border-color: #e1e1e1 !important;}

.enerj-plus-infos .bottom-box, .enerj-plus-infos.pricing *:not(.btn){background-color: #efefef !important;}
.enerj-plus-infos .title a, .enerj-plus-infos i{color: #a90f1b !important;}
.enerj-plus-infos *:not(.btn){border-color: #e1e1e1 !important;}

/* annulation du décalage du footer */
.page-box{min-height: auto !important;}

img.pie-avatar{filter: grayscale(100%);}

section.connexion{padding: 60px 0px 60px 0px !important;}

#liste-exposants .client{height: 160px;}
#liste-exposants a.title{text-decoration: none; display: block;}
#liste-exposants .bottom-box{display: table; width: 100%; padding: 10px !important;}
#liste-exposants .bottom-box .vertical{display: table-cell; vertical-align: middle; height: 112px;}
#liste-exposants .package:not(.exposant-first) .title{border-top-width: 1px !important; border-left-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; padding: 20px !important; height: 180px;}

#liste-exposants .exposant-first div.title{height: 108px; display: table; width: 100% !important; overflow: hidden;}
#liste-exposants .exposant-first div.title p{display: table-cell; vertical-align: middle;}

@media (max-width: 1200px){#liste-exposants .package .bottom-box:not(.footer){height: 180px;}}
@media (min-width: 1201px){#liste-exposants .package .bottom-box:not(.footer){height: 130px;}}

/* carousel présentation en image */
#carousel-apercu img.selected{filter: grayscale(100%);}
#carousel-apercu img:not(.main){cursor: pointer;}

/* blocs programme */
.enerj-bloc-programme{background-size: cover;}
.enerj-bloc-programme > div{background-color: rgba(0, 0, 0, 0.3) !important; text-shadow: 0px 0px 2px #000000;}
@media (max-width: 1001px){
  .enerj-bloc-programme h2{font-size: 28px;}
  .enerj-bloc-programme, .enerj-bloc-programme > div{background-color: #555555 !important;}
}
@media (min-width: 1001px){
  .enerj-bloc-programme.x05 h2{line-height: 140px;}
}

/*
====================================================
PLAN INTERACTIF
====================================================
*/
#plan-interactif{position: relative;}
#plan-interactif > button > img.vertical{transform: scale(1.8, 1.8) rotate(-90deg);}
#plan-interactif > button{background-color: rgba(0, 0, 0, 0);}
#plan-interactif > button:hover{background-color: rgba(0, 0, 0, 0.2);}
#plan-interactif .modal.in .modal-dialog{top: 50%!important; transform: translate(0px, -50%) !important;}
/*#plan-interactif > button > img{filter: grayscale(100%);}*/

/*
=================================================================
MODIFICATEURS PADDING / MARGIN
=================================================================
*/
.pad0{padding:0px!important;}
.padR0{padding-right:0px!important;}
.padL0{padding-left:0px!important;}
.padB0{padding-bottom:0px!important;}
.padT0{padding-top:0px!important;}
.pad5{padding:5px!important;}
.padR5{padding-right:5px!important;}
.padL5{padding-left:5px!important;}
.padB5{padding-bottom:5px!important;}
.padT5{padding-top:5px!important;}
.pad10{padding:10px!important;}
.padR10{padding-right:10px!important;}
.padL10{padding-left:10px!important;}
.padB10{padding-bottom:10px!important;}
.padT10{padding-top:10px!important;}
.pad20{padding:20px!important;}
.padR20{padding-right:20px!important;}
.padL20{padding-left:20px!important;}
.padB20{padding-bottom:20px!important;}
.padT20{padding-top:20px!important;}
.padT30{padding-top:30px!important;}
.pad15{padding:15px!important;}
.padR15{padding-right:15px!important;}
.padL15{padding-left:15px!important;}
.padB15{padding-bottom:15px!important;}
.padT15{padding-top:15px!important;}
.mar0{margin:0px!important;}
.marR0{margin-right:0px!important;}
.marL0{margin-left:0px!important;}
.marB0{margin-bottom:0px!important;}
.marT0{margin-top:0px!important;}
.mar10{margin:10px!important;}
.marR10{margin-right:10px!important;}
.marL10{margin-left:10px!important;}
.marB10{margin-bottom:10px!important;}
.marB5{margin-bottom:5px!important;}
.marT5{margin-top:5px!important;}
.marT10{margin-top:10px!important;}
.marT11{margin-top:11px!important;}
.mar15{margin:15px!important;}
.marR15{margin-right:15px!important;}
.marL15{margin-left:15px!important;}
.marB15{margin-bottom:15px!important;}
.marT15{margin-top:15px!important;}
.mar20{margin:20px!important;}
.mar30{margin:30px!important;}
.mar40{margin:40px!important;}
.mar50{margin:50px!important;}
.marR20{margin-right:20px!important;}
.marL20{margin-left:20px!important;}
.marB20{margin-bottom:20px!important;}
.marT20{margin-top:20px!important;}
.marT30{margin-top:30px!important;}
.marT40{margin-top:40px!important;}
.marT50{margin-top:50px!important;}
.fixed{position: fixed;}
.s9{font-size:0.9em!important;}
.s11{font-size:1.1em!important;}
.s13{font-size:1.3em!important;}
.s15{font-size:1.5em!important;}
.s17{font-size:1.7em!important;}
.s19{font-size:1.9em!important;}
.s21{font-size:2.1em!important;}
.s23{font-size:2.3em!important;}


/******
 * MODIF 2018
 ******/


/* titre principal - Bandeau noir en haut */
#enerj-titre-accueil{position: absolute; top: 0; left: 0; background-color: #a90f1bb5; width: 100%; height: 33%;}
#enerj-titre-accueil h1{font-size: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-family: Arial; margin-bottom: 15px; margin-top: 5px;}
#enerj-titre-accueil h2{font-family: Verdana; font-weight: normal;font-size: 27px; letter-spacing: 0.1em;}
@media (max-width: 768px){
  #enerj-titre-accueil{height: 100%;} #enerj-titre-accueil h1{font-size: 28px;}
  h3.header {
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }
}

/* titre principal - Bandeau noir en bas */
#enerj-titre-accueil-2{position: absolute; bottom: 0; left: 0; background-color: #a90f1bb5; width: 100%; height: 33%;}
#enerj-titre-accueil-2 h1, #enerj-titre-accueil-2 h2{font-family:"Open Sans Condensed",sans-serif; font-weight: normal;}
#enerj-titre-accueil-2 h1{font-size: 34px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;}
#enerj-titre-accueil-2 h2{font-size: 26px; letter-spacing: 0.2em;}
@media (max-width: 768px){#enerj-titre-accueil-2{height: 100%;} #enerj-titre-accueil-2 h1{font-size: 28px;}}

.enerj-bandeau-presentation{font-family:"Open Sans Condensed",sans-serif; font-size: 2.8em;}
.enerj-bandeau-presentation::before{/*content: "\f069";*/content: "\f02b";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right: 10px; font-size: 0.8em;}

.enerj-intervenant-nom{font-family:"Open Sans Condensed",sans-serif; font-size: 24px;font-weight: 700;}
.enerj-intervenant-nom small{font-weight: 400;}

body{scroll-behavior: smooth;}

#grille-temoignages{display: grid; grid: 1fr 1fr 1fr / 1fr 1fr 1fr; grid-gap: 6px;}
#grille-temoignages div{height: 101px;}
#grille-temoignages div > img{width: 100%; height: 100%;}

@media (max-width: 639px){
  #grille-temoignages{display: grid; grid: repeat(4, 1fr) / repeat(2, 1fr);}
}

@media (min-width: 639px){
  #grille-temoignages{display: grid; grid: repeat(3, 1fr) / repeat(3, 1fr);}
}

/******
 * MODIF 2019
 ******/

div.enerj-motdepasse{
  position: relative;
}

div.enerj-motdepasse a{
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  height: 40px;
  width: 60px;
  background-color: rgba(80,80,80,0.2);
  text-align: center;
  border-radius: 0px 3px 3px 0px;
}

/*************
* DETAILS CONFERENCES
****************/
.chevron-conference{
  padding-top: 8px;
  color: lightgrey;
}
.chevron-conference-left{
  margin-right: 50px;
}
.chevron-conference-right{
  margin-left: 50px;
}


.btn-gray:hover {
	background: #fff;
	border-color: #ccc;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

/* Couleurs Texte */
.enerj-bleu{color:#85c9bf !important;}


/* Couleurs boutons */

.btn-bleu-fonce { background: #44658f; border:1px solid #44658f; color: #fff; }
.btn-bleu-fonce:hover, .btn-primary-nantes.hovered { background: #471743;  border:1px solid #471743; opacity:0.9; color: #fff;}
.btn-bleu-fonce:Active, .btn-primary-nantes.pressed { background: #471743; border:1px solid #471743; }

/* Couleurs Background */

.partenaire-accueil {
  max-height:80px;
}

/* Puces arrondies fond blanc check rouge */
ul.custom-list {
  list-style: none; /* Supprimer les puces par défaut */
  background: #b22222;
  color: #fff;
  padding: 15px 20px;
}

ul.custom-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

ul.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 21px;
  height: 21px;
  border-radius: 50%;      /* Arrondi */
  background-color: white; /* Fond blanc */
  border: 2px solid #B22222;   /* Bord rouge */
}

ul.custom-list li.checked::before {
  content: "✔";
  font-size: 14px;
  color: #B22222;
  text-align: center;
  line-height: 20px;
}

.bg-rouge {
  background-color: #B22222 !important;
}
.bg-bordeau {
  background-color: #a90f1b !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-beige {
  background-color: #eee0c5 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-bleu-fonce {
  background-color: #004267 !important;
}
.bg-bleu {
  background-color: #037ac5 !important;
}
.bg-vert {
  background-color: #34b18b !important;
}
.bg-orange {
  background-color: #f39200 !important;
}
.bg-gris {
  background-color: #73777e !important;
}
.bg-gris-fonce {
  background-color: #505050 !important;
}
.bg-gris-clair {
  background-color: #b2b2b2 !important;
}

.text-rouge {
  color: #B22222 !important;
}
.text-bordeau {
  color: #a90f1b !important;
}
.text-black {
  color: #000 !important;
}
.text-beige {
  color: #eee0c5 !important;
}
.text-white {
  color: #fff !important;
}
.text-bleu-fonce {
  color: #004267 !important;
}
.text-bleu {
  color: #85c9bf !important;
}
.text-vert {
  color: #34b18b !important;
}
.text-orange {
  color: #f39200 !important;
}
.text-gris {
  color: #73777e !important;
}
.text-gris-fonce {
  color: #505050 !important;
}
.text-gris-clair {
  color: #b2b2b2 !important;
}