@charset "UTF-8";
/*******************************************************************/
/*        Structure générale                                       */
/*******************************************************************/
body {
  background: #fff;
  color: #777;
}

body.bg-type-photo {
  background: var(--background-image-personnalisee) fixed no-repeat center 34px var(--background-color);
  background-size: cover;
}

body.bg-type-tile {
  background-image: var(--background-image) !important;
  background-color: var(--background-color) !important;
}

body.bg-type-none {
  background-image: none !important;
  background-color: var(--background-color) !important;
}

a,
#main-content a {
  color: var(--color1);
  transition: color 0.2s ease-out, background 0.2s ease-out;
}
a:not(.btn):not(.text-muted):not(.styleSwitcherToggle):hover,
#main-content a:not(.btn):not(.text-muted):not(.styleSwitcherToggle):hover {
  background-color: var(--color1);
  color: #fff;
  text-decoration: none;
}
a:link,
#main-content a:link {
  text-decoration: none;
}
a:visited,
#main-content a:visited {
  text-decoration: none;
  transition: color 0.2s ease-out, background 0.2s ease-out;
}
a.illustration:hover,
#main-content a.illustration:hover {
  text-decoration: none;
  color: inherit;
}

#contenu {
  background: white;
  padding-bottom: 60px;
}

.maxwidth {
  max-width: 1400px;
}

.carre.no-image {
  display: block;
  overflow: hidden;
}
.carre.no-image img {
  width: 125% !important;
  margin-left: -12.5%;
  overflow: hidden;
  max-width: unset !important;
}

.teamMemberHeader .carre {
  margin-right: 5px;
}

.i20 {
  width: 20px !important;
}

/* Couleurs éléments Bootstrap */
.btn.btn-primary {
  --bs-btn-bg: var(--color1);
  --bs-btn-border-color: var(--color1);
  --bs-btn-color: white;
  --bs-btn-hover-bg: var(--color1-declined);
  --bs-btn-hover-border-color: var(--color1-declined);
  --bs-btn-active-bg: var(--color1-declined);
  --bs-btn-active-border-color: var(--color1-declined);
}
.btn.btn-outline-primary {
  --bs-btn-border-color: var(--color1);
  --bs-btn-color: var(--color1);
  --bs-btn-hover-border-color: var(--color1-declined);
  --bs-btn-hover-color: var(--color1-declined);
  --bs-btn-hover-bg: white;
}

.form-check-input:checked ~ .form-check-label::before {
  background-color: var(--color1);
  border-color: var(--color1);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: var(--color1);
  border-color: var(--color1);
  color: #fff;
}

.card .card-title,
.card .card-title a {
  color: var(--color1);
}

.card .card-title a:hover {
  background-color: var(--color1);
  color: white;
}

/*******************************************************************/
/*        Typographie et styles de base                            */
/*******************************************************************/
.subheader {
  color: #777;
}

blockquote {
  margin-left: 40px;
  padding-left: 62px;
  background: transparent url(/images/design-2/blockquote.png) no-repeat;
  min-height: 45px;
}

blockquote, blockquote p {
  font-size: 12px;
  color: #777;
  font-style: italic;
}

hr {
  border: none;
  clear: both;
  height: 35px;
}

figure {
  position: relative;
}

h3 {
  font-size: 1.2em;
  /*
  a, 
  a:visited {	color: #545454; }
  */
}
h3 a:hover,
h3 a:visited:hover {
  color: white;
}

.subheader {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.black {
  color: #000;
}

.italic {
  font-style: italic;
  color: #858585;
}

.transparent {
  opacity: 0;
}

.arrow-down {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  height: 0;
  left: 0;
  position: relative;
  top: 0;
  width: 0;
}

/* Transitions */
.pagination li,
.gallery .element:hover,
.section_filtre ul li a,
.section_filtre ul li .icon,
.button,
.button a,
.flex-control-paging li a,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus,
select:focus,
.carousel li,
.carousel li:hover,
.carousel li article,
.carousel li article:after,
.carousel li figure .figureOver {
  transition: all 0.2s ease-out;
}

footer a,
#contact input.submit,
.commentHeader h3,
.comment img,
.flex-direction-nav a {
  transition: color 0.2s ease-in-out;
}

#wrap {
  background: url(/images/common/white1400.png) repeat-y top center;
}

/*******************************************************************/
/*        Header                                                   */
/*******************************************************************/
header#header {
  position: relative;
}
@media screen and (max-width: 567px) {
  header#header {
    width: 100%;
    padding: 0;
  }
}
header#header .fond {
  background: white;
}

body.no-orientation header#header .fond {
  background: transparent;
}

section.menu {
  position: relative;
  height: 90px;
  background: #fff;
}
section.menu::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  float: left;
  top: 90px;
  left: 0;
  z-index: 21;
  background: url("/images/design-2/headerShadow.png") no-repeat left top;
  background-size: 100% auto;
}

#logo {
  text-align: center;
  background: var(--color1);
  color: var(--title-color);
  display: inline-block;
  z-index: 800;
  position: relative;
  box-shadow: 0 0 3px #444;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0;
  padding: 0 0 3px 0;
}
#logo img {
  max-height: 245px;
}

.no-bandeau #logo img {
  max-height: 95px;
}

body.no-logo #logo {
  display: none !important;
}

.titre-site {
  line-height: 68px;
  margin-bottom: 4px;
  top: 64px;
  left: 0;
  width: 100%;
  position: absolute;
  max-width: 70%;
  margin-left: 15%;
}
@media screen and (max-width: 1200px) {
  .titre-site {
    font-size: 0.9em;
    top: 44px;
    max-width: 85%;
  }
}
@media screen and (max-width: 991px) {
  .titre-site {
    font-size: 0.7em;
    top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .titre-site {
    font-size: 0.5em;
    top: 20px;
  }
}
@media screen and (max-width: 575px) {
  .titre-site {
    font-size: 0.4em;
    top: 10px;
  }
}
.titre-site h1, .titre-site p {
  width: 100%;
  position: absolute;
  top: 0;
  font-size: var(--title-size);
  color: var(--title-color);
}

body.no-logo .titre-site {
  max-width: 100%;
  margin-left: 0;
}

html.uppercasable .titre-site {
  font-family: "CabinRegular", sans-serif;
}

body.no-title .titre-site h1,
body.no-title .titre-site p {
  display: none !important;
}

/* Bandeau */
#image_bandeau {
  width: var(--bandeau-w);
  height: var(--bandeau-h);
  margin: var(--bandeau-y) 0 0 var(--bandeau-x);
}

#bandeau-et-titre {
  position: relative;
  height: var(--bandeau-max-height);
  max-height: var(--bandeau-max-height);
  overflow: hidden;
  background: white;
  font-size: 1px;
}

#conteneur_bandeau {
  height: var(--bandeau-max-height);
  max-height: var(--bandeau-max-height) !important;
  text-align: center;
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
}
#conteneur_bandeau a {
  display: block;
  height: auto;
}

body.no-bandeau #conteneur_bandeau a {
  display: none !important;
}

@media screen and (max-width: 767px) {
  #bandeau-et-titre, #conteneur_bandeau {
    height: 150px;
  }
  .titre-site {
    line-height: 50px;
    top: 50px;
    font-size: 8px;
  }
}
@media screen and (max-width: 567px) {
  #bandeau-et-titre, #conteneur_bandeau {
    height: 100px;
  }
  .titre-site {
    line-height: 34px;
    top: 34px;
    font-size: 5px;
  }
}
/* Slogan */
#slogan {
  position: relative;
  padding: 20px 20px 0 20px;
  text-align: center;
}
#slogan p {
  font-size: 16px;
  color: #858585;
  margin: 8px 0 0 0;
  line-height: 16px;
  font-weight: normal;
}
#slogan::after {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: url("/images/design-2/headerShadow.png") no-repeat left top;
  background-size: 100% auto;
  margin-bottom: 34px;
}
@media screen and (max-width: 575px) {
  #slogan {
    padding: 5px;
  }
  #slogan::after {
    margin-bottom: 0;
  }
}

html.uppercasable #slogan p {
  font-family: "CabinSemiBold", sans-serif;
}

#barre-selection-section {
  margin-bottom: 2rem;
}
#barre-selection-section .inner h1 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  background: var(--color1);
  color: #fff;
  line-height: 50px;
  font-size: 18px;
  font-family: "CabinSemiBold", sans-serif;
  font-weight: normal;
  vertical-align: top;
}
#barre-selection-section .inner h1 span::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -50px;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-right-color: var(--color1);
}
#barre-selection-section .inner h1 span::after {
  content: " ";
  position: absolute;
  top: 0;
  right: -50px;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-left-color: var(--color1);
}
#barre-selection-section .inner h1 small {
  font-style: italic;
  text-transform: none;
  font-size: 0.9em;
}
#barre-selection-section .inner div > a {
  color: var(--color1);
}
#barre-selection-section .inner div > a:hover {
  color: white;
}
#barre-selection-section .inner div.niveau1 > ul {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  margin-top: 10px;
  padding: 5px 0;
}
#barre-selection-section .inner div.niveau1 > ul li {
  padding: 0;
}
#barre-selection-section .inner div.niveau1 > ul li a {
  padding: 8px 16px;
}
#barre-selection-section .inner div.niveau1 > ul li a:hover {
  background: var(--color1);
}
#barre-selection-section .inner ul a {
  color: #fff;
}
#barre-selection-section .inner ul.deux_niveaux li.level-1 a,
#barre-selection-section .inner ul.deux_niveaux li.level-1 span {
  color: #fff;
}
#barre-selection-section .inner .actif a {
  font-weight: bold;
}

