@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@charset "UTF-8";
/*******************************************************************/
/*        Reset CSS                                                */
/*******************************************************************/
/* hack pour Chrome Android */
html {
  overflow-x: hidden;
}

.clear {
  clear: both;
}

.ui-dialog.ui-widget.ui-widget-content {
  z-index: 400;
}

/*******************************************************************/
/*        Style généraux                                           */
/*******************************************************************/
html.uppercasable .fonte {
  font-family: "Open Sans", sans-serif;
}

.more_link {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 0.8em;
}
.more_link a {
  font-family: "Open Sans", sans-serif;
  color: #838383;
  text-decoration: none;
  text-transform: uppercase;
}
.more_link a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 567px) {
  .more_link {
    position: relative;
    text-align: right;
    clear: both;
    top: auto;
    right: auto;
  }
}

.btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-family: "Open Sans", sans-serif;
  --bs-btn-border-width: 0;
  --bs-btn-font-size: 12px;
  --bs-btn-line-height: 32px;
  --bs-btn-padding-x: 15px;
  --bs-btn-padding-y: 0;
  --bs-btn-font-weight: normal;
  display: inline-block;
  text-transform: uppercase;
}
.btn.btn-primary {
  --bs-btn-bg: var(--color1);
  --bs-btn-color: white;
  --bs-btn-hover-bg: var(--color2);
}
.btn.btn-outline-primary, .btn.btn-outline-success, .btn.btn-outline-secondary, .btn.btn-outline-danger, .btn.btn-outline-warning, .btn.btn-outline-info, .btn.btn-outline-light, .btn.btn-outline-dark {
  --bs-btn-border-width: 1px;
}

/*******************************************************************/
/*        Structure                                                */
/*******************************************************************/
body {
  background: #313131;
  overflow-y: auto;
  overflow-x: hidden;
}

#global {
  background: #d7d7d7;
}

#page {
  min-height: 250px;
  margin-top: 136px;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  color: #4a4a3e;
}
#page > .inner {
  background: white;
  min-height: 250px;
  padding-top: 25px;
}
#page > .inner.with-content-abaisseur {
  margin-top: -80px;
}
#page > .inner.accueil {
  padding-top: 0.1px;
}

#header {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 136px;
  background: var(--color2) url(/images/design-4/header-fond.png) repeat-x;
  box-shadow: 0px 0px 15px 0px #000;
  z-index: 300;
}
@media screen and (max-width: 575px) {
  #header {
    top: 0;
  }
}

footer#footer {
  background: #313131;
  margin-top: -103px;
  padding-top: 103px;
}
footer#footer h2 {
  color: #ddd;
  text-align: center;
}
footer#footer #footer_verif_code::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}
footer#footer #footer_verif_code::placeholder {
  color: #aaa;
  opacity: 1;
}

.inner {
  margin: 0 auto;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  min-height: 100%;
  max-width: var(--max-width);
}

@media screen and (max-width: 575px) {
  body.with-a2hs #page {
    margin-top: 199px;
  }
  body.with-a2hs #header {
    height: 199px;
  }
  body.with-a2hs #header .inner {
    height: 136px;
    min-height: unset;
  }
}
.fullwidth {
  margin: 0 -52px;
  max-width: calc(100% + 110px) !important;
}

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

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

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

body.bg-type-photo article .inner {
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  #contenu {
    margin: 0;
    width: 100%;
  }
  #page .inner {
    padding: 52px 10px 0 10px;
  }
  #page #main > .inner {
    padding-top: 0;
  }
  .fullwidth {
    margin: 0 -10px;
    max-width: calc(100% + 20px) !important;
  }
  #footer {
    height: auto;
  }
}
/*******************************************************************/
/*        Barre de login                                           */
/*******************************************************************/
#log_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#log_bar .container_log_bar {
  max-width: 1200px;
  margin: 0 auto;
}

#participate_footer {
  display: none;
}
#participate_footer a {
  color: white;
}
#participate_footer i {
  font-size: 1.2em;
}

@media screen and (max-width: 575px) {
  #participate_footer {
    display: block;
    background: #000000;
    float: none;
    margin: 0 0 -10px 0;
    padding: 5px;
    color: white;
    text-align: center;
    text-transform: uppercase;
  }
}
/*******************************************************************/
/*        Header                                                   */
/*******************************************************************/
#logo a {
  display: inline-block;
  margin: 5px 0 0 5px;
  position: relative;
  z-index: 350;
}
#logo img {
  max-height: 136px;
  max-width: 200px;
  z-index: 150;
}
@media screen and (max-width: 575px) {
  #logo img {
    max-height: 120px;
    max-width: 150px;
  }
}

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

#header_reseau {
  position: absolute;
  right: 0;
  top: 0;
  margin: 18px 13px 13px 13px;
}
#header_reseau h2 {
  display: inline-block;
  color: #888888;
  font-size: 1rem;
  font-weight: normal;
  margin: 8px;
  vertical-align: top;
}
#header_reseau form {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  border: 1px solid #d8d8d8;
  background: white;
}
#header_reseau input {
  width: 182px;
  font-size: 16px;
  vertical-align: top;
  border: none;
  background: white;
  border-radius: 0;
}
#header_reseau button[type=submit] {
  border: none;
  background: white;
  line-height: 26px;
}
#header_reseau button[type=submit] .fa-search {
  color: #ccc;
  vertical-align: middle;
}
#header_reseau a {
  display: inline-block;
}
#header_reseau .fa-facebook-square {
  color: #3b5998;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-twitter-square {
  color: #00aced;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-square-x-twitter {
  color: #00aced;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-youtube-square {
  color: #c4302b;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-linkedin {
  color: #0b66c3;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-tiktok {
  color: #3f494e;
  font-size: 25px;
  vertical-align: middle;
}
#header_reseau .fa-google-plus-square {
  color: #d34836;
  font-size: 30px;
  vertical-align: top;
}
#header_reseau .fa-map-marker-alt {
  color: #d34836;
  font-size: 25px;
  padding: 2.5px;
  vertical-align: top;
}
#header_reseau .fa-instagram {
  color: #c13584;
  font-size: 30px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #header_reseau {
    margin-right: 0;
  }
  #header_reseau h2 {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  #header_reseau a {
    display: none;
  }
}

html.uppercasable #header_reseau h2 {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

#conteneur_bandeau {
  max-height: var(--bandeau-max-height);
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}
#conteneur_bandeau a {
  display: block;
  margin: 0 auto;
  max-width: var(--max-width);
  max-height: var(--bandeau-max-height);
  overflow: hidden;
}

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

#titre_et_slogan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 210;
  margin: 20px 0;
  padding: 5px;
  background: none;
  text-align: center;
  color: var(--title-color);
  font-size: 1.1em;
}
@media screen and (max-width: 1200px) {
  #titre_et_slogan {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 991px) {
  #titre_et_slogan {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  #titre_et_slogan {
    font-size: 0.6em;
  }
}
@media screen and (max-width: 575px) {
  #titre_et_slogan {
    font-size: 0.45em;
  }
}
#titre_et_slogan p, #titre_et_slogan h1 {
  text-align: center;
  max-width: 1400px;
  margin: 0 auto;
  font-size: var(--title-size);
  line-height: var(--bs-body-line-height);
  font-weight: bold;
}
#titre_et_slogan em {
  font-style: italic;
  font-size: 0.4em;
}
#titre_et_slogan a {
  display: block;
  width: 100%;
  height: 100%;
}

body.no-bandeau #titre_et_slogan {
  z-index: unset;
  position: relative;
  top: unset;
  left: unset;
  width: unset;
  padding: unset;
  background: unset;
}

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

html.uppercasable #titre_et_slogan {
  text-transform: uppercase;
}

#lien-bandeau {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 211;
}
#lien-bandeau img {
  width: 100%;
}

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

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

.bannieres {
  margin: 20px 0;
}
.bannieres > div {
  margin: 0 auto;
  width: 728px;
  height: auto;
  max-width: 100%;
}

#slider_bannieres {
  width: 100%;
  max-width: 728px;
  margin: 10px auto;
}
#slider_bannieres img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 90px;
}

@media screen and (max-width: 750px) {
  .bannieres {
    width: 100%;
  }
}
#content-abaisseur {
  height: 80px;
  background: var(--color1);
}
#content-abaisseur.avec-regie {
  height: 80px;
}

body.no-bandeau #content-abaisseur {
  height: 150px;
}

body.no-title #content-abaisseur {
  height: 150px;
}

#zone_ombree {
  box-shadow: 0 0 15px 0 #000;
  z-index: 200;
  position: relative;
  background: var(--color2);
}
#zone_ombree.avec-regie {
  display: block;
}

body.no-bandeau.no-title #titre_et_slogan {
  display: none;
}

/*******************************************************************/
/*        Menu                                                     */
/*******************************************************************/
#mainmenu {
  position: absolute;
  top: 65px;
  right: 2px;
  width: 100%;
}
#mainmenu .dropdown-menu {
  z-index: 1001;
}
#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, #mainmenu.taille6 a.dropdown-toggle::after,
#mainmenu.taille6 button.dropdown-toggle::after {
  display: none;
}
#mainmenu .nav-pills .nav-link.active,
#mainmenu .nav-pills .show > .nav-link {
  background: none;
}
#mainmenu > ul {
  text-align: right;
  float: right;
  max-width: calc(100% - 190px);
}
#mainmenu > ul > li {
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal;
  padding: 0 10px;
  height: 71px;
}
#mainmenu > ul > li a, #mainmenu > ul > li button {
  display: block;
  width: 100%;
  height: 71px;
  color: white;
  text-decoration: none;
  line-height: 71px;
  padding: 0;
  border-radius: 0;
}
#mainmenu > ul > li:hover, #mainmenu > ul > li:focus, #mainmenu > ul > li.show {
  background: rgba(0, 0, 0, 0.9);
}
#mainmenu > ul > li:hover > a, #mainmenu > ul > li:focus > a, #mainmenu > ul > li.show > a {
  height: 66px;
  border-bottom: 5px solid var(--color2);
}
#mainmenu > ul > li > div {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 0;
  padding: 9px;
  margin-top: 5px;
  margin-left: -10px;
  transform: translate(0, 68px) !important;
}
#mainmenu > ul > li > div.dropdown-menu-right {
  margin-left: 0;
  margin-right: -10px;
}
#mainmenu > ul div a {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 10px;
  line-height: normal;
  height: auto;
}
#mainmenu > ul div a:hover, #mainmenu > ul div a:focus, #mainmenu > ul div a:active {
  background: #222;
}
#mainmenu form {
  display: none;
  position: absolute;
  top: 17px;
  right: 8px;
}
#mainmenu select {
  width: 208px;
  position: relative;
  z-index: 352;
}
#mainmenu .highlight em {
  color: var(--color2);
}
#mainmenu.taille3 > ul > li {
  padding: 0 8px;
}
#mainmenu.taille4 > ul > li {
  padding: 0 6px;
}
#mainmenu.taille5 > ul > li {
  padding: 0 6px;
}
#mainmenu.taille5 > ul > li {
  padding: 0 5px;
}
#mainmenu.taille4 a.nav-link {
  font-size: 15px;
}
#mainmenutaille5 a.nav-link {
  font-size: 14px;
}
#mainmenu.taille5 a.nav-link {
  font-size: 13px;
}

#mainmenu.no-logo > ul {
  text-align: right;
  float: right;
  max-width: 100%;
}

html.uppercasable #mainmenu > ul > li {
  font-family: "Roboto Condensed", sans-serif;
}

