@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'EastmanGrotesque';
    src: url('../fonts/EastmanGrotesque.woff2') format('woff2'), url('../fonts/EastmanGrotesque.woff') format('woff'), url('../fonts/EastmanGrotesque.svg#EastmanGrotesque') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Museo-700';
    src: url('../fonts/Museo-700.woff2') format('woff2'), url('../fonts/Museo-700.woff') format('woff'), url('../fonts/Museo-700.svg#Museo-700') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-It';
    src: url('../fonts/SourceSansPro-It.woff2') format('woff2'), url('../fonts/SourceSansPro-It.woff') format('woff'), url('../fonts/SourceSansPro-It.svg#SourceSansPro-It') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-SemiboldIt';
    src: url('../fonts/SourceSansPro-SemiboldIt.woff2') format('woff2'), url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff'), url('../fonts/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'), url('../fonts/SourceSansPro-Semibold.woff') format('woff'), url('../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.unar, .unar strong, strong .unar, .unar em, em .unar {
    font-family: 'EastmanGrotesque', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    color: var(--primary);
    font-size: 92%;
    letter-spacing: 0.01rem;
}
.btn-primary .unar, .mod-articles-category-title .unar, .nav-item .unar, .card-header .unar {
    color: var(--body-bg) !important;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .museo, .accordion-button {
    font-family: var(--font-family-headings);
    font-weight: normal;
}
.erreur h1 {
    color: var(--danger);
}
h1, h2, h3, .h1, .h2, .h3, .museo {
    color: var(--primary);
}
strong, b, #search-results mark, #search-results .mark, .cc-deny, .cc-allow, h5, .cc-btn {
    font-family: 'SourceSansPro-Semibold', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-weight: normal !important;
}
em {
    font-family: 'SourceSansPro-It', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}
em strong, strong em, em b, b em {
    font-family: 'SourceSansPro-SemiboldIt', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}