html.uppercasable #barre-selection-section .inner h1 span {
  text-transform: uppercase;
}

/*******************************************************************/
/*        Footer                                                   */
/*******************************************************************/
footer#footer {
  position: relative;
}
footer#footer > div {
  background-color: #65605c;
}
footer#footer .arrow-down {
  left: calc(50% - 7px);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
}
footer#footer .content {
  position: relative;
  float: left;
  display: inline;
  width: 100%;
  padding: 10px 0;
  background: #4d4946;
  margin-top: 8px;
}
footer#footer p {
  color: #9f9d9b;
  font-size: 14px;
  margin-bottom: 8px;
}
footer#footer p img {
  margin-right: 10px;
}
footer#footer a,
footer#footer a:visited {
  color: #9f9d9b;
}
footer#footer a:hover {
  color: #fff;
}
footer#footer .rss a {
  color: #FFF;
  background: #FFA500;
  display: inline-block;
  font-size: 28px;
  padding: 4px 2px;
  width: 32px;
  max-height: 32px;
  line-height: 26px;
}
footer#footer .partenaires h2 {
  font-size: 1rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  footer .copyright,
  footer .visites,
  footer .informations-legales {
    text-align: center;
  }
  footer .rss {
    padding-top: 10px;
    text-align: center;
  }
}
#participate_footer {
  display: none;
}
#participate_footer i {
  color: white;
  font-size: 1.5em;
}
#participate_footer a:hover {
  background: none;
}
@media screen and (max-width: 575px) {
  #participate_footer {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
}

.fixed-footer {
  --footer-height: 185px;
}
.fixed-footer #wrap {
  min-height: 100%;
  padding-bottom: var(--footer-height);
}
.fixed-footer footer#footer {
  margin-top: calc(-1 * var(--footer-height));
  height: var(--footer-height);
}

@media screen and (min-width: 768px) {
  .fixed-footer {
    --footer-height: 90px;
  }
  .fixed-footer.footer-with-partenaires {
    --footer-height: 226px;
  }
}
@media screen and (max-width: 575px) {
  footer#footer {
    margin-bottom: var(--height-mobile-login-bar);
  }
}
/*******************************************************************/
/*        Publicités bannières                                     */
/*******************************************************************/
#slider_bannieres {
  width: 100%;
  max-width: 728px;
  margin: 0 auto;
}
#slider_bannieres img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 90px;
}

/*******************************************************************/
/*        Menu                                                     */
/*******************************************************************/
nav form {
  margin-bottom: 0;
}

#mainmenu {
  display: flex;
  height: 90px;
  align-items: center;
}
#mainmenu .dropdown-menu {
  z-index: 1001;
}
#mainmenu a, #mainmenu button {
  color: var(--color1);
}
#mainmenu a:hover,
#mainmenu a:focus,
#mainmenu a.show,
#mainmenu button:hover,
#mainmenu button:focus,
#mainmenu button.show {
  color: #fff;
  background: var(--color1);
}
#mainmenu ul div {
  text-transform: none;
}
#mainmenu.taille2 a.dropdown-toggle::after,
#mainmenu.taille2 button.dropdown-toggle::after, #mainmenu.taille3 a.dropdown-toggle::after,
#mainmenu.taille3 button.dropdown-toggle::after, #mainmenu.taille4 a.dropdown-toggle::after,
#mainmenu.taille4 button.dropdown-toggle::after, #mainmenu.taille5 a.dropdown-toggle::after,
#mainmenu.taille5 button.dropdown-toggle::after {
  display: none;
}
#mainmenu.taille3 a.nav-link, #mainmenu.taille3 button.nav-link {
  padding-left: 13px;
  padding-right: 13px;
}
#mainmenu.taille4 a.nav-link, #mainmenu.taille4 button.nav-link {
  padding-left: 10px;
  padding-right: 10px;
}
#mainmenu.taille5 a.nav-link, #mainmenu.taille5 button.nav-link {
  padding-left: 5px;
  padding-right: 5px;
}
#mainmenu form {
  display: none;
}
#mainmenu form #navigation-select {
  margin: 0 10px 0 0;
  width: calc(100% - 10px);
}

html.uppercasable #mainmenu ul {
  text-transform: uppercase;
  font: 14px "CabinSemiBold", sans-serif;
}
html.uppercasable #mainmenu ul button {
  text-transform: uppercase;
}

#menuShadow {
  position: absolute;
  width: 100%;
  height: 16px;
  float: left;
  top: 90px;
  left: 0;
  z-index: 21;
  background: url("/images/design-2/headerShadow.png") no-repeat left top;
  background-size: 100% auto;
}

/*******************************************************************/
/*        Titres de la page et séparateurs                         */
/*******************************************************************/
#contenu #main-column section header h2 {
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  text-align: center;
  margin-bottom: 6px;
  clear: both;
}
#contenu #main-column section header h2 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  background: var(--color1);
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "CabinSemiBold", sans-serif;
  font-weight: normal;
  vertical-align: top;
}
#contenu #main-column section header h2 span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid var(--color1);
}
#contenu #main-column section header span[itemprop=audience] {
  display: none;
}
#contenu #main-column section .content .ongletpanel {
  margin-bottom: 30px;
  border: 1px solid #dee2e6;
  border-top: none;
  padding: 20px calc(0.5 * var(--bs-gutter-x)) 0 calc(0.5 * var(--bs-gutter-x));
}
#contenu #main-column section .content h2.secondary-content {
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 30px;
  /* margin-bottom: 6px; */
  clear: both;
  position: relative;
}
#contenu #main-column section .content h2.secondary-content span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  background: var(--color1);
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "CabinSemiBold", sans-serif;
  font-weight: normal;
  vertical-align: top;
}
#contenu #main-column section .content h2.secondary-content span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid var(--color1);
}
#contenu #main-column section .content .liste .row.level2 {
  margin-bottom: 30px;
}
#contenu #main-column section .content .liste .row.level2 {
  margin-bottom: 30px;
}
#contenu #main-column section .content .liste h2 {
  height: auto;
  background: none;
  text-align: left;
  font-size: 1.2rem;
}
#contenu #main-column section .content .liste h2.subheader {
  margin: 40px 0;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #f5f5f5;
}
#contenu #main-column section .content .liste h2.subheader span {
  display: inline-block;
  position: relative;
  font-family: "CabinSemiBold", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 50px;
  text-transform: uppercase;
  vertical-align: top;
  margin: 0 auto;
  padding: 0 20px;
  background: #e5e5e5;
}
#contenu #main-column section .content .liste h2.subheader span::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #e5e5e5;
}
#contenu #main-column section .content .liste h3.subheader {
  width: 100%;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  background: #f5f5f5;
}
#contenu #main-column section .content .liste h3.subheader span {
  display: inline-block;
  font-family: "CabinSemiBold", sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: top;
  margin: 0 auto;
  padding: 0 20px;
  background: #e5e5e5;
  border-bottom: 1px solid #ccc;
}
#contenu #main-column section .content .liste div.inside-level-3 {
  border: 3px solid #f5f5f5;
  border-top: none;
  padding: 20px 20px 0 20px;
  margin-bottom: 30px;
}
#contenu #main-column section .content .liste .element-inline:not(.last) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
#contenu #main-column section .content .liste.equipes {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
#contenu #main-column section .content .liste.equipes .element-inline:not(.last) {
  border-bottom: none;
  margin-bottom: 0;
}
#contenu #main-column section .content .liste.equipes .element-inline {
  padding: 0.5rem !important;
}
#contenu #main-column section .content .liste.equipes .element-inline > div {
  background: #f5f5f5;
  padding: 0.5rem !important;
}
#contenu #main-column > section:not(#main):not(.widget) {
  margin-top: 50px;
}
#contenu #main-column section.widget:not(.incontent)::before {
  content: "";
  border-top: solid 3px var(--color1);
  margin: 10px 0;
  clear: both;
  display: block;
}
#contenu #main-column section.widget:not(.incontent):first-child::before {
  display: none;
}
#contenu #main-column section.widget:not(.incontent) h2:not(.separateur) {
  font-family: "CabinSemiBold", sans-serif;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: left;
  background: white;
  height: auto;
}
#contenu #main-column section.widget:not(.incontent) h2:not(.separateur) span {
  background: white;
  color: var(--bs-heading-color);
  display: inline;
  margin: 0;
  padding: 0;
  line-height: unset;
  font-size: 1.1rem;
}
#contenu #main-column section.widget:not(.incontent) h2:not(.separateur) span:after {
  display: none;
}
#contenu #main-column section.widget:not(.incontent) .content {
  margin-top: 16px;
  margin-bottom: 5px;
}
#contenu #main-column .carousel-control-prev,
#contenu #main-column .carousel-control-next {
  width: 8%;
  z-index: 800;
}
#contenu #main-column .carousel-control-prev .carousel-control-next-icon,
#contenu #main-column .carousel-control-prev .carousel-control-prev-icon,
#contenu #main-column .carousel-control-next .carousel-control-next-icon,
#contenu #main-column .carousel-control-next .carousel-control-prev-icon {
  background-color: #ddd;
}
#contenu #main-column .carousel-control-prev:hover,
#contenu #main-column .carousel-control-next:hover {
  z-index: 1000;
}
#contenu #main-column .carousel-control-prev:hover .carousel-control-next-icon,
#contenu #main-column .carousel-control-prev:hover .carousel-control-prev-icon,
#contenu #main-column .carousel-control-next:hover .carousel-control-next-icon,
#contenu #main-column .carousel-control-next:hover .carousel-control-prev-icon {
  background-color: var(--color1);
}
#contenu aside > section::before {
  content: "";
  border-top: solid 3px var(--color1);
  margin: 10px 0;
  clear: both;
  display: block;
}
#contenu aside > section:first-child::before {
  display: none;
}
#contenu aside > section h2 {
  font-family: "CabinSemiBold", sans-serif;
  font-size: 1.1rem;
  text-transform: uppercase;
}
#contenu aside > section .content {
  margin-top: 16px;
  margin-bottom: 5px;
}
#contenu aside > section .content .liste .element-inline:not(.last) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
}
#contenu aside section.filter ul {
  margin: 16px 0 5px;
  list-style: none;
  padding: 0;
}
#contenu aside section.filter ul ul {
  margin: 0 0 5px 20px;
}
#contenu aside section.filter ul li a {
  vertical-align: middle;
  color: #777;
}
#contenu aside section.filter ul li::before {
  content: ">";
  width: 15px;
  height: 15px;
  background: #999;
  color: white;
  display: inline-block;
  line-height: 15px;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px;
  transition: all 0.2s ease-out;
}
#contenu aside section.filter ul li.actif::before {
  background: var(--color1);
}
#contenu aside section.filter ul li.actif a {
  color: var(--color1);
}
#contenu aside section.filter ul li:not(.not-hoverable):hover a {
  background: var(--color1);
  color: #fff;
}
#contenu aside section.filter ul li:not(.not-hoverable):hover::before {
  background: var(--color1);
}
#contenu aside .carousel-control-prev,
#contenu aside .carousel-control-next {
  width: 10%;
  z-index: 800;
}
#contenu aside .carousel-control-prev .carousel-control-next-icon,
#contenu aside .carousel-control-prev .carousel-control-prev-icon,
#contenu aside .carousel-control-next .carousel-control-next-icon,
#contenu aside .carousel-control-next .carousel-control-prev-icon {
  background-color: #ddd;
}
#contenu aside .carousel-control-prev:hover,
#contenu aside .carousel-control-next:hover {
  z-index: 1000;
}
#contenu aside .carousel-control-prev:hover .carousel-control-next-icon,
#contenu aside .carousel-control-prev:hover .carousel-control-prev-icon,
#contenu aside .carousel-control-next:hover .carousel-control-next-icon,
#contenu aside .carousel-control-next:hover .carousel-control-prev-icon {
  background-color: var(--color1);
}
#contenu .liste ul.buttons {
  padding: 0;
}
#contenu .liste ul.buttons li.content-link {
  font-size: 0.8em;
  list-style: none;
}
#contenu .liste ul.buttons li.content-link::after {
  content: "→";
  padding-left: 5px;
}
#contenu .liste ul.buttons a {
  white-space: nowrap;
}