/* Section */
#barre-selection-section {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 3;
}
@media screen and (min-width: 767px) {
  #barre-selection-section h1 {
    margin-bottom: 0;
  }
}
#barre-selection-section div.menu_section {
  height: 32px;
}
#barre-selection-section div.menu_section > a {
  height: 32px;
  padding-top: 2px;
}
#barre-selection-section div.menu_section div.niveau1 {
  top: 32px;
}
@media screen and (max-width: 767px) {
  #barre-selection-section .inner {
    padding-top: 10px;
  }
}
#barre-selection-section .inner h1 small {
  font-style: italic;
  font-size: 0.7em;
}
#barre-selection-section .inner .actif a {
  color: #000;
}
@media screen and (max-width: 767px) {
  #barre-selection-section div.niveau1 > ul {
    border: 1px solid white;
    box-shadow: 5px 5px 15px #777;
  }
}

#module-entete-section-decalage {
  width: 100%;
  height: 96px;
}
@media screen and (max-width: 767px) {
  #module-entete-section-decalage {
    display: none;
  }
}

/*******************************************************************/
/*        Footer                                                   */
/*******************************************************************/
#footer {
  font-size: 10pt;
}
#footer a {
  display: inline-block;
  color: #eeeeee;
  text-decoration: none;
}
#footer hr {
  border: 1px solid #515050;
  clear: both;
}
#footer h2 {
  font-size: 1.1rem;
}
#footer p {
  font-size: 0.9rem;
  margin-bottom: 0;
}
#footer .inner {
  color: #eeeeee;
}
#footer .inner hr {
  visibility: hidden;
  clear: both;
}
#footer .applis {
  text-align: center;
}
#footer .applis a {
  margin: 20px;
  height: 40px;
  display: inline-block;
}
#footer .applis a#appli1 {
  margin-left: 0;
}
#footer .applis a#appli2 {
  margin-right: 0;
}
#footer .visites {
  display: block;
  margin-top: 20px;
  line-height: 1.2em;
  font-size: 16px;
}
#footer form {
  margin: 45px 5px 5px;
}
#footer form h2 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.5em;
}
#footer label {
  font-size: 1rem;
  display: inline-block;
}
#footer input {
  color: #eeeeee;
  border: 1px solid #989898;
  width: 100%;
  background: #313131;
  -webkit-appearance: none;
  border-radius: 0;
}
#footer textarea {
  color: #eeeeee;
  border: 1px solid #989898;
  width: 100%;
  background: #313131;
}
#footer input#footer_submit {
  width: auto;
  text-align: right;
  background: #FFFFFF;
  color: #003452;
  border: 0;
}
#footer .code img {
  vertical-align: top;
}
#footer .code input {
  display: inline-block;
  width: 70px;
  padding-left: 2px;
  padding-right: 2px;
}
#footer .finalite {
  text-align: justify;
  clear: both;
  background: #f0f0f0;
  color: #777;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
}
#footer .finalite p {
  margin: 10px 0;
  text-align: left;
  text-transform: none;
}
#footer .finalite ul {
  margin-left: 20px;
  padding: 0;
}
#footer .finalite li {
  list-style: disclosure-closed;
  text-transform: none;
}
#footer .finalite a {
  color: #777;
}
#footer .finalite label {
  display: inline !important;
  font-weight: bold;
  text-decoration: underline;
}
#footer p#copyright {
  text-align: center;
  padding: 40px 0 20px 0;
  font-size: 1.1rem;
}
#footer p#copyright strong {
  color: #d60c3e;
  font-family: "Open Sans Bold", sans-serif;
}
#footer p#copyright em {
  color: #5f88c0;
}

html.uppercasable #footer h2 {
  font-family: "Open Sans Bold", sans-serif;
  text-transform: uppercase;
}
html.uppercasable #footer p {
  font-family: "Open Sans Bold", sans-serif;
  text-transform: uppercase;
}
html.uppercasable #footer label {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}
html.uppercasable #footer input#footer_submit {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

#logo_footer {
  font-size: 1rem;
  text-align: center;
  margin-top: 75px;
}
#logo_footer img {
  display: block;
  height: auto;
  max-height: 150px;
  max-width: 125px;
  margin: 0 auto;
  margin-bottom: 10px;
}

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

footer#footer #adresse_du_club {
  margin-top: 75px;
}
footer#footer #adresse_du_club section {
  margin: 20px 20px 25px 0;
}
footer#footer #adresse_du_club h2 {
  text-align: left;
}

#rss_et_reseaux .fa-facebook-square {
  color: #3b5998;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-twitter-square {
  color: #00aced;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-square-x-twitter {
  color: #00aced;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-youtube-square {
  color: #c4302b;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-google-plus-square {
  color: #d34836;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-map-marker-alt {
  color: #d34836;
  font-size: 32px;
  vertical-align: top;
  background: white;
  padding: 2.5px 4.5px;
}
#rss_et_reseaux .fa-instagram {
  color: #c13584;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-linkedin {
  color: #0b66c3;
  font-size: 37px;
  vertical-align: top;
  background: white;
  padding: 0 2px;
}
#rss_et_reseaux .fa-tiktok {
  color: #3f494e;
  font-size: 32px;
  vertical-align: top;
  background: white;
  padding: 2.5px 4.5px;
}

#block_finalite_footer_contact {
  display: none;
}

#deplie_finalite_footer_contact {
  display: none;
}

#finalite_footer_contact:checked + #block_finalite_footer_contact #deplie_finalite_footer_contact {
  display: block;
}

/*******************************************************************/
/*        Texte principal                                          */
/*******************************************************************/
#contenu {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
#contenu ol.breadcrumb {
  margin: 10px 0;
  font-size: 0.8em;
  background: white;
}
#contenu ol.breadcrumb a {
  color: #888;
}
#contenu #main-column p.infos-publications {
  text-align: center;
  color: #424242;
  font-size: 0.9em;
  margin-bottom: 25px;
}
#contenu #main-column p.infos-publications a {
  color: #424242;
  text-decoration: none;
}
#contenu #main-column p.infos-publications a:hover {
  text-decoration: underline;
}
#contenu #main-column #main-content p {
  text-transform: none;
}
#contenu #main-column p[itemprop=description] {
  text-transform: none;
}
#contenu #main-column section header#content-header span[itemprop=audience],
#contenu #main-column section header#content-header section.date,
#contenu #main-column section header#content-header .widget-plie,
#contenu #main-column section header#content-header p:not(.infos-publications) {
  display: none;
}
#contenu #main-column section header:not(#content-header) {
  margin: 30px 0;
}
#contenu #main-column section h1 {
  text-align: center;
  font-size: 1.8em;
  margin: 30px 0;
  font-weight: bold;
  color: var(--color1);
}
#contenu #main-column section h2.secondary-content,
#contenu #main-column section h3.secondary-content {
  border-top: 2px solid #5b5b5b;
  font-size: 1.4em;
  position: relative;
}
#contenu #main-column section h2.secondary-content span:not(.compteur),
#contenu #main-column section h3.secondary-content span:not(.compteur) {
  display: inline-block;
  background: white;
  font-weight: bold;
  padding: 0 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#contenu #main-column section h2.subheader,
#contenu #main-column section h3.subheader {
  /*
  border: none;
  font-size: 1.2em;
  font-weight: bold;
  margin: 30px 0;
  text-align: center;
  */
  border-top: 2px solid #5b5b5b;
  font-size: 1.4em;
  position: relative;
  margin: 30px 0;
}
#contenu #main-column section h2.subheader span,
#contenu #main-column section h3.subheader span {
  display: inline-block;
  background: white;
  font-weight: bold;
  padding: 0 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contenu #main-column section .level3 h3.subheader {
  border-top: 1px solid #888;
  margin-bottom: 0;
}
#contenu #main-column section .level3 h3.subheader span {
  font-weight: normal;
}
#contenu #main-column section .level3 .inside-level-3 {
  border: 1px solid #888;
  border-top: none;
  padding: 40px 20px 20px 20px;
  margin-bottom: 30px;
}
#contenu #main-column section .liste h2:not(.subheader),
#contenu #main-column section .liste h4:not(.subheader), #contenu #main-column section.liste h2:not(.subheader),
#contenu #main-column section.liste h4:not(.subheader) {
  border: none;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
}
#contenu #main-column section .liste h2:not(.subheader) a,
#contenu #main-column section .liste h4:not(.subheader) a, #contenu #main-column section.liste h2:not(.subheader) a,
#contenu #main-column section.liste h4:not(.subheader) a {
  color: #454545;
  text-decoration: none;
}
#contenu #main-column section .liste h2:not(.subheader) a:hover,
#contenu #main-column section .liste h4:not(.subheader) a:hover, #contenu #main-column section.liste h2:not(.subheader) a:hover,
#contenu #main-column section.liste h4:not(.subheader) a:hover {
  text-decoration: underline;
}
#contenu #main-column section .liste .element-inline:not(.last), #contenu #main-column section.liste .element-inline:not(.last) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
#contenu #main-column section .liste.equipes {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
#contenu #main-column section .liste.equipes .element-inline:not(.last) {
  border-bottom: none;
  margin-bottom: 0;
}
#contenu #main-column section .liste.equipes .element-inline {
  padding: 0.5rem !important;
}
#contenu #main-column section .liste.equipes .element-inline > div {
  background: #f5f5f5;
  padding: 0.5rem !important;
}
#contenu #main-column nav[aria-label=breadcrumb] {
  display: none;
}
#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 {
  background: rgba(240, 240, 240, 0.7);
  z-index: 2;
  margin-top: 45px;
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: 3px 3px 10px #999;
  overflow: hidden;
}
#contenu aside section h2 {
  border-top: 2px solid #5b5b5b;
  font-size: 1.2em;
  position: relative;
  margin: 30px 0;
}
#contenu aside section h2 span:not(.compteur) {
  display: inline-block;
  background: #f1f1f1;
  font-weight: bold;
  padding: 0 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#contenu aside section.filter ul {
  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: #333;
  text-decoration: none;
}
#contenu aside section.filter ul li::before {
  content: ">";
  width: 15px;
  height: 15px;
  background: var(--color2);
  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:hover a {
  background: var(--color2);
  color: var(--color1);
}
#contenu aside section.filter ul li:not(.not-hoverable):hover: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 {
  margin: 10px 0 16px 0;
  padding: 0;
  text-align: right;
}
#contenu .liste ul.buttons li {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  background: var(--color2);
  color: white !important;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  line-height: 32px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: normal !important;
}
#contenu .liste ul.buttons li a {
  color: white;
  text-decoration: none;
}
#contenu .liste ul.buttons li:hover {
  background-color: var(--color2-declined);
}

html.uppercasable #contenu #main-column p.infos-publications,
html.uppercasable #contenu #main-column section h2.subheader span,
html.uppercasable #contenu #main-column section h3.subheader span {
  text-transform: uppercase;
}

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

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

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

#contenu #main-column section .liste.membres h3,
#contenu #main-column section.liste.membres h3 {
  font-size: 1em;
  border-top: none;
}
#contenu #main-column section .liste.membres a,
#contenu #main-column section.liste.membres a {
  color: var(--color1);
}

html.uppercasable #contenu #main-column section h1 {
  text-transform: uppercase;
}
html.uppercasable #contenu #main-column section h2 {
  text-transform: uppercase;
}
html.uppercasable #contenu #main-column section h3.subheader {
  text-transform: uppercase;
}
html.uppercasable aside section h2 {
  text-transform: uppercase;
}

.liste.documents article {
  background: #e7e6e6;
}