p .museo, p .museo strong, p strong .museo, p .museo em, p em .museo, li .museo, li .museo strong, li strong .museo, li .museo em, li em .museo {
    font-size: 1.15rem;
}
a, a:before, a:after, li, select, select:hover, .back-to-top-link, .back-to-top-link:hover, button, .btn, .btn:hover, img, input:before, .accordion-button, .nav-item, .image-title, .titreck-title, .menuck, .bouton {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
}
.container-topbar {
    transition: all .1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    scrollbar-color: var(--primary) var(--yellow);
    scrollbar-arrow-color: var(--danger);
    padding-bottom: 20px;
    background-color: var(--primary);
}
span.icon-menu {
    color: var(--primary);
    font-size: 2rem;
}
#header {
    z-index: 12000;
}
.container-header {
    background-image: none;
    background-color: var(--body-bg);
    background-image: url("../images/body.png"), url("../images/body2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, 100% 0;
    background-size: contain, contain;
}
.container-header .grid-child, .navbar-brand {
    padding-bottom: 0rem !important;
}
@media(min-width:992px) {
    .container-header > .grid-child {
        background-image: url("../images/arbitre.png");
        background-position: 85% 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
.container-header .navbar-brand img {
    width: 18vw;
    min-width: 18vw;
    margin-left: 5vw;
}
.container-header.fixed .navbar-brand img {
    width: 7.5vw;
    min-width: 7.5vw;
}
@media (max-width: 1100px) {
    .container-header .navbar-brand {
        margin-left: 10vw;
        padding: 0;
    }
    .container-header.fixed .navbar-brand img {
        width: 15vw;
        min-width: 15vw;
    }
}
.container-topbar {
    position: absolute;
    right: 0.25rem;
    top: 0;
}
.fixed .container-topbar {
    top: -220px;
}
.container-topbar ul.utilisateur {
    list-style: none;
    margin-bottom: 0.25rem;
}
.container-topbar ul.utilisateur li {
    text-align: right;
    margin: 0.25rem;
}
.container-topbar ul.utilisateur li a {
    min-width: 185px;
    text-align: center;
}
.container-nav.full-width {
    background-color: var(--primary);
}
.container-nav.full-width {
    padding-bottom: 0;
}
.container-nav.full-width .grid-child {
    padding: 0;
}
.container-banner {
    margin: 0 0 1rem;
    background: var(--body-bg);
}
#navigation {
    background: var(--primary);
}
#navigation > div {
    max-width: 1320px;
    margin: 0 auto;
}
#navbar1 a {
    color: var(--primary);
    font-size: 1.25rem;
    font-weight: bold;
}
#navbar1 a:hover, a:hover::before, a:hover::after {
    color: var(--hover) !important;
}
.far, .fa, .fas, .fab, .icon-joomla, .far:before {
    font-family: inherit !important;
    font-weight: normal !important;
}
.fa:before, .fas:before, [class^=icon-]:before, [class*=" icon-"]:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.fab:before, .icon-joomla:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}
.fa:before, .fas:before, .fab:before, .icon-joomla:before {
    margin-right: 0.25rem;
}
.fa-2x {
    margin-right: 0.25rem;
}
ul, ol {
    padding-left: 1rem !important;
}
a {
    text-decoration: none !important;
}
main a:hover {
    text-decoration: underline !important;
}
a[href]:after, a[href^="tel:"]:before, a[href^="mailto:"]:before, a[download]:before, a[href^=".pdf"]:before, .accordion-button::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    text-decoration: none;
}
main a[href]:after {
    content: "\f35d";
    margin-left: 0.3rem;
    color: var(--primary);
    font-size: 0.75rem;
    vertical-align: text-bottom;
}
a[download]:before, a[href^=".pdf"]:before {
    content: "\f019";
    margin-right: 0.25rem;
    color: var(--primary);
}
a[href^="tel:"]:before {
    content: "\f879";
    margin-right: 0.25rem;
}
a[href^="tel:06"]:before, a[href^="tel:+336"]:before, a[href^="tel:07"]:before, a[href^="tel:+337"]:before {
    content: "\f3cd";
    margin-right: 0.25rem;
}
a[href^="mailto:"]:before {
    content: "\f109";
    margin-right: 0.25rem;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-button::after {
    background-image: none;
    width: auto !important;
    height: auto !important;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.accordion-button::after {
    content: "\f107";
    float: right;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
a[href*="unarugby.fr"]:after, a[href^="/"]:after, a[href^="#"]:after, a[href^="javascript:"]:after, a[href^="mailto:"]:after, a[href^="tel:"]:after, a.nobefore:before, a.noafter:after, main ul.pagination li:before, .acym_front_page__unsubscribe__lists__container ul li:before, a.swiper-link:after {
    content: none !important;
}
a.btn:before, a.btn:hover::before, a.btn:hover::before, a.btn:focus::before, a.btn:focus::before, a.btn:focus {
    color: var(--body-bg) !important;
}
a.btn:hover, a.btn:focus {
    text-decoration: none !important;
}
.btn-danger {
    background-color: var(--danger);
    border-color: var(--danger);
}
.button.button-secondary {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    color: var(--body-bg) !important;
    font-size: 1.25rem !important;
}
.btn-danger:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}
table {
    overflow-x: auto !important;
}
table tr td {
	padding: 0.2rem;
}
.table {
    border-color: transparent;
}
.table.candidats {
    width: 100%
}
.table.candidats tr td {
    border-bottom: 1px solid var(--primary);
    width: 33%;
}
.table.candidats tr:last-child td {
    border-bottom: 0;
}
.table.candidats tr td p {
   margin-bottom: 0px;
}
.table.candidats tr td ul.list-unstyled {
   margin-top: 0px;
   margin-bottom: 0px;
	margin-left: 0px !important;
	padding-left: 0px !important;
}
.table.candidats tr td ul.list-unstyled li {
   margin-left: 0px !important;
}
.accordion-item {
    border: 0;
    margin-bottom: 0.5rem;
}
.accordion-item, .accordion-item .accordion-button, .accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type .accordion-collapse {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 0.3rem;
}
.accordion-button:not(.collapsed) {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.accordion-button {
    background-color: var(--gray-200);
    color: var(--primary);
}
.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    background-color: var(--primary);
    color: var(--body-bg);
}
.accordion-button:hover, .accordion-button:not(.collapsed):hover {
    background-color: var(--hover);
    color: var(--body-bg);
}
.accordion-body {
    position: relative;
    border-width: 0 1px 1px 1px;
    border-color: var(--primary);
    border-style: solid;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.accordion-body .fa-7x {
    color: var(--primary);
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
.accordion-body h5 {
    color: #005A97;
}
.accordion-body * {
    max-width: calc(100% - 165px);
}
.item-page.logoos .accordion-body * {
    margin: 0 auto;
}
.accordion-body img.icone {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 150px;
    height: 150px;
}
#article20-sliders2.accordion-collapse.collapse.show {
    padding: 0rem !important;
}
.alert-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--body-bg);
}
/*
h1::first-letter, h2::first-letter {
  color: var(--danger);
}
*/
ul {
    list-style: square;
}
.right, .droite, a.jcepopup img.vignette {
    float: right !important;
    margin: 0 0 5px 15px;
}
.left, .gauche, a.jcepopup img.gauche {
    float: left !important;
    margin: 0 15px 5px 0;
}
@media (max-width: 640px) {
    .droite, .gauche, a.jcepopup img.droite, a.jcepopup img.gauche, a.jcepopup img.vignette {
        float: none !important;
        margin: 10px 0;
        display: block;
        clear: both;
    }
}
.rouge, .star, .invalid {
    color: var(--danger) !important;
}
.bleu {
    color: var(--primary) !important;
}
.vert {
    color: var(--green) !important;
}
a.rouge:hover {
    color: var(--primary) !important;
}
a.bleu:hover {
    color: var(--hover) !important;
}
a.succes:hover {
    color: var(--primary) !important;
}
#sliderck115 {
    margin-top: 1rem;
}
.card.logoos .card-body {
    padding-left: 0px;
    padding-right: 0px;
}
.item-page.logoos .page-header, .item-page.logoos .com-content-article__body p, .item-page.logoos .com-content-article__body .accordion-body h5 {
    text-align: center;
}
.item-page.logoos .com-content-article__body a:after {
    content: none;
}
.item-page.logoos .com-content-article__body img {
    max-height: 100px;
    width: auto;
    margin: 0.5rem;
}
.centrer * {
    text-align: center;
}
table.synoptique {
    width: 100%;
}
table.synoptique, table.soussynoptique {
    border-spacing: 0.5rem;
    border-collapse: separate;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    font-family: 'SourceSansPro-Semibold', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal !important;
    font-size: 1.25rem;
}
table.synoptique td, table.soussynoptique td {
    vertical-align: top;
}
table.synoptique td.borderme, table.soussynoptique td.borderme {
    border: 2px solid var(--body-color);
    border-radius: 1rem;
    padding: 0.5rem 1rem;
}
table.synoptique td:first-child {
    width: 55%;
}
table.synoptique td:last-child {
    width: 45%;
}
table.soussynoptique td:first-child, table.soussynoptique td:last-child {
    width: auto;
}
table.synoptique td:not(.borderme) {
    padding: 0px;
}
table.synoptique * {
    margin: 0;
    text-align: center;
}
table.synoptique ul {
    list-style: none;
}
table.synoptique ul li {
    text-align: left;
}
table.synoptique ul li:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0da";
    margin-right: 0.3rem;
}
table.synoptique td:not(.borderme) .fa:before {
    color: var(--danger);
}
.swiper-caption {
    background: transparent !important;
    color: #fff !important;
    width: 100% !important;
    padding: 0px !important;
    text-align: center !important;
    height: auto !important;
    opacity: 0 !important;
    font-size: 12px !important;
}
.swiper-slide:hover .swiper-caption {
    opacity: 1 !important;
}
.swiper-layout-over .swiper-caption {
    position: absolute;
    top: auto !important;
    bottom: 0;
}
.swiper-title {
    font-size: 0.8em !important;
    line-height: 1.2em !important;
    padding: 5px !important;
    background: rgba(163, 163, 163, 0.8) !important;
    display: inline-block;
    width: 100% !important;
}
.swiper-slide {
    padding: 0 10px;
}
.swiper-img {
    max-width: 200px;
}
/*
main .swiper-container {
    box-shadow: inset 7px 0 3px -7px rgba(0,0,0,0.25), inset -7px 0 3px -7px rgba(0,0,0,0.25);
    border-radius: 0.25rem;
    padding: 5px 0;
}
main .swiper-img {
  max-width: 125px;
}
*/
/*acy*/
#archive_view h1.contentheading {
    text-align: center;
    margin: 1rem;
}
#archive_view .acymailing_online {
    display: none !important;
}
#acym__unsub__all {
    width: 100% !important;
    display: block !important;
}
.footer {
    background-color: var(--primary);
    color: var(--body-bg);
    background-image: none;
    margin-top: 2rem !important;
}
.partenaires {
    margin-top: 1px;
    background-color: var(--body-bg);
    padding: 0.5rem 0;
}
.back-to-top-link {
    background-color: rgba(var(--body-bg-rgb), 0.75);
    position: fixed;
    bottom: 45%;
}
@media(min-width:1100px) {
    .back-to-top-link {
        font-size: 1.5rem;
    }
}
.copy.small {
    text-align: center;
    font-size: 0.8rem;
    padding: 0rem 0.5rem 1rem;
}
.copy.small a {
    text-decoration: none;
}
.muted {
    opacity: 0.75;
}
.copy.muted a:hover {
    color: var(--body-bg);
    opacity: 1;
}
h2 small {
    line-height: 38.4px;
    vertical-align: middle;
}
.com-content-article__body img {
    max-width: 33% !important;
}
.com-content-article__body .row.noresize img {
    max-width: 100% !important;
}
.com-content-article__body .row.noresize.ligues .col-12 img {
    max-height: 150px !important;   
    width: auto !important;
}