#contenu #main-column section .content .liste.derniers-resultats .element-inline:not(.last),
#contenu #main-column section.liste.derniers-resultats .content .element-inline:not(.last) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#contenu #main-column section .content .liste.derniers-resultats h4.subheader,
#contenu #main-column section.liste.derniers-resultats .content h4.subheader {
  display: none;
}

section#derniers-resultats h3.subheader {
  display: none;
}

#contenu #main-column section .content .liste.resultats h3.subheader,
#contenu #main-column section.liste.resultats .content h3.subheader {
  display: none;
}
#contenu #main-column section .content .liste.resultats div.inside-level-3,
#contenu #main-column section.liste.resultats .content div.inside-level-3 {
  border: none;
  padding: 0;
  margin-bottom: 0;
}

#content-header {
  position: relative;
}
#content-header h1 {
  width: 100%;
  height: 50px;
  background-color: #f8f8f8;
  text-align: center;
  margin-bottom: 30px;
  clear: both;
}
#content-header h1 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 20px;
  background: var(--color1);
  color: #fff;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "CabinSemiBold", sans-serif;
  font-weight: normal;
  vertical-align: top;
}
#content-header h1 span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid var(--color1);
}
#content-header section.date,
#content-header P:not(.infos-publications) {
  display: none;
}
#content-header P.infos-publications {
  font-size: 0.8em;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
#content-header P.infos-publications a {
  font-weight: bold;
  color: unset;
  background-color: unset;
}
#content-header P.infos-publications a:hover {
  color: unset;
  background-color: unset;
  text-decoration: underline;
}
#content-header p.coupe-adversaire {
  display: block;
  text-align: center;
}
#content-header p.dates-heures {
  display: none;
}

#barre-de-filtrage {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#barre-de-filtrage span {
  width: auto;
  padding: 0 calc(var(--bs-gutter-x) * 0.5);
}
#barre-de-filtrage span SELECT, #barre-de-filtrage span INPUT {
  font-family: Arial, sans-serif;
  color: #9a9a9a;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  -webkit-appearance: none;
}

.nav.onglets {
  margin-top: 30px;
}

.print-button {
  margin: -25px 15px 0 15px;
}

[itemprop=description] {
  position: relative;
}
[itemprop=description] CITE {
  padding: 0 25px;
  text-indent: -25px;
  display: block;
  background: url(/images/common/right-quote.png) right bottom no-repeat;
  font-style: italic;
}
[itemprop=description] CITE::first-letter {
  padding-left: 25px;
  background: url(/images/common/left-quote.png) no-repeat;
}

.chapo {
  font-size: 1.2em;
  font-weight: bold;
}

.sectionHeader {
  margin-bottom: 20px;
}
.sectionHeader.marge {
  margin-top: 20px;
}

.liste.evenements .element-inline section.date time > span,
.liste.prochains-evenements .element-inline section.date time > span,
.liste.convocations .element-inline section.date time > span {
  position: relative;
  margin: 0 auto;
  background: var(--color1);
  color: white;
  font-size: 0.8em;
  padding: 5px 0;
}
.liste.evenements .element-inline section.date time > span .a,
.liste.prochains-evenements .element-inline section.date time > span .a,
.liste.convocations .element-inline section.date time > span .a {
  color: white;
}
.liste.evenements .element-inline section.date time > span:after,
.liste.prochains-evenements .element-inline section.date time > span:after,
.liste.convocations .element-inline section.date time > span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid var(--color1);
}
@media screen and (max-width: 575px) {
  .liste.evenements .element-inline section.date time > span,
  .liste.prochains-evenements .element-inline section.date time > span,
  .liste.convocations .element-inline section.date time > span {
    width: 95px;
  }
}

.liste.album-photos article h2,
.liste.album-videos article h2 {
  display: inline-block;
}
.liste.album-photos article p,
.liste.album-videos article p {
  display: inline-block;
  font-style: italic;
}
.liste.album-photos article p.text-muted,
.liste.album-videos article p.text-muted {
  display: block;
  font-size: 0.9em;
  font-style: normal;
}
.liste.album-photos article p.text-muted a,
.liste.album-videos article p.text-muted a {
  color: var(--color1);
  text-decoration: none;
  font-weight: bold;
}
.liste.album-photos article p.text-muted a:hover,
.liste.album-videos article p.text-muted a:hover {
  text-decoration: underline;
}
.liste.album-photos article span[itemprop=audience],
.liste.album-videos article span[itemprop=audience] {
  float: right;
}

.liste.actualites .date-month-container .greydatecontainer {
  height: auto;
  background: none;
  text-align: left;
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.liste.actualites .date-month-container .greydatecontainer .greydate {
  text-align: center;
  font-size: 1.2rem;
  color: #777;
  text-transform: capitalize;
  font-weight: bold;
  background: #f9f9f9;
  padding: 5px;
}
.liste.actualites .date-month-container .greydatecontainer .greydate strong, .liste.actualites .date-month-container .greydatecontainer .greydate em {
  font-weight: normal;
  font-style: normal;
}
.liste.actualites .date-day-container {
  display: none;
}

.detail.operations-preventes #produits header {
  display: none;
}
.detail.operations-preventes #produits .bouton_panier {
  background-color: white;
}

.detail.contact {
  margin-top: 25px;
}
.detail.contact #main-content {
  max-width: 500px;
  margin: 0 auto;
  padding: 1rem;
}
.detail.contact .coordonnees {
  text-align: center;
}
.detail.contact .coordonnees::before {
  content: "";
  border-top: solid 3px var(--color1);
  margin: 10px 0;
  clear: both;
  display: block;
}
.detail.contact .coordonnees::after {
  content: "";
  border-top: solid 3px var(--color1);
  margin: 10px 0;
  clear: both;
  display: block;
}
.detail.contact .description {
  text-align: left;
  font-size: 0.9em;
  max-width: 500px;
  margin: 20px auto 0;
}
.detail.contact .description P {
  text-align: left;
  font-size: 1em;
  margin: 5px 0;
}

/*******************************************************************/
/*        Composant Equipes                                        */
/*******************************************************************/
span[itemprop=audience] {
  color: #858585;
}
span[itemprop=audience] li {
  font-style: italic;
}
span[itemprop=audience] li:after {
  content: ", ";
}
span[itemprop=audience] li:last-child:after {
  content: "";
}