.liste.album-photos,
.liste.album-videos {
  /* Pour annuler le px-0 à cause du fond gris */
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.liste.album-photos article,
.liste.album-videos article {
  background: #eee;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.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.evenements .element-inline,
.liste.prochains-evenements .element-inline,
.liste.convocations .element-inline {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.liste.evenements .element-inline:not(.punaise),
.liste.prochains-evenements .element-inline:not(.punaise),
.liste.convocations .element-inline:not(.punaise) {
  background: #f6f6f6;
}
.liste.evenements .element-inline.last,
.liste.prochains-evenements .element-inline.last,
.liste.convocations .element-inline.last {
  margin-bottom: 0;
}
.liste.evenements .element-inline section.date,
.liste.prochains-evenements .element-inline section.date,
.liste.convocations .element-inline section.date {
  padding-top: 20px;
}
.liste.evenements .element-inline section.date time,
.liste.prochains-evenements .element-inline section.date time,
.liste.convocations .element-inline section.date time {
  height: 187px;
}
.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 {
  margin: 0 auto;
}
.liste.evenements .element-inline .illustration,
.liste.prochains-evenements .element-inline .illustration,
.liste.convocations .element-inline .illustration {
  padding-top: 20px;
}
.liste.evenements .element-inline section.informations,
.liste.prochains-evenements .element-inline section.informations,
.liste.convocations .element-inline section.informations {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.liste.evenements .element-inline section.informations p a:not(:hover),
.liste.prochains-evenements .element-inline section.informations p a:not(:hover),
.liste.convocations .element-inline section.informations p a:not(:hover) {
  text-decoration: none;
}
.liste.evenements .element-inline section.informations p em,
.liste.prochains-evenements .element-inline section.informations p em,
.liste.convocations .element-inline section.informations p em {
  color: var(--bs-heading-color);
}
.liste.evenements .element-inline section.informations p em a:not(:hover),
.liste.prochains-evenements .element-inline section.informations p em a:not(:hover),
.liste.convocations .element-inline section.informations p em a:not(:hover) {
  color: var(--bs-heading-color);
}

.liste.actualites > div > .row > .col-12 {
  margin-bottom: 3rem;
}
.liste.actualites .date-month-container {
  width: 100px;
  float: left;
}
.liste.actualites .date-month-container .greydatecontainer {
  position: relative;
  width: 100%;
  height: 100px;
  font-size: 1.3em;
}
.liste.actualites .date-month-container .greydatecontainer .greydate {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.liste.actualites .date-month-container .greydatecontainer .greydate strong {
  display: block;
  color: #a9a9a9;
  font-size: 1.5em;
  text-align: center;
}
.liste.actualites .date-month-container .greydatecontainer .greydate em {
  display: block;
  color: white;
  background: #a9a9a9;
  font-size: 1.4em;
  text-align: center;
  font-weight: bold;
}
.liste.actualites .with-date-month-container {
  width: calc(100% - 100px);
  float: right;
}
.liste.actualites .date-day-container {
  width: 110px;
  height: 100px;
  float: left;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .liste.actualites .date-day-container {
    width: 45px;
  }
}
.liste.actualites .date-day-container .jour {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.liste.actualites .date-day-container .jour strong {
  font-weight: bold;
  font-size: 1.4em;
  border: 1px solid #dfe0e0;
  padding: 4px;
  background: white;
  position: relative;
}
.liste.actualites .with-date-day-container {
  width: calc(100% - 110px);
  float: right;
}
@media screen and (max-width: 767px) {
  .liste.actualites .date-month-container {
    width: 100%;
    height: auto;
    border-top: 2px solid #5b5b5b;
    font-size: 1.4em;
    position: relative;
    margin: 30px 0;
    float: none;
  }
  .liste.actualites .date-month-container .greydatecontainer {
    height: auto;
  }
  .liste.actualites .date-month-container .greydatecontainer .greydate {
    display: inline-block;
    background: white;
    font-weight: bold;
    padding: 0 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .liste.actualites .date-month-container .greydatecontainer .greydate strong {
    display: inline;
    color: #383838;
    font-size: 1em;
  }
  .liste.actualites .date-month-container .greydatecontainer .greydate em {
    display: inline;
    color: #383838;
    background: white;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
  }
  .liste.actualites .with-date-month-container {
    width: 100%;
    float: none;
  }
  .liste.actualites .with-date-day-container {
    width: calc(100% - 45px);
  }
}
.liste.actualites article {
  padding-left: 32px;
  border-left: 2px solid #adadad;
}
@media screen and (max-width: 767px) {
  .liste.actualites article {
    padding-left: 10px;
    border-left: 1px solid #adadad;
  }
}
.liste.actualites article > div {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #f1f0f0;
}
.liste.actualites article p.info {
  display: none;
}

html.uppercasable .liste.actualites .date-month-container .greydatecontainer .greydate strong {
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  html.uppercasable .liste.actualites .date-month-container .greydatecontainer.greydate {
    text-transform: uppercase;
  }
}

.liste.sections {
  margin: 10px -10px 20px;
}
.liste.sections .illustration {
  display: inline-block;
  width: 103px;
  height: 103px;
  color: #383838;
  background: #f0f0f0;
  text-decoration: none;
  text-align: center;
  margin: 15px 15px 15px 35px;
  padding: 16px;
}
.liste.sections .illustration:hover {
  background-color: #aaa;
}
@media screen and (max-width: 767px) {
  .liste.sections .illustration {
    display: none;
  }
}
.liste.sections h2 {
  font-weight: bold;
  font-size: 1.2em;
}
.liste.sections h2 a {
  text-align: center;
  padding: 16px;
  margin: 10px 0;
  color: #2a2a2a;
  text-decoration: none;
  display: inline-block;
  background: #f0f0f0;
}
.liste.sections h2 a:hover {
  background-color: #eee;
}
.liste.sections .info {
  margin: 10px 0;
  font-size: 0.8em;
}
.liste.sections .info a {
  text-decoration: none;
  color: #383838;
}
.liste.sections .info a:hover {
  text-decoration: underline;
}

html.uppercasable .liste.sections h2 a {
  text-transform: uppercase;
}

#barre-de-filtrage {
  display: flex;
  justify-content: center;
}
#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;
}

.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));
}

html.uppercasable #barre-de-filtrage SELECT, html.uppercasable #barre-de-filtrage INPUT, html.uppercasable #barre-de-filtrage .btn {
  text-transform: uppercase;
  font-size: 0.8em;
}

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

#contenu .chapo {
  font-size: 1.2em;
  font-weight: bold;
  clear: both;
}

#contenu #main-column section .detail.rubriques .fake-title h2.secondary-content,
#contenu #main-column section .detail.produits .fake-title h2.secondary-content {
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  color: var(--color1);
  border: none;
  margin-top: 2em;
  margin-bottom: 2em;
}
#contenu #main-column section .detail.rubriques .fake-title h2.secondary-content span,
#contenu #main-column section .detail.produits .fake-title h2.secondary-content span {
  padding: none;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  padding: none;
  background: unset;
  white-space: unset;
}
#contenu #main-column section .detail.rubriques .fake-title h2.secondary-content dl[itemProp=priceSpecification],
#contenu #main-column section .detail.produits .fake-title h2.secondary-content dl[itemProp=priceSpecification] {
  margin: 0;
  padding: 0;
}
#contenu #main-column section .detail.rubriques #main-content dl[itemProp=priceSpecification],
#contenu #main-column section .detail.produits #main-content dl[itemProp=priceSpecification] {
  display: none;
}
#contenu #main-column section .detail.rubriques dl[itemProp=priceSpecification],
#contenu #main-column section .detail.produits dl[itemProp=priceSpecification] {
  font-style: italic;
  font-size: 0.8em;
}
#contenu #main-column section .detail.rubriques dl[itemProp=priceSpecification] strong,
#contenu #main-column section .detail.produits dl[itemProp=priceSpecification] strong {
  text-transform: lowercase;
  font-weight: normal;
}
#contenu #main-column section .detail.rubriques .liste.produits article section:not(.no-vertical-center),
#contenu #main-column section .detail.rubriques .liste.produits-complementaires article section:not(.no-vertical-center),
#contenu #main-column section .detail.produits .liste.produits article section:not(.no-vertical-center),
#contenu #main-column section .detail.produits .liste.produits-complementaires article section:not(.no-vertical-center) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#contenu #main-column section .detail.contact {
  margin-top: 75px;
}
#contenu #main-column section .detail.contact #main-content .coordonnees {
  text-align: center;
}
#contenu #main-column section .detail.contact #main-content H2 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
  font-size: 1.8em;
  color: #424242;
}
#contenu #main-column section .detail.contact #main-content .adr {
  text-align: center;
  font-size: 1em;
}
#contenu #main-column section .detail.contact #main-content P {
  text-align: center;
  margin-top: 25px;
  font-size: 0.9em;
}
#contenu #main-column section .detail.contact #main-content .description {
  text-align: left;
  font-size: 0.9em;
  max-width: 500px;
  margin: 0 auto;
}
#contenu #main-column section .detail.contact #main-content .description P {
  text-align: left;
  font-size: 1em;
  margin: 5px 0;
}
#contenu #main-column section .detail.contact #formulaire_page {
  margin: 50px 0 20px 0;
}
#contenu #main-column section .detail.contact #formulaire_page H2 {
  font-size: 1.2em;
  margin-top: -10px;
  margin-bottom: 25px;
  font-weight: bold;
  text-align: center;
  color: #424242;
}
#contenu #main-column section .detail.contact #formulaire_page H2 SPAN {
  background: white;
  padding: 0 10px;
}
#contenu #main-column section .detail.contact #formulaire_page .inner-contact {
  max-width: 450px;
  margin: 0 auto;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite {
  text-align: justify;
  clear: both;
  background: #f0f0f0;
  color: #777;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite p {
  margin: 10px 0;
  text-align: left;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite ul {
  margin-left: 20px;
  padding: 0;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite ul li {
  list-style: disclosure-closed;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite a {
  color: #777;
}
#contenu #main-column section .detail.contact #formulaire_page .finalite label {
  display: inline !important;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

html.uppercasable #contenu #main-column section .detail.contact #main-content h2, html.uppercasable #contenu #main-column section .detail.contact #main-content .adr {
  text-transform: uppercase;
}

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

#contenu h1, #contenu .fauxH1 { text-transform: uppercase; text-align:center; font-size: 1.8em;  margin: 30px 0; font-weight: bold; }
#contenu h1.smaller { text-align: left; font-size: 1.3em; margin: 30px 0; }
#contenu h1 .fa-rss { 
	color: white;
	background: #aaa;
	padding: 2px 3px;
	font-size: 15px;
	vertical-align: middle;
}

#contenu h1 .fa-calendar-plus { 
	color: white;
	background: #aaa;
	padding: 2px 3px;
	font-size: 15px;
	vertical-align: middle;
	margin-left: 5px;
}

.noprint.printbutton {
	position: absolute;
	right: 0;
	top: 0;
	color: #777;
}


#contenu .description 	{ clear: both; margin-top: 25px; padding-bottom: 40px; color:#444; line-height: 1.4em; }

#contenu .description figure.illustration {
    float: right;
    margin: 0 0 10px 10px;
    min-width: 40px;
    min-height: 40px;
    position: relative;
}

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