a.anker {
    padding-top: 280px;
    margin-top: -60px;
}
/*trombinoscopes*/
@media(min-width: 800px) {
    .trombi4, .trombi5 {
        position: relative;
    }
    .trombi4 p, .trombi4 li, .trombi5 p, .trombi5 li {
        display: inline-block;
        float: left;
        margin: 3px 0.50% 0.5rem;
        text-align: center;
        color: var(--primary);
        line-height: 1.1;
    }
    .trombi4 p, .trombi4 li {
        width: 24%;
    }
    .trombi5 p, .trombi5 li {
        width: 19%;
    }
    .trombi4 p img, .trombi4 li img, .trombi5 p img, .trombi5 li img {
        width: 100%;
        height: auto;
        margin-bottom: 0.5rem;
    }
}
@media(max-width: 800px) {
    .trombi4 p, .trombi4 li, .trombi5 p, .trombi5 li {
        width: 100%;
        text-align: left;
        display: block;
        float: none;
        margin: 3px 0.50% 0.5rem;
        color: var(--primary);
        line-height: 1.1;
    }
    .trombi4 p img, .trombi4 li img, .trombi5 p img, .trombi5 li img {
        width: 250px;
        min-width: 250px;
        height: auto;
        margin-bottom: 0.5rem;
        display: block;
    }
    .nomob {
        display: none;
    }
}