#main .detail span[itemprop=audience] {
  display: block;
  background: #f7f7f7;
  padding: 5px;
}

/*******************************************************************/
/*        Composant Contenus associés                              */
/*******************************************************************/
#contenu #main-column section .content section#contenus-associes > div > .row {
  margin-bottom: 20px;
}
#contenu #main-column section .content section#contenus-associes h2.secondary-content {
  margin-top: 20px;
  margin-bottom: 20px;
}
#contenu #main-column section .content section#contenus-associes .liste.documents article {
  margin: 0 0 10px 0;
}

/*******************************************************************/
/*        Evenements                                               */
/*******************************************************************/
#informations_evenement {
  margin-bottom: 5rem;
}
#informations_evenement h2 {
  text-align: center;
  font-size: 1.2rem;
  margin: 20px 0;
}
#informations_evenement p.info {
  text-align: center;
}
#informations_evenement .coupe-adversaire {
  display: none;
}
#informations_evenement .resultat_libelle {
  text-align: center;
}
#informations_evenement .separateur {
  display: none;
}
#informations_evenement .resultat_score > div {
  display: flex;
  line-height: 30px;
}
#informations_evenement .opposant, #informations_evenement .score, #informations_evenement .logo {
  display: inline-block;
  align-content: center;
}
#informations_evenement .opposant span, #informations_evenement .score span, #informations_evenement .logo span {
  vertical-align: middle;
}
#informations_evenement .logo {
  width: 3%;
  padding: 2px 4px;
  background-color: var(--color1);
}
@media screen and (max-width: 992px) {
  #informations_evenement .logo {
    display: none;
  }
}
#informations_evenement .domicile .opposant.adversaire,
#informations_evenement .exterieur .opposant:not(.adversaire) {
  text-align: right;
}
#informations_evenement .opposant,
#informations_evenement .opposant a {
  width: 43%;
  padding: 0 5px;
  background-color: var(--color1);
  color: var(--color1-bkg-texte1);
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  #informations_evenement .opposant,
  #informations_evenement .opposant a {
    width: 43%;
  }
}
#informations_evenement .score,
#informations_evenement .score a {
  text-align: center;
  width: 7%;
  background-color: var(--color1-declined);
  color: var(--color1-bkg-texte1);
  text-decoration: none;
}
#informations_evenement .logo.adversaire,
#informations_evenement .opposant.adversaire,
#informations_evenement .opposant.adversaire a {
  background: #D0D0D0;
  color: black;
  text-decoration: none;
}
#informations_evenement .score.adversaire,
#informations_evenement .score.adversaire a {
  background: #B0B0B0;
  color: black;
  text-decoration: none;
}
#informations_evenement .resultat,
#informations_evenement .resultat a {
  background-color: var(--color1-declined);
  color: var(--color1-bkg-texte1);
  text-decoration: none;
}
#informations_evenement .titre_evenement a {
  color: black;
  text-decoration: none;
}
#informations_evenement .resultats_individuels img {
  width: 30px;
}

#resultats_individuels {
  color: #000;
}
#resultats_individuels h2 {
  display: none;
}
#resultats_individuels ul {
  margin: 30px 0;
  list-style: none;
  padding: 0;
  border: 1px solid #ddd;
}
#resultats_individuels li {
  display: block;
  border-bottom: 1px solid #ddd;
  line-height: 30px;
  padding-left: 10px;
}
#resultats_individuels li img {
  display: none;
}
#resultats_individuels li strong {
  font-weight: normal;
  width: 40%;
  display: block;
  border-left: 1px solid #ddd;
  padding-left: 10px;
  float: right;
}

.resultats_individuels ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.resultats_individuels li {
  flex-shrink: 0;
  flex: 0 0 auto;
  width: 100%;
  display: inline-block;
  padding: 10px;
}
@media screen and (min-width: 576px) {
  .resultats_individuels li {
    width: calc(50% - 20px);
  }
}
.resultats_individuels li img {
  width: 30px;
  margin-right: 10px;
}
.resultats_individuels li strong {
  font-weight: normal;
  font-style: italic;
  color: #777;
}
.resultats_individuels li strong::before {
  content: "- ";
}