.description P { margin: 20px 0; text-align: justify; }
.description UL { margin: 20px 0; text-align: justify; }
.description A:not(.btn) { text-decoration: underline; color:#444; }
.description h1 {    font-size: 1.6em; color: #444;	}
.description h2 {    font-size: 1.4em; color: #444;	}
.description h3 {    font-size: 1.2em; color: #444;	}
.description h4 {    font-size: 1.1em; color: #444;	}
.description h5 {    font-size: 1.1em; color: #444;	}
.description h6 {    font-size: 1em; color: #444;	}
.description ul {    list-style-type: disc;	margin: 20px;	}
.description ol {    list-style: decimal outside none;	margin: 20px;	}
.description strong {	font-weight: bold; }
.description em {		font-style: italic;	}
.description address {	font-style: italic;		margin: 3px;	}
.description pre {		font-family: "Courier New",Courier,monospace;	margin: 1em 2em;	overflow: auto;	padding: 0.5em;	white-space: nowrap; }
.description a.fancybox { float: right; margin: 0 0 10px 10px; max-width: 40%; }
.description a.big-illustration { display: block; margin: 0 auto; width: 50%; text-align: center; max-height: 350px; }
.description table thead th { position: sticky; top: 0; background: #eee; }
.description #cerfa table thead th { position: unset; }

@media screen and (max-width : 767px) {
	#contenu .description 	{ margin-top: 15px; padding-bottom: 20px; }
}
*/
/*******************************************************************/
/*        Composant Equipes                                        */
/*******************************************************************/
#contenu .detail span[itemprop=audience] {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}

span[itemprop=audience] {
  font-family: "Open Sans Bold", sans-serif;
  line-height: 22px;
  font-size: 0.8em;
}
span[itemprop=audience] .fa-users {
  color: #aaa;
  margin-right: 5px;
  font-size: 1.2em;
  vertical-align: text-top;
}
span[itemprop=audience] a {
  display: inline-block;
  color: #383838;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #c9c7c7;
  padding: 0 6px;
  vertical-align: top;
  margin-right: 5px;
  background: white;
}
span[itemprop=audience] a:hover {
  background: #f5f5f5;
}
span[itemprop=audience] span {
  display: inline-block;
  color: #383838;
  text-transform: uppercase;
  border: 1px solid transparent;
  padding: 0 6px;
  vertical-align: top;
  margin-right: 5px;
}

/*******************************************************************/
/*        Composant Contenus associés                              */
/*******************************************************************/
#contenu #main-column section section#contenus-associes {
  background: #ebeff4;
  padding: 1px 40px;
  margin: 0 -40px;
  width: calc(100% + 80px);
}
#contenu #main-column section section#contenus-associes .documents,
#contenu #main-column section section#contenus-associes .photos,
#contenu #main-column section section#contenus-associes .videos {
  margin: 25px 0;
}
#contenu #main-column section section#contenus-associes .liste.documents article {
  background: #ebeff4;
  margin: 0 0 10px 0;
}
#contenu #main-column section section#contenus-associes .liste.documents article section {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section section#contenus-associes {
    padding: 1px 10px;
    margin: 0 -20px;
    font-size: 0.8em;
    width: calc(100% + 40px);
  }
  #contenu #main-column section section#contenus-associes .documents, #contenu #main-column section section#contenus-associes .photos, #contenu #main-column section section#contenus-associes .videos {
    margin: 10px 0;
  }
}
#contenu #main-column section section#contenus-associes h2.secondary-content {
  font-size: 1.2em;
  color: #626262;
  font-weight: normal;
  margin-bottom: 25px;
  border: none;
}
#contenu #main-column section section#contenus-associes h2.secondary-content span {
  display: inline;
  background: none;
  font-weight: normal;
  padding: 0;
  position: relative;
  top: unset;
  left: unset;
  transition: unset;
}
#contenu #main-column section section#contenus-associes h3 {
  color: #626262;
  font-size: 1.2em;
  padding-bottom: 15px;
  font-weight: bold;
}
#contenu #main-column section section#contenus-associes p {
  color: #626262;
  font-size: 1em;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
#contenu #main-column section section#contenus-associes .documents h2 {
  text-align: center;
  margin-bottom: 0;
}
#contenu #main-column section section#contenus-associes .documents ol {
  display: block;
  margin-top: 50px;
  list-style: none;
}
#contenu #main-column section section#contenus-associes .documents li {
  max-width: 350px;
  margin: 0 auto;
}
#contenu #main-column section section#contenus-associes .documents h3 {
  color: #373636;
  font-size: 1.1em;
  text-transform: none;
  font-weight: normal;
}
#contenu #main-column section section#contenus-associes .documents p {
  margin-bottom: 0;
}
#contenu #main-column section section#contenus-associes .document_extension {
  display: block;
  width: 73px;
  height: 103px;
  background: url(/images/common/document-extension.png);
  font-family: "Open Sans Bold", sans-serif;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 103px;
  float: left;
  margin-right: 27px;
}
#contenu #main-column section section#contenus-associes .closed {
  display: none;
}
#contenu #main-column section section#contenus-associes .envoirplus {
  font-weight: normal;
  font-size: 0.7em;
  color: #777;
  cursor: pointer;
}

html.uppercasable #contenu #main-column section section#contenus-associes h2.secondary-content {
  text-transform: uppercase;
}
html.uppercasable #contenu #main-column section section#contenus-associes h3 {
  text-transform: uppercase;
}

/*******************************************************************/
/*        Modules                                                  */
/*******************************************************************/
.module {
  margin: 55px 0;
  clear: both;
}

.module h2 {
  font-size: 1.2em;
  color: #626262;
  font-weight: normal;
  margin-bottom: 25px;
  border-bottom: 1px solid #cac8c7;
}

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

.module#forum h2:not(.main) {
  text-transform: none;
  font-size: 1.4em;
  color: #444;
  margin-bottom: 8px;
  border-bottom: none;
}

.module .info {
  font-weight: normal;
  font-size: 0.8em;
  text-transform: none;
}

.module .info a {
  color: #4a4a3e;
  text-decoration: none;
}

.module .info a:hover {
  text-decoration: underline;
}

.module.fond_gris {
  margin: 25px -40px;
  padding: 25px 40px;
  background: #f2f2f2;
}

#contenu #main-column .module.fond_gris h2.secondary-content,
#contenu #main-column .module.fond_gris h3.secondary-content {
  color: #444;
  border-top-color: #444;
}
#contenu #main-column .module.fond_gris h2.secondary-content span:not(.compteur),
#contenu #main-column .module.fond_gris h3.secondary-content span:not(.compteur) {
  background-color: #f2f2f2;
}

.module.ultra_large {
  margin: 0 calc(-500% - 52px);
  padding: 0 500%;
}

.module.ultra_large .contenu {
  margin-left: -500%;
  padding-left: 500%;
}

@media screen and (max-width: 767px) {
  .module.fond_gris {
    margin: 10px -10px;
    padding: 10px;
  }
  .module.ultra_large {
    margin: 0 calc(-500% - 10px);
  }
}
#contenu #main-column .ongletpanel section.widget:not(.incontent) {
  margin: 25px -12px 0;
}
#contenu #main-column .ongletpanel section.widget:not(.incontent).widget_a_la_une .carousel {
  border: none;
}
#contenu #main-column .ongletpanel .module.fond_gris,
#contenu #main-column .ongletpanel section.widget.fond_gris:not(.incontent) {
  margin: 25px -12px 0;
  padding: 25px 52px;
  background: #f2f2f2;
}
@media screen and (max-width: 767px) {
  #contenu #main-column .ongletpanel .module.fond_gris,
  #contenu #main-column .ongletpanel section.widget.fond_gris:not(.incontent) {
    margin: 10px -10px;
    padding: 10px;
  }
}
#contenu #main-column .ongletpanel .bouton_panier {
  width: calc(100% + 24px);
  margin: 0 -12px;
}

/*******************************************************************/
/*        Evènements                                               */
/*******************************************************************/
#participants .module {
  overflow: auto;
}

#informations_evenement .resultat_score header {
  display: none !important;
}

html.uppercasable #contenu #main-column section #informations_evenement h2 {
  text-transform: uppercase;
}
html.uppercasable #contenu #main-column section #informations_evenement p.info {
  text-transform: uppercase;
}

#contenu #main-column section #informations_evenement {
  margin: 25px -40px;
  padding: 25px 40px;
  background: #f2f2f2;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section #informations_evenement {
    margin: 10px -10px;
    padding: 10px;
  }
}
#contenu #main-column section #informations_evenement h2 {
  text-align: center;
  font-weight: bold;
  border: none;
  margin-bottom: 0;
  font-size: 1.2em;
  color: #626262;
}
#contenu #main-column section #informations_evenement h2 span {
  display: inline;
  background: unset;
  position: unset;
  transform: unset;
  padding: unset;
  font-weight: normal;
}
#contenu #main-column section #informations_evenement h2.secondary-content {
  display: none;
}
#contenu #main-column section #informations_evenement p {
  text-align: center;
}
#contenu #main-column section #informations_evenement p.info a {
  color: #4a4a3e;
  text-decoration: none;
}
#contenu #main-column section #informations_evenement .resultat_score {
  font-size: 2em;
  text-align: center;
  margin: 10px 0;
}
#contenu #main-column section #informations_evenement .resultat_score div > * {
  display: inline-block;
  vertical-align: middle;
}
#contenu #main-column section #informations_evenement .resultat_score .logo {
  width: 12%;
  height: 130px;
  position: relative;
}
#contenu #main-column section #informations_evenement .resultat_score .logo img {
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contenu #main-column section #informations_evenement .resultat_score .score {
  margin: 0 10px;
}
#contenu #main-column section #informations_evenement .resultat_score .opposant {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section #informations_evenement .resultat_score .opposant {
    font-size: 0.5em;
  }
}
#contenu #main-column section #informations_evenement .resultat_score .adversaire {
  color: #838383;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section #informations_evenement .resultat_score.avec-logo .opposant {
    display: none;
  }
}
#contenu #main-column section #informations_evenement .resultat_libelle {
  font-size: 2em;
  font-style: italic;
  margin: 30px 0;
  text-align: center;
}

#infos_covoiturage h2,
#resultat_commentaire h2,
#participants h2 {
  font-weight: bold;
}

#resultats_individuels,
.resultats_individuels {
  margin: 20px 0;
  clear: both;
  padding-bottom: 20px;
}
#resultats_individuels h2,
.resultats_individuels h2 {
  font-weight: bold;
}
#resultats_individuels ul,
.resultats_individuels ul {
  margin: 15px -20px -20px -20px;
}
#resultats_individuels li,
.resultats_individuels li {
  display: inline-block;
  background: #eeeeee;
  margin: 20px;
  padding: 5px;
  white-space: nowrap;
}
#resultats_individuels li img,
.resultats_individuels li img {
  width: 30px;
}
#resultats_individuels li strong,
.resultats_individuels li strong {
  font-weight: bold;
}
#resultats_individuels li a,
.resultats_individuels li a {
  color: var(--color1);
  text-decoration: none;
}
#resultats_individuels li a:hover,
.resultats_individuels li a:hover {
  text-decoration: underline;
}

.resultats_individuels ul {
  padding-bottom: 20px;
}

#section_covoiturage {
  background: white none repeat scroll 0 0;
  border: 1px solid #bbb;
  padding: 10px;
}
#section_covoiturage .adresse {
  margin: 10px;
}
#section_covoiturage strong {
  font-weight: bold;
}
#section_covoiturage hr {
  border: 1px solid #bbb;
  height: 0;
}

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

html.uppercasable #infos_covoiturage h2,
html.uppercasable #resultat_commentaire h2,
html.uppercasable #participants h2,
html.uppercasable #resultats_individuels h2,
html.uppercasable .resultats_individuels h2 {
  text-transform: uppercase;
}

/*******************************************************************/
/*        Boutons                                                  */
/*******************************************************************/
/*


.bouton_orange, .bouton_rouge, .bouton_vert, .bouton_gris, .bouton_bleu_clair, .bouton_couleur1, .bouton_couleur2 { display: inline-block; font-family:"Open Sans", sans-serif; background: #e3921f; color: white !important; border:0; border-radius: 0; text-decoration: none; text-transform: uppercase; line-height: 32px; padding: 0 15px; font-size: 12px; font-weight: normal !important; }
.bouton_orange { background: #e3921f !important; }
.bouton_rouge { background: #c4242b !important; }
.bouton_vert { background: #24c428 !important; }
.bouton_bleu_clair { background: #1892e0 !important; }
.bouton_gris { background: #bababa !important; }

.bouton_detail { text-align:right; margin-top: 20px; }

.bouton_vert[disabled=disabled], .bouton_vert.disabled { background:#a0a0a0 !important; color:#666 !important; border-color: #777 !important; text-shadow: none !important; }


.bouton_rouge:hover, .bouton_vert:hover, .bouton_bleu:hover, 
.ui-button.bouton_rouge:hover, .ui-button.bouton_vert:hover, .ui-button.bouton_bleu:hover, .ui-button[disabled="disabled"]:hover,  .ui-button.disabled:hover
{
    border:0;
}

@media screen and (max-width : 767px) {
	.bouton_orange, .bouton_bleu_clair, .bouton_gris, .bouton_couleur1, .bouton_couleur2 { font-size: 10px; }
}

#recherche_filtre { vertical-align:top; border: 1px solid #c0c0c0; padding-bottom: 1px  }
#recherche_filtre input { width: calc(100% - 26px); border: none; background:white; color: #9a9a9a; padding: .2rem .75rem; }
#recherche_filtre button { width: 26px; height: 23px; border: none; background: white; color: #777 }


*/
/*******************************************************************/
/*        Widgets                                                  */
/*******************************************************************/
.box1 {
  fill: var(--color2);
}