@media(min-width: 800px) {
    .mobonly {
        display: none !important;
    }
}
/*article categorie*/
.sousmenu ul.mod-list, ul.metismenu.menu-horizontal {
    margin-bottom: 0;
}
@media(max-width:1200px) {
    .sousmenu ul.mod-list, .container-component nav {
        display: none;
    }
}
.sousmenu ul.mod-list li, ul.metismenu.menu-horizontal li {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 22px;
    background-color: var(--primary);
    margin-right: 0.5rem;
    display: inline-block;
}
ul.metismenu.menu-horizontal {
    margin-top: -0.5rem;
}
.sousmenu ul.mod-list li:hover, .sousmenu ul.mod-list li:focus, ul.metismenu.menu-horizontal li:hover, ul.metismenu.menu-horizontal li:focus {
    background-color: var(--hover);
}
.sousmenu ul.mod-list li a, ul.metismenu.menu-horizontal li a, .sousmenu ul.mod-list li a:before, ul.metismenu.menu-horizontal li a:before {
    color: var(--body-bg) !important;
    line-height: 1.5;
    font-size: 1.2rem;
    text-decoration: none !important;
}
.sousmenu ul.mod-list li a {
    padding: 1rem;
}
ul.metismenu.menu-horizontal li a {
    padding: 0 1rem;
}
.metismenu.menu-horizontal li.divider {
    display: none;
}
.pagenavigation a:hover {
    text-decoration: none !important;
}
.pagenavigation a:hover {
    text-decoration: none !important;
}
/*partenariat*/
/*contacts*/
table#contactList a:before, .contact-address.dl-horizontal a:before, .centericon a:before {
    width: 30px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