/*

aside > section h6, aside > section h4{
	color: #777;
}

.mini_fil_ariane { 
    margin:0; 
    padding:0; 
    font-size: 10px; 
    font-weight: normal;

    span.separateur { padding : 0 5px; color: #A0A0A0; font-size: 12px; }
    a { display: inline-block; color: #777 !important; text-decoration: none; }
    a:hover { text-decoration: underline; background: none; color:#777; }

}
*/
/*******************************************************************/
/*        DETAIL EQUIPE et PAGE CONVOCATIONS                       */
/*******************************************************************/
/*
.convocations {
	background: #f0f0f0;
	border-left:3px solid #ccc;
}
*/
/*******************************************************************/
/*        FORMULAIRE CODE PIN                                      */
/*******************************************************************/
/*
#form_codepin { background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #aa0000;
    padding: 10px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto; }
#form_codepin label { padding-right: 5px; }
#form_codepin input { display: inline-block; width: 100px; border: 1px solid #888; }
#form_codepin input[type="submit"]{ width: 100px; background:#ccc; color:#333 }
*/
/*******************************************************************/
/*        Livre d'or                                               */
/*******************************************************************/
/*
.infoBox{
	position: relative;
	padding: 14px 15px;
	margin-bottom: 20px;
}

.infoBox p{
	margin-left: 45px;
	margin-bottom:0;
	color: #000;
}

.infoBox.error {
	border: 1px solid #d90000;
	background: #ffd7d7 18px 12px;
}
*/
/*******************************************************************/
/*        informations légales                                     */
/*******************************************************************/
/*
#informations_legales hr {
	height: 0;
	border-bottom: 1px dashed #ccc;
	margin: 20px 0;
}
*/
/*******************************************************************/
/*        page Sections                                            */
/*******************************************************************/
/*
.bloc-icone {
    display: inline-block; font-size: 6em; padding: 3px;
}

@media screen and (max-width : 500px) {
    .bloc-icone {
        font-size: 4em;
    }
}

@media screen and (max-width : 400px) {
    .bloc-icone {
        font-size: 3em;
    }
}
*/
/* ----------------------------------------------------------- */
/*			   CONTACT/REQUEST A QUOTE						   */
/* ----------------------------------------------------------- */
/*
.quote span.black{
 display: inline-block;
  margin-bottom: 8px;
}

.finalite {
	text-align: justify;
	clear: both;
	background: #f0f0f0;
	color: #777;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px 0;
}

.finalite p {
	margin: 10px 0;
}
.finalite ul {
	margin-left: 20px;
	padding: 0;
}
.finalite li {
	list-style: disclosure-closed;
}
.finalite label {
	display: inline !important;
	font-weight: bold;
	text-decoration: underline;
    cursor: pointer;
}

#newsletter_subscribe_email {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#deplie_finalite_contact { display: none; }
#finalite_contact:checked+#block_finalite_contact #deplie_finalite_contact { display: block; }

#deplie_finalite_newsletter { display: none; }
#finalite_newsletter:checked+#block_finalite_newsletter #deplie_finalite_newsletter { display: block; }


#message {
	margin: 10px 0;
	padding: 0;
}


acronym {
	border-bottom: 1px dotted #ccc;
}
*/
/* ----------------------------------------------------------- */
/*						   BLOG							  */
/* ----------------------------------------------------------- */
/*
.blogDate {
	width: 60px;
	height: 46px;
	position: relative;
	text-align: center;
	padding-top: 4px;
	float: left;
}

.blogDate p {
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	position: relative;
	 line-height: 24px;
	font-family: 'CabinSemiBold', sans-serif;
	margin:0;
}

.blogDate span {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

.blogDate .arrow-down {
	left: 24px;
}

@media screen and (max-width : 767px) {
	.blogDate { width:50px; height:45px; font-size:0.7em;  }
	.blogDate p { line-height: 0.7em; }

}
@media screen and (max-width : 575px) {
	.blogDate { width:45px; height:40px; font-size:0.6em }
	.blogDate p { line-height: 0.55em; }
}

.sectionHeader .blogDate p {
    line-height: 24px;
}




.blog {
	margin-bottom: 21px;
}

.blog.last {
	margin-bottom: 0;
}


.blog .pagination {
	margin-bottom: 40px;	
}

.blogMeta {
	font-size: 0.8rem;
	font-style: italic;
	color: #858585;
}


.blog.medium .buttons .separator, .blog.post .buttons .separator{
	margin-top: 7px;
}
*/
/*******************************************************************/
/*        Les listes de filtrages                                  */
/*******************************************************************/
/*



.button {
	font: 14px 'CabinSemiBold', sans-serif;
	line-height: 14px;
	font-weight: normal;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.button.large {
	padding: 30px;
}

.button.normal {
	padding: 20px;
}

.button.small {
	padding: 10px;
	font-size: 12px;
}

.button.dark {
	color: #fff;
	background-color: #858585;
	border : none;
}

.button.dark.reverted {
	color: #fff;
}

.button.dark.reverted:hover {
	background-color: #444;
}

.button.light {
	color: #777;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
}

.button.light:hover {
	color: #fff;
}

.button.light.bordered{
	background-color: #eee;
}

.button.light.bordered:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:2px solid #fff;
	background:transparent;
}

.button.dark.bordered{
	background-color: #858585;
	border: 1px solid #858585;
}

.button.dark.bordered:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:2px solid #fff;
	background:transparent;
}

.button.dark.bordered.reverted:hover{
	background-color: #444;
	border-color: #444;
}

.button.dark.bordered.reverted:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:2px solid #fff;
	background:transparent;
}



.button.regular {
	font: 12px Arial, sans-serif;
	font-weight: 400;
	color: #fff;
	background-color: #858585;
}

.button.small.regular {
	padding: 6px 11px 6px 11px;
}

.button.normal.regular {
	padding: 11px 26px 11px 26px;
}

.button {
	margin-bottom: 17px
}




.button a {
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}

.button a:hover, .button a.selected{
	border-color: #000;
}





.gMap{
	margin-bottom:10px;
	width: 100%;
}

.contact p{
	margin-bottom: 15px;	
}


.contactInfo:first-child{
	margin-top: -6px;
}

.contactInfo h4{
	color: #777;
}

.contactInfoItem ul{
	margin-bottom:9px;
}

.contactInfoItem header{
	width: auto;
	height: auto;
	font-size: 11px;
	font-style: italic;
	color: #000;
	overflow: hidden;
	margin-bottom: 6px;
}

.contactInfoItem header div{
	display: inline;
}



.contactInfoItem ul li{
	margin-bottom: 2px; 
}


.socialIcons {
	margin-bottom: 18px;
}




.orientation img:hover {
	cursor : pointer;
}

.styleSwitcherPatterns img {
	width : 30px;
	height : 30px;
}


.SwitcherOrientation:hover {
	cursor : pointer;
}

#isSaved {
	display: none;
	background: #4D4;
	width: 90%;
	color: white;
	text-align: center;
	height: 24px;
	line-height: 24px;
	margin: -33px 0 0 10px;
	position: relative;

}

.image_ext {
	width : 64px;
	float : left;
	margin-right : 10px;
}



.center { text-align: center; }
.white { color : white;}

#captcha img {
	height : 30px;
}

#captcha input {
	display : inline-block;
}

#carousel_partenaire { height: 205px; }

.news_picture img {
	float : right;
}

.zone_defilement {
	background : #F2F2F2;
}




p.accroche {
    display: inline-block;
    padding: 3px;
    color: #dc3545;
    font-size: 0.8rem;
    font-weight: bold;
}


.content h1 { font-size: 22px; clear: none; }
.content h2 { font-size: 20px; clear: none; }
.content h3 { font-size: 17px; clear: none; }
.content h4 { font-size: 14px; clear: none; }
.content h5 { font-size: 12px; clear: none; }
.content h6 { font-size: 11px; clear: none; }

.content figure.illustration {
	float: right;
	margin: 0 0 10px 10px;
	min-width: 40px;
	min-height: 40px;
}

@media screen and (max-width : 575px) {
    .content figure.illustration {
        float: none;
        text-align: center;
    }
}

.content thead th { 
	position: sticky; 
	top: 0; 
	background: #eee;
}

.content ul { 
	list-style-type:disc; 
	margin-left:20px; 
}

.content address { 
	margin: 3px; 
	font-style:italic; 
}
.content pre {
	font-family: "Courier New", Courier, monospace;
	margin: 1em 2em 1em 2em;
	overflow: auto;
	padding: .5em .5em .5em .5em;
	white-space: nowrap;
}

article.hentry {
    clear: both;
}

marquee p {
	white-space: nowrap;
}

*/
/*******************************************************************/
/*        Page Evenements                                          */
/*******************************************************************/
/*
#presence { margin-bottom: 20px; }




#formulaire_page { position: relative; margin: 20px 0; }

#formulaire_page .description 	{ clear: both; line-height: 1.4em; }

#formulaire_page p.SUBMIT { text-align: center; }

.info-anonyme {
    background : #f8f8f8;
    color: #6c757d;
    padding: 1rem 1rem 0 1rem;
    margin: 1rem 0;
    border: 1px solid #ccc;
}

#formulaire_page .tableau_produits_formulaire .masquer_produits_disabled { display: none !important; }

#formulaire_page section { background: #f8f8f8; padding: 8px; margin: 15px -8px; } 

#formulaire_page section#parent1_section,
#formulaire_page section#parent2_section { 
	border: 1px solid silver;
	margin: 15px -8px;
	padding: 0 8px 8px 8px;
	background: #f0f0f0; 
}

#formulaire_page section#parent1_section section,
#formulaire_page section#parent2_section section { background: #f8f8f8; margin: 10px -4px; padding: 4px; }

#formulaire_page section h3.TITLE {
	border: none;
	background: #e0e0e0;
	margin: 0 -8px 8px;
	padding: 8px;
}
#formulaire_page section h3.TITLE span { background: none; top: 0; padding: 0;}


span.obligatoire, 
#formulaire_page h3.TITLE span.obligatoire { display: none; }
.obligatoire span.obligatoire,
#formulaire_page h3.TITLE.obligatoire span.obligatoire { display:inline; color: #E4133A }
.invisible span.obligatoire { display: none }

.formulaire .invisible, #contenu h3.exergue.invisible { color: #e0e0e0; display: none; }
.formulaire .invisible input, .formulaire .invisible select, .formulaire .invisible textarea  { color: #e0e0e0; border: 1px solid #f0f0f0;  }

.input-group-text.quantite INPUT {
    max-width: 70px;
}


.confirm_text p { margin: 5px 0; }

#message_cnil,
#form_cnil {
	background: #eee;
	padding: 10px;
	margin-bottom: 20px;
}
#message_cnil p,
#form_cnil p {
	margin: 10px;
}


#message_cnil ul { padding-left: 25px; }
#message_cnil li { list-style: disclosure-closed; margin-bottom: 5px;}

#formulaire_page #form_cnil .champ_formulaire.CHECKBOX {
	line-height: unset;
}

#formulaire_page #form_cnil label {
	width: 100%;
	line-height: unset;
}

@media screen and (max-width : 767px) {
	#formulaire_page .tableau_produits_formulaire { font-size: 0.7em;}
}



#formulaire_connection { text-align:center;  }
#formulaire_connection .masque { position: absolute; top:0; left: 0; width:100%; height:100%; background:white; opacity: 0.5;  }
#formulaire_connection .lien { 
    position: relative;
    z-index: 10;

}
#formulaire_connection .lien p { margin: 200px 0; }

#formulaire_message { font-weight: bold; }

#infos_paiement { margin:10px; padding:10px; background: #F0F0F0; border: 1px solid #E0E0E0; overflow:auto;  clear: both; }
#infos_paiement h3 { color: #777; margin: 0 0 10px 0; border-bottom: 1px solid #E0E0E0; }
#infos_paiement div { width:46%; float:left; margin: 10px; }
#infos_paiement div#adresse { border-right: 1px solid #E0E0E0; padding-right:10px; margin-right:0;  }
#infos_paiement h4 { color: #777; margin: 0 0 10px 0; border-bottom: 1px solid #E0E0E0; }


span.obligatoire { display: none; }
.obligatoire span.obligatoire { display:inline; color: #E4133A }
.invisible span.obligatoire { display: none }

.formulaire_covoiturage { background: #f0f0f0; padding: 10px; margin-bottom: 20px; }
.formulaire_covoiturage P { margin-bottom: 5px; }
.formulaire_covoiturage P STRONG { font-weight: bold }
.formulaire_covoiturage #covoiturage_boutons { background: #f8f8f8; border: 1px solid #ddd; font-size: 0.9em; padding: 5px; }

label#verifyImage {
    margin: 0;
    vertical-align: middle;
    line-height: calc(1.5em + .75rem + 2px);
}


.sous_section { border-bottom: 1px solid #777; border-top: 1px solid #777; background: #F5F5F5; }


#fil_ariane ol { background: #ffffff; color: #777777; margin: 0; padding: 0.75rem 0;}
#fil_ariane a { color: #777777; }
#fil_ariane a:hover { text-decoration: none; color:white; }

*/
/******************************************************
                    BOUTONS POPUP
******************************************************/
/*
.bouton_retour:hover, 
.ui-button.bouton_retour:hover, .ui-button[disabled="disabled"]:hover,  .ui-button.disabled:hover
{
    text-decoration: none;
    font-weight: bold;
}
*/
/*******************************************************************/
/*        Widgets                                                  */
/*******************************************************************/
section.widget .more_link a:not(.rss) {
  font: 14px/27px "CabinMediumItalic", sans-serif;
}
section.widget .more_link a:not(.rss)::after {
  content: "→";
  padding-left: 10px;
  color: #333;
}

.widget:not(.widget_flux) h3 {
  font-size: 1rem;
}

.widget-plie .petit_widget.widget_panier h2 {
  background: #e8e8e8;
  color: #494949;
}

.widget_inscription .content p,
.widget_inscription .content h3 {
  text-align: center;
  margin: 0 auto;
  font-weight: normal;
}
.widget_inscription .content h2.separateur {
  color: #333;
  font-size: 1.4em;
  font-weight: normal;
  margin: 25px 0;
  text-align: center;
  border-bottom: 1px solid #ededed;
  line-height: 0;
}
.widget_inscription .content h2.separateur span {
  background: white;
  padding: 2px 7px;
}
.widget_inscription .content h3 {
  width: 60%;
  color: #333;
  font-size: 1em;
}
.widget_inscription .content h3 span {
  color: var(--color1);
  font-weight: bold;
}
.widget_inscription .content p {
  width: 70%;
  margin-top: 15px;
  margin-bottom: 15px;
}

