/* Styles personnalisés pour le site victoriaville.ca */



.header>.inner-container {
    padding-top: 38px;
    padding-bottom: 32px;
}

/* Typographie */
.monospace {font-family: 'Inconsolata', monospace; font-weight: 300; }

/* Logo d'entête - desktop */
.header .logo.ir { width: 210px; height: 50px; background-image: url(/sites/victo/medias/hdr_logo.svg?v=2022); }
.ie8 .header .logo.ir { background-image: url(/sites/victo/medias/hdr_logo.png?v=2022); }
@media screen and (min-width: 1px) and (max-width: 75em) { /* 1200/16 */
	.header .logo.ir { width: 170px; height: 40px; }
}
@media screen and (min-width: 1px) and (max-width: 60em) { /* 960/16 */
	.header .logo.ir { width: 210px; height: 50px; }
}


/* Logo d'entête - mobile */
.mobile-header-logo { left: 67px; bottom: 14px; width: 100px; height: 24px; background-image: url(/sites/victo/medias/hdr_logo.svg?v=2022); }
/* variante propre à l'accueil, si applicable */
/*.home .mobile-header-logo {  }*/


/* Entêtes de page */
.page-header.has-bg { background: #eee; }


/* Logo de bas de page */
.copyright .logo.ir { width: 90px; height: 127px; background-image: url(/sites/victo/medias/ftr_logo.svg?v=2022); }
.ie8 .copyright .logo.ir { background-image: url(/sites/victo/medias/ftr_logo.png?v=2022); }


/* Couleur accent globale du site */
/* Note: peut être surchargée par page via le user control header_css_accent */
.page-header, .page-header-overlay, .side-events h2, .bg-accent, .accent.bt-action:hover, .icheck.styled-radio.hover:before, .icheck.styled-radio.focus:before,
.side-box.bg-accent .tag, .side-box.bg-accent .badge, section.newsletter-box, .event-list .bg.actif strong, .event-list .bg.actif time, .nomCours { background: #FEC526; }

.page-header h2 .fa-inverse, .page-header-image span,
.page-header-content .heading-label, .action-list.heading-tag > .bt-action:hover, .action-list.heading-tag .bt-action[aria-expanded=true],
.sandbox a, .link-button, .icheck.hover, .icheck.focus, .main .breadcrumb a:hover, .content-nav a:hover i, .side-events li a:hover i, .side-avantages > li > a:hover, .side-avantages a[aria-expanded=true], .newsletter-box .bt-action:hover,
.accent, .accent a, .accent.bt-action, .bg-accent .bt-action:hover, .event-list .bg.actif i, .event-list .bg.actif time, .event-list .icheck.hover, .event-list .icheck.checked, .prixCours { color: #FEC526; }

.content-nav, .side-events ul, .bg-accent, .accent.bt-action, .bloc .accent.bt-action, 
.form-item input[type=text]:focus, .form-item input[type=number]:focus, .form-item input[type=password]:focus, .form-item input[type=password]:focus, .form-item select:focus, .form-item textarea:focus, 
.icheck.hover, .icheck.focus, .side-box.bg-accent, .table-expand, .event-list .bg.actif:before { border-color: #FEC526; }

.side-activites .today .box:before, .side-avantages .box:before { border-left-color: #FEC526; }

.bg-accent, .accent.bt-action:hover, .accent.bt-action[aria-expanded=true] { color: #fff; }
.bg-accent .bt-action:hover { background: #fff; }


/* couleur custom du libellé des champs en entête
- mettre !important pour surcharger la couleur d'accent par page également
- commenter la ligne au complet pour utiliser la couleur d'accent globale par défaut
*/
.page-header-content .heading-label { color: #fff; }


/* Version estompée (faded), en bg seulement */
.bg-accent-faded, .side-box.bg-accent-faded { border-color: rgba(62,138,196,0.15); }
.bg-accent-faded { background: rgba(62,138,196,0.15); color: rgba(0,0,0,0.7) !important; }
.side-box.bg-accent-faded .tag, .side-box.bg-accent-faded .badge { background: rgba(62,138,196,0.15); }

.tableCours td { border-top-color: rgba(62,138,196,0.07); }
.prixCours { background-color: rgba(62,138,196,0.07); }


/* Couleurs propres au site */
.rouge-hlv, .rouge-hlv a, .sandbox a.rouge-hlv, .rouge-hlv.bt-action, .bg-rouge-hlv .bt-action:hover { color: #d91e3e; }
.bg-rouge-hlv, .rouge-hlv.bt-action, .bloc .rouge-hlv.bt-action, .side-box.bg-rouge-hlv { border-color: #d91e3e; }
.bg-rouge-hlv, .rouge-hlv.bt-action:hover, .rouge-hlv.bt-action[aria-expanded=true] { background: #d91e3e; color: #fff; }
.side-box.bg-rouge-hlv .tag, .side-box.bg-rouge-hlv .badge { background: #d91e3e; }
.bg-rouge-hlv .bt-action:hover { background: #fff !important; }

.bleu-hlv, .bleu-hlv a, .sandbox a.bleu-hlv, .bleu-hlv.bt-action, .bg-bleu-hlv .bt-action:hover { color: #272a68; }
.bg-bleu-hlv, .bleu-hlv.bt-action, .bloc .bleu-hlv.bt-action, .side-box.bg-bleu-hlv { border-color: #272a68; }
.bg-bleu-hlv, .bleu-hlv.bt-action:hover, .bleu-hlv.bt-action[aria-expanded=true] { background: #272a68; color: #fff; }
.side-box.bg-bleu-hlv .tag, .side-box.bg-bleu-hlv .badge { background: #272a68; }
.bg-bleu-hlv .bt-action:hover { background: #fff !important; }

.orange-hlv, .orange-hlv a, .sandbox a.orange-hlv, .orange-hlv.bt-action, .bg-orange-hlv .bt-action:hover { color: #f89c27; }
.bg-orange-hlv, .orange-hlv.bt-action, .bloc .orange-hlv.bt-action, .side-box.bg-orange-hlv { border-color: #f89c27; }
.bg-orange-hlv, .orange-hlv.bt-action:hover, .orange-hlv.bt-action[aria-expanded=true] { background: #f89c27; color: #fff; }
.side-box.bg-orange-hlv .tag, .side-box.bg-orange-hlv .badge { background: #f89c27; }
.bg-orange-hlv .bt-action:hover { background: #fff !important; }

.violet-hlv, .violet-hlv a, .sandbox a.violet-hlv, .violet-hlv.bt-action, .bg-violet-hlv .bt-action:hover { color: #95358f; }
.bg-violet-hlv, .violet-hlv.bt-action, .bloc .violet-hlv.bt-action, .side-box.bg-violet-hlv { border-color: #95358f; }
.bg-violet-hlv, .violet-hlv.bt-action:hover, .violet-hlv.bt-action[aria-expanded=true] { background: #95358f; color: #fff; }
.side-box.bg-violet-hlv .tag, .side-box.bg-violet-hlv .badge { background: #95358f; }
.bg-violet-hlv .bt-action:hover { background: #fff !important; }

.turquoise-hlv, .turquoise-hlv a, .sandbox a.turquoise-hlv, .turquoise-hlv.bt-action, .bg-turquoise-hlv .bt-action:hover { color: #0ea6b5; }
.bg-turquoise-hlv, .turquoise-hlv.bt-action, .bloc .turquoise-hlv.bt-action, .side-box.bg-turquoise-hlv { border-color: #0ea6b5; }
.bg-turquoise-hlv, .turquoise-hlv.bt-action:hover, .turquoise-hlv.bt-action[aria-expanded=true] { background: #0ea6b5; color: #fff; }
.side-box.bg-turquoise-hlv .tag, .side-box.bg-turquoise-hlv .badge { background: #0ea6b5; }
.bg-turquoise-hlv .bt-action:hover { background: #fff !important; }

.vert-av, .vert-av a, .sandbox a.vert-av, .vert-av.bt-action, .bg-vert-av .bt-action:hover { color: #00b475; }
.bg-vert-av, .vert-av.bt-action, .bloc .vert-av.bt-action, .side-box.bg-vert-av { border-color: #00b475; }
.bg-vert-av, .vert-av.bt-action:hover, .vert-av.bt-action[aria-expanded=true] { background: #00b475; color: #fff; }
.side-box.bg-vert-av .tag, .side-box.bg-vert-av .badge { background: #00b475; }
.bg-vert-av .bt-action:hover { background: #fff !important; }

.violet-av, .violet-av a, .sandbox a.violet-av, .violet-av.bt-action, .bg-violet-av .bt-action:hover { color: #834683; }
.bg-violet-av, .violet-av.bt-action, .bloc .violet-av.bt-action, .side-box.bg-violet-av { border-color: #834683; }
.bg-violet-av, .violet-av.bt-action:hover, .violet-av.bt-action[aria-expanded=true] { background: #834683; color: #fff; }
.side-box.bg-violet-av .tag, .side-box.bg-violet-av .badge { background: #834683; }
.bg-violet-av .bt-action:hover { background: #fff !important; }

.bleu-av, .bleu-av a, .sandbox a.bleu-av, .bleu-av.bt-action, .bg-bleu-av .bt-action:hover { color: #3e8ac4; }
.bg-bleu-av, .bleu-av.bt-action, .bloc .bleu-av.bt-action, .side-box.bg-bleu-av { border-color: #3e8ac4; }
.bg-bleu-av, .bleu-av.bt-action:hover, .bleu-av.bt-action[aria-expanded=true] { background: #3e8ac4; color: #fff; }
.side-box.bg-bleu-av .tag, .side-box.bg-bleu-av .badge { background: #3e8ac4; }
.bg-bleu-av .bt-action:hover { background: #fff !important; }

.rouge-av, .rouge-av a, .sandbox a.rouge-av, .rouge-av.bt-action, .bg-rouge-av .bt-action:hover { color: #de4d55; }
.bg-rouge-av, .rouge-av.bt-action, .bloc .rouge-av.bt-action, .side-box.bg-rouge-av { border-color: #de4d55; }
.bg-rouge-av, .rouge-av.bt-action:hover, .rouge-av.bt-action[aria-expanded=true] { background: #de4d55; color: #fff; }
.side-box.bg-rouge-av .tag, .side-box.bg-rouge-av .badge { background: #de4d55; }
.bg-rouge-av .bt-action:hover { background: #fff !important; }

.vert-md, .vert-md a, .sandbox a.vert-md, .vert-md.bt-action, .bg-vert-md .bt-action:hover { color: #39a374; }
.bg-vert-md, .vert-md.bt-action, .bloc .vert-md.bt-action, .side-box.bg-vert-md { border-color: #39a374; }
.bg-vert-md, .vert-md.bt-action:hover, .vert-md.bt-action[aria-expanded=true] { background: #39a374; color: #fff; }
.side-box.bg-vert-md .tag, .side-box.bg-vert-md .badge { background: #39a374; }
.bg-vert-md .bt-action:hover { background: #fff !important; }

.orange-md, .orange-md a, .sandbox a.orange-md, .orange-md.bt-action, .bg-orange-md .bt-action:hover { color: #ef4523; }
.bg-orange-md, .orange-md.bt-action, .bloc .orange-md.bt-action, .side-box.bg-orange-md { border-color: #ef4523; }
.bg-orange-md, .orange-md.bt-action:hover, .orange-md.bt-action[aria-expanded=true] { background: #ef4523; color: #fff; }
.side-box.bg-orange-md .tag, .side-box.bg-orange-md .badge { background: #ef4523; }
.bg-orange-md .bt-action:hover { background: #fff !important; }

.bleu-md, .bleu-md a, .sandbox a.bleu-md, .bleu-md.bt-action, .bg-bleu-md .bt-action:hover { color: #416eb5; }
.bg-bleu-md, .bleu-md.bt-action, .bloc .bleu-md.bt-action, .side-box.bg-bleu-md { border-color: #416eb5; }
.bg-bleu-md, .bleu-md.bt-action:hover, .bleu-md.bt-action[aria-expanded=true] { background: #416eb5; color: #fff; }
.side-box.bg-bleu-md .tag, .side-box.bg-bleu-md .badge { background: #416eb5; }
.bg-bleu-md .bt-action:hover { background: #fff !important; }

.rose-pale, .rose-pale a, .sandbox a.rose-pale, .rose-pale.bt-action, .bg-rose-pale .bt-action:hover { color: #f4d3d6; }
.bg-rose-pale, .rose-pale.bt-action, .bloc .rose-pale.bt-action, .side-box.bg-rose-pale { border-color: #f4d3d6; }
.bg-rose-pale, .rose-pale.bt-action:hover, .rose-pale.bt-action[aria-expanded=true] { background: #f4d3d6; color: #58585a !important; }
.side-box.bg-rose-pale .tag, .side-box.bg-rose-pale .badge { background: #f4d3d6; }
.bg-rose-pale .bt-action:hover { background: #fff !important; }

.corail, .corail a, .sandbox a.corail, .corail.bt-action, .bg-corail .bt-action:hover { color: #e8a798; }
.bg-corail, .corail.bt-action, .bloc .corail.bt-action, .side-box.bg-corail { border-color: #e8a798; }
.bg-corail, .corail.bt-action:hover, .corail.bt-action[aria-expanded=true] { background: #e8a798; color: #58585a !important; }
.side-box.bg-corail .tag, .side-box.bg-corail .badge { background: #e8a798; }
.bg-corail .bt-action:hover { background: #fff !important; }

.saumon, .saumon a, .sandbox a.saumon, .saumon.bt-action, .bg-saumon .bt-action:hover { color: #f58466; }
.bg-saumon, .saumon.bt-action, .bloc .saumon.bt-action, .side-box.bg-saumon { border-color: #f58466; }
.bg-saumon, .saumon.bt-action:hover, .saumon.bt-action[aria-expanded=true] { background: #f58466; color: #fff; }
.side-box.bg-saumon .tag, .side-box.bg-saumon .badge { background: #f58466; }
.bg-saumon .bt-action:hover { background: #fff !important; }

.bleu-pale, .bleu-pale a, .sandbox a.bleu-pale, .bleu-pale.bt-action, .bg-bleu-pale .bt-action:hover { color: #a2d9e7; }
.bg-bleu-pale, .bleu-pale.bt-action, .bloc .bleu-pale.bt-action, .side-box.bg-bleu-pale { border-color: #a2d9e7; }
.bg-bleu-pale, .bleu-pale.bt-action:hover, .bleu-pale.bt-action[aria-expanded=true] { background: #a2d9e7; color: #58585a !important; }
.side-box.bg-bleu-pale .tag, .side-box.bg-bleu-pale .badge { background: #a2d9e7; }
.bg-bleu-pale .bt-action:hover { background: #fff !important; }

.mauve, .mauve a, .sandbox a.mauve, .mauve.bt-action, .bg-mauve .bt-action:hover { color: #b487b8; }
.bg-mauve, .mauve.bt-action, .bloc .mauve.bt-action, .side-box.bg-mauve { border-color: #b487b8; }
.bg-mauve, .mauve.bt-action:hover, .mauve.bt-action[aria-expanded=true] { background: #b487b8; color: #fff; }
.side-box.bg-mauve .tag, .side-box.bg-mauve .badge { background: #b487b8; }
.bg-mauve .bt-action:hover { background: #fff !important; }

.sable, .sable a, .sandbox a.sable, .sable.bt-action, .bg-sable .bt-action:hover { color: #dea36d; }
.bg-sable, .sable.bt-action, .bloc .sable.bt-action, .side-box.bg-sable { border-color: #dea36d; }
.bg-sable, .sable.bt-action:hover, .sable.bt-action[aria-expanded=true] { background: #dea36d; color: #fff; }
.side-box.bg-sable .tag, .side-box.bg-sable .badge { background: #dea36d; }
.bg-sable .bt-action:hover { background: #fff !important; }

.emeraude, .emeraude a, .sandbox a.emeraude, .emeraude.bt-action, .bg-emeraude .bt-action:hover { color: #008065; }
.bg-emeraude, .emeraude.bt-action, .bloc .emeraude.bt-action, .side-box.bg-emeraude { border-color: #008065; }
.bg-emeraude, .emeraude.bt-action:hover, .emeraude.bt-action[aria-expanded=true] { background: #008065; color: #fff; }
.side-box.bg-emeraude .tag, .side-box.bg-emeraude .badge { background: #008065; }
.bg-emeraude .bt-action:hover { background: #fff !important; }

.fb-classic, .fb-classic a, .sandbox a.fb-classic, .fb-classic.bt-action, .bg-fb-classic .bt-action:hover { color: #385cad; }
.bg-fb-classic, .fb-classic.bt-action, .bloc .fb-classic.bt-action, .side-box.bg-fb-classic { border-color: #385cad; }
.bg-fb-classic, .fb-classic.bt-action:hover, .fb-classic.bt-action[aria-expanded=true] { background: #385cad; color: #fff; }
.side-box.bg-fb-classic .tag, .side-box.bg-fb-classic .badge { background: #385cad; }
.bg-fb-classic .bt-action:hover { background: #fff !important; }

.violet-fonce, .violet-fonce a, .sandbox a.violet-fonce, .violet-fonce.bt-action, .bg-violet-fonce .bt-action:hover { color: #5f4776; }
.bg-violet-fonce, .violet-fonce.bt-action, .bloc .violet-fonce.bt-action, .side-box.bg-violet-fonce { border-color: #5f4776; }
.bg-violet-fonce, .violet-fonce.bt-action:hover, .violet-fonce.bt-action[aria-expanded=true] { background: #5f4776; color: #fff; }
.side-box.bg-violet-fonce .tag, .side-box.bg-violet-fonce .badge { background: #5f4776; }
.bg-violet-fonce .bt-action:hover { background: #fff !important; }

.corail-fonce, .corail-fonce a, .sandbox a.corail-fonce, .corail-fonce.bt-action, .bg-corail-fonce .bt-action:hover { color: #c76c61; }
.bg-corail-fonce, .corail-fonce.bt-action, .bloc .corail-fonce.bt-action, .side-box.bg-corail-fonce { border-color: #c76c61; }
.bg-corail-fonce, .corail-fonce.bt-action:hover, .corail-fonce.bt-action[aria-expanded=true] { background: #c76c61; color: #fff; }
.side-box.bg-corail-fonce .tag, .side-box.bg-corail-fonce .badge { background: #c76c61; }
.bg-corail-fonce .bt-action:hover { background: #fff !important; }

.gris, .gris a, .sandbox a.gris, .gris.bt-action, .bg-gris .bt-action:hover { color: #e0e0e0; }
.bg-gris, .gris.bt-action, .bloc .gris.bt-action, .side-box.bg-gris { border-color: #e0e0e0; }
.bg-gris, .gris.bt-action:hover, .gris.bt-action[aria-expanded=true] { background: #e0e0e0; color: #58585a !important; }
.side-box.bg-gris .tag, .side-box.bg-gris .badge { background: #e0e0e0; }

.gris-pale, .gris-pale a, .sandbox a.gris-pale, .gris-pale.bt-action, .bg-gris-pale .bt-action:hover { color: #f2f2f2; }
.bg-gris-pale, .gris-pale.bt-action, .bloc .gris-pale.bt-action, .side-box.bg-gris-pale { border-color: #f2f2f2; }
.bg-gris-pale, .gris-pale.bt-action:hover, .gris-pale.bt-action[aria-expanded=true] { background: #f2f2f2; color: #58585a !important; }
.side-box.bg-gris-pale .tag, .side-box.bg-gris-pale .badge { background: #f2f2f2; }

.charcoal, .charcoal a, .sandbox a.charcoal, .charcoal.bt-action, .bg-charcoal .bt-action:hover { color: #343434; }
.bg-charcoal, .charcoal.bt-action, .bloc .charcoal.bt-action, .side-box.bg-charcoal { border-color: #343434; }
.bg-charcoal, .charcoal.bt-action:hover, .charcoal.bt-action[aria-expanded=true] { background: #343434; color: #fff; }
.side-box.bg-charcoal .tag, .side-box.bg-charcoal .badge { background: #343434; }
.bg-charcoal .bt-action:hover { background: #fff; }