.box2 {
  fill: var(--color1);
}

#contenu #main-column section.widget:not(.incontent),
#contenu aside section.widget:not(.incontent) {
  margin: 0 0 20px 0;
  position: relative;
}
#contenu #main-column section.widget:not(.incontent) .inner,
#contenu aside section.widget:not(.incontent) .inner {
  padding-top: 0;
  min-height: unset;
}
#contenu #main-column section.widget:not(.incontent) header h2.secondary-content,
#contenu aside section.widget:not(.incontent) header h2.secondary-content {
  border-top: 0;
  border-bottom: 1px solid black;
  padding: 17px 0;
  margin-bottom: 20px;
  font-size: 1.2em;
  color: var(--color2);
  font-weight: normal;
}
#contenu #main-column section.widget:not(.incontent) header h2.secondary-content span:not(.compteur),
#contenu aside section.widget:not(.incontent) header h2.secondary-content span:not(.compteur) {
  position: relative;
  top: 0;
  left: 0;
  transform: unset;
  background: unset;
  padding: unset;
}
#contenu #main-column section.widget:not(.incontent).fond_gris,
#contenu aside section.widget:not(.incontent).fond_gris {
  margin: 0 -40px;
  padding: 10px 40px;
  background: #f2f2f2;
}
#contenu #main-column section.widget:not(.incontent).ultra_large,
#contenu aside section.widget:not(.incontent).ultra_large {
  margin: 0 calc(-500% - 40px);
  padding: 0 500%;
  background: var(--color2);
}
@media screen and (max-width: 767px) {
  #contenu #main-column section.widget:not(.incontent).ultra_large,
  #contenu aside section.widget:not(.incontent).ultra_large {
    margin: 0 calc(-500% - 20px);
  }
}
#contenu #main-column section.widget:not(.incontent).ultra_large .content,
#contenu aside section.widget:not(.incontent).ultra_large .content {
  margin-left: -500%;
  padding-left: 500%;
  background: var(--color1);
}
#contenu #main-column section.widget:not(.incontent):first-child header h2.secondary-content,
#contenu aside section.widget:not(.incontent):first-child header h2.secondary-content {
  margin-top: 0;
}

html.uppercasable #contenu #main-column section.widget:not(.incontent) header h2.secondary-content,
html.uppercasable #contenu aside section.widget:not(.incontent) header h2.secondary-content {
  text-transform: uppercase;
}

#contenu .with-left-aside #main-column section.widget.ultra_large {
  margin: 0 calc(-500% - 40px) 0 calc(-500% - 10px);
}

#contenu .with-right-aside #main-column section.widget.ultra_large {
  margin: 0 calc(-500% - 10px) 0 calc(-500% - 40px);
}