html.uppercasable .widget_inscription {
  text-transform: uppercase;
}
html.uppercasable .widget_inscription h2.separateur {
  text-transform: uppercase;
}

#contenu aside .widget_resultat section::before {
  display: none;
}

.widget_evenement h3 {
  font-weight: bold;
}
.widget_evenement h3 a {
  color: var(--color1);
}
.widget_evenement a.rss {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 3px;
  border-radius: 3px;
  color: #FFF;
  background: #FFA500;
}
.widget_evenement a.rss:hover {
  color: #FFF;
  background: #FFA500;
}
.widget_evenement a.iCal {
  display: none;
}
.widget_evenement section.date {
  position: absolute;
  top: -2px;
  right: 0;
  line-height: 1.2;
  width: 60px;
  text-align: center;
  background-color: var(--color1);
  color: white;
  font-size: 0.8rem;
  padding-bottom: 5px;
}
.widget_evenement section.date .jour_evenement {
  font-size: 1.6rem;
}
.widget_evenement section.date::after {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid var(--color1);
  position: absolute;
  bottom: -16px;
  left: calc(50% - 8px);
}

html.uppercasable .widget_evenement h3 {
  text-transform: uppercase;
}

.widget_calendrier h3 {
  display: none;
}
.widget_calendrier article .date_evenement {
  text-align: center;
  font-weight: bold;
  line-height: 15px;
  color: var(--color1);
}
.widget_calendrier article .date_evenement .jour_evenement {
  font-size: 25.5px;
}
.widget_calendrier article .date_evenement .annee_evenement {
  color: #A1A1A1;
  margin-top: 3px;
}
.widget_calendrier article h4 {
  font-size: 1.2rem;
}
.widget_calendrier article h4 a {
  color: var(--color1);
  text-decoration: none;
}
.widget_calendrier article p {
  margin-bottom: 0;
}

html.uppercasable .widget_calendrier article .date_evenement .mois_evenement {
  text-transform: uppercase;
}

.widget_actualite a.rss {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 3px;
  border-radius: 3px;
  color: #FFF;
  background: #FFA500;
}
.widget_actualite a.rss:hover {
  color: #FFF;
  background: #FFA500;
}
.widget_actualite article {
  margin-bottom: 10px;
}
.widget_actualite article h3 {
  font-weight: bold;
}
.widget_actualite article h3 a {
  color: var(--color1);
}
.widget_actualite article p.text-muted {
  font-size: 0.8em;
  color: #969696 !important;
}

.widget_reseau h3.separateur {
  color: #555;
  font-family: "CabinSemiBold", sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  margin: 50px 0;
  text-align: center;
  border-bottom: 1px solid #ededed;
  line-height: 0;
}
.widget_reseau h3.separateur span {
  background: white;
  padding: 2px 7px;
}
.widget_reseau h4 {
  font-size: 1rem;
}
.widget_reseau section.date {
  position: absolute;
  top: -2px;
  right: 0;
  line-height: 1.2;
  width: 60px;
  text-align: center;
  background-color: var(--color1);
  color: white;
  font-size: 0.8rem;
  padding-bottom: 5px;
}
.widget_reseau section.date .jour_evenement {
  font-size: 1.6rem;
}
.widget_reseau section.date::after {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid var(--color1);
  position: absolute;
  bottom: -16px;
  left: calc(50% - 8px);
}
.widget_reseau p.text-muted {
  font-size: 0.8em;
  color: #969696 !important;
}
.widget_reseau p.text-muted a {
  color: var(--color1) !important;
}

.widget_newsletter ul {
  margin: 16px 0 5px;
  list-style: none;
  padding: 0;
}
.widget_newsletter ul li a {
  vertical-align: middle;
  color: #777;
}
.widget_newsletter ul li::before {
  content: ">";
  width: 15px;
  height: 15px;
  background: #999;
  color: white;
  display: inline-block;
  line-height: 15px;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px;
  transition: all 0.2s ease-out;
}
.widget_newsletter ul li.actif::before {
  background: var(--color1);
}
.widget_newsletter ul li.actif a {
  color: var(--color1);
}
.widget_newsletter ul li:not(.not-hoverable):hover a {
  background: var(--color1);
  color: #fff;
}
.widget_newsletter ul li:not(.not-hoverable):hover::before {
  background: var(--color1);
}

html.uppercasable .widget_actualite h3 {
  text-transform: uppercase;
}

.widget_section .list-group-item {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  margin: 0 0 5px 0;
  border: 0;
}
.widget_section .list-group-item.active {
  background-color: var(--color1);
  color: white;
}
.widget_section .list-group-item:not(.active) {
  background-color: #ededed;
  color: #323232;
}
.widget_section .list-group-item:not(.active):hover {
  background-color: #ddd;
}
.widget_section .list-group .list-group {
  margin-bottom: 5px;
}
.widget_section .list-group .list-group .list-group-item {
  margin: 0 23px;
  border-left: 1px solid #323232;
  padding: 2px 10px;
  width: calc(100% - 23px);
}
.widget_section .list-group .list-group .list-group-item:not(.active) {
  background-color: white;
  color: #323232;
}
.widget_section .list-group .list-group .list-group-item:not(.active):hover {
  background-color: #ddd;
}
.widget_section h3.separateur {
  color: var(--color1);
  font-size: 1rem;
  font-weight: normal;
  margin: 25px 0;
  text-align: center;
  border-bottom: 1px solid #ededed;
  line-height: 0;
}
.widget_section h3.separateur span {
  background: white;
  padding: 2px 7px;
  border: 2px solid #eee;
}

.widget_reservations p {
  text-align: center;
}
.widget_reservations a.tickets {
  text-align: center;
  color: #777;
  font-size: 1em;
}
.widget_reservations .infos_creneau p {
  color: #777;
}
.widget_reservations .infos_creneau p strong {
  font-weight: bold;
  font-size: 1.1em;
}
.widget_reservations.petit_widget p {
  margin-bottom: 10px;
}
.widget_reservations.petit_widget .infos_creneau {
  font-size: 1.2em;
}
.widget_reservations.grand_widget .infos_creneau {
  font-size: 1.4em;
}

.widget_boutique mark.prix {
  display: block;
  background: white;
  margin-bottom: 10px;
  font-weight: bold;
  padding: 5px;
  text-align: right;
}
.widget_boutique mark.prix sup {
  font-size: 0.7em;
  vertical-align: super;
}
.widget_boutique mark.prix .prix_barre {
  text-decoration: line-through;
}