div.com-contact__info {
    margin-top: -2rem;
}
div.com-contact__info dt {
    text-align: right;
}
.com-contact.contact .droite img {
    max-width: 250px;
}
/*pied de page*/
.footer {
    margin-top: 1rem;
    background-color: var(--primary);
    background-image: none;
}
.footer * {
    color: var(--body-bg);
}
.footer .grid-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    text-align: center;
}
.footer ul {
    margin: 1rem auto !important;
    padding: 0 0 0.75rem;
    list-style: none;
    border-bottom: 1px solid rgba(var(--body-bg-rgb), 0.5);
}
.footer ul li a:hover {}
@media(min-width:980px) {
    .footer ul li {
        display: inline;
        text-align: center;
    }
    .footer ul li a {
        padding: 0 1rem;
        opacity: 0.75;
    }
    .footer:hover ul li a {
        opacity: 1;
    }
}
/*acy*/
.acym_front_page * {
    box-shadow: none !important;
}
#acym_wrapper .acym__front__archive .acym__modal__handle {
    font-size: 1rem !important;
    color: var(--link);
}
#acym_wrapper .acym__front__archive .acym__modal__handle:hover {
    ;
    color: var(--hover);
}
#acym_wrapper .h1, #acym_wrapper h1, #acym_wrapper .h2, #acym_wrapper h2, #acym_wrapper .h3, #acym_wrapper h3 {
    font-family: var(--font-family-headings) !important;
    font-weight: normal !important;
    color: var(--primary) !important;
}
#acym_wrapper span.unar {
    color: var(--primary);
}
/*btn*/
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-primary:hover {
    background-color: var(--hover) !important;
    border-color: var(--hover) !important;
    text-decoration: none !important;
}
.btn-primary:after, .btn-primary:hover::after {
    color: var(--body-bg) !important;
}
.btn-danger:hover {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}
.btn-block {
    width: 100%;
}
.container-topbar .btn-sm {
    border-color: rgba(var(--body-bg-rgb), 0.25) !important;
}
.container-topbar .btn-sm:after {
    font-size: 0.75rem !important;
    padding-bottom: 0.5rem;
}
.container-topbar form {
    text-align: right;
}
.container-topbar form input {
    text-align: center;
}
.card {
    background-color: var(--body-bg);
}
.card-header {
    color: var(--body-bg);
    background-color: var(--primary);
    border-color: var(--primary);
}
.card.synopse {
    margin-top: -0.01rem;
}
.card.synopse .card-header {
    background-color: var(--gray-200);
    border-color: var(--gray-200);
    color: var(--primary);
    font-size: 1rem;
    padding: 1rem 1.25rem;
}
.row.procedure, .row.justice {
    display: table;
    width: 100%;
    margin: 0 auto;
}
.row.procedure .unar {
    color: #fff;
    text-transform: uppercase;
}
.row.procedure .col-12, .row.justice .col-12 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 1rem;
    border-radius: 2rem;
}
.row.procedure .col-12.col-lg-3, .row.procedure .col-12.col-lg-4 {
    background: var(--primary);
    color: #fff;
    font-size: 1.25rem;
}
.row.procedure .col-12.col-lg-1 {
    color: var(--primary);
}
.row.justice a.btn {
    font-size: 1.5rem;
    font-weight: bold;
}
input#mod-finder-searchword131 {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    width: 185px;
    margin-right: 0.25rem;
    border-color: rgba(var(--body-bg-rgb), 0.25) !important;
    background-color: var(--primary) !important;
    color: var(--body-bg) !important;
    padding-left: 1.75rem;
    background-image: url("../images/search.png");
    background-position: 0.5rem 50%;
    background-repeat: no-repeat;
}
input#mod-finder-searchword131:focus {
    padding-left: 0.5rem;
    background-image: none;
}
input#mod-finder-searchword131::placeholder {
    color: var(--body-bg);
    opacity: 1; /* Firefox */
}
input#mod-finder-searchword131:-ms-input-placeholder {
    color: var(--body-bg);
}
input#mod-finder-searchword131::-ms-input-placeholder {
    color: var(--body-bg);
}
ol#search-result-list {
    padding-left: 0px !important;
}
ol#search-result-list li {
    border-color: var(--primary);
}
mark {
    padding: 0 0.2rem;
    border-radius: 0.25rem;
    background-color: var(--primary);
    color: var(--body-bg);
}
.awesomplete mark {
    background-color: rgba(var(--yellow-rgb), 0.5);
    color: var(--body-color);
    padding: 0 0.05rem;
}
.icons {
    display: none;
}
/*jce*/
.droite, a.jcepopup img.popper {
    float: right;
    margin: 0 0 5px 15px;
    max-width: 250px;
    height: auto;
}
a.jcepopup:hover img.popper {
    opacity: 0.75;
}
.gauche, a.jcepopup img.gauche {
    float: left !important;
    margin: 0 15px 5px 0;
}
.wf-mediabox-theme-shadow .wf-mediabox-container {
    border: 1px solid #005A97 !important;
}
span.wf-mediabox-numbers {
    display: none !important;
}
@media (max-width: 600px) {
    .droite, .gauche, a.jcepopup img.droite, a.jcepopup img.gauche, a.jcepopup img.popper {
        float: none;
        margin: 10px 0;
        display: block;
        clear: both;
        max-width: 100%;
    }
}
:root {
    --cassiopeia-color-primary: #005A97;
    --cassiopeia-color-link: #005A97;
    --cassiopeia-color-hover: #EF423B;
    --link: #005A97;
    --hover: #EF423B;
    --brand: #FBF9F7;
    --blue: #010156;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #EF423B;
    --orange: #fd7e17;
    --yellow: #FFD600;
    --green: #0E9700;
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: white;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #005A97;
    --secondary: #6d757e;
    --success: #0E9700;
    --info: #30638d;
    --warning: #F49800;
    --danger: #EF423B;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 0, 90, 151;
    --secondary-rgb: 109, 117, 126;
    --success-rgb: 14, 151, 0;
    --info-rgb: 48, 99, 141;
    --warning-rgb: 244, 152, 0;
    --danger-rgb: 222, 81, 36;
    --yellow-rgb: 255, 214, 0;
    --light-rgb: 249, 250, 251;
    --dark-rgb: 53, 59, 65;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 246, 242, 238;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: 'SourceSansPro-Regular', Arial, "Helvetica Neue", Helvetica, sans-serif;
    --font-family-headings: 'Museo-700', Arial, "Helvetica Neue", Helvetica, sans-serif;
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #001f33;
    --body-bg: #ffffff;
}
body.offline {
    margin: 0px !important;
    padding: 0px;
    background-color: #fff;
    text-align: center;
}
body.offline h1, body.offline h2, body.offline h3 {
    margin: 0px;
}
body.offline p {
    margin: 9px 0 0;
}
body.offline .login {
    margin: 0 auto;
    width: 400px;
}
body.offline input, body.offline input:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.5);
}
.cc-btn, .cc-link {
    color: #fff !important;
}
a.bouton {
    display: inline-block;
    padding: 0.75rem;
    border-radius: 0.25rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--primary);
    color: var(--body-bg) !important;
    font-size: 1.25rem;
    font-weight: bold;
}
a.bouton:after {
    color: var(--body-bg) !important;
    font-size: 1rem;
    margin-left: 0.5rem;
}
a.bouton:hover {
    background-color: var(--danger);
    text-decoration: none !important;
}
li.nav-item.item-470, li.nav-item.item-471, li.maximenuck.item475 {
   background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}
#navbar149 li.current, #navbar149 li.active {
       background-color: var(--success) !important;
    border-color: var(--success) !important;

} 