@media (min-width: 992px) {
  #contenu .with-right-aside #main-column section.widget.fond_gris {
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  #contenu .with-right-aside #main-column section.widget.ultra_large {
    margin: 0 calc(-500% - 10px);
  }
  #contenu .with-right-aside aside section.widget.fond_gris {
    margin-right: -40px;
    padding-right: 40px;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  #contenu .with-left-aside #main-column section.widget.fond_gris {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  #contenu .with-left-aside #main-column section.widget.ultra_large {
    margin: 0 calc(-500% - 10px);
  }
  #contenu .with-left-aside aside section.widget.fond_gris {
    margin-left: -40px;
    padding-left: 40px;
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
}
/* Evenements */
.widget_evenement.grand_widget .event-inner {
  width: 87%;
  max-width: 1148px;
  margin: 0 auto;
}
.widget_evenement.grand_widget .event-inner > div.container-fluid > div > div {
  align-content: center;
}
.widget_evenement.grand_widget section.date {
  display: inline-block;
  color: var(--color2);
  font-weight: bold;
  width: 75px;
  position: relative;
  height: 80px;
  vertical-align: top;
}
.widget_evenement.grand_widget section.date > span {
  display: block;
  width: 75px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.widget_evenement.grand_widget section.date .j {
  display: block;
  font-size: 2em;
}
.widget_evenement.grand_widget section.date .m {
  display: block;
}
.widget_evenement.grand_widget .informations {
  display: inline-flex;
  min-height: 80px;
  width: calc(100% - 90px);
  position: relative;
}
.widget_evenement.grand_widget .informations > span:not([itemprop=audience]) {
  align-self: center;
  max-width: 100%;
}
.widget_evenement.grand_widget .informations h3 {
  font-weight: bold;
  color: #414137;
  font-size: 1.1em;
  margin-bottom: 0;
}
.widget_evenement.grand_widget .informations h4 {
  color: #414137;
  margin-bottom: 0;
  font-size: 1.2em;
}
.widget_evenement.grand_widget .informations p {
  color: #414137;
  font-size: 0.8em;
  margin-bottom: 0;
}
.widget_evenement.grand_widget .informations a {
  text-decoration: none;
  color: #414137;
}
.widget_evenement.grand_widget .informations a:hover {
  text-decoration: underline;
}
.widget_evenement.grand_widget .resultats {
  min-height: 80px;
  position: relative;
  min-height: 80px;
  display: flex;
  align-content: center;
}
.widget_evenement.grand_widget .resultats p.description {
  align-self: center;
  line-height: 1.3em;
}
.widget_evenement.grand_widget .resultat_score {
  font-size: 1.4em;
  min-height: 80px;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.widget_evenement.grand_widget .resultat_score > * {
  display: inline-block;
  align-self: center;
}
.widget_evenement.grand_widget .resultat_score .logo {
  width: 12%;
  height: 80px;
  position: relative;
}
.widget_evenement.grand_widget .resultat_score .logo img {
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget_evenement.grand_widget .resultat_score .logo .opposant {
  margin: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 40%;
  text-overflow: ellipsis;
  max-width: calc(47% - 20px);
}
.widget_evenement.grand_widget .resultat_score.avec-logo .opposant {
  max-width: calc(35% - 20px);
}
.widget_evenement.grand_widget .resultat_score .separateur {
  width: 6%;
  text-align: center;
}
.widget_evenement.grand_widget .resultat_score .adversaire {
  color: #838383;
}
.widget_evenement.petit_widget h3 {
  font-size: 1.1rem;
}
.widget_evenement.petit_widget h3 a {
  color: var(--color1);
  text-decoration: none;
  font-weight: bold;
}
.widget_evenement.petit_widget p {
  font-size: 1rem;
  margin-bottom: 5px;
}
.widget_evenement.petit_widget p a {
  color: var(--color1);
  text-decoration: none;
}

html.uppercasable .widget_evenement.grand_widget section.date {
  text-transform: uppercase;
}
html.uppercasable .widget_evenement.grand_widget .informations h3,
html.uppercasable .widget_evenement.grand_widget .informations h4 {
  text-transform: uppercase;
}
html.uppercasable .petit_widget.widget_evenement h3 {
  text-transform: uppercase;
}

/* Calendrier */
.widget_calendrier.grand_widget header {
  margin-bottom: 0 !important;
}
.widget_calendrier.grand_widget header h2 {
  margin-bottom: 0 !important;
}
.widget_calendrier.grand_widget .content {
  padding-top: 20px;
  background: #f4f4f4;
}
.widget_calendrier.incontent .content {
  margin-top: 40px;
}
.widget_calendrier .content {
  padding: 1rem;
}
.widget_calendrier .content h3 {
  font-weight: bold;
  font-size: 1.2em;
  color: #a8a7a7;
}
.widget_calendrier .content article {
  background: #f4f4f4;
}
.widget_calendrier .content article .date_evenement {
  text-align: center;
  font-weight: bold;
  color: #838383;
}
.widget_calendrier .content article .date_evenement .jour_evenement {
  font-size: 2em;
}
.widget_calendrier .content article h4 {
  font-size: 1.1rem;
}
.widget_calendrier .content article h4 a {
  color: #454545 !important;
  text-decoration: none;
}
.widget_calendrier .content article p {
  margin-bottom: 0;
  color: #838383;
}

html.uppercasable .widget_calendrier h3, html.uppercasable .widget_calendrier h4, html.uppercasable .widget_calendrier P {
  text-transform: uppercase;
}
html.uppercasable .widget_calendrier.grand_widget .content article .date_evenement .mois_evenement {
  text-transform: uppercase;
}

/* Reseau */
.widget_reseau h3.separateur {
  border-top: 1px solid #ddd;
  font-size: 1.2em;
  position: relative;
  margin: 30px 0;
}
.widget_reseau h3.separateur span {
  display: inline-block;
  background: white;
  font-weight: bold;
  padding: 0 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: var(--color2);
}
.widget_reseau .more_link {
  top: 10px;
}
.widget_reseau .liste.evenements .element-inline {
  background: none;
}
.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 h4 {
  font-size: 1.1rem;
}
.widget_reseau h4 a {
  color: var(--color1);
  text-decoration: none;
  font-weight: bold;
}
.widget_reseau p.text-muted {
  font-size: 0.8em;
  color: #969696 !important;
}
.widget_reseau p.text-muted a {
  color: var(--color1) !important;
}
.widget_reseau.petit_widget h3.separateur span {
  padding: 0 15px;
  background: #f1f1f1;
}

html.uppercasable .widget_reseau h3.separateur span {
  text-transform: uppercase;
}

/* Application Mobile */
.widget_app_mobile.petit_widget .content {
  padding-bottom: 10px;
}
.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;
}

html.uppercasable .widget_app_mobile h3,
html.uppercasable .widget_app_mobile h4 {
  text-transform: uppercase;
}

/* Facebook */
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris {
  padding-top: 20px;
  padding-bottom: 20px;
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris .box {
  max-width: 626px;
  margin: 0 auto;
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris .box-title-container {
  position: relative;
  height: 122px;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris .box-title-container {
    height: auto;
  }
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris .box-title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris .box-title {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h2 {
  border: none;
  padding: 0;
  margin: 0 60px 20px 0;
  font-weight: normal;
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h2 span {
  white-space: normal;
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h2 strong {
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h2 {
    text-align: center;
    margin: 10px;
  }
  #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h2 strong {
    display: inline;
  }
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h3 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h3 {
    text-align: center;
    margin: 10px;
  }
}
#contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h3 img {
  vertical-align: middle;
}

html.uppercasable #contenu #main-column section.widget.grand_widget.widget_facebook.fond_gris h3 {
  text-transform: uppercase;
}

/* Inscription */
.widget_inscription {
  padding-top: 30px !important;
}
.widget_inscription h2 {
  border: none !important;
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 1.2em;
  color: var(--color2);
}
.widget_inscription h2 strong {
  color: var(--color1);
}
.widget_inscription h2 em {
  display: block;
  font-weight: normal;
  font-size: 0.7em;
}
.widget_inscription p {
  text-align: center;
}

/* Newsletter */
.widget_newsletter.fond_gris {
  padding-top: 30px;
  padding-bottom: 30px;
}
.widget_newsletter h2 {
  border: none !important;
  padding: 0;
  margin: 0 !important;
  font-weight: normal;
  font-size: 1.2em;
  margin-bottom: 10px;
  color: var(--color2);
}
@media screen and (max-width: 1023px) {
  .widget_newsletter h2 {
    text-align: center;
  }
}
.widget_newsletter h2 strong {
  font-weight: bold;
}
.widget_newsletter .formulaire_newsletter {
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .widget_newsletter .formulaire_newsletter {
    text-align: center;
  }
}
.widget_newsletter .newsletters {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #797979;
}
@media screen and (max-width: 767px) {
  .widget_newsletter .newsletters {
    margin-top: 20px;
  }
}
.widget_newsletter .newsletters h3 {
  display: none;
}
.widget_newsletter .newsletters article {
  background: #fbfafa;
  padding: 10px;
  margin: 5px 0 5px 5px;
}
.widget_newsletter .newsletters article p {
  display: inline-block;
  padding: 0 20px;
}
.widget_newsletter .newsletters article p span {
  font-weight: bold;
  color: #003452;
}
.widget_newsletter .newsletters article h4 {
  display: inline-block;
  font-size: 1.3rem;
}
.widget_newsletter .newsletters article h4 a {
  color: #303030;
  text-decoration: none;
}
.widget_newsletter .newsletters article h4 a:hover {
  text-decoration: underline;
}
.widget_newsletter .more_link {
  position: relative;
  top: auto;
  right: auto;
  margin-top: 10px;
}

/* Recherche */
.widget_recherche.fond_gris {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* News */
html.uppercasable .widget_actualite.grand_widget > div article.actualite .info {
  text-transform: uppercase;
}
html.uppercasable .widget_actualite.grand_widget > div article.actualite h3 {
  text-transform: uppercase;
}
html.uppercasable .widget_actualite.grand_widget > div .liste h3 {
  text-transform: uppercase;
}

.widget_actualite.grand_widget > div .colonne1 {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .widget_actualite.grand_widget > div .colonne1 {
    margin-right: 0;
  }
}
.widget_actualite.grand_widget > div .colonne2 {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .widget_actualite.grand_widget > div .colonne2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.widget_actualite.grand_widget > div article.actualite .info {
  font-size: 0.8em;
  padding: 10px 0;
  color: #8f8f8f;
  margin-bottom: 0;
}
.widget_actualite.grand_widget > div article.actualite .info a {
  color: #8f8f8f;
  text-decoration: none;
}
.widget_actualite.grand_widget > div article.actualite .info a:hover {
  text-decoration: underline;
}
.widget_actualite.grand_widget > div article.actualite .date {
  color: #575757;
}
.widget_actualite.grand_widget > div article.actualite h3 {
  font-size: 1.3em;
  margin-bottom: 20px;
}
.widget_actualite.grand_widget > div article.actualite h3 a {
  color: #003452;
  text-decoration: none;
}
.widget_actualite.grand_widget > div article.actualite h3 a:hover {
  text-decoration: underline;
}
.widget_actualite.grand_widget > div article.actualite .entry-content {
  color: #636363;
  font-size: 1em;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .widget_actualite.grand_widget > div .liste {
    margin-top: 20px;
  }
}
.widget_actualite.grand_widget > div .liste h3 {
  background: #efefef;
  color: #303030;
  font-weight: normal;
  font-size: 1em;
  padding: 5px;
}
.widget_actualite.grand_widget > div .liste article {
  border-bottom: 1px solid #d1d1d1;
  padding: 10px 5px;
  font-size: 0.8em;
}
.widget_actualite.grand_widget > div .liste article p {
  display: inline-block;
  padding-right: 12px;
  margin: 0;
  vertical-align: top;
}
.widget_actualite.grand_widget > div .liste article p span {
  font-weight: bold;
  color: var(--color2);
}
.widget_actualite.grand_widget > div .liste article h4 {
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  max-width: calc(100% - 55px);
}
.widget_actualite.grand_widget > div .liste article h4 a {
  color: #303030;
  text-decoration: none;
}
.widget_actualite.grand_widget > div .liste article h4 a:hover {
  text-decoration: underline;
}
.widget_actualite.petit_widget article {
  margin-bottom: 20px;
}
.widget_actualite.petit_widget h3 {
  font-size: 1.1rem;
}
.widget_actualite.petit_widget h3 a {
  color: var(--color1);
  text-decoration: none;
  font-weight: bold;
}

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

.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 {
  text-align: center;
}
.widget_reservations.petit_widget a.tickets {
  color: #777;
  font-size: 0.9em;
  text-decoration: none;
}
.widget_reservations.petit_widget .infos_creneau {
  font-size: 1.2em;
}
.widget_reservations.grand_widget h2 {
  font-size: 1.3em;
  font-weight: bold;
  border: none;
  color: #3b444b;
  padding-bottom: 0;
}
.widget_reservations.grand_widget h2 em {
  text-transform: none;
  font-size: 0.7em;
  font-weight: normal;
}
.widget_reservations.grand_widget h2 em a {
  color: #3b444b;
  text-decoration: none;
  margin-left: 20px;
}
.widget_reservations.grand_widget h2 em a:hover {
  text-decoration: underline;
}
.widget_reservations.grand_widget select {
  width: 90%;
}
@media screen and (max-width: 1023px) {
  .widget_reservations.grand_widget select {
    width: 95%;
  }
}
@media screen and (max-width: 567px) {
  .widget_reservations.grand_widget select {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .widget_reservations.grand_widget #sel_cat {
    text-align: right;
  }
}
.widget_reservations.grand_widget P {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 0;
}
.widget_reservations.grand_widget P strong {
  font-weight: bold;
}
.widget_reservations.grand_widget button {
  float: right;
}
.widget_reservations.grand_widget .infos_creneau p {
  font-size: 1.2em;
  margin-top: 0;
}

html.uppercasable .widget_reservations.grand_widget h2 {
  text-transform: uppercase;
}

.widget_partenaire.petit_widget h3 {
  margin: 10px 0;
  font-size: 1.2rem;
}
.widget_partenaire.petit_widget h3 a {
  color: #575757;
  text-decoration: none;
}
.widget_partenaire.petit_widget h3 a:hover {
  text-decoration: underline;
}
.widget_partenaire.petit_widget .carousel-inner {
  padding-top: 30px;
  padding-bottom: 40px;
  color: #555;
}
.widget_partenaire.petit_widget .carousel-indicators {
  background: #ddd;
  margin: 0;
}
.widget_partenaire.grand_widget .agrandie {
  display: block;
}
@media screen and (max-width: 567px) {
  .widget_partenaire.grand_widget .agrandie {
    padding: 0 5px;
  }
}
.widget_partenaire.grand_widget .agrandie img {
  margin: 0 auto;
  max-height: 250px;
}
.widget_partenaire.grand_widget .image {
  display: block;
  border: 1px solid #ccc;
  max-width: calc(100% - 2px);
}
.widget_partenaire.grand_widget div.liste_photos {
  margin: 0 -10px 0 0;
}
.widget_partenaire.grand_widget p a {
  display: inline-block;
  margin: 0 auto;
  max-width: calc(100% - 10px);
  padding: 5px;
}

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

#lien-album-externe a {
  color: #575757;
  text-decoration: none;
}
#lien-album-externe a:hover {
  text-decoration: underline;
}

/* Produits */
.widget_boutique.grand_widget .colonne1 {
  margin-right: 10px;
}
.widget_boutique.grand_widget .colonne2 {
  margin: 0 10px;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .widget_boutique.grand_widget .colonne1 {
    margin-right: 0;
  }
  .widget_boutique.grand_widget .colonne2 {
    margin-left: 0;
  }
}
.widget_boutique.grand_widget article {
  background: #edecec;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.widget_boutique.grand_widget article.unique {
  text-align: left;
}
.widget_boutique.grand_widget article .illustration img {
  margin: 2px auto;
}
.widget_boutique.grand_widget article h3 {
  margin: 10px 2px;
  font-size: 1.2rem;
}
.widget_boutique.grand_widget article h3 a {
  color: #575757;
  text-decoration: none;
}
.widget_boutique.grand_widget article h3 a:hover {
  text-decoration: underline;
}
.widget_boutique.grand_widget article p {
  margin: 10px 0;
  font-size: 0.8em;
}
.widget_boutique.grand_widget article mark.prix {
  background: #edecec;
}
.widget_boutique.grand_widget article .accroche {
  background: #b81b1b none repeat scroll 0 0;
  color: white;
  font-size: 0.8em;
  line-height: 1.5em;
  position: absolute;
  top: 44px;
  left: -33px;
  text-align: center;
  transform: rotate(-45deg);
  width: 170px;
}
.widget_boutique.grand_widget article ul.buttons {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
.widget_boutique.petit_widget h3 {
  font-size: 1.1rem;
}
.widget_boutique.petit_widget h3 a {
  color: var(--color1);
  text-decoration: none;
  font-weight: bold;
}
.widget_boutique.petit_widget mark.prix {
  background: white;
}
.widget_boutique mark.prix {
  color: #444444;
  font-weight: bold;
  font-size: 1em;
}
.widget_boutique mark.prix span {
  color: #444444;
  font-weight: normal;
  font-size: 0.7em;
}
.widget_boutique mark.prix span.prix_barre {
  font-size: 1em;
}

html.uppercasable .widget_boutique h3 {
  text-transform: uppercase;
}
html.uppercasable .widget_boutique article .accroche {
  text-transform: uppercase;
}

/* Widget Section */
#contenu .grand_widget.widget_section a {
  display: inline-block;
  text-align: center;
  margin: 10px;
  padding: 16px;
  color: #595858;
  background: #f0f0f0;
  text-decoration: none;
}

html.uppercasable .grand_widget.widget_section a {
  text-transform: uppercase;
}

/* widget PANIER */
#contenu .grand_widget.widget_panier ul {
  border-top: 1px solid #b4b5b5;
  text-align: center;
  margin-top: 30px;
}
#contenu .grand_widget.widget_panier li {
  display: inline-block;
  margin: -18px 0;
  background: white;
  vertical-align: top;
  padding: 0 10px;
}

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

.widget_operations_preventes .inner {
  background: unset !important;
}
.widget_operations_preventes article {
  margin-top: 10px;
  margin-bottom: 10px;
  background: white;
  border: 1px solid #bfbfbf !important;
  padding: 5px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .widget_operations_preventes article {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  .widget_operations_preventes article {
    font-size: 0.7em;
  }
}
.widget_operations_preventes article img {
  border: 0;
}
.widget_operations_preventes article section {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  width: calc(100% - 5px);
}
@media screen and (max-width: 567px) {
  .widget_operations_preventes article section {
    position: relative;
    top: 0;
    transform: unset;
  }
}
.widget_operations_preventes article h2,
.widget_operations_preventes article h3 {
  font-weight: bold;
  font-size: 1.2em;
  border: none;
  margin-bottom: 15px;
}
.widget_operations_preventes article h2 a,
.widget_operations_preventes article h3 a {
  text-decoration: none;
  color: #383838;
}
.widget_operations_preventes article h2 a:hover,
.widget_operations_preventes article h3 a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .widget_operations_preventes article h2 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .widget_operations_preventes article h2 {
    margin-bottom: 5px;
  }
}
.widget_operations_preventes article p {
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .widget_operations_preventes article footer {
    display: none;
  }
}
.widget_operations_preventes article .accroche {
  background: #b81b1b none repeat scroll 0 0;
  color: white;
  font-size: 0.8em;
  line-height: 1.5em;
  position: absolute;
  top: 30px;
  left: -37px;
  text-align: center;
  transform: rotate(-45deg);
  width: 150px;
}
.widget_operations_preventes article .accroche.long {
  top: 38px;
  left: -29px;
}

html.uppercasable .widget_operations_preventes article h2,
html.uppercasable .widget_operations_preventes article h3 {
  text-transform: uppercase;
}
html.uppercasable .widget_operations_preventes article .accroche {
  text-transform: uppercase;
}

.module.fond_gris.liste_operations_preventes {
  margin-top: 0;
}

.liste.operations_preventes {
  margin: 0 -10px;
}

/* Widget Résultat */
.grand_widget.widget_resultats h2 {
  border-top: 2px solid #5b5b5b;
  font-size: 1em;
  position: relative;
  margin: 30px 0;
  border-bottom: none;
  font-weight: bold;
  padding: 0;
  color: #5b5b5b;
}
.grand_widget.widget_resultats h2 span {
  display: inline-block;
  background: #f2f2f2;
  font-weight: bold;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.grand_widget.widget_resultats hr {
  display: block;
  height: 0;
  border: 0;
  border-bottom: 1px solid #9d9d9d;
  clear: both;
}
.grand_widget.widget_resultats hr.onlycol1 {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .grand_widget.widget_resultats hr.onlycol1 {
    display: block !important;
  }
  .grand_widget.widget_resultats hr.onlycol2 {
    display: none !important;
  }
}
.grand_widget.widget_resultats .titre_evenement {
  color: #838383;
  font-size: 1rem;
}
.grand_widget.widget_resultats .titre_evenement strong {
  font-weight: bold;
}
.grand_widget.widget_resultats .titre_evenement a {
  color: #838383;
  text-decoration: none;
}
.grand_widget.widget_resultats .titre_evenement a:hover {
  text-decoration: underline;
}
.grand_widget.widget_resultats p.date {
  text-align: center;
  color: #5b5b5b;
  font-size: 0.8em;
  margin-bottom: 10px;
  font-weight: bold;
}
.grand_widget.widget_resultats section.date {
  display: inline-block;
  color: #838383;
  font-weight: bold;
  width: 45px;
  height: 45px;
  vertical-align: top;
  position: relative;
}
.grand_widget.widget_resultats section.date > span {
  display: block;
  text-align: center;
}
.grand_widget.widget_resultats section.date .j {
  display: block;
  font-size: 1.5em;
}
.grand_widget.widget_resultats section.date .m {
  display: block;
  font-size: 0.8em;
}
.grand_widget.widget_resultats .info {
  color: #838383;
  font-size: 0.8em;
}
.grand_widget.widget_resultats .info a {
  color: #838383;
  text-decoration: none;
}
.grand_widget.widget_resultats .info a:hover {
  text-decoration: underline;
}
.grand_widget.widget_resultats .resultats-libelles p {
  margin-top: 10px;
  font-size: 0.9em;
}
.grand_widget.widget_resultats .resultats-scores {
  margin: 3% auto;
  max-width: 450px;
  text-align: center;
}
.grand_widget.widget_resultats .resultats-scores .logo {
  display: inline-block;
  width: 15%;
  height: 45%;
}
.grand_widget.widget_resultats .resultats-scores .score {
  display: inline-block;
  font-size: 2em;
  margin: 0 25px;
}
.grand_widget.widget_resultats .resultats-scores .score strong {
  font-weight: bold;
}
.grand_widget.widget_resultats .resultats-scores .scores,
.grand_widget.widget_resultats .resultats-scores .scores > * {
  vertical-align: middle;
}
.grand_widget.widget_resultats .resultats-scores .noms-adversaires {
  display: block;
  font-size: 1.4em;
  margin-top: 3%;
}
.grand_widget.widget_resultats .resultats-scores .noms-adversaires strong {
  font-weight: bold;
}
.grand_widget.widget_resultats .resultats-scores .noms-adversaires a {
  color: #383838;
  text-decoration: none;
}
.grand_widget.widget_resultats .resultats-scores .noms-adversaires a:hover {
  text-decoration: underline;
}
.grand_widget.widget_resultats .resultats_individuels {
  font-size: 0.8em;
}
.grand_widget.widget_resultats .resultats_individuels h2 {
  font-weight: bold;
  font-size: 0.8em;
}
.grand_widget.widget_resultats .resultats_individuels li {
  display: inline-block;
  background: #eeeeee;
  margin: 10px;
  padding: 5px;
  white-space: nowrap;
}
.grand_widget.widget_resultats .resultats_individuels li img {
  width: 30px;
}
.grand_widget.widget_resultats .resultats_individuels li strong {
  font-weight: bold;
}
.grand_widget.widget_resultats .resultats_individuels li a {
  color: #383838;
  text-decoration: none;
}
.grand_widget.widget_resultats .resultats_individuels li a:hover {
  text-decoration: underline;
}
.grand_widget.widget_resultats article.big .titre_evenement {
  text-align: center;
  font-weight: bold;
}
.grand_widget.widget_resultats article.big .info {
  text-align: center;
}
.grand_widget.widget_resultats article.small {
  margin-left: 5px;
  min-height: 45px;
  width: calc(100% - 50px);
  clear: both;
  float: right;
}
.grand_widget.widget_resultats article.small .titre_evenements {
  color: #383838;
  font-size: 1em;
}
.grand_widget.widget_resultats article.small .titre_evenements a {
  color: #383838;
}
.grand_widget.widget_resultats article.small .resultats-scores .score {
  font-size: 0.9em;
  margin: 0 5px;
}
.grand_widget.widget_resultats .colonne1,
.grand_widget.widget_resultats .colonne2 {
  margin: 0 30px;
}
@media screen and (max-width: 767px) {
  .grand_widget.widget_resultats .colonne1,
  .grand_widget.widget_resultats .colonne2 {
    margin: 0;
  }
}
.grand_widget.widget_resultats .more_link {
  position: relative;
  right: auto;
  top: auto;
  text-align: center;
  margin: 20px 0;
}

html.uppercasable .grand_widget.widget_resultats h2 {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats h2 span {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats .titre_evenement {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats p.date {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats section.date .m {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats .info {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats .resultats-scores .score {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats .resultats-scores .noms-adversaires {
  text-transform: uppercase;
}
html.uppercasable .grand_widget.widget_resultats .resultats_individuels h2 {
  text-transform: uppercase;
}

/* Widget flux */
.widget_rss,
.widget_rss_fede {
  /* FFBB */
  /* FFTA */
}
.widget_rss .content header,
.widget_rss_fede .content header {
  background: #f5f5f5;
  display: inline-block;
  font-weight: bold;
  padding: 5px;
}
.widget_rss .content header a,
.widget_rss_fede .content header a {
  color: #585858;
  text-decoration: none;
}
.widget_rss .content header a:hover,
.widget_rss_fede .content header a:hover {
  text-decoration: underline;
}
.widget_rss div.info,
.widget_rss_fede div.info {
  font-weight: bold;
  color: #666666;
  display: inline-block;
  padding-right: 20px;
}
.widget_rss p.info,
.widget_rss ul.buttons,
.widget_rss_fede p.info,
.widget_rss_fede ul.buttons {
  display: none;
}
.widget_rss img,
.widget_rss_fede img {
  max-width: 100%;
  height: auto;
}
.widget_rss h3,
.widget_rss_fede h3 {
  display: inline-block;
  font-size: 1rem;
}
.widget_rss h3 a,
.widget_rss_fede h3 a {
  color: var(--color1);
  text-decoration: none;
  font-size: 1rem;
}
.widget_rss h3 a:hover,
.widget_rss_fede h3 a:hover {
  text-decoration: underline;
}
.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 {
  display: block;
  margin-bottom: 2rem;
  padding: 0;
  background: white;
  text-align: center;
}
.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 {
  display: block;
  margin-bottom: 2rem;
  padding: 0;
  background: white;
  text-align: center;
}
.widget_rss.federation_161.premium .content header:before,
.widget_rss_fede.federation_161.premium .content header:before {
  content: "";
  height: 1px;
  background: #cb8137;
  top: 13px;
  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 .widget_rss.federation_140.premium .content header a, html.uppercasable .widget_rss.federation_161.premium .content header a,
html.uppercasable .widget_rss_fede.federation_140.premium .content header a,
html.uppercasable .widget_rss_fede.federation_161.premium .content header a {
  text-transform: uppercase;
}

/* Widgets membres */
.widget_membres h3 {
  margin-bottom: 3px;
  color: #3d4446;
  text-transform: none;
  font-weight: normal;
  font-size: 0.9em;
}
.widget_membres h3 a {
  color: #3d4446;
  text-decoration: none;
}
.widget_membres h3 a:hover {
  text-decoration: underline;
}
.widget_membres.grand_widget h3 {
  margin: 22px 0 3px 0;
}
.widget_membres .text-muted {
  color: #777 !important;
  font-size: 0.8em;
}

.widget_anniversaires.petit_widget h3.separateur {
  border-top: 1px solid #ddd;
  font-size: 1.2em;
  position: relative;
  margin: 30px 0;
}
.widget_anniversaires.petit_widget h3.separateur span {
  display: inline-block;
  background: #f1f1f1;
  font-weight: bold;
  padding: 0 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: var(--color2);
}
.widget_anniversaires.petit_widget h4 {
  margin-bottom: 3px;
  color: #3d4446;
  text-transform: none;
  font-weight: normal;
  font-size: 0.9em;
}
.widget_anniversaires.petit_widget h4 a {
  color: #3d4446;
  text-decoration: none;
}
.widget_anniversaires.petit_widget h4 a:hover {
  text-decoration: underline;
}
.widget_anniversaires.petit_widget .text-muted {
  color: #777 !important;
  font-size: 0.8em;
}
.widget_anniversaires.grand_widget h3 {
  color: #7a7a7a;
  text-align: center;
  line-height: 35px;
  margin: 5px 0;
}
.widget_anniversaires.grand_widget article {
  color: #7a7a7a;
  background: #f5f5f5;
  padding: 5px;
  margin-bottom: 15px;
  line-height: 35px;
}
.widget_anniversaires.grand_widget h4 {
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
}
.widget_anniversaires.grand_widget h4 a {
  color: #7a7a7a;
  text-decoration: none;
}
.widget_anniversaires.grand_widget h4 a:hover {
  text-decoration: underline;
}

html.uppercasable .widget_anniversaires.petit_widget h3.separateur span {
  text-transform: uppercase;
}

.widget_a_la_une header {
  display: none;
}
.widget_a_la_une p.date strong {
  color: var(--color2);
}
.widget_a_la_une ul.buttons {
  margin: 10px 0 16px 0;
  padding: 0;
  text-align: right;
}
.widget_a_la_une ul.buttons li {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  background: var(--color2);
  color: white !important;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  line-height: 32px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: normal !important;
}
.widget_a_la_une ul.buttons li a {
  color: white;
  text-decoration: none;
}
.widget_a_la_une ul.buttons li:hover {
  background-color: var(--color2-declined);
}
.widget_a_la_une .a_la_une:not(.panoramique):not(.page-boutique) h3, .widget_a_la_une .a_la_une:not(.panoramique):not(.page-boutique) p {
  color: white;
}
.widget_a_la_une .a_la_une.page-boutique h3 {
  color: var(--color1);
}

body.is-couleur1-lumineuse .widget_a_la_une .a_la_une:not(.panoramique) h3 {
  color: var(--color1-bkg-texte1);
}
body.is-couleur1-lumineuse .widget_a_la_une .a_la_une:not(.panoramique) p {
  color: var(--color1-bkg-texte1);
}

.is-couleur1-lumineuse .widget_a_la_une .classique .resume,
.is-couleur1-lumineuse .widget_a_la_une .classique-elargie .resume,
.is-couleur1-lumineuse .widget_a_la_une .classique .resume a,
.is-couleur1-lumineuse .widget_a_la_une .classique-elargie .resume a,
.is-couleur1-lumineuse .widget_a_la_une .classique .accroche,
.is-couleur1-lumineuse .widget_a_la_une .classique-elargie .accroche {
  color: var(--color1-bkg-texte1);
}

.with-right-aside #main-column section.widget.widget_a_la_une .defilement_haut, .with-right-aside #main-column section.widget.widget_a_la_une .defilement_bas {
  right: calc(var(--bs-gutter-x) * 1.5);
}

/*******************************************************************/
/*        Listes                                                   */
/*******************************************************************/
/*
.liste.images article { padding: 40px 0; border-bottom: 1px solid #cfcfcf; overflow: auto; margin: 0 -5px; }
.liste.images article.last { border-bottom: none; }

article .liste.images { padding: 0 0 20px 0; overflow: auto; margin: 0 -5px; }
article .widget .liste.images { margin: 0; padding: 0; overflow: visible; }

.liste.images h2 { display: inline-block; text-transform: uppercase; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; }
.liste.images h2 a { text-decoration: none; }
.liste.images p.info { display: inline-block; font-size:0.8em; line-height: 1.75em; color:#383838; margin: 0; vertical-align:top; margin-bottom: 10px; }

.liste.images .contenu { padding: 0 5px; }

article .liste.images .image a { padding: 5px; display: block; position:relative }

.liste.images .equipes { margin-bottom: 10px; }

.liste h2 span.info { font-weight:normal; font-size:0.8em; }

h2.separateur { border-top: 2px solid #5b5b5b; font-size: 1.4em; position: relative; margin: 30px 0; }
h2.separateur span { display: inline-block; background: white; font-weight: bold; text-transform:uppercase; padding: 0 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

h3.separateur { border-top: 1px solid #5b5b5b; font-size: 1.2em; position: relative; margin: 30px 0; }
h3.separateur span { display: inline-block; background: white; font-weight: bold; text-transform:uppercase; padding: 0 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.organigramme .titre-section { display: table-cell; vertical-align: middle;  }
.organigramme h2 { margin: 0 10px 0 20px; color:#292929; border-bottom: 1px solid #6c6c6c; font-size: 1.4em; text-transform: uppercase; font-style: bold; }
.organigramme h3 { margin: 22px 0 3px 0; color:#3d4446; text-transform: uppercase; font-weight: bold; font-size: 0.9em; }
.organigramme h3 a { text-decoration: none; color:#3d4446; line-height:20px; }
.organigramme h3 a:hover { text-decoration: underline; }
.organigramme p { color:#a0a9b6; margin-bottom: 15px; font-size: 0.8em; text-transform: uppercase; }
.organigramme li { font-size: 0.8em; color:#585c60 }
.organigramme li a { color: #585c60; text-decoration: none; }
.organigramme li a:hover { text-decoration: underline; }
.organigramme .membre { padding-right: 0; padding-bottom: 20px; position: relative; overflow: hidden }
.organigramme .membre span, 
.organigramme .membre a { display: inline; line-height: auto; vertical-align: baseline; }
.organigramme .membre .info {  color: #777;  font-size: 0.8em; }
.organigramme .membre a.illustration,
.organigramme .membre .illustration {
	display: table;
	background: #f0f0f0;
	width: 100%;
	text-align:center;
}

.organigramme .membre .info.status { color: white; font-size: 0.8em; line-height: 1.5em; position: absolute; top: 30px; left: -37px; text-align: center; text-transform: uppercase; transform: rotate(-45deg); width: 150px; }
.organigramme .membre .info.status.present { background: #24c428 none repeat scroll 0 0; }
.organigramme .membre .info.status.absent { background: #b81b1b none repeat scroll 0 0; }
.organigramme .membre .info.status.enattente { background: #f4772c none repeat scroll 0 0; }


.no-image-membre {
	margin-right: 10px;
	width: 100%;
	color: white;
	font-size: 5em;
	margin-top: calc(50% - 38px);
}

.liste.boxed { margin: 20px 0; }
.liste.boxed article { margin: 10px 0; border: 1px solid #e7e6e6; position: relative; padding: 10px; }
.liste.boxed .contenu { position: absolute; top: 50%; transform: translateY(-50%); }
.liste.boxed h2 { font-weight: bold; font-size:1.2em; margin-left:5px; }
.liste.boxed h2 a { color:#2a2a2a; text-transform: uppercase; text-decoration: none; }
.liste.boxed h2 a:hover { text-decoration: underline; }
.liste.boxed p.info { color:#838383; font-size: 0.8em; margin-top: 5px; margin-left:5px; margin-bottom: 0; }
.liste.boxed p.bouton { position: absolute; bottom:0; right: 0; margin-bottom: 0; }
.liste.boxed p a { color:#2a2a2a; text-transform: uppercase; text-decoration: none; font-size: 0.8em; }
.liste.boxed p a:hover { text-decoration: underline; }


.page_sections { margin: 20px 0 }


.page_evenements { position: relative; margin-top: 40px; }
.page_evenements h2 { border-bottom: 1px solid black; padding: 17px 0; margin-bottom: 20px; text-transform: uppercase; font-size: 1.2em; color:#626262; font-weight: normal; }

.liste.evenements { margin: 20px -20px; }
.liste.evenements article { background: #f6f6f6; margin: 20px; vertical-align:middle; position: relative; }
*/
/*
.liste.evenements time.long { font-size: 0.8em; }
.liste.evenements time.long > span { width: 90px; }
.liste.evenements time.long > span > span { display: block; }
.liste.evenements time.long .j { display: inline-block; line-height: 1em; }
.liste.evenements time.long .m { display: inline-block; }
*/
/*
.liste.evenements article .illustration { display: inline-block; width: 187px; height: 187px; }
.liste.evenements article section.informations { display:inline-block; color:#454545; padding: 20px; width: calc(85% - 187px - 40px - 12px); min-height: 147px; vertical-align:top; }
.liste.evenements article.noillustration section.informations { width: calc( 85% - 40px - 12px); }
.liste.evenements article section.informations a { color:#454545; }
.liste.evenements article section.informations  > span { display:block; }
.liste.evenements article section.informations .fa-check { color: #0eac03; }
.liste.evenements article section.informations .fa-question { color: #aaa; }
.liste.evenements article section.informations .fa-times { color: #d71a1a; }
.liste.evenements h3 { font-weight: bold; font-size:1.2em; text-transform: uppercase; }
.liste.evenements h3 a { text-decoration: none; color:#383838; }
.liste.evenements h3 a:hover { text-decoration: underline; }
.liste.evenements h4 { font-weight: normal; font-size:1em; text-transform: uppercase; margin-bottom: 10px; }
.liste.evenements h4 a { text-decoration: none; color:#383838; }
.liste.evenements h4 a:hover { text-decoration: underline; }
.liste.evenements p { text-transform: uppercase; color:#838383; margin-top: 10px; font-size: 1em; }
.liste.evenements p.description { text-transform: none; }
#contenu .liste.evenements p.description { padding-bottom: 0;}
.liste.evenements p a { text-decoration: none; color:#838383 }
.liste.evenements p a:hover { text-decoration: underline; }
.liste.evenements p.bouton { text-transform: uppercase; float:right; }
.liste.evenements p.bouton a { color: white; }

.page_convocations .liste.evenements li { margin: 5px; }
.page_convocations .liste.evenements article section.date { min-height: 100px; }
.page_convocations .liste.evenements article section.informations  { width: calc(85% - 40px - 11px); min-height: 70px; }

.page_membre .liste.evenements article section.date { height: 115px; }
.page_membre .liste.evenements article .illustration { width: 115px; height: 115px; }
.page_membre .liste.evenements article section.informations { width: calc(85% - 115px - 40px - 11px); min-height: 75px; }

.liste.evenements ul { margin: 15px -20px 0 -20px; }
.liste.evenements li { display: inline-block; background: #eeeeee; margin: 20px; padding: 5px; }
.liste.evenements li strong { font-weight: bold; }

.liste.evenements ul.arborescence li {
	display: block;
	padding: 1px 10px;
}

@media screen and (max-width : 767px) {
	.liste.evenements p.bouton { display: none; } 
}
@media screen and (max-width : 567px) { 
	.liste.evenements article section.date { width: calc( 20% ); height: auto; }
	.liste.evenements article section.date > span { position: relative; top: 0; left:0; transform: none; padding: 10px; width: auto; font-size: 0.8em; }
	.liste.evenements article .illustration  { display: none; }
	.liste.evenements article section.informations { width: calc( 80% - 25px); padding: 10px; min-height: auto; }
}

.page_news { position: relative; margin-top: 40px; }


.liste.news article { min-height: 100px; margin-bottom: 20px; line-height: 100px; }
.liste.news article .jour { display: inline-block; width: 110px; height: 100px; border-right: 2px solid #adadad; vertical-align: top; text-align: center; }
.liste.news article .jour strong { font-weight: bold; font-size:1.4em; border: 1px solid #dfe0e0; padding: 4px; }
.liste.news article section { display: inline-block; background: #f1f0f0; width: calc( 100% - 150px); margin-left: 32px; }
.liste.news article .illustration { display: inline-block; vertical-align:top; line-height:1em; }
.liste.news article .informations { display: inline-block; vertical-align:middle; line-height:1em; width:calc(100% - 165px); }
.liste.news article.noillustration .informations { display: inline-block; vertical-align:middle; line-height:1em; width:calc(100%); }
.liste.news article h2 { font-weight: bold; font-size:1.2em; text-transform: uppercase; }
.liste.news article h2 a { text-decoration: none; color:#383838; }
.liste.news article h2 a:hover { text-decoration: underline; }
.liste.news article div.equipes { margin: 10px 0 0 0; }
.liste.news article .entry-content { margin: 10px 0 }
.liste.news article p.info { font-size: 0.8em; text-transform: uppercase; color:#383838; margin: 10px 0; }
.liste.news article p a { text-decoration: none; color:#383838; }
.liste.news article p a:hover { text-decoration: underline; }
.liste.news hr.separateur { border: none; border-bottom: 1px solid #e3e2e2; height: 0; margin: 5px 0 25px 0 }


@media screen and (max-width : 567px) { 
	.liste.news article .illustration { display: none; }	
	.liste.news article .informations { width: 100%; }
}
*/
/*
.liste.partenaires article { background: #f6f6f6; margin: 10px 0; }
.liste.partenaires .illustration { display: block; margin: 10px 25px; }
.liste.partenaires .illustration img { border: 1px solid #c8c8c8; width: calc( 100% - 2px); }
.liste.partenaires .informations { margin: 20px; }
.liste.partenaires h3 { font-weight: bold; font-size:1.2em; text-transform: uppercase; }
.liste.partenaires h3 a { text-decoration: none; color:#383838; }
.liste.partenaires h3 a:hover { text-decoration: underline; }
.liste.partenaires p.info { color:#464646; margin: 10px 0 }
.liste.partenaires p.bouton { text-align: right; }
.liste.partenaires p.bouton a { text-transform: uppercase; }
.liste.partenaires p.bouton a:hover { color: white; }

.liste.equipements h2 { font-weight: bold; font-size:1.2em; text-transform: uppercase; }


#produits-complementaires.module h2 { border: 0; font-size: 0.9em; }






.liste.operations_preventes.vertical section { position: relative; top: 0; left: 0; transform: none; text-align:center; margin: 0 auto; }





.module.liste.convoques { margin: 0; }
.liste.convoques ul { margin: 15px -5px -5px -5px; }
.liste.convoques li { display: inline-block; background: #eeeeee; margin: 5px; padding: 5px; }
.liste.convoques li a { color: #595858; text-decoration: none; }
.liste.convoques li a:hover { text-decoration: underline; }
.liste.convoques .fa-check { color: #0eac03; }
.liste.convoques .fa-question { color: #aaa; }
.liste.convoques .fa-times { color: #d71a1a; }
*/
/*******************************************************************/
/*        Page Rubriques                                           */
/*******************************************************************/
.presentation_boutique {
  margin-bottom: 20px;
}
.presentation_boutique .description {
  background: #f2f2f2;
  padding: 20px 20px 10px 20px;
}

.liste-liens {
  margin-bottom: 20px;
}

.liste.produits article h2,
.liste.produits article h3,
.liste.produits-complementaires article h2,
.liste.produits-complementaires article h3 {
  font-size: 1.2em;
}

html.uppercasable .liste.produits article h2,
html.uppercasable .liste.produits article h3,
html.uppercasable .liste.produits-complementaires article h2,
html.uppercasable .liste.produits-complementaires article h3 {
  text-transform: uppercase;
}

/*******************************************************************/
/*        Réservation                                              */
/*******************************************************************/
#navigateur_date td.actif a {
  color: var(--color1);
}