.widget_rss,
.widget_rss_fede {
  /* FFBB */
  /* FFTA */
}
.widget_rss .content header,
.widget_rss_fede .content header {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin: 10px 0;
}
.widget_rss .content header a,
.widget_rss_fede .content header a {
  text-decoration: none;
}
.widget_rss div.info,
.widget_rss_fede div.info {
  display: none;
}
.widget_rss p.text-muted,
.widget_rss_fede p.text-muted {
  font-size: 0.8em;
  color: #969696 !important;
}
.widget_rss img,
.widget_rss_fede img {
  max-width: 100%;
  height: auto;
}
.widget_rss h3,
.widget_rss_fede h3 {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 1rem;
}
.widget_rss h3 a,
.widget_rss_fede h3 a {
  color: var(--color1);
  text-decoration: none;
  font-size: 1rem;
}
.widget_rss p.description,
.widget_rss .description p,
.widget_rss_fede p.description,
.widget_rss_fede .description p {
  color: #777777;
  margin: 5px 0;
  text-transform: none;
}
.widget_rss.federation_140.premium .content,
.widget_rss_fede.federation_140.premium .content {
  border-color: rgb(10, 50, 129);
  background-color: rgb(10, 50, 129);
  background-image: linear-gradient(-45deg, rgba(213, 9, 27, 0.86), rgb(10, 50, 129));
  padding: 5px;
}
.widget_rss.federation_140.premium .content > *,
.widget_rss_fede.federation_140.premium .content > * {
  background: white;
  padding: 0 1rem !important;
}
.widget_rss.federation_140.premium .content header,
.widget_rss_fede.federation_140.premium .content header {
  margin-bottom: 2rem;
}
.widget_rss.federation_140.premium .content header:after,
.widget_rss_fede.federation_140.premium .content header:after {
  content: "";
  height: 1px;
  background: #e6e6e6;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  position: relative;
  z-index: 0;
}
.widget_rss.federation_140.premium .content header a,
.widget_rss_fede.federation_140.premium .content header a {
  background: #e6e6e6;
  color: #5d5d5d;
  font-weight: 600;
  font-size: 16px;
  padding: 4px 20px !important;
  border-radius: 2px;
  z-index: 1;
  position: relative;
}
.widget_rss.federation_140.premium .content header a:hover,
.widget_rss_fede.federation_140.premium .content header a:hover {
  text-decoration: none;
  color: #000;
}
.widget_rss.federation_140.premium .content h3,
.widget_rss_fede.federation_140.premium .content h3 {
  font-size: 1em;
}
.widget_rss.federation_140.premium .content h3 a,
.widget_rss_fede.federation_140.premium .content h3 a {
  color: #223f9a;
}
.widget_rss.federation_140.premium .content h3 a:hover,
.widget_rss_fede.federation_140.premium .content h3 a:hover {
  color: rgba(213, 9, 27, 0.86);
  text-decoration: none;
  background: white;
}
.widget_rss.federation_140.premium.petit_widget .content header a,
.widget_rss_fede.federation_140.premium.petit_widget .content header a {
  font-size: 13px;
  padding: 4px 10px !important;
}
.widget_rss.federation_161.premium .content,
.widget_rss_fede.federation_161.premium .content {
  border-color: #1A89E0;
  background-color: #125F9B;
  background-image: linear-gradient(90deg, #084276, #125F9B);
  padding: 5px;
}
.widget_rss.federation_161.premium .content > *,
.widget_rss_fede.federation_161.premium .content > * {
  background: white;
  padding: 0 1rem !important;
}
.widget_rss.federation_161.premium .content header,
.widget_rss_fede.federation_161.premium .content header {
  margin-bottom: 2rem;
}
.widget_rss.federation_161.premium .content header:before,
.widget_rss_fede.federation_161.premium .content header:before {
  content: "";
  height: 1px;
  background: #cb8137;
  top: 16px;
  left: 0;
  right: 0;
  display: block;
  position: relative;
  z-index: 0;
}
.widget_rss.federation_161.premium .content header a,
.widget_rss_fede.federation_161.premium .content header a {
  background: #cb8137;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 4px 20px !important;
  border-radius: 2px;
  z-index: 1;
  position: relative;
}
.widget_rss.federation_161.premium .content header a:hover,
.widget_rss_fede.federation_161.premium .content header a:hover {
  text-decoration: none;
  color: white;
}
.widget_rss.federation_161.premium .content h3,
.widget_rss_fede.federation_161.premium .content h3 {
  font-size: 1em;
}
.widget_rss.federation_161.premium .content h3 a,
.widget_rss_fede.federation_161.premium .content h3 a {
  color: black;
}
.widget_rss.federation_161.premium .content h3 a:hover,
.widget_rss_fede.federation_161.premium .content h3 a:hover {
  text-decoration: none;
  color: #333;
  background: white;
}
.widget_rss.federation_161.premium.petit_widget .content header a,
.widget_rss_fede.federation_161.premium.petit_widget .content header a {
  font-size: 13px;
  padding: 4px 10px !important;
}

html.uppercasable .widget_rss .content header,
html.uppercasable .widget_rss_fede .content header {
  text-transform: uppercase;
}
html.uppercasable.federation_140.premium .content header a, html.uppercasable.federation_161.premium .content header a {
  text-transform: uppercase;
}

.widget_partenaire h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.widget_partenaire .carousel-inner {
  padding-top: 30px;
  padding-bottom: 40px;
}
.widget_partenaire .carousel-indicators li {
  background-color: #777;
}

.widget_membres h3 {
  font-size: 1rem;
}
.widget_membres .text-muted {
  color: #777 !important;
  font-size: 0.8em;
}

.widget_anniversaires h3 {
  margin: 1rem 0;
}
.widget_anniversaires h4 {
  font-size: 1rem;
}
.widget_anniversaires .text-muted {
  color: #777 !important;
  font-size: 0.8em;
}

.widget_a_la_une .evenement_a_la_une .date_evenement {
  color: var(--color1);
}
.widget_a_la_une .evenement_a_la_une h3 span {
  color: var(--color1);
  background: white;
}
.widget_a_la_une .news_a_la_une h3 {
  color: var(--color1);
}
.widget_a_la_une .albumvideo_a_la_une .icone,
.widget_a_la_une .video_a_la_une .icone,
.widget_a_la_une .albumphoto_a_la_une .icone {
  background-color: var(--color1);
}

#contenu #main-column .ongletpanel section.widget.widget_operations_preventes {
  border: 3px solid var(--color1);
  padding: 15px;
  background: var(--color1-light);
}
#contenu #main-column .ongletpanel section.widget.widget_operations_preventes::before {
  display: none;
}
#contenu #main-column .ongletpanel section.widget.widget_operations_preventes h2:not(.separateur) {
  background: none;
  margin-top: 1em;
  margin-bottom: 1em;
}
#contenu #main-column .ongletpanel section.widget.widget_operations_preventes h2:not(.separateur) span {
  background: none;
}
#contenu #main-column .ongletpanel section.widget_a_la_une {
  margin-top: 50px;
  margin-bottom: 50px;
}
#contenu #main-column .ongletpanel section.widget_a_la_une::before {
  display: none;
}
#contenu #main-column .ongletpanel section.widget_a_la_une h2:not(.separateur) {
  display: none;
}
#contenu #main-column .ongletpanel section.widget_a_la_une .carousel {
  border: none;
}
#contenu #main-column .ongletpanel section.widget_a_la_une .a_la_une.produit_a_la_une {
  background-color: #f8f8f8;
}

.widget_app_mobile.petit_widget .content {
  background: white;
}
.widget_app_mobile.petit_widget .content h3 {
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #555;
}
.widget_app_mobile.petit_widget .content h4 {
  text-align: center;
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #555;
}
.widget_app_mobile.petit_widget .content hr {
  visibility: hidden;
  margin: 5px 0;
}

.widget_app_mobile.grand_widget .content {
  background: white;
}
.widget_app_mobile.grand_widget .content h3 {
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #555;
}
.widget_app_mobile.grand_widget .content h4 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #555;
}

#forum a:not(.btn):hover {
  color: white;
  text-decoration: none;
}

/* Widget libre */
/*
.widget_libre div P { margin: 20px 0; }
.widget_libre div h1 {    font-size: 1.6em; }
.widget_libre div h2 {    font-size: 1.4em; }
.widget_libre div h3:not(.widget_flux) {    font-size: 1.2em; }
.widget_libre div h4 {    font-size: 1.1em; }
.widget_libre div h5 {    font-size: 1.1em; }
.widget_libre div h6 {    font-size: 1em; }
.widget_libre div ul {    list-style-type: disc;	margin: 20px;	}
.widget_libre div ol {    list-style: decimal outside none;	margin: 20px;	}
.widget_libre div strong {	font-weight: bold; }
.widget_libre div em {		font-style: italic;	}
.widget_libre div address {	font-style: italic;		margin: 3px;	}
.widget_libre div td { border: 1px solid black; padding:3px; }
.widget_libre div pre {		font-family: "Courier New",Courier,monospace;	margin: 1em 2em;	overflow: auto;	padding: 0.5em;	white-space: nowrap; }
.widget_libre div a.fancybox { width: 40%; float: right; margin: 10px; }
.widget_libre div a.fancybox img { max-width: 100%; max-height: 100%; }
.widget_libre div table p { margin: 4px 0; }
.widget_libre div img { max-width: 100% }
*/
/* Widget publicité */
/*
.nivoSlider a:hover {
	background:none;
}

#slider.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
*/
/* Widget Boutique */
/*
.petit_widget.widget_boutique article {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 1rem;
}
*/
/* Offres préventes initiatives */
/*

*/
/* Widget Panier */
/*
.widget_panier thead td, .widget_panier thead th { border-bottom: 1px #777 solid; }
.widget.panier tbody { font-style: italic; }
.widget.panier strong, .widget .panier .prix {font-style: normal; font-weight: bold; }
.widget.panier .prix { white-space: nowrap }

.lienpanier, .lienboutique { text-align:center; margin: 5px auto; font-weight: normal; text-transform: uppercase;  width: 70%; font-size: 1.1em; }

.lienpanier a,
.lienboutique a,
.lienpanier a:visited,
.lienboutique a:visited { display:block; padding: 0.5rem; color:white;  }
*/
/* Widgets Albums */
/*
.grand_widget.widget_albumphoto img { margin: 2px; max-width: calc( 100% - 4px ); }

.grand_widget.widget_albumphoto .vignettes a:hover {
	background: inherit;
}
*/
/* Widget Newsletter */
/*
.widget_newsletters p { text-align:center; margin: 15px auto; font-weight: normal; text-transform: uppercase;  width: 70%; font-size: 1.1em; background:#AAA; }
.widget_newsletters p a,
.widget_newsletters p a:visited { display:block; padding: 0.5rem; color:white;  }
*/
/* Widget Calendrier */
/*
.widget_calendrier ul {
    list-style: none;
}
*/
/*
/* Widget Sections et disciplines */
/*
ul.arborescence {
	list-style:none; margin: 5px 0 15px 0; padding: 0;
}

ul.arborescence li { margin:3px; padding:3px; }
ul.arborescence li ul { background: white; margin: 0; }
ul.arborescence li.level1 { font-size: 1em;  margin: 5px 3px; background:#ededed; color:#323232; }
ul.arborescence li.level1 > span { margin: 0 5px; }
ul.arborescence li.level1 a { color: #323232; }
ul.arborescence li.level2 { margin: 0 23px; border-left: 1px solid #323232; padding: 2px 10px; }
ul.arborescence li.level2 a { color: #323232; }

ul.arborescence li.actif, ul.inline-links li.actif {  background: rgba(0, 0, 0, 0.8); color: white; }
ul.arborescence li.actif, ul.arborescence li.actif a,
ul.inline-links li.actif, ul.inline-links li.actif a { color: white }

ul.arborescence li.actif ul, ul.arborescence li.actif ul a,
ul.inline-links li.actif ul, ul.inline-links li.actif ul a { color: #323232 }

h3.separateur { font-size: 1rem; font-weight: normal; margin: 25px 0; text-align:center; text-transform: uppercase; border-bottom: 1px solid #ededed; line-height:0; }
h3.separateur span { border: 2px solid #c0c0c0; background: white; padding: 2px 7px; }

ul.inline-links { list-style:none; padding:0; width: 100%; margin: 15px 0; text-align:center; }
ul.inline-links li { display: inline-block; width: auto; margin: 0; padding: 5px 10px; text-align: center; text-transform: uppercase; }

ul.equipes {
	list-style:none; margin: 5px 0 15px 0; padding: 0;
}

ul.equipes li { font-size: 1.1em; background:#f8f8f8; margin: 5px 3px;padding:3px; }
ul.equipes li.actif { background: rgba(0, 0, 0, 0.8); }
ul.equipes li.actif a { color:white }
*/
/* Widget Inscription */
/*******************************************************************/
/*        Résultats                                                */
/*******************************************************************/
/*
.tableau_resultats { clear:both; width: 100%; }
.tableau_resultats section { max-width: 100%; overflow:auto; clear: both; margin-bottom:1px; }
.tableau_resultats.principal section { margin: 0.3rem 0; overflow: inherit; min-height: 30px; line-height: 30px; }
.tableau_resultats div div { float:left; }
.tableau_resultats div span,
.tableau_resultats div a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block;}
.tableau_resultats .resultat_date { width: 12%; color:#777; padding: 4px 0; font-size: 1em; line-height:1.2em; }
.tableau_resultats .resultat { width: 88%; padding: 4px 0; }

.tableau_resultats .resultat a, .tableau_resultats .resultat span { margin-left: 5px; }
.tableau_resultats .score { width: 6%; text-align: center; padding: 4px 0; }
.tableau_resultats .opposant { width: 38%; padding: 4px 0; text-align:right; }
.tableau_resultats .opposant.adversaire { text-align:left; }
.tableau_resultats .exterieur .opposant { text-align:left; }
.tableau_resultats .exterieur .opposant.adversaire { text-align:right; }

.tableau_resultats .titre_evenement { float: none; margin: 4px 0; font-size:1.2em }
.tableau_resultats .equipes { float: none; overflow: hidden; clear: both; margin-bottom: 4px; text-align:right; }
.tableau_resultats .equipes a { display: inline; }

.tableau_resultats .opposant a, .tableau_resultats .opposant span { margin: 0 5px; }
.tableau_resultats .resultat_commentaire { margin-left: 15%;  }

.tableau_resultats div.resultat_commentaire span,
.tableau_resultats div.resultat_commentaire a { white-space: inherit; overflow: inherit; text-overflow: inherit; -o-text-overflow: inherit; display: inline;}

.tableau_resultats.nodate .resultat { width: 100%; }
.tableau_resultats.nodate .score { width: 7%; }
.tableau_resultats.nodate .opposant { width: 43%; }
.tableau_resultats.nodate .resultat_commentaire { margin-left: 0;  }

.tableau_resultats .adversaire, .tableau_resultats .adversaire a  { background: #D0D0D0 !important; color: black !important; }
.tableau_resultats .score.adversaire, .tableau_resultats .score.adversaire a { background: #B0B0B0 !important; color: black !important; }

.resultats_individuels { margin: 5px 0 5px 16% }
.resultat_individuel, .presence { font-style: italic; color: #777777; }

.petit_widget .tableau_resultats section { font-size: 0.8rem; }
.petit_widget .tableau_resultats .resultat_date { width: 20%; }
.petit_widget .tableau_resultats .resultat { width: 80%; }
.petit_widget .tableau_resultats .score { width: 10%; }
.petit_widget .tableau_resultats .opposant { width: 30%; }

.petit_widget .tableau_resultats.nodate .resultat { width: 100%; }
.petit_widget .tableau_resultats.nodate .score { width: 13%; }
.petit_widget .tableau_resultats.nodate .opposant { width: 37%; }

article.resultat { overflow:auto; }
article.resultat .resultat_date { background:#D0D0D0; padding: 4px 0; line-height:30px; }
article.resultat .resultat_date span { padding-left: 5px;  }

h2.separateur_date {
	color: black;
	font-size: 14px;
	line-height: 21px;
	margin: 1rem 0 0.1rem 0;
	text-transform: uppercase;	
}
*/
/*******************************************************************/
/*        Boutique : Rubrique                                      */
/*******************************************************************/
/*
#sous_rubriques, 
#produits_en_avant { clear: both; margin: 0 0 20px 0; overflow:auto; } 
#sous_rubriques article { width:167px; margin-right:4px; margin-top: 4px; border: 1px solid #e0e0e0; float:left;  }
#sous_rubriques article img { max-width:100%; max-height:100%;}
#sous_rubriques article h2 { height: 2em; max-height: 2em; line-height:1em; margin: 0; padding: 3px 0; background-color: #e0e0e0; text-align: center; overflow:hidden; }
#sous_rubriques article h2 a { display:block; height: 2em; max-height: 2em; overflow:hidden;  -o-text-overflow: ellipsis; text-overflow: ellipsis;  }

.nav-tabs .nav-link.active {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
}
*/
/*******************************************************************/
/*        Boutique : Produit                                       */
/*******************************************************************/
.liste.produits article h2 a {
  color: var(--color1);
}
.liste.produits article h2 a:hover {
  text-decoration: none;
}
.liste.produits article .illustration a {
  display: block;
}

#contenu #main-column section .content .detail.rubriques .fake-title h2.secondary-content dl[itemProp=priceSpecification],
#contenu #main-column section .content .detail.produits .fake-title h2.secondary-content dl[itemProp=priceSpecification] {
  margin: -40px 0 0 0;
  padding: 0;
  float: right;
  position: absolute;
  right: 5px;
  font-family: "CabinSemiBold", sans-serif;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section .content .detail.rubriques .fake-title h2.secondary-content dl[itemProp=priceSpecification],
  #contenu #main-column section .content .detail.produits .fake-title h2.secondary-content dl[itemProp=priceSpecification] {
    display: none;
  }
}
#contenu #main-column section .content .detail.rubriques #main-content dl[itemProp=priceSpecification],
#contenu #main-column section .content .detail.produits #main-content dl[itemProp=priceSpecification] {
  display: none;
  font-size: 2em;
  color: var(--color1);
  font-size: 2em;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section .content .detail.rubriques #main-content dl[itemProp=priceSpecification],
  #contenu #main-column section .content .detail.produits #main-content dl[itemProp=priceSpecification] {
    display: block;
  }
}
#contenu #main-column section .content .detail.rubriques dl[itemProp=priceSpecification] strong,
#contenu #main-column section .content .detail.produits dl[itemProp=priceSpecification] strong {
  font-weight: normal;
  font-size: 0.6em;
}

/*******************************************************************/
/*        Panier et prise de commande                              */
/*******************************************************************/
/*

ul.liste_liens { margin:30px 0; padding:0; list-style:none; clear:both; overflow: auto; }
ul.liste_liens li { display: block; float:left; padding-right:20px; }
ul.liste_liens a { text-decoration: underline; }


hr.separateur { border: 1px solid #e0e0e0; height: 0;}
*/
/*******************************************************************/
/*        Challenge                                                */
/*******************************************************************/
/*
table.challenge { width: 100%; border-spacing: 0; border-collapse: collapse; }
.challenge td, .challenge th { border: #D0D0D0 2px solid; padding: 3px; min-height: 30px; vertical-align:top; }
.challenge th { background: #E0E0E0; }
*/
/*******************************************************************/
/*******************************************************************/
/*


#formulaire_reservation p { margin-bottom : 10px; }
#formulaire_reservation .info { font-size: 0.8em; font-style: italic }


#date_libre_reservation_bloc {
	margin: 20px 0;
	padding: 10px;
	text-align: center;
	background: #eee;
}

#formulaire_reservation #tarif_reservation { text-align: center; margin: 20px 0 }
#formulaire_reservation #tarif_reservation P { font-style: italic }

#formulaire_reservation #grille_reservation { max-width: 100%; overflow-y: auto; margin: 20px 0;  }
#formulaire_reservation #grille_reservation P { font-style: italic }
#formulaire_reservation #grille_reservation A { color: #777; }
#formulaire_reservation #grille_reservation A:hover { color: white; }

#popup_formulaire_reservation select { display: inline-block; margin: 0; }
#popup_formulaire_reservation #bloc_accompagnants p { margin-bottom: 5px; }
*/
#navigateur_date td.actif {
  background: var(--color1);
}
#navigateur_date td.actif a {
  color: white;
}

/*
#selecteur_type_equipement, #selecteur_date {
	margin: 20px;
	text-align: center;
}
#selecteur_type_equipement, #selecteur_date select { display: inline-block; font-size: 1.5em; }

*/
/** Schemas tactiques ************************************/
/*
.zone_terrain { margin: 20px auto; background: #05a000; border: 1px solid black; position: relative; }
.zone_terrain .point { text-align:center; background: #aefcac; position: absolute; border: 1px solid black; color:black; }

.composition_schema_tactique { margin: 0 auto; }
.composition_schema_tactique thead { background: #e0e0e0; }
.composition_schema_tactique thead th { text-align:left; padding: 2px 5px; }
.composition_schema_tactique td { text-align:left; padding: 5px; }

.composition_schema_tactique .point { text-align:center; background: #aefcac;  position: relative; display: block; border: 1px solid black; color:black; }

*/
/*
#produits_complementaires h3 {
	margin-left: 5px;
	font-size: 13px;
}

#produits_complementaires p {
	margin-left: 5px;
}

